html:has(.creep-study){background:#17211d}.creep-study{--ground:#17211d;--ink:#e4e9d7;--dim:#b6c3b2;--accent:#c4cf81;--rule:#e4e9d738;--joint-ink:var(--ink);--joint-dim:var(--dim);--joint-rule:var(--rule);--joint-accent:var(--accent);--joint-face:Optima, "Trebuchet MS", sans-serif;background:var(--ground);min-height:100dvh;color:var(--ink);font:400 17px/1.65 Optima,Trebuchet MS,sans-serif}.creep-study h1,.creep-study h2,.creep-study h3,.creep-study p,.creep-study figure{margin:0}.creep-study a{color:inherit;text-underline-offset:4px}.creep-study a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.creep-study .study-label{color:var(--dim);font:400 14px/1.5 Menlo,monospace}.creep-study .hero-copy{max-width:34ch;font-size:clamp(19px,2.4vw,26px);line-height:1.5}.creep-study .study-action{border-bottom:1px solid var(--accent);color:var(--accent);margin-top:22px;padding:10px 0;text-decoration:none;display:inline-block}.creep-study .study-body{width:min(1180px,100% - 48px);margin:auto}.creep-study .study-still img{width:100%;height:auto;display:block}.creep-study .study-still figcaption{color:var(--dim);margin-top:10px;font-size:14px}.creep-study .study-section-head{margin-bottom:30px}.creep-study .study-section-head>p,.creep-study .study-status>p:first-child{color:var(--accent);margin-bottom:10px;font:400 14px/1.5 Menlo,monospace}.creep-study .study-section-head h2,.creep-study .study-status h2{font-size:clamp(28px,3.5vw,42px);font-weight:400;line-height:1.2}.creep-study .study-pieces{padding-block:72px}.creep-study .piece-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.creep-study .piece-image{aspect-ratio:720/464;color:#bfc7ce;background:#0e1712;border:1px solid #708471;border-radius:30% 18% 26% 20%/24% 32% 22% 30%;place-items:center;display:grid;overflow:hidden;box-shadow:0 10px 28px #0000002e}.creep-study .piece-image img{object-fit:cover;width:100%;height:100%;display:block}.creep-study .piece-image img[src$="/rust.webp"]{transform:scale(1.23)}.creep-study .study-piece:nth-child(3n+2) .piece-image{border-radius:20% 30% 18% 28%/30% 22% 32% 24%}.creep-study .study-piece:nth-child(3n) .piece-image{border-radius:26% 20% 30% 18%/22% 30% 24% 32%}.creep-study .study-piece figcaption{gap:14px;margin-top:16px;display:flex}.creep-study .piece-number{color:var(--dim);font:400 14px/1.8 Menlo,monospace}.creep-study .study-piece h3{margin-bottom:5px;font-size:20px;font-weight:500;line-height:1.3}.creep-study .study-piece p{color:var(--dim);font-size:16px;line-height:1.6}.creep-study .study-status{border-top:1px solid var(--rule);max-width:820px;padding-block:50px 64px}.creep-study .study-status>p:not(:first-child){color:var(--dim);max-width:64ch;margin-top:18px}.creep-study .study-status a{margin-top:22px;display:inline-block}.creep-study .study-siblings{border-top:1px solid var(--rule);padding-block:38px 54px}.creep-study .study-siblings h2{margin-bottom:18px;font-size:22px;font-weight:400}@media (max-width:900px){.creep-study .piece-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.creep-study .study-body{width:calc(100% - 32px)}.creep-study .piece-grid{grid-template-columns:minmax(0,1fr)}.creep-study .study-pieces{padding-block:48px}}.creep-hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;width:min(1180px,100% - 48px);margin:65px auto 40px;display:grid}.creep-study h1{letter-spacing:-.045em;margin-block:20px 26px;font-size:clamp(75px,10vw,150px);font-weight:400;line-height:1}.creep-study h1 span{letter-spacing:0;margin-top:26px;font:400 clamp(26px,3vw,42px)/1.2 Optima,sans-serif;display:block}.creep-specimen{margin-top:60px;padding:40px 0 30px;position:relative}.creep-specimen img{aspect-ratio:1;object-fit:cover;border:1px solid #708471;border-radius:49% 45% 43% 54%}.creep-specimen figcaption{text-align:center}.specimen-note{color:#c4cf81;font:14px Menlo,monospace;position:absolute;top:0;right:10%}.creep-study .study-pieces{border-top:1px solid #708471}.creep-study .study-piece{border-top:1px solid #708471;padding-top:20px}.creep-study .study-piece:nth-child(3n+2){margin-top:40px}.creep-study .study-piece h3{font-family:Optima,sans-serif;font-size:25px}@media (max-width:900px){.creep-hero{gap:24px}.creep-study .study-piece:nth-child(3n+2){margin-top:0}}@media (max-width:620px){.creep-hero{grid-template-columns:1fr;width:calc(100% - 32px);margin-top:36px}.creep-specimen{max-width:400px;margin-top:10px}}
