.hero-scroll{position:relative;height:100svh}
.hero-scroll.motion-ready{height:180svh}
.hero-scroll>.hero{height:100svh;min-height:100svh;position:sticky;top:0;padding-top:calc(var(--header-height) + 28px);padding-bottom:100px;--hero-p:0;--logo-end-scale:.56;--logo-dx:0px;--logo-dy:0px}
.hero-lockup{transform:translate3d(calc(var(--logo-dx)*var(--hero-p,0)),calc(var(--logo-dy)*var(--hero-p,0)),0) scale(calc(1 - (1 - var(--logo-end-scale))*var(--hero-p,0)));transform-origin:center;will-change:transform}
.hero-prefix{font-size:10px;letter-spacing:.38em}
.hero .logo-window{--mark-width:min(clamp(210px,18vw,300px),33svh)}
.hero-note{font-style:normal;line-height:1.3;margin-top:24px;min-height:35px;max-width:min(430px,85vw)}
.hero-note>img{width:clamp(240px,22vw,350px);height:auto}
.hero-rule{margin-top:20px;opacity:calc(1 - var(--hero-p,0))}
.hero-signature{position:absolute;z-index:3;right:9%;bottom:16%;width:clamp(280px,30vw,480px);font:italic 36px/1.5 'Segoe Script',Georgia,serif;color:#eee4d5;opacity:clamp(0,calc((var(--hero-p,0) - .28)*2),1);transform:translate3d(0,calc(15px*(1 - var(--hero-p,0))),0);pointer-events:none;overflow-wrap:anywhere;text-align:center}
.hero-signature>img{width:100%;height:auto}
.hero-bottom{opacity:calc(1 - var(--hero-p,0)*1.5);pointer-events:none}
.hero-bottom a{pointer-events:auto}
.hero-background .hero-lockup{background:none;border:0;padding:0;text-shadow:0 1px 8px #0008}
.hero-background .hero-signature{text-shadow:0 1px 8px #0008}
.hero-background .hero-bottom{background:none;border:0}
.hero-composed .hero-lockup{--logo-end-scale:.7}
.hero-composed .hero-signature{bottom:9%;right:12%;width:32%}
.hero-composed .hero-photograph{height:min(56svh,630px);transform:translateY(calc(-20px*var(--hero-p,0)))}
#main{position:relative;isolation:isolate}
.studio-opening{padding-block:100px 58px;grid-template-columns:1fr 2.3fr}
.studio-opening h2{font-size:clamp(36px,4vw,58px);max-width:21ch}
.selected{padding-top:16px;padding-bottom:106px}
.section-head{padding-top:24px;margin-bottom:38px}
.story-card .index{font-variant-numeric:tabular-nums}
.work-section{padding-block:68px 88px}
.work-section .section-head{margin-bottom:40px}
.gallery-note{padding-block:54px}
.studio-aside{padding-block:66px 80px}
.about-note h2{font-size:23px;margin-bottom:13px}
.about-note p+p{margin-top:13px}
.story-body{white-space:pre-line;margin-top:20px}
.page-intro h1,.about-copy h1{overflow-wrap:anywhere;text-wrap:balance}
.story-card h3,.studio-opening h2,.hero-prefix,.hero-note{overflow-wrap:anywhere}
.card-meta{min-width:0}
.card-meta .eyebrow{overflow-wrap:anywhere}
.collection-end .text-link{white-space:normal}
.footer-name{overflow-wrap:anywhere}
.footer-line{flex-wrap:wrap}
.about-copy>p,.studio-opening p{white-space:pre-line}
.reveal-copy.entered{animation:editorial-enter .7s cubic-bezier(.2,.7,.2,1) both}
.story-card.entered:nth-child(2){animation-delay:80ms}
.story-card.entered:nth-child(3){animation-delay:140ms}
@keyframes editorial-enter{from{transform:translateY(18px)}to{transform:none}}
.text-link>span,.story-card h3>span{transition:transform .25s ease}
.text-link:hover>span,.story-card:hover h3>span{transform:translate(2px,-2px)}
.button{transition:background .2s,color .2s,transform .2s}
.button:active{transform:translateY(1px)}
@keyframes menu-open{from{transform:translateY(-5px)}to{transform:none}}
.photo-button{transition:box-shadow .25s}
.photo-button:focus-visible{box-shadow:0 0 0 5px #cda45d44}
@media(max-width:1100px){.hero .logo-window{--mark-width:min(240px,32svh)}
.hero-note>img{width:270px}
.hero-signature{right:7%;width:35%}
.hero-composed .hero-signature{width:34%;right:9%}
}
@media(max-width:700px){.hero-scroll.motion-ready{height:145svh}
.hero-scroll>.hero{padding:100px 8% 100px}
.hero .logo-window{--mark-width:min(190px,28svh)}
.hero-note>img{width:min(260px,75vw)}
.hero-prefix{font-size:9px}
.hero-signature{right:15%;bottom:10%;width:70%;font-size:27px}
.hero-bottom{bottom:24px}
.hero-composed{gap:24px}
.hero-composed .logo-window{--mark-width:min(120px,16svh)}
.hero-composed .hero-note>img{width:190px}
.hero-composed .hero-photograph{height:27svh;width:80%;align-self:start;transform:none}
.hero-composed .hero-signature{bottom:7%;right:22%;width:56%}
.hero-composed .hero-lockup{align-self:end}
.hero-composed .hero-prefix{margin-bottom:13px}
.hero-composed .hero-note{margin-top:14px}
.hero-composed .hero-bottom{display:none}
.studio-opening{grid-template-columns:1fr;padding-block:54px 36px}
.studio-opening h2{font-size:37px}
.selected{padding-bottom:54px}
.section-head{margin-bottom:28px}
.work-section{padding-block:38px 48px}
.gallery-note{padding-block:42px}
.studio-aside{padding-block:46px 52px}
}
@media(prefers-reduced-motion:reduce){.hero-scroll.motion-ready,.hero-scroll{height:100svh}
.hero-scroll>.hero{position:relative}
.hero-lockup,.hero-composed .hero-photograph{transform:none!important;will-change:auto}
.hero-signature{opacity:1;transform:none;bottom:8%;right:8%;width:28%}
.hero-bottom{display:none}
.hero-composed .hero-signature{bottom:5%}
*,*:before,*:after{animation:none!important;transition:none!important}
@media(max-width:700px){.hero-signature{width:58%;right:21%;bottom:7%}
.hero-composed .hero-signature{bottom:5%;width:50%;right:25%}
}
}
.text-link{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.button{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.footer-name{display:inline-block;padding-block:8px}
.development-credit{max-width:100%;overflow-wrap:anywhere}
.gallery-toolbar span{min-width:0;overflow-wrap:anywhere}
.hero-note>img{width:clamp(170px,14.5vw,245px)}
@media(min-width:701px) and (max-width:1100px){.hero-note>img{width:190px}
}
@media(max-width:700px){.hero-note>img{width:160px}
.hero-composed .hero-note>img{width:150px}
}