:root{--black:#080909;--ivory:#eee8db;--gold:#d4b988;--muted:#a9aaa1;--line:#ece4d32b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;color-scheme:dark;background:var(--black);color:var(--ivory);font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#766d5c #080909}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{opacity:.5;cursor:default}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0;font-weight:400}h1,h2,h3{font-family:var(--serif)}.micro{font-size:12px;line-height:1.6;text-transform:uppercase;letter-spacing:.18em}.gold{color:var(--gold)}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:var(--ivory);color:var(--black);z-index:200}.skip:focus{top:15px}.c-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;background:linear-gradient(#08090999,transparent);gap:30px;pointer-events:none}.c-header>*{pointer-events:auto}.c-logo{font-family:var(--sans);font-size:34px;font-weight:500;letter-spacing:-.08em;line-height:1}.c-logo small{display:block;letter-spacing:.23em;font-size:9px;margin:8px 0 0 3px}.c-header nav{display:flex;align-items:center;gap:36px}.quiet-link{font-size:13px;padding:10px 0;border-bottom:1px solid transparent;transition:border .3s}.quiet-link:hover{border-color:var(--gold)}.contact-link{border:1px solid #eee8db55;padding:13px 18px;font-size:13px;transition:background .3s}.contact-link:hover{background:var(--ivory);color:var(--black)}.c-header .menu-btn{display:flex;align-items:center;gap:12px}.menu-icon{width:20px;height:9px;border-top:1px solid;border-bottom:1px solid;display:block}.reel{position:relative;height:660svh;min-height:4000px}.screen{position:sticky;top:0;height:100svh;min-height:660px;isolation:isolate;overflow:hidden;background:#080909}.screen-frame{position:absolute;inset:0;overflow:hidden}.scene{position:absolute;inset:0;opacity:0;will-change:clip-path;overflow:hidden}.scene:first-child{opacity:1}.scene img{transform-origin:center;will-change:transform}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08090940,transparent 35%,#080909b8),linear-gradient(90deg,#08090970,transparent 75%)}.portal-vignette{position:absolute;inset:0;box-shadow:inset 0 0 180px #0009;pointer-events:none}.curtain{position:absolute;top:0;bottom:0;width:31%;background:#080909;z-index:3;will-change:transform}.curtain.left{left:0;border-right:1px solid #d4b98844}.curtain.right{right:0;border-left:1px solid #d4b98844}.portal-line{position:absolute;width:1px;height:100%;top:0;background:linear-gradient(transparent,#bfa77477,transparent);left:50%;opacity:.25;pointer-events:none;z-index:3}.portal-copy{position:absolute;z-index:5;inset:0;padding:0 8vw;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.portal-copy>.micro{margin-bottom:26px;color:var(--gold)}.portal-copy h1{font-size:clamp(90px,10.6vw,170px);line-height:.79;letter-spacing:-.045em;font-weight:400;width:max-content;max-width:100%;text-shadow:0 3px 40px #0004}.portal-copy h1 em{display:block;font-weight:400;padding:10px 0 0 15vw}.portal-copy p{font-size:15px;line-height:1.9;max-width:310px;margin-top:35px;color:#cac7bb}.portal-actions{display:flex;align-items:center;gap:32px;margin-top:28px;pointer-events:auto}.line-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;border-bottom:1px solid #ece4d388;padding:12px 0;transition:color .3s,border-color .3s}.line-button:hover{color:var(--gold);border-color:var(--gold)}.line-button span{font-size:20px}.play-button{display:flex;align-items:center;gap:12px;font-size:12px;color:#c4bbaa}.play-button i{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cec2aa77;border-radius:50%;font-size:10px;font-style:normal}.opening-meta{position:absolute;bottom:109px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;gap:35px;z-index:4;font-size:12px;line-height:1.8;color:#b5b3a6}.opening-meta .micro{color:var(--gold)}.scene-title{position:absolute;left:8vw;bottom:177px;z-index:6;opacity:0;max-width:850px;pointer-events:none}.scene-title .micro{color:var(--gold)}.scene-title h2{font-size:clamp(80px,10vw,155px);line-height:.82;letter-spacing:-.04em;margin:25px 0 30px}.scene-title .scene-subtitle{font-family:var(--serif);font-size:clamp(27px,3vw,42px);font-style:italic;margin-bottom:28px}.scene-title .line-button{pointer-events:auto}.scene-meta{position:absolute;right:4vw;top:45%;z-index:6;writing-mode:vertical-rl;font-size:12px;letter-spacing:.18em;color:#e6dbc6;opacity:0}.scene-number{position:absolute;right:8vw;bottom:169px;z-index:4;font-family:var(--serif);font-size:180px;line-height:1;color:#eee8db25;pointer-events:none;opacity:0}.c-dock{position:fixed;bottom:0;left:0;right:0;z-index:35;background:linear-gradient(transparent,#080909d9 55%);padding:27px 4vw 22px;display:grid;grid-template-columns:200px 1fr 170px;align-items:end;gap:35px}.dock-label{font-size:11px;letter-spacing:.16em;line-height:1.7;color:#c8bca5}.dock-label strong{color:var(--ivory);font-weight:500;display:block;letter-spacing:.12em;font-size:12px}.chapter-nav{display:flex;gap:8px;max-width:600px;margin:auto;width:100%}.chapter-nav button{flex:1;text-align:left;padding:12px 0 0;position:relative;border-top:1px solid #eee8db55;font-size:11px;color:#bbb9ad;min-height:40px}.chapter-nav button:before{content:'';position:absolute;top:-1px;left:0;width:var(--fill,0%);height:2px;background:var(--gold)}.chapter-nav button.active{color:var(--gold)}.dock-right{display:flex;align-items:center;justify-content:flex-end;gap:22px}.dock-right button{font-size:12px;display:flex;align-items:center;gap:8px;min-height:36px}.dock-right .scroll-label{font-size:10px;letter-spacing:.13em;line-height:1.7}.play-state{width:7px;height:7px;display:inline-block;background:var(--gold);border-radius:50%}.transition-word{position:absolute;top:38%;left:0;right:0;text-align:center;z-index:8;font-size:clamp(70px,12vw,190px);font-family:var(--serif);font-style:italic;letter-spacing:-.04em;pointer-events:none;opacity:0;text-shadow:0 5px 45px #0009}.story-end{position:relative;padding:150px 8vw 145px;background:#0c0e0c;overflow:hidden}.end-top{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-bottom:100px;border-bottom:1px solid var(--line)}.end-top h2{font-size:clamp(55px,6vw,90px);line-height:1.05}.end-top p{font-size:16px;color:#b3b6aa;line-height:1.95;max-width:480px;margin-bottom:30px}.studio-facts{display:flex;gap:30px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.studio-facts span{font-size:12px;color:#b9b29f;line-height:1.8}.studio-facts strong{font-family:var(--serif);font-size:23px;font-weight:400;color:var(--ivory);display:block}.closing{padding:110px 0 30px;text-align:center}.closing h2{font-size:clamp(75px,10vw,150px);line-height:.87;margin:28px 0 35px;letter-spacing:-.035em}.closing .line-button{font-size:16px}.c-footer{padding:45px 4vw 135px;display:flex;justify-content:space-between;align-items:end;gap:35px;border-top:1px solid var(--line);font-size:12px;color:#a9aa9c;line-height:1.8}.c-footer nav{display:flex;gap:25px}.compare{font-size:11px;color:#bbb5a8;border-bottom:1px solid #b9b09c88;padding:7px 0}.c-dialog{border:1px solid #cab88d55;background:#0f120f;color:var(--ivory);padding:0;max-width:none;width:calc(100% - 40px);height:calc(100svh - 40px);max-height:none;overflow:auto;box-shadow:0 0 100px #0007}.c-dialog::backdrop{background:#050705e8;backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:30px;top:25px;font-size:13px;display:flex;align-items:center;gap:20px;z-index:4;padding:15px;background:#08090980}.close-dialog span{font-size:25px}.index-layout{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.index-copy{padding:75px 5vw}.index-copy h2{font-size:68px;line-height:1;margin:30px 0 45px}.index-rows{border-top:1px solid var(--line)}.index-row{display:grid;grid-template-columns:30px 1fr 30px;gap:15px;align-items:center;text-align:left;width:100%;border-bottom:1px solid var(--line);padding:25px 0;transition:padding .4s,color .4s}.index-row:hover,.index-row:focus-visible{padding-left:15px;color:var(--gold)}.index-row small{font-size:11px;color:var(--gold)}.index-row strong{font-family:var(--serif);font-size:36px;font-weight:400;display:block}.index-row p{font-size:12px;color:#a8ab9c;margin-top:8px}.index-photo{min-height:550px;position:relative;overflow:hidden}.index-photo img{position:absolute;inset:0;transition:opacity .4s;filter:brightness(.72)}.index-photo .micro{position:absolute;bottom:40px;left:35px;right:35px;z-index:1}.index-bottom{display:flex;gap:30px;margin-top:45px;font-size:13px}.page-wipe{position:fixed;inset:0;background:#14190f;z-index:100;transform:translateY(101%);pointer-events:none}.project-hero{height:100svh;min-height:680px;position:relative;overflow:hidden;isolation:isolate}.project-hero>img{position:absolute;inset:0;z-index:-2;animation:project-arrive 1.8s cubic-bezier(.16,1,.3,1) both}.project-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#08090970,transparent 30%,#080909ee);z-index:-1}.project-hero .project-back{position:absolute;left:4vw;top:125px;font-size:13px;border-bottom:1px solid #eee8db77;padding-bottom:10px}.project-hero .project-heading{position:absolute;left:8vw;right:8vw;bottom:120px}.project-heading h1{font-size:clamp(80px,12vw,165px);line-height:.8;letter-spacing:-.04em;margin:25px 0 30px}.project-heading p{font-size:16px;line-height:1.8;max-width:580px;color:#d0cfc1}.project-info{padding:65px 8vw;display:grid;grid-template-columns:1fr 1.5fr;gap:90px;border-bottom:1px solid var(--line)}.project-info h2{font-size:52px;line-height:1.05;margin:18px 0 25px}.project-info p{font-size:16px;line-height:1.9;color:#aaaF9f}.project-info dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-info dt{font-size:12px;letter-spacing:.12em;color:var(--gold);margin-bottom:12px;text-transform:uppercase}.project-info dd{margin:0;font-size:15px;line-height:1.7}.project-spread{padding:90px 8vw;display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:center}.spread-image{height:75svh;min-height:430px;max-height:900px;overflow:hidden}.spread-image img{object-fit:cover;transition:transform 1.5s}.spread-image:hover img{transform:scale(1.025)}.spread-copy h2{font-size:clamp(48px,5vw,75px);line-height:1;margin:25px 0}.spread-copy p{font-size:16px;line-height:1.9;color:#adb2a3}.wide-detail{padding:0 4vw 100px}.wide-detail img{max-height:90svh;object-fit:contain;background:#0c100b}.wide-detail p{padding:20px 4vw;font-size:12px;color:#989d8c}.project-next{border-top:1px solid var(--line);padding:90px 8vw 150px;display:flex;align-items:center;justify-content:space-between;gap:30px}.project-next h2{font-size:60px;margin-top:15px}.round-next{width:85px;height:85px;border:1px solid #eee8db77;border-radius:50%;font-size:35px;flex-shrink:0}.enquiry{max-width:780px;width:calc(100% - 32px);height:auto;max-height:calc(100svh - 32px)}.enquiry-inner{padding:65px}.enquiry h2{font-size:64px;line-height:.96;margin:25px 0}.enquiry p{font-size:14px;line-height:1.9;color:#b1b6a3}.enquiry form{margin-top:30px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.fields label{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#cfcab9}.fields .full{grid-column:1/-1}.fields input,.fields select,.fields textarea{width:100%;font-size:16px;color:var(--ivory);background:#0f120f;border:0;border-bottom:1px solid #ece4d355;border-radius:0;padding:12px 0;min-height:45px}.fields textarea{resize:vertical;min-height:95px}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ivory);color:#12160f;padding:17px 22px;font-size:14px;min-height:50px}.primary:hover{background:var(--gold)}.enquiry .small-note{font-size:12px;margin-top:24px;color:#9ca38f}.review-data{margin:25px 0;border-top:1px solid var(--line)}.review-data div{display:grid;grid-template-columns:95px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.review-data dt{color:#9da58d}.review-data dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.7}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1.2s}.reveal.visible{opacity:1;transform:none}@keyframes project-arrive{from{transform:scale(1.14)}to{transform:scale(1)}}
@media(min-width:1600px){.portal-copy h1{font-size:11vw}.scene-title h2{font-size:11vw}.scene-title{bottom:200px}}
@media(max-width:1000px){.c-dock{grid-template-columns:130px 1fr 90px;gap:20px}.dock-right .scroll-label{display:none}.c-header nav{gap:23px}.scene-title h2{font-size:105px}.portal-copy h1{font-size:12vw}.portal-copy h1 em{padding-left:7vw}.end-top{gap:50px}.index-row strong{font-size:30px}.project-info{gap:50px}.project-spread{gap:35px}}
@media(max-width:700px){.c-header{padding:22px 6vw;gap:15px}.c-logo{font-size:30px}.c-logo small{font-size:8px}.c-header nav{gap:20px}.c-header .desktop-nav{display:none}.contact-link{font-size:12px;padding:11px 13px}.c-header .menu-btn{font-size:0;gap:0}.menu-icon{width:22px;height:10px}.screen{min-height:640px}.reel{height:620svh;min-height:3900px}.curtain{width:19%}.portal-copy{padding:0 7vw;justify-content:center;padding-bottom:70px}.portal-copy>.micro{font-size:10px;letter-spacing:.15em;margin-bottom:25px}.portal-copy h1{font-size:clamp(75px,14.6vw,105px);line-height:.9;width:auto}.portal-copy h1 em{padding:0}.portal-copy p{font-size:14px;max-width:250px;margin-top:23px}.portal-actions{gap:24px;margin-top:18px;flex-wrap:wrap}.line-button{font-size:13px;gap:20px}.portal-actions .play-button{font-size:11px}.opening-meta{left:7vw;right:7vw;bottom:110px;font-size:11px;gap:20px}.opening-meta>div:last-child{max-width:115px;text-align:right}.opening-meta .micro{font-size:10px}.scene-title{left:7vw;right:7vw;bottom:166px}.scene-title h2{font-size:clamp(65px,14vw,95px);margin:22px 0;line-height:.9}.scene-title .scene-subtitle{font-size:26px;max-width:270px;line-height:1.1}.scene-title .micro{font-size:10px}.scene-meta{right:4vw;top:30%;font-size:10px}.scene-number{font-size:110px;right:7vw;bottom:170px}.c-dock{padding:18px 6vw 18px;grid-template-columns:1fr 63px;gap:18px}.dock-label{display:none}.chapter-nav button{font-size:9px;letter-spacing:.025em;min-height:41px}.chapter-nav{gap:6px}.dock-right button{font-size:11px}.chapter-nav button:nth-child(1){flex:.8}.story-end{padding:80px 7vw}.end-top{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.end-top h2{font-size:54px}.studio-facts{gap:20px;flex-wrap:wrap}.closing{padding:70px 0 20px}.closing h2{font-size:73px}.c-footer{padding:35px 7vw 120px;flex-direction:column;align-items:start;gap:25px}.index-layout{grid-template-columns:1fr}.index-copy{padding:70px 7vw 35px}.index-copy h2{font-size:50px;margin:20px 0 30px}.index-photo{height:300px;min-height:300px}.index-row strong{font-size:29px}.index-row{padding:19px 0}.index-row p{font-size:11px}.index-bottom{gap:20px;margin-top:30px}.c-dialog{width:calc(100% - 20px);height:calc(100svh - 20px)}.close-dialog{right:14px;top:12px;padding:12px;font-size:12px}.project-hero{min-height:650px}.project-heading h1{font-size:75px;line-height:.9}.project-hero .project-heading{left:7vw;right:7vw;bottom:125px}.project-heading p{font-size:14px}.project-hero .project-back{top:110px;left:7vw;font-size:12px}.project-info{padding:55px 7vw;grid-template-columns:1fr;gap:35px}.project-info h2{font-size:45px}.project-info dl{gap:28px}.project-info dd{font-size:13px}.project-spread{padding:60px 7vw;grid-template-columns:1fr;gap:35px}.spread-image{height:60svh;min-height:350px}.spread-copy h2{font-size:50px}.wide-detail{padding:0 0 60px}.wide-detail img{min-height:250px;object-fit:cover}.project-next{padding:60px 7vw 130px}.project-next h2{font-size:40px}.round-next{width:60px;height:60px;font-size:27px}.enquiry{height:auto}.enquiry-inner{padding:65px 24px 35px}.enquiry h2{font-size:49px}.fields{grid-template-columns:1fr;gap:22px}.submit-row{flex-wrap:wrap;gap:20px}.submit-row .primary{flex:1}.review-data div{grid-template-columns:70px 1fr}.scene-shade{background:linear-gradient(#08090950,transparent 20%,#080909d9 95%),linear-gradient(90deg,#08090933,transparent)}}
@media(max-width:360px){.portal-copy h1{font-size:66px}.portal-actions{gap:14px}.contact-link{padding:10px;font-size:11px}.c-header nav{gap:15px}.scene-title h2{font-size:64px}.chapter-nav button{font-size:8px}.closing h2{font-size:65px}.scene-title .scene-subtitle{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.play-button,#film-toggle{display:none}.curtain{display:none}.portal-line{display:none}.scene img{will-change:auto}.scene{will-change:auto}}
.quiet-link,.contact-link{font-size:14px}.wide-detail{margin:0}.scene-title h2 em{font-weight:400}.portal-copy h1{font-size:clamp(85px,9.8vw,158px)}.scene-number{right:6vw}.scene-title{max-width:75vw}.scene-meta{pointer-events:none}.chapter-nav button{min-height:44px;font-size:12px}.c-dock button{touch-action:manipulation}
@media(max-width:700px){.portal-copy h1{font-size:clamp(66px,14.6vw,102px)}.portal-copy h1 em{max-width:85vw}.scene-title{max-width:none}.chapter-nav button{font-size:0!important;min-height:46px}.chapter-nav button:after{content:attr(data-short);font-size:12px}.c-header .menu-btn{font-size:0}.contact-link{font-size:12px}.scene-number{opacity:.2!important}.scene-title h2{max-width:87vw}.c-header nav{gap:18px}}
@media(max-height:700px) and (min-width:701px){.portal-copy{padding-top:30px}.portal-copy h1{font-size:95px}.portal-copy p{margin-top:25px}.portal-copy>.micro{margin-bottom:20px}.portal-actions{margin-top:15px}.opening-meta{bottom:100px}.scene-title h2{font-size:100px}}
.insert-shot{position:absolute;z-index:4;right:8vw;top:19vh;width:31vw;height:57vh;opacity:0;overflow:hidden;box-shadow:0 25px 90px #0007;border:1px solid #d4b98870;pointer-events:none;will-change:transform,opacity,clip-path}.insert-shot img{object-fit:cover}.insert-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#050705d9)}.insert-shot .micro{position:absolute;left:25px;bottom:23px;z-index:1;color:var(--gold);font-size:11px}.scene-title{pointer-events:none}.scene-title .line-button{pointer-events:auto}
@media(max-width:700px){.insert-shot{width:44vw;height:29vh;right:7vw;top:19vh}.insert-shot .micro{left:12px;bottom:12px;font-size:9px;letter-spacing:.08em}.scene-number{display:none}}
@media(prefers-reduced-motion:reduce){.insert-shot{display:none}}