@font-face{font-family:'Neue Haas Display';src:url(/fonts/NeueHaasDisplayRoman.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Neue Haas Display';src:url(/fonts/NeueHaasDisplayBlack.ttf) format('truetype');font-weight:900;font-display:swap}
.study-page{--ground:#121110;--bone:#ede9e3;--read:#c9c5be;--muted:#a6a19a;--accent:#9fb6c8;--line:rgba(237,233,227,.16);margin:0;background:var(--ground);color:var(--bone);font-family:'Neue Haas Display','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.study-page *{box-sizing:border-box}.study-page a,.study-summary a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}.study-page a:hover,.study-summary a:hover{color:var(--accent)}
.study-page a:focus-visible,.study-summary a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.study-main{width:min(1100px,calc(100% - 56px));margin:auto}.study-nav{display:flex;justify-content:space-between;padding:32px 0;font:11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.study-mast{padding:65px 0 36px}
.study-number{font:11px/1.6 ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.study-mast h1{font-size:clamp(40px,7vw,88px);font-weight:900;line-height:1.02;letter-spacing:-.035em;margin:24px 0;text-wrap:balance}
.study-figure{margin:0 0 35px;min-width:0}.study-figure img,.study-cover img{display:block;width:100%;height:auto;object-fit:contain;background:#e9e6df}
.study-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px}.study-gallery .study-website{grid-column:1/-1}.study-gallery .study-website img{max-height:740px}
.study-footer{padding:50px 0 60px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.study-footer p{max-width:650px;text-wrap:pretty}.study-footer a{display:inline-block;margin:20px 25px 0 0}
.study-summary{padding:65px 0;border-bottom:1px solid var(--line)}.study-summary h2{font-size:clamp(30px,5vw,45px);line-height:1.1;margin:15px 0 25px;letter-spacing:-.02em}.study-summary h2 a{text-decoration:none}.study-cover{display:block}.study-links{margin-top:22px;font-size:13px}
.study-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.study-skip{position:absolute;left:20px;top:-90px;background:var(--ground);padding:12px;z-index:10}.study-skip:focus{top:12px}
.study-jump{display:flex;flex-wrap:wrap;gap:12px 22px;padding:25px 0;border-bottom:1px solid var(--line);font-size:13px}.study-jump a{color:var(--read);text-underline-offset:5px}.study-jump a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.study-video{grid-column:1/-1}.study-video video{display:block;width:100%;height:auto;max-height:740px;background:#121110;object-fit:contain}
@media(max-width:700px){.study-main{width:calc(100% - 40px)}.study-mast{padding-top:35px}.study-mast h1{overflow-wrap:break-word}.study-gallery{grid-template-columns:1fr;gap:15px}.study-summary{padding:45px 0}.study-gallery .study-website img{max-height:none}}
@media(prefers-reduced-motion:reduce){.study-page *,.study-summary *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.study-website-gallery{border-top:1px solid var(--line);padding:28px 0}
.study-website-gallery summary{cursor:pointer;width:fit-content;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:5px}
.study-website-gallery summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.study-website-gallery .study-gallery{margin-top:28px}
.study-website-gallery .study-website img{max-height:none}
.study-website-gallery .study-portrait{width:min(100%,390px,40svh);justify-self:center}
.study-gallery .study-figure{margin:0}
.study-gallery{margin-bottom:32px}
@media(max-width:700px){.study-gallery{gap:24px}.study-mast{padding-bottom:24px}.study-figure{margin-bottom:24px}}