/* Reflography: composed for the phone, expanded for larger screens. */
@font-face{font-family:Editorial;src:url('/assets/serif.ttf');font-display:swap}@font-face{font-family:Editorial;src:url('/assets/serif-italic.ttf');font-style:italic;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/sans.ttf');font-display:swap}
:root{--paper:#f1eee6;--ink:#25271f;--muted:#706e65;--gutter:24px;--ease:cubic-bezier(.2,.65,.25,1)}
html{scroll-padding-top:24px}body{background:var(--paper);font-size:14px}header{padding:18px var(--gutter);padding-top:max(18px,env(safe-area-inset-top));border-bottom:0}header .brand{gap:9px}.brand img{width:29px;height:29px}.brand span{font-size:17px}.brand small{font-size:5px;letter-spacing:.22em}#menu-button{min-width:62px;min-height:44px;font-size:10px;gap:10px}.text-link{font-size:10px;letter-spacing:.12em;min-height:48px;gap:25px}.chapter-pad{padding:88px var(--gutter)}.chapter-label{font:9px/1.6 Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin-bottom:28px}.chapter-label>span{margin-right:23px;color:#817b6d}.section-note{font-size:13px;line-height:1.8;color:var(--muted);max-width:260px;margin:26px 0 45px}.mobile-editorial h2{font-size:clamp(48px,14.4vw,68px);line-height:.98;letter-spacing:-.035em}.mobile-editorial h3{font-size:40px;line-height:1.05}
/* A brief brand entrance never blocks the ready page. */
.mobile-editorial .intro{animation:none;transition:opacity .65s ease;background:#0d100d}.mobile-editorial .intro span{font:22px Editorial;letter-spacing:.17em;color:#f1eee6;animation:logo-in .55s both}.mobile-editorial .intro.is-ready{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s .65s}
.mobile-hero{height:100svh;min-height:580px;max-height:none;background:#151812 url('/assets/hero-mobile-poster.webp') center/cover}.mobile-hero video{object-position:center;width:100%;height:100%;transform:scale(var(--hero-scale,1));transform-origin:50% 40%}.mobile-hero .hero-shade{background:linear-gradient(180deg,#0006 0%,transparent 35%,#080d08a6 100%)}.mobile-hero .hero-content{left:var(--gutter);right:var(--gutter);width:auto;bottom:max(96px,calc(env(safe-area-inset-bottom) + 84px));transform:translateY(var(--hero-y,0px));opacity:var(--hero-opacity,1)}.hero-kicker{font-size:8px;letter-spacing:.23em;margin-bottom:22px}.mobile-hero h1{font-size:clamp(43px,12.8vw,70px);line-height:1.02;letter-spacing:-.025em}.mobile-hero h1 span,.mobile-hero h1 em{animation:hero-type 1s .45s both}.mobile-hero h1 em{animation-delay:.65s}.hero-locations{font-size:7px;letter-spacing:.1em;margin-top:26px;line-height:1.8}.hero-explore{display:inline-flex;align-items:center;gap:32px;font-size:9px;letter-spacing:.18em;min-height:48px;margin-top:14px}.hero-explore span{font-size:22px}.hero-edition{position:absolute;left:var(--gutter);bottom:max(30px,env(safe-area-inset-bottom));font-size:7px;letter-spacing:.17em}#hero-toggle{position:absolute;right:var(--gutter);bottom:max(17px,env(safe-area-inset-bottom));min-width:44px;min-height:44px;color:#fff;font-size:16px;border:1px solid #ffffff55;border-radius:50%}.home .whatsapp,.home .motion-control{opacity:0;pointer-events:none;transition:opacity .3s}.home.past-hero .whatsapp,.home.past-hero .motion-control{opacity:1;pointer-events:auto}
.emotion{padding-top:100px;padding-bottom:100px}.emotion h2{font-size:clamp(42px,12.7vw,64px);line-height:1.06}.emotion h2 em{display:inline-block;margin-top:32px;color:#7a705f}.emotion figure{margin-top:52px;width:78%;margin-left:auto}.emotion img{width:100%;height:auto}.emotion figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px}
.signature-chapters{padding:20px 0 88px}.signature-chapters>.chapter-label{margin-left:var(--gutter);margin-bottom:54px}.signature-frame{margin-bottom:76px}.signature-frame:last-child{margin-bottom:0}.signature-frame h2{font-size:clamp(66px,20vw,95px);position:relative;z-index:1;margin:0 0 -14px var(--gutter);line-height:1}.signature-frame figure{margin:0 var(--gutter)}.signature-frame img{width:100%;height:auto}.signature-frame figcaption{font-size:7px;letter-spacing:.09em;display:flex;justify-content:space-between;gap:15px;margin-top:17px}.signature-2{padding-top:10px}.signature-2 h2{text-align:right;margin-right:var(--gutter);font-style:italic}.signature-2 figure{margin-left:18%;margin-right:0}.signature-2 figcaption{padding-right:var(--gutter)}.signature-3 figure{margin:0}.signature-3 figcaption{padding:0 var(--gutter)}
.cover-moment{height:95svh;min-height:530px;position:relative;overflow:hidden;background:#242318;color:var(--paper)}.cover-image{position:absolute;inset:0;overflow:hidden}.cover-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(var(--cover-scale,1))}.cover-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#111709a6)}.cover-type{position:absolute;left:var(--gutter);bottom:70px;right:var(--gutter)}.cover-type .chapter-label{font-size:8px}.cover-type h2{font-size:clamp(68px,21vw,100px);line-height:.91}
.new-stories>h2{font-size:clamp(58px,18vw,100px)}.editorial-story{margin-top:58px}.editorial-story+.editorial-story{margin-top:80px}.story-image{display:block;overflow:hidden}.story-image img{width:100%;height:auto}.story-caption{padding-top:24px}.story-caption .chapter-label{font-size:8px;margin-bottom:13px}.story-caption h3{max-width:300px}.story-caption .text-link{margin-top:18px;font-size:9px}
.swipe-section{padding:65px 0;background:#20251e;color:var(--paper)}.swipe-section>.chapter-label,.swipe-heading{margin-left:var(--gutter);margin-right:var(--gutter)}.swipe-heading{display:flex;justify-content:space-between;align-items:end;gap:15px}.swipe-heading h2{font-size:58px}.swipe-heading p{font-size:10px;line-height:1.8;color:#bbbdb1;padding-bottom:5px}.swipe-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;gap:18px;padding:38px var(--gutter) 24px;scrollbar-width:none}.swipe-track::-webkit-scrollbar{display:none}.swipe-track figure{flex:0 0 82%;scroll-snap-align:center}.swipe-track img{width:100%;aspect-ratio:2/3;object-fit:cover}.swipe-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--gutter);font-size:8px;letter-spacing:.13em}.swipe-controls button{min-width:44px;min-height:44px;color:inherit;border:1px solid #ffffff35;font-size:19px}.swipe-controls>div{display:flex;gap:8px}
.editorial-collage{padding-top:110px;padding-bottom:100px}.editorial-collage h2{font-size:clamp(43px,12.8vw,65px);margin-bottom:48px}.collage-pair{position:relative;padding-bottom:42px}.collage-portrait{width:78%}.collage-portrait img{width:100%}.collage-detail{position:absolute;right:-8px;bottom:0;width:40%;border:6px solid var(--paper)}.collage-detail img{width:100%}.collage-note{margin:30px 0 40px;font-size:12px;line-height:1.8;color:var(--muted)}.collage-wide{margin-left:30px;margin-right:-24px}.collage-wide img{width:100%;height:auto}
.cinema{background:#131711;color:var(--paper);padding-top:75px;padding-bottom:65px}.cinema h2{font-size:clamp(54px,17vw,95px);margin-bottom:34px}.cinema-feature{display:block;position:relative;padding:0;width:calc(100% + 48px);margin-left:-24px}.cinema-feature>img{width:100%;height:72svh;min-height:380px;max-height:700px;object-fit:cover;filter:brightness(.65)}.cinema-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:30px;color:#fff;font-size:11px;letter-spacing:.16em}.cinema-play>span{font-size:24px}.cinema-duration{position:absolute;bottom:25px;left:24px;color:#fff;font-size:8px;letter-spacing:.13em}.cinema>p:not(.chapter-label){font:24px/1.2 Editorial;margin:34px 0 22px;color:#cccdbf}.cinema>.text-link{font-size:9px}.quiet-interlude{padding:100px 24px;background:var(--paper);text-align:center}.quiet-interlude figure{width:47%;max-width:240px;margin:0 auto 32px}.quiet-interlude img{width:100%}.quiet-interlude p{font:27px/1.2 Editorial;color:#6d6d5d}
.new-experience h2{margin-bottom:48px}.new-experience{padding-top:10px}.new-experience .service-list summary{font-size:32px;line-height:1.1;gap:17px;padding:26px 0}.service-list summary span{transition:transform .25s}.service-list details p{font-size:13px;line-height:1.9;color:#66685d;margin-left:28px}.experience-links{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:35px}.experience-links .text-link{font-size:9px}.albums .album-heading h2{font-size:clamp(60px,19vw,100px)}.albums .album-stage{margin:50px 0 35px;gap:8px}.album-stage>button:not(.album-spread){min-width:44px;min-height:44px}.album-bottom>.text-link{font-size:9px}.album-bottom>.tiny{font-size:9px}.studio-note{padding-top:100px}.studio-note>figure{width:76%;margin-bottom:48px}.studio-note>figure img{width:100%}.studio-note h2{font-size:clamp(45px,13vw,70px)}.studio-note>div>p:not(.chapter-label){font-size:14px;line-height:1.9;margin:28px 0;max-width:420px;color:var(--muted)}.studio-note .text-link{font-size:10px}.editorial-social{padding-top:0}.editorial-social h2{font-size:clamp(45px,13vw,70px)}.editorial-social>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0 28px;align-items:start}.editorial-social img{width:100%;height:auto}.editorial-social img:last-child{margin-top:55px}.editorial-social .text-link{font-size:9px}
.closing-scene{position:relative;overflow:hidden;min-height:850px;height:115svh;max-height:1200px;color:var(--paper);background:#232719}.closing-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 35%;filter:brightness(.38)}.closing-content{position:relative;padding:85px var(--gutter);height:100%;display:flex;flex-direction:column;align-items:start;justify-content:flex-end}.closing-content h2{font-size:clamp(53px,16vw,86px);line-height:1}.closing-content>.text-link{margin-top:40px;width:100%;max-width:280px}.closing-whatsapp{font-size:10px;letter-spacing:.13em;min-height:48px;display:flex;align-items:center;margin-top:9px}footer{padding:40px 24px max(85px,calc(60px + env(safe-area-inset-bottom)))}.footer-wordmark{font-size:12vw}.footer-columns{font-size:11px;line-height:1.9;grid-template-columns:1fr;gap:22px}.footer-columns a{display:inline-flex;align-items:center;min-height:34px}.footer-bottom{font-size:8px;line-height:1.8;letter-spacing:.06em;padding-bottom:0}.whatsapp{right:16px;bottom:max(14px,env(safe-area-inset-bottom));min-height:44px;display:flex;align-items:center;font-size:8px;padding:8px 14px}.motion-control{left:16px;bottom:max(14px,env(safe-area-inset-bottom));font-size:8px;min-height:44px;padding:8px 11px}
/* An opaque, scrollable menu and a quick, reversible close. */
#menu{background:#191e17;padding:88px 24px max(35px,env(safe-area-inset-bottom));color:#eee9df;overscroll-behavior:contain}#menu::backdrop{background:#191e17}#menu nav a{font-size:clamp(36px,10vw,50px);line-height:1.1;padding:11px 0;display:flex;align-items:center;gap:20px}#menu nav small{font-size:9px;margin:0}#menu>p:not(.eyebrow){margin-top:28px;font-size:9px}#menu>a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}#menu .close{min-height:44px;top:max(18px,env(safe-area-inset-top));right:24px;padding:10px 16px}.close{min-height:44px}#menu[open].menu-closing{animation:menu-out .25s ease both!important}@keyframes menu-out{to{opacity:0;transform:translateY(-12px)}}
/* Detail pages remain legible, with comfortable controls and full image framing. */
@media(max-width:700px){.interior .pad{padding:65px 24px}.interior h1{font-size:clamp(48px,15vw,76px);line-height:1.02}.interior .about h1{font-size:clamp(44px,13vw,65px)}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.about-photo img{aspect-ratio:auto;height:auto}.packages-page .page-intro{padding-top:65px}.package-option summary{min-height:76px;font-size:17px;gap:10px}.package-price{font-size:18px}.package-body li{font-size:14px;line-height:1.8}.package-jumps{gap:8px 20px}.package-jumps a{min-height:44px;display:flex;align-items:center}.package-title h2{font-size:56px}.form-grid{grid-template-columns:1fr;gap:25px}.form-grid label,fieldset label,legend{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:54px}fieldset label{min-height:44px}.inquiry .form-note{font-size:12px}.inquiry h1{margin-bottom:25px}.inquiry .submit{font-size:10px;min-height:56px}.collection-nav a{min-height:44px;display:flex;align-items:center}.collection-photos button:nth-child(3n){grid-column:2/13}.collection-photos{gap:36px}.image-caption{font-size:8px}.films>h1{font-size:clamp(56px,17vw,90px)}.film-feature img{height:60svh;min-height:330px}.drive-film-player,.youtube-stage{min-height:0}.youtube-caption h3{font-size:32px}.youtube-films{gap:52px}#viewer{padding:80px 18px 50px}#viewer-content video{max-height:72svh}.album-film-links .text-link{font-size:10px}}
@media(min-width:701px){:root{--gutter:6vw}.chapter-pad{padding:110px 8vw}.mobile-editorial h2{font-size:clamp(70px,8vw,130px)}.mobile-hero .hero-content{left:8vw;bottom:18%}.mobile-hero h1{font-size:clamp(85px,8vw,145px)}.hero-locations{font-size:9px}.emotion{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 10vw}.emotion>.chapter-label{grid-column:1/-1}.emotion h2{font-size:clamp(55px,6vw,100px)}.emotion figure{margin:80px 0 0;width:100%;max-width:480px}.signature-chapters{padding:30px 8vw 130px}.signature-chapters>.chapter-label{margin-left:0}.signature-frame{max-width:1050px;margin:0 auto 130px}.signature-frame h2{font-size:clamp(100px,14vw,215px);margin-left:0;margin-bottom:-35px}.signature-frame figure{max-width:70%;margin:0 0 0 auto}.signature-frame img{max-height:950px;object-fit:contain}.signature-2 figure{margin:0 auto 0 0;max-width:65%}.signature-2 h2{margin-right:0}.signature-3 figure{max-width:100%;width:100%}.signature-3 img{height:75vh;object-fit:cover;object-position:50% 35%}.cover-moment{height:110vh;max-height:1200px}.cover-image img{object-position:50% 40%}.cover-type{left:8vw;bottom:10vh}.cover-type h2{font-size:clamp(110px,15vw,240px)}.new-stories>.section-note{max-width:400px}.editorial-story{display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;align-items:center;margin-top:85px}.editorial-story:nth-of-type(2){grid-template-columns:1fr 1.3fr}.editorial-story:nth-of-type(2) .story-image{order:2}.story-caption h3{font-size:clamp(40px,5vw,80px);max-width:500px}.story-image img{max-height:850px;object-fit:contain}.swipe-heading h2{font-size:100px}.swipe-track figure{flex-basis:38%;max-width:580px}.swipe-track img{height:65vh;object-fit:cover}.swipe-heading p{font-size:13px}.swipe-controls{font-size:10px}.editorial-collage{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.editorial-collage>.chapter-label,.editorial-collage>h2{grid-column:1/-1}.collage-pair{grid-row:3/5}.collage-note{align-self:center;margin:0 0 0 6vw;font-size:14px}.collage-wide{margin:0;align-self:end}.cinema h2{font-size:clamp(100px,12vw,190px)}.cinema-feature{width:100%;margin:0}.cinema-feature>img{height:80vh;object-position:50% 40%;max-height:1000px}.cinema-play{font-size:15px}.quiet-interlude{padding:130px 0}.quiet-interlude p{font-size:42px}.new-experience .service-list summary{font-size:clamp(35px,5vw,72px);padding:35px 0}.experience-links{flex-direction:row;gap:50px}.album-stage{max-width:1200px}.albums .album-heading h2{font-size:clamp(80px,10vw,150px)}.studio-note{display:grid;grid-template-columns:1fr 1fr;gap:60px 9vw;align-items:center}.studio-note>.chapter-label{grid-column:1/-1}.studio-note>figure{width:100%;margin:0}.studio-note h2{font-size:clamp(55px,6vw,100px)}.editorial-social>div{max-width:900px;gap:70px}.editorial-social h2{font-size:90px}.closing-scene{height:110vh;min-height:950px}.closing-content{padding:100px 8vw}.closing-content h2{font-size:clamp(80px,10vw,160px)}.closing-scene>img{object-position:50% 35%}.footer-columns{grid-template-columns:1fr 1.4fr 1fr 1fr;font-size:11px}.footer-wordmark{font-size:12vw}#menu{padding:95px 10vw 50px}#menu nav a{font-size:55px}#menu .close{right:6vw}}
@media(min-width:1001px){header{padding:24px 4vw}header nav{gap:24px}.brand span{font-size:19px}}
@media(max-width:359px){:root{--gutter:20px}.brand span{font-size:15px}.brand img{width:25px;height:25px}.hero-locations{font-size:6px}.chapter-pad{padding-left:20px;padding-right:20px}.mobile-editorial h3{font-size:35px}.swipe-controls{font-size:7px;gap:8px}.swipe-controls button{min-width:40px}.package-option summary{font-size:15px}.package-price{font-size:16px}.closing-content h2{font-size:51px}}
@media(max-height:500px) and (orientation:landscape){.mobile-hero{min-height:520px;height:130svh}.cover-moment{height:140svh}.cinema-feature>img{height:110svh}#menu nav a{font-size:34px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){html,.swipe-track{scroll-behavior:auto}.mobile-editorial .intro{display:none}.mobile-hero video,.mobile-hero .hero-content,.cover-image img{transform:none!important;opacity:1!important}[data-reveal]{clip-path:none!important;opacity:1!important;transform:none!important}}
.motion-paused .mobile-hero video,.motion-paused .mobile-hero .hero-content,.motion-paused .cover-image img{transform:none!important;opacity:1!important}.motion-paused [data-reveal]{clip-path:none!important;opacity:1!important;transform:none!important}
@media(max-width:359px){.collage-wide{margin-right:-20px}.cinema-feature{width:calc(100% + 40px);margin-left:-20px}}
@media(max-width:700px){.collection-photos{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:8px;row-gap:36px}.collection-photos>*{min-width:0}}
/* Full navigation and the compact menu are alternative layouts. */
@media(min-width:1001px){#menu-button{display:none}}
/* Keep navigation available during natural scrolling. */
header,.interior header{position:fixed;top:0;left:0;right:0;width:100%;background:#191e17;color:#f1eee6;z-index:40;border-bottom:1px solid #ffffff16}
.interior{padding-top:calc(80px + env(safe-area-inset-top,0px))}
html{scroll-padding-top:calc(96px + env(safe-area-inset-top,0px))}
.mobile-hero .hero-content{z-index:1}
@media(min-width:1001px){.interior{padding-top:92px}html{scroll-padding-top:108px}}
.motion-word{display:inline-block}
@media(max-width:700px){.collage-detail{transform:translateY(var(--collage-drift,0px))}.signature-frame h2{position:relative;top:var(--title-drift,0px)}.swipe-track img{transition:filter .5s ease}.cinema-feature:active .cinema-play{transform:scale(.97)}.cinema-play{transition:transform .25s ease}.service-list summary:active,.package-option summary:active{background:#292d2208}}
.motion-paused .collage-detail{transform:none!important}.motion-paused .signature-frame h2{top:0!important}
@media(prefers-reduced-motion:reduce){.collage-detail{transform:none!important}.signature-frame h2{top:0!important}.motion-word{transform:none!important;clip-path:none!important;opacity:1!important}}
@media(max-width:700px){.swipe-track figure{transform:scale(var(--swipe-scale,1));transform-origin:center;transition:transform .15s linear}[data-reveal-direction]{overflow:hidden}}
.motion-paused .swipe-track figure{transform:none!important}
@media(prefers-reduced-motion:reduce){.swipe-track figure{transform:none!important}}
/* Keep the primary page links visible on phones as well as desktop. */
@media(max-width:1000px){
 header,.interior header{display:grid;grid-template-columns:1fr;gap:12px;padding:14px 20px 0;padding-top:max(14px,env(safe-area-inset-top));}
 #menu-button{display:none}
 header .brand{justify-self:center;min-height:34px}
 header nav{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;padding:0 0 9px;text-transform:uppercase;font-size:9px;letter-spacing:.07em;}
 header nav::-webkit-scrollbar{display:none}
 header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;white-space:nowrap;}
 header nav a:after{bottom:5px}
 header .availability{display:none}
 .interior{padding-top:calc(113px + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(129px + env(safe-area-inset-top,0px))}
}
@media(max-width:359px){header,.interior header{padding-left:15px;padding-right:15px}header nav{gap:9px;font-size:8px;letter-spacing:.04em}}
