:root{--ease:cubic-bezier(.2,.75,.25,1);--gold:#cda45d}
.hero-scroll.motion-ready{height:calc(100svh + var(--hero-travel,400px))}
.hero-scroll>.hero{padding-bottom:90px}
.hero-lockup{max-width:90vw}
.hero .logo-window{--mark-width:min(clamp(220px,19vw,310px),36svh)}
.hero-note{margin-top:22px;min-height:28px;line-height:1.25;max-width:85vw;font:19px/1.3 Georgia,serif}
.hero-note>img{width:clamp(205px,18vw,290px);margin-inline:auto;transform:translateX(-1px)}
.hero-rule{margin-top:20px}
.hero-signature{bottom:17%;right:9%;width:32%;max-width:490px}
.hero-bottom{bottom:28px}
.hero-discover{min-height:44px;gap:20px}
.hero-composed .hero-signature{width:31%;right:11%;bottom:8%}
.hero-composed .logo-window{--mark-width:min(240px,32svh)}
.hero-composed .hero-note>img{width:230px}
.hero-composed .hero-photograph{height:min(56svh,600px);transform:translateY(calc(-12px*var(--hero-p)))}
.studio-opening{grid-template-columns:.7fr 2.3fr;padding:86px 0 60px}
.studio-opening h2{font-size:clamp(43px,5vw,74px);line-height:1.05;max-width:18ch}
.studio-opening p{max-width:49ch;margin-top:28px;font-size:15px}
.selected{padding-bottom:86px}
.section-head{margin-bottom:40px}
.section-head h2{font-size:clamp(37px,4vw,58px)}
.card-meta{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}
.story-card h3{font-size:clamp(25px,2.3vw,34px)}
.work-section{padding-block:70px 85px;background:transparent}
.work-context{font:italic 16px/1.5 var(--serif)}
.photo-chapter{padding:75px 6% 65px;background:transparent;color:var(--ink)}
.photo-chapter figure{max-width:1100px;margin:auto}
.photo-chapter .photo-button img{max-height:660px;object-fit:contain}
.photo-chapter figcaption{display:flex;justify-content:space-between;gap:25px;color:#dcc9ae;margin-top:22px;border-top:1px solid #9c78694d;padding-top:18px}
.photo-chapter figcaption>span{font:10px/1.5 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.photo-chapter figcaption p{font:italic 20px/1.3 var(--serif)}
.gallery-note{grid-template-columns:.65fr 2fr auto;gap:5%;padding-block:64px}
.gallery-note h2{max-width:15ch;font-size:clamp(36px,3.7vw,55px)}
.studio-aside{padding-block:45px 70px;grid-template-columns:.65fr 2fr auto;gap:5%}
.studio-aside>p{font-size:26px}
.page-intro{padding:68px 0 45px;display:grid;grid-template-columns:1fr 1fr;column-gap:8%}
.page-intro>.eyebrow{grid-column:1/-1}
.page-intro h1{font-size:clamp(48px,6vw,84px);white-space:pre-line;max-width:17ch}
.page-intro>p{align-self:end;margin-bottom:20px;max-width:42ch;line-height:1.8}
.collection-list{padding-bottom:90px}
.detail-intro{display:block;max-width:1050px;text-align:left;padding-top:32px}
.detail-intro h1{font-size:clamp(48px,6vw,82px);max-width:none}
.detail-intro p{margin-inline:0;max-width:63ch}
.detail-intro .back-link{margin-bottom:42px}
.collection-end{gap:30px;flex-wrap:wrap;line-height:1.7}
.photo-button img{transition:transform .85s var(--ease);opacity:1!important}
.photo-button:hover img{transform:scale(1.018)}
.about-photograph{position:relative;padding-top:70px}
.about-photograph:before{content:'01';position:absolute;top:0;font:italic 30px var(--serif);color:#987342}
.about-photograph img{width:100%!important;max-height:none;aspect-ratio:auto!important}
.about-copy h1{font-size:clamp(42px,4.6vw,66px);white-space:pre-line;line-height:1.08}
.about-copy>p{font-size:15px;max-width:45ch}
.about-note{padding-top:27px;margin-top:35px}
.about-note p{font-size:13px;line-height:1.85}
.about-note h2{font-size:28px}
.about-copy .text-link{margin-top:20px}
footer{padding-top:46px}
.footer-top{align-items:end}
.footer-name{font-size:clamp(30px,4vw,56px);letter-spacing:-.04em}
.footer-top p{max-width:33ch;font-size:12px}
.footer-line{margin-top:38px;padding-top:24px}
.text-link{transition:color .25s,border-color .25s}
.text-link:hover{color:#8d622d}
.button{transition:background .25s,color .25s,transform .25s}
.button:hover{transform:translateY(-2px)}
.reveal-copy.entered{animation:chapter-enter .8s var(--ease) both}
.story-card.entered:nth-child(2),.story-card.entered:nth-child(3){animation-delay:0s}
@keyframes chapter-enter{from{transform:translateY(22px)}to{transform:none}}
dialog[open]{animation:viewer-enter .25s var(--ease)}
@keyframes viewer-enter{from{transform:translateY(8px);opacity:.7}to{transform:none;opacity:1}}
.lightbox-stage img{animation:viewer-enter .25s var(--ease)}
@media(max-width:900px){@keyframes menu-chapter{from{transform:translateY(-12px);opacity:.7}to{transform:none;opacity:1}}
.hero-composed .hero-note>img{width:190px}
}
@media(max-width:700px){:root{--header-height:72px}
.wrap{width:88%}
.hero-scroll>.hero{padding:95px 7% 100px}
.hero .logo-window{--mark-width:min(200px,27svh)}
.hero-note{margin-top:20px;font-size:18px}
.hero-note>img{width:195px}
.hero-signature{width:73%;right:9%;bottom:16%;max-width:none;font-size:25px;text-align:right}
.hero-composed{gap:6%;padding-inline:7%!important}
.hero-composed .hero-lockup{align-self:center}
.hero-composed .hero-photograph{height:34svh;width:100%;align-self:center;padding:6px}
.hero-composed .logo-window{--mark-width:min(125px,18svh)}
.hero-composed .hero-note>img{width:135px}
.hero-composed .hero-signature{width:70%;right:15%;bottom:14%}
.hero-composed .hero-bottom{display:flex}
.hero-bottom{bottom:24px}
.hero-bottom>span{display:none}
.hero-discover{font-size:9px}
.studio-opening{display:block;padding:48px 0 32px}
.studio-opening>.eyebrow{margin-bottom:22px;padding:0}
.studio-opening h2{font-size:43px;max-width:13ch;line-height:1.05}
.studio-opening p{font-size:13px;margin-top:23px;line-height:1.9}
.selected{padding-bottom:48px}
.section-head{gap:20px;margin-bottom:28px;padding-top:22px;align-items:start}
.section-head h2{font-size:36px}
.section-head .text-link{font-size:9px;margin-top:8px}
.story-card h3{font-size:29px}
.card-meta{margin-top:14px;padding-top:10px}
.card-meta .eyebrow{font-size:8px}
.work-section{padding-block:38px 45px}
.work-section .section-head{display:block}
.work-context{display:block;margin-top:16px;font-size:14px}
.photo-chapter{padding:38px 0 30px}
.photo-chapter figure{width:100%}
.photo-chapter figcaption{margin:18px 6% 0;display:block}
.photo-chapter figcaption p{margin-top:9px;font-size:19px}
.gallery-note{display:block;padding-block:38px}
.gallery-note>.eyebrow{margin-bottom:20px}
.gallery-note h2{font-size:37px;max-width:12ch}
.gallery-note p{margin-top:17px;font-size:13px}
.gallery-note .text-link{margin-top:20px}
.studio-aside{display:block;padding-block:36px 42px}
.studio-aside>p{font-size:26px;margin-top:20px}
.studio-aside .text-link{margin-top:20px}
.page-intro{display:block;padding:38px 0 28px}
.page-intro h1{font-size:46px;max-width:12ch;margin-block:22px}
.page-intro p{font-size:13px;margin:0;max-width:40ch}
.collection-list{padding-bottom:45px}
.detail-intro .back-link{margin-bottom:30px;min-height:35px}
.detail-intro h1{max-width:none;font-size:46px}
.collection-end{display:flex;gap:18px;padding-bottom:40px}
.view-label{font-size:8px;padding:5px 7px;bottom:8px;right:8px}
.about-copy{order:0}
.about-copy h1{font-size:43px;margin-block:22px}
.about-copy>p{font-size:13px;line-height:1.9}
.about-photograph{order:1;width:86%;align-self:flex-end;padding-top:20px}
.about-photograph:before{display:none}
.about-note{margin-top:25px}
.about-note h2{font-size:26px}
.about-copy .text-link{font-size:9px;margin-top:15px}
.footer-top{display:block}
.footer-name{font-size:37px}
.footer-top p{margin-top:14px;font-size:11px}
.footer-line{display:block;margin-top:25px}
.development-credit{display:block;margin-top:12px}
.lightbox-stage{grid-template-columns:40px 1fr 40px;gap:5px}
.lightbox-stage button{height:48px}
.lightbox-bottom p{font-size:10px}
dialog{padding:12px}
}
@media(max-height:520px) and (orientation:landscape){.hero-scroll>.hero{padding:70px 7% 50px}
.hero .logo-window{--mark-width:19svh}
.hero-note{margin-top:8px;min-height:14px}
.hero-note>img{width:140px}
.hero-rule{display:none}
.hero-signature{bottom:14%;width:33%;right:8%}
.hero-composed .logo-window{--mark-width:19svh}
.hero-composed .hero-photograph{height:62svh}
.hero-composed .hero-signature{bottom:7%;width:30%;right:10%}
.hero-bottom{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.hero-scroll.motion-ready,.hero-scroll{height:100svh!important}
.hero-lockup{transform:none!important}
.hero-signature{opacity:1;bottom:8%;right:9%;width:29%}
.hero-bottom{opacity:1;display:flex}
.hero-composed .hero-photograph{transform:none!important}
*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){.hero-signature{width:70%;right:15%;bottom:12%}
.hero-bottom{bottom:15px}
}
}
@media(max-width:700px){.hero-composed .hero-note{min-width:0;max-width:100%}
}
.hero-bottom{opacity:1;pointer-events:none}
.hero-bottom>span{opacity:calc(1 - var(--hero-p)*1.5)}
.hero-discover{pointer-events:auto;opacity:1;color:var(--gold)}
.hero-background .hero-discover{color:#fff5e8;text-shadow:0 1px 4px #000;font-size:10px}
.lightbox-stage{touch-action:pan-y pinch-zoom}
.lightbox-stage button:disabled{opacity:.3;cursor:default}
.photo-frame,.photo-button{background:transparent}
.photo-button{color:var(--ink)}