/* Cinematic AnCasper: progressive enhancement over native page scrolling. */
:root{--display-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;--paper:#f1efe8;--ink:#25251f;--muted:#64675e;--line:#d5d4ca;--pink:#a34d68;--sage:#e2e4da;--cream:#e8e9e0;--white:#f8f7f2}
:root[data-theme=dark]{--paper:#0b0d0c;--ink:#f1eee7;--muted:#a2a79f;--line:#2b302c;--pink:#dfa6b6;--sage:#19221c;--cream:#111713;--white:#131a15}
body{background:var(--paper)}
h1,h2,h3{font-family:var(--display-font)!important;font-weight:620!important;letter-spacing:-.045em!important}
em{font-family:var(--serif);font-weight:400}
.header{position:sticky;top:0;z-index:60;background:var(--paper)}
.nav{height:88px;max-width:1440px;width:calc(100% - 96px)}
.wordmark{font-size:30px;letter-spacing:-.065em}
.nav nav{gap:35px}
.nav nav>a{font-size:11px}
.nav-cta{padding:12px 18px;font-size:11px!important}
.nav-tools{margin-left:22px}
.theme-toggle{width:35px;height:35px;flex-basis:35px;padding:9px}
.theme-toggle .fa-icon{width:15px;height:15px}
.cinematic-home .header{position:fixed;left:0;right:0;background:transparent;border-color:#ffffff1b;color:#f1eee7;transition:background .3s,color .3s}
.cinematic-home .header .theme-toggle,.cinematic-home .header .nav-cta{color:#f1eee7;border-color:#ffffff45}
.cinematic-home .header .nav-cta:hover{background:#f1eee7;color:#121613}
.cinematic-home.in-editorial .header{background:var(--paper);color:var(--ink);border-color:var(--line)}
.cinematic-home.in-editorial .header .theme-toggle,.cinematic-home.in-editorial .header .nav-cta{color:var(--ink);border-color:var(--line)}
.cinema-opening{height:100svh;min-height:680px;position:relative;background:#080b0a;color:#f1eee7;isolation:isolate}
.cinema-animated .cinema-opening{height:245svh}
.scene-sticky{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;--aperture:min(22vw,28svh);--opening-opacity:1;--opening-shift:0px;--scene2-opacity:0;--scene2-shift:45px;--scene-zoom:1.06;--ring-opacity:.8}
.scene-plate{position:absolute;inset:0;clip-path:circle(var(--aperture) at 50% 49%);background:#161126;overflow:hidden;z-index:0}
.scene-artwork{position:absolute;width:125%;height:125%;max-width:none;left:-12.5%;top:-12.5%;object-fit:cover;object-position:center;transform:scale(var(--scene-zoom)) translate(var(--art-x,0px),var(--art-y,0px));filter:brightness(.8) saturate(.65);will-change:transform}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,transparent 32%,#02080780 100%)}
.aperture-rim{position:absolute;left:50%;top:49%;width:calc(var(--aperture) * 2 + 14px);height:calc(var(--aperture) * 2 + 14px);transform:translate(-50%,-50%);border:1px solid #dce6d44d;border-radius:50%;box-shadow:0 0 0 7px #77897509,inset 0 0 0 3px #f6f4e60a;opacity:var(--ring-opacity);pointer-events:none}
.aperture-echo{position:absolute;left:50%;top:49%;width:calc(var(--aperture) * 2 + 74px);height:calc(var(--aperture) * 2 + 74px);transform:translate(-50%,-50%);border:1px solid #c3c8b608;border-radius:50%;opacity:var(--ring-opacity);pointer-events:none}
.scene-grain{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");z-index:5}
.opening-title-wrap{position:absolute;inset:0;opacity:var(--opening-opacity);transform:translateY(var(--opening-shift));z-index:3;pointer-events:none}
:is(#opening-title,.opening-title-copy){font-size:clamp(70px,8.8vw,150px);line-height:.9;margin:0;letter-spacing:-.055em!important;font-family:var(--display-font);font-weight:620!important;color:#f1eee7;text-shadow:0 2px 35px #0003}
.opening-left,.opening-right{position:absolute;display:block}
.opening-left{left:15%;top:27%}
.opening-right{left:56%;top:56%}
:is(#opening-title,.opening-title-copy) small{font:500 .21em/1.4 "DM Sans",sans-serif;letter-spacing:.04em;display:block;margin-bottom:.15em}
.opening-right small{margin-left:.14em;font-style:italic}
.opening-left>span,.opening-right>span{display:block;white-space:nowrap}
.opening-context{position:absolute;left:48px;bottom:48px;z-index:3;opacity:var(--opening-opacity);font-size:10px;line-height:1.8;letter-spacing:.02em}
.opening-context p{color:#e1e4dc;margin:0 0 3px}
.opening-context>span{color:#949d94;font-size:10px}
.opening-enquiry{position:absolute;right:48px;bottom:48px;z-index:5;opacity:var(--opening-opacity);font-size:10px;line-height:1.7;color:#aeb4ac}
.opening-enquiry>span{display:flex;align-items:center;gap:45px;font-size:14px;color:#f1eee7;margin-top:9px}
.opening-enquiry b{font-size:25px;font-weight:300}
.scroll-cue{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;font-size:10px;z-index:5;opacity:var(--opening-opacity)}
.scroll-cue i{font-size:28px;font-style:normal}
.scene-controls{position:absolute;left:48px;top:115px;z-index:9}
.cinema-motion{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:1px solid #ffffff26;padding:5px 0;color:#afb8ae;font-size:9px;min-height:30px;letter-spacing:.03em}
.cinema-motion:hover{color:#fff}
.cinema-motion[hidden]{display:none}
.cinema-motion:disabled{cursor:default}
.scene-second{position:absolute;inset:0;padding:20vh 9vw 7vh;z-index:4;opacity:var(--scene2-opacity);transform:translateY(var(--scene2-shift));pointer-events:none;visibility:hidden}
.cinema-animated .scene-second{visibility:visible}
.scene-second.is-visible{pointer-events:auto}
.scene-second>.eyebrow{color:#d4d8d2;font-size:10px;letter-spacing:.13em;margin-bottom:5vh}
.scene-second h2{font-size:clamp(70px,9vw,160px);line-height:.92;color:#faf4eb}
.scene-second h2 em{padding-left:.5em}
.scene-second-bottom{position:absolute;left:9vw;right:9vw;bottom:8vh;display:flex;justify-content:space-between;align-items:end;gap:35px}
.scene-second-bottom p{font-size:13px;line-height:1.8;color:#d4d8d2}
.cinema-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:11px 0;border-bottom:1px solid currentColor;font-family:"DM Sans",sans-serif;font-size:12px;color:inherit;min-height:44px}
.cinema-link>span{font-size:24px;line-height:1;transition:transform .35s}
.cinema-link:hover>span{transform:translate(3px,-3px)}
.artwork-credit{position:absolute;right:9vw;top:26vh;font-size:10px;letter-spacing:.04em;color:#ddd6e2;display:flex;align-items:center;gap:18px}
.light-trails{position:absolute;inset:0;overflow:hidden;opacity:.45}
.trail{position:absolute;width:8vw;min-width:60px;height:2px;background:#c6cdfa;border-radius:50%;box-shadow:0 0 9px 1px #7866e9;opacity:0;transform:rotate(-35deg);animation:light-pass 9s linear infinite;left:var(--x);top:var(--y);animation-delay:var(--delay)}
.trail:nth-child(3n){background:#d9accb;box-shadow:0 0 9px 1px #a96c9e}
.trail-0{--x:10%;--y:20%;--delay:-1s}.trail-1{--x:60%;--y:30%;--delay:-4s}.trail-2{--x:25%;--y:50%;--delay:-7s}.trail-3{--x:75%;--y:70%;--delay:-2s}.trail-4{--x:45%;--y:10%;--delay:-5s}.trail-5{--x:10%;--y:80%;--delay:-8s}.trail-6{--x:65%;--y:55%;--delay:-3s}.trail-7{--x:35%;--y:30%;--delay:-6s}.trail-8{--x:50%;--y:90%;--delay:-.5s}.trail-9{--x:85%;--y:15%;--delay:-3.5s}.trail-10{--x:5%;--y:45%;--delay:-6.5s}.trail-11{--x:40%;--y:65%;--delay:-8.5s}
@keyframes light-pass{0%{translate:-80px 50px;opacity:0}20%{opacity:.8}75%{opacity:.3}100%{translate:220px -135px;opacity:0}}
.cinema-animated .scene-artwork{animation:art-drift 18s ease-in-out infinite alternate}
@keyframes art-drift{from{translate:-7px 3px}to{translate:7px -5px}}
.cinema-work{position:relative;z-index:10;background:var(--paper);padding:110px 0 90px;box-shadow:0 -30px 70px #0002}
.cinematic-home .wrap{max-width:1320px}
.work-introduction{display:grid;grid-template-columns:.7fr 1.6fr .7fr;gap:35px;align-items:start;padding-bottom:80px;border-bottom:1px solid var(--line)}
.work-introduction>.eyebrow{margin:9px 0 0;font-size:10px}
.work-introduction>p:not(.eyebrow){font:400 clamp(27px,3vw,44px)/1.15 var(--serif);color:var(--ink);letter-spacing:-.03em}
.work-introduction>span{font-size:10px;color:var(--muted);justify-self:end;margin-top:9px}
.editorial-project{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:center;min-height:720px;padding:95px 0 60px}
.project-composition{height:520px;position:relative;isolation:isolate}
.composition-main{position:absolute;width:94%;top:70px;left:0;z-index:2;overflow:hidden;transition:transform .7s cubic-bezier(.2,.7,.2,1);box-shadow:0 25px 60px #0002}
.composition-main img{width:100%;height:auto;display:block;transition:transform 1s}
.composition-main:hover img{transform:scale(1.035)}
.composition-detail{position:absolute;width:40%;height:170px;right:-2%;top:0;overflow:hidden;z-index:3;box-shadow:0 15px 50px #0005;border:1px solid #ffffff1b}
.composition-detail img{width:235%;height:235%;object-fit:cover;object-position:right top;position:absolute;right:0;bottom:-6%;max-width:none}
.composition-line{position:absolute;left:30px;top:38px;bottom:95px;right:40px;z-index:0;border:1px solid var(--line)}
.project-caption{position:absolute;bottom:75px;left:0;font-size:9px;color:var(--muted);letter-spacing:.04em}
.editorial-copy .eyebrow{font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:.12em;display:block;margin-bottom:30px}
.editorial-copy h2{font-size:clamp(54px,5.8vw,90px);line-height:.98;margin-bottom:28px}
.editorial-copy>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:300px;margin-bottom:24px}
.editorial-copy .cinema-link{font-size:11px;gap:55px}
.project-tags{display:flex;gap:15px;color:var(--muted);font-size:9px;margin-top:45px}
.project-tags>span+span:before{content:"/";padding-right:15px;color:var(--line)}
.project-core{grid-template-columns:1fr 1.3fr;padding-top:0}
.project-core .project-composition{order:2}
.project-core .editorial-copy{padding-left:25px}
.project-core .composition-main{top:120px;left:5%;width:95%}
.project-core .composition-detail{left:-4%;right:auto;top:35px;width:37%;height:200px}
.project-core .composition-detail img{width:200%;height:200%;right:-10%;bottom:-20%;object-position:left top}
.project-core .project-caption{left:5%;bottom:30px}
.project-core .composition-line{top:90px;left:0;bottom:65px;right:30px}
.archive-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:11vw;padding-top:25px;padding-bottom:90px}
.archive-tile{display:block;align-self:start}
.archive-tile:nth-child(2){margin-top:155px}
.archive-image{overflow:hidden}
.archive-image img{display:block;width:100%;transition:transform 1.2s}
.archive-tile:hover img{transform:scale(1.045)}
.archive-tile>div:last-child{position:relative;padding:30px 0 0 30px}
.archive-tile h3{font-size:clamp(46px,4.6vw,72px);line-height:1; margin-bottom:25px}
.archive-tile>div>span{font-family:"DM Sans",sans-serif;font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}
.archive-tile b{font-weight:400;font-size:25px}
.all-work-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:35px}
.all-work-row p{font-size:12px;color:var(--muted)}
.cinema-services{padding:100px 0 110px;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cinema-services>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}
.services-editorial{position:sticky;top:145px}
.services-editorial h2{font-size:clamp(51px,5.2vw,78px);line-height:1.04;margin-bottom:35px}
.services-editorial>p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}
.services-editorial .eyebrow{margin-bottom:30px}
.cinema-service{display:grid;grid-template-columns:24px 1fr 24px;gap:18px;align-items:center;min-height:74px;border-bottom:1px solid var(--line);padding:16px 0;transition:padding .35s}
.cinema-service:first-child{border-top:1px solid var(--line)}
.cinema-service>span:nth-child(2){font-size:14px;line-height:1.5}
.service-symbol{font-size:15px;color:var(--muted)}
.service-go{font-size:24px;font-weight:300;transition:transform .35s}
.cinema-service:hover{padding-inline:8px}
.cinema-service:hover .service-go{transform:rotate(45deg)}
.cinematic-home .about-grid{padding-block:120px;gap:100px}
.cinematic-home .about-grid h2{font-size:clamp(43px,4.8vw,67px);line-height:1.08}
.cinematic-home .about-copy .large-copy{font-size:23px;line-height:1.45}
.cinematic-home .about-copy p{font-size:14px;line-height:1.85}
.cinematic-home .process{background:var(--cream);padding-block:90px}
.cinematic-home .process-grid h3{font-size:34px;line-height:1.1}
.cinematic-home .process-grid p{font-size:13px;line-height:1.8;color:var(--muted)}
.cinematic-home .process-label .fa-icon{color:var(--ink)}
.cinematic-home #blog{padding-block:100px}
.cinematic-home #blog h2{font-size:48px}
.cinematic-home .notes-list h3{font-size:28px}
.cinema-contact{position:relative;isolation:isolate;overflow:hidden;background:#080b0a;color:#f1eee7;min-height:760px;display:flex;align-items:center}
.contact-artwork{position:absolute;right:4vw;top:50%;width:min(53vw,680px);height:min(53vw,680px);transform:translateY(-50%);border-radius:50%;overflow:hidden;z-index:-1;opacity:.5}
.contact-artwork img{width:150%;height:150%;max-width:none;object-fit:cover;position:absolute;left:-25%;top:-25%;filter:brightness(.55) saturate(.55)}
.contact-scene-copy{padding-block:100px}
.contact-scene-copy .eyebrow{font-size:10px;color:#a9b1a6}
.contact-scene-copy h2{font-size:clamp(72px,8.7vw,130px);line-height:.93;margin:35px 0}
.contact-scene-copy h2 em{padding-left:.55em}
.contact-scene-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#a9b1a6;margin-bottom:25px}
.contact-scene-copy .cinema-link{min-width:230px}
.direct-email{display:block;color:#8e998d;font-size:11px;margin-top:25px;width:fit-content}
.footer{padding-top:15px}
.footer-cinema-motion{order:6;margin-left:auto;color:var(--muted);border-color:var(--line)}
.footer-cinema-motion:hover{color:var(--ink)}
.button{border-radius:0;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:12px;font-weight:500;padding:15px 21px}
:root[data-theme=dark] .button:hover{color:#141b17;background:#f1eee7}
:root[data-theme=light] .button:hover{color:#f1eee7;background:#25251f}
.contact-layout h1,.page-intro h1{line-height:1.04}
.brief-card{border:1px solid var(--line);background:var(--cream)}
.project-form{border-radius:0}
html.cinema-animated [data-enter]{transition:opacity .9s ease,translate 1.2s cubic-bezier(.2,.7,.2,1)}
html.cinema-animated .enter-wait{opacity:0;translate:0 65px}
html.cinema-animated .enter-wait:focus-within{opacity:1;translate:0 0}
html.cinema-animated .opening-left>span{animation:title-arrive 1.6s .15s cubic-bezier(.2,.7,.2,1) both}
html.cinema-animated .opening-right>span{animation:title-arrive 1.8s .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes title-arrive{from{opacity:0;transform:translateY(45px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
html.cinema-animated .aperture-rim{animation:ring-arrive 2s ease both}
@keyframes ring-arrive{from{scale:.9;opacity:0}to{scale:1;opacity:var(--ring-opacity)}}
html:not(.cinema-animated) .trail,html:not(.cinema-animated) .scene-artwork{animation:none}
html.cinema-paused *{animation-play-state:paused!important;transition:none!important}
html.cinema-paused{scroll-behavior:auto}
html.cinema-paused .enter-wait{opacity:1;translate:0 0}
html.cinema-paused .scene-second{display:none}
html.page-hidden .trail,html.page-hidden .scene-artwork,.opening-offscreen .trail,.opening-offscreen .scene-artwork{animation-play-state:paused}
@view-transition{navigation:auto}
::view-transition-old(root){animation:220ms ease both cinema-page-out}
::view-transition-new(root){animation:450ms ease both cinema-page-in}
@keyframes cinema-page-out{to{opacity:0}}
@keyframes cinema-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html.cinema-paused::view-transition-group(*),html.cinema-paused::view-transition-old(*),html.cinema-paused::view-transition-new(*){animation:none!important}
@media(min-width:1700px){.opening-left{left:20%}.opening-right{left:55%}}
@media(max-width:1100px){
 .nav{width:calc(100% - 60px)}.nav nav{gap:23px}
 :is(#opening-title,.opening-title-copy){font-size:9vw}
 .opening-left{left:9%;top:29%}.opening-right{left:51%;top:59%}
 .opening-context,.scene-controls{left:30px}.opening-enquiry{right:30px}
 .editorial-project{gap:6vw;min-height:600px;padding-top:70px}
 .project-composition{height:420px}.composition-main{top:75px}.composition-detail{height:135px}
 .project-caption{bottom:60px;font-size:8px}
 .project-core .composition-detail{height:160px}.project-core .project-caption{bottom:25px}
 .editorial-copy h2{font-size:6.4vw}
 .cinema-services>.wrap{gap:55px}
 .cinematic-home .about-grid{gap:60px}
}
@media(max-width:800px){
 .nav{width:calc(100% - 42px);height:78px}
 .wordmark{font-size:28px}.nav-tools{margin-left:auto}
 .cinematic-home .menu-toggle{color:#f1eee7;border-color:#ffffff45}
 .cinematic-home.in-editorial .menu-toggle{color:var(--ink);border-color:var(--line)}
 .cinematic-home .nav nav{background:#0b0d0c;color:#f1eee7}
 .cinematic-home.in-editorial .nav nav{background:var(--paper);color:var(--ink)}
 .scene-controls{top:100px;left:21px}
 .cinema-opening,.scene-sticky{min-height:650px}
 .scene-sticky{--aperture:min(32vw,27svh)}
 :is(#opening-title,.opening-title-copy){font-size:10.4vw}
 .opening-left{left:8%;top:29%}.opening-right{left:45%;top:59%}
 .opening-context{left:21px;bottom:35px}.opening-enquiry{right:21px;bottom:35px}
 .scroll-cue{bottom:110px;font-size:9px}
 .scene-second{padding:24vh 7vw 8vh}
 .scene-second h2{font-size:12vw}.scene-second h2 em{padding-left:.18em}
 .scene-second>.eyebrow{font-size:9px;max-width:250px;line-height:1.8}
 .scene-second-bottom{left:7vw;right:7vw;bottom:10vh}
 .artwork-credit{right:7vw;top:16vh;font-size:9px}
 .work-introduction{grid-template-columns:1fr;gap:18px;padding-bottom:40px}
 .work-introduction>.eyebrow{margin:0}.work-introduction>span{justify-self:start;margin:0}
 .work-introduction>p:not(.eyebrow){font-size:35px}
 .cinema-work{padding-top:70px}
 .editorial-project{grid-template-columns:1fr 1fr;gap:35px}
 .project-composition{height:370px}.composition-detail{width:50%;height:130px;right:-5%}
 .composition-main{width:100%;top:85px}.project-caption{bottom:40px;max-width:160px}
 .composition-line{left:15px;right:0;bottom:50px;top:65px}
 .editorial-copy h2{font-size:48px}.editorial-copy .eyebrow{font-size:8px;line-height:1.8;margin-bottom:20px}
 .editorial-copy>p{font-size:12px}.project-tags{margin-top:25px}
 .project-core .project-composition{height:400px}.project-core .editorial-copy{padding-left:0}
 .project-core .composition-main{top:140px;width:100%;left:0}.project-core .composition-detail{height:140px;width:50%;top:55px;left:-4%}
 .project-core .project-caption{bottom:20px;left:0}
 .archive-editorial{gap:45px;padding-bottom:65px}
 .archive-tile:nth-child(2){margin-top:90px}.archive-tile>div:last-child{padding-left:0}
 .archive-tile h3{font-size:45px}.archive-tile>div>span{font-size:8px;line-height:1.8}
 .cinema-services{padding-block:75px}.cinema-services>.wrap{grid-template-columns:1fr;gap:40px}
 .services-editorial{position:static}.services-editorial h2{font-size:58px;margin-bottom:25px}
 .cinema-service{min-height:70px}
 .cinematic-home .about-grid{padding-block:80px;gap:35px}
 .cinematic-home .about-grid h2{font-size:48px}
 .cinematic-home .process-grid h3{font-size:28px}
 .cinematic-home #blog{padding-block:75px}
 .cinema-contact{min-height:650px}.contact-scene-copy h2{font-size:90px}
 .contact-artwork{width:70vw;height:70vw;right:-10vw}
 .footer-cinema-motion{margin-left:0}
}
@media(max-width:520px){
 .cinema-opening,.scene-sticky{min-height:620px}
 .cinema-animated .cinema-opening{height:220svh}
 .scene-sticky{--aperture:37vw}
 :is(#opening-title,.opening-title-copy){font-size:15.8vw}
 .opening-left{left:8%;top:30%}
 .opening-right{left:25%;top:58%}
 :is(#opening-title,.opening-title-copy) small{font-size:.27em}
 .opening-context{font-size:8px;bottom:32px;max-width:180px}
 .opening-context>span{font-size:8px;display:block;max-width:130px}
 .opening-enquiry{font-size:8px;bottom:30px}
 .opening-enquiry>span{font-size:12px;gap:20px}
 .scroll-cue{bottom:105px;font-size:8px;gap:12px}
 .scroll-cue i{font-size:23px}
 .scene-controls .cinema-motion{font-size:8px}
 .scene-second{padding-top:26vh}
 .scene-second h2{font-size:17vw}
 .scene-second>.eyebrow{font-size:8px;max-width:230px}
 .scene-second-bottom{flex-direction:column;align-items:flex-start;gap:20px;bottom:8vh}
 .scene-second-bottom p{font-size:11px}.scene-second-bottom .cinema-link{font-size:10px;min-width:160px}
 .artwork-credit{top:18vh;font-size:8px}
 .cinema-work{padding-top:65px;padding-bottom:55px}
 .work-introduction>p:not(.eyebrow){font-size:30px}
 .editorial-project{display:flex;flex-direction:column;gap:0;padding:65px 0;min-height:0;align-items:stretch}
 .project-composition{height:330px}
 .composition-main{top:70px;width:95%}
 .composition-detail{width:42%;height:135px;right:0;top:5px}
 .project-caption{bottom:18px;max-width:none;left:0}
 .composition-line{bottom:35px;left:15px;top:50px;right:15px}
 .editorial-copy{padding:22px 7px 0}
 .editorial-copy h2{font-size:58px;line-height:1}
 .editorial-copy>p{font-size:13px;max-width:320px}
 .editorial-copy .eyebrow{font-size:8px;margin-bottom:20px}
 .editorial-copy .cinema-link{font-size:11px}
 .project-core{padding-top:10px}
 .project-core .project-composition{order:0;height:350px}
 .project-core .editorial-copy{padding:22px 7px 0}
 .project-core .composition-main{width:95%;left:5%;top:100px}
 .project-core .composition-detail{height:165px;left:0;top:15px;width:39%}
 .project-core .composition-line{bottom:35px;top:75px}
 .archive-editorial{grid-template-columns:1fr;gap:50px;padding-top:10px;padding-bottom:50px}
 .archive-tile{width:90%}.archive-tile:nth-child(2){margin-top:0;margin-left:auto}
 .archive-tile h3{font-size:47px}.archive-tile>div:last-child{padding:25px 0 0 15px}
 .archive-tile>div>span{font-size:9px}
 .all-work-row{flex-direction:column;align-items:flex-start;gap:15px}
 .all-work-row p{font-size:11px}
 .cinema-services{padding-block:65px}
 .services-editorial h2{font-size:53px}
 .services-editorial>p:last-child{font-size:12px}
 .cinema-service{gap:12px;grid-template-columns:20px 1fr 20px;min-height:70px}
 .cinema-service>span:nth-child(2){font-size:12px}
 .service-symbol{font-size:13px}
 .cinematic-home .about-grid{padding-block:65px}
 .cinematic-home .about-grid h2{font-size:42px}
 .cinematic-home .about-copy .large-copy{font-size:21px}
 .cinematic-home .process{padding-block:65px}
 .cinematic-home .process-grid h3{font-size:32px}
 .cinematic-home #blog{padding-block:65px}.cinematic-home #blog h2{font-size:39px}
 .cinematic-home .notes-list h3{font-size:27px}
 .cinema-contact{min-height:630px}
 .contact-scene-copy{padding-block:70px}
 .contact-scene-copy .eyebrow{font-size:8px;max-width:230px;line-height:1.8}
 .contact-scene-copy h2{font-size:clamp(57px,16vw,78px);margin-block:40px 30px}
 .contact-scene-copy h2 em{padding-left:.15em}
 .contact-scene-copy>p:not(.eyebrow){font-size:12px}
 .contact-artwork{width:105vw;height:105vw;right:-35vw;top:40%}
 .contact-scene-copy .cinema-link{font-size:11px;min-width:210px}
}
@media(max-height:700px) and (min-width:801px){
 .cinema-opening,.scene-sticky{min-height:540px}
 .opening-context,.opening-enquiry{bottom:25px}.scroll-cue{bottom:25px}
 .scene-controls{top:100px}
 .opening-left{top:26%}.opening-right{top:57%}
 :is(#opening-title,.opening-title-copy){font-size:8vw}
}
@media(prefers-reduced-motion:reduce){
 .cinema-animated .cinema-opening{height:100svh}
 .scene-artwork,.trail{animation:none!important;translate:none!important}
 .enter-wait{opacity:1!important;translate:none!important}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}

/* Readable corner labels and a focused application detail. */
.project-tickvisor .composition-detail img{width:220%;height:auto;right:0;top:-40%;bottom:auto;object-fit:initial}
.opening-context{font-size:11px}.opening-context>span{font-size:10px}.opening-enquiry{font-size:11px}.opening-enquiry>span{font-size:14px}.cinema-motion{min-height:40px}
@media(max-width:520px){.opening-context{font-size:10px;max-width:180px}.opening-context>span{font-size:9px;max-width:160px}.opening-enquiry{font-size:10px}.opening-enquiry>span{font-size:13px}.scroll-cue{font-size:10px}.scene-controls .cinema-motion{font-size:9px}}

@media(max-height:600px) and (orientation:landscape){.cinema-opening,.scene-sticky{min-height:100svh}.nav{height:64px}.nav nav{top:64px}.scene-controls{top:74px;left:21px}:is(#opening-title,.opening-title-copy){font-size:min(8vw,16vh)}.opening-left{top:27%}.opening-right{top:57%;left:54%}.opening-context,.opening-enquiry{bottom:15px;font-size:9px}.opening-context>span{font-size:8px}.scroll-cue{bottom:15px;font-size:9px}.scene-second{padding-top:23vh}.scene-second>.eyebrow{font-size:8px;margin-bottom:3vh}.scene-second h2{font-size:18vh}.scene-second-bottom{bottom:5vh;flex-direction:row;align-items:end}.scene-second-bottom p{font-size:10px}.artwork-credit{top:27vh;font-size:8px}}

:is(#opening-title,.opening-title-copy){position:absolute;inset:0}