:root {
  color-scheme: dark;
  --bg: #090a0b;
  --paper: #eeece5;
  --muted: #aaa9a4;
  --accent: #bc9c82;
  --rule: rgba(237, 232, 220, .2);
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--bg); color:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
::selection { color:#101010; background:#e0c1a1; }
a { color:inherit; text-decoration:none; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible {outline: 1px solid var(--accent);outline-offset:7px;}
.skip-link {position:fixed;left:12px;top:-60px;background:#fff;color:#000;padding:12px;z-index:99;}
.skip-link:focus{top:12px;}
.film-grain {position:fixed;inset:0;pointer-events:none;z-index:15;opacity:.18;background-image:url('assets/grain.svg');background-size:210px 210px;mix-blend-mode:soft-light;}
.site-header {position:fixed;z-index:30;left:0;top:0;width:100%;height:98px;padding:0 clamp(25px,5.2vw,90px);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(180deg,rgba(6,7,9,.49),transparent);transition:background .5s ease,border .5s ease,height .5s ease;}
.site-header.is-scrolled {background:rgba(8,9,10,.84);height:80px;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);}
.brand {display:flex;align-items:center;gap:21px;min-width:0;}
.brand-monogram {font-family:var(--serif);font-size:43px;font-weight:400;line-height:1;letter-spacing:-.08em;white-space:nowrap;}
.brand-point{color:var(--accent);}
.brand-divider {height:31px;width:1px;background:rgba(255,255,255,.35);}
.brand-wordmark {font-size:9px;letter-spacing:.37em;font-weight:600;line-height:1.6;white-space:nowrap;}
.brand-wordmark span {display:block;font-size:7px;font-weight:400;letter-spacing:.27em;margin-top:3px;color:rgba(255,255,255,.54);}
.main-nav{display:flex;gap:clamp(22px,3vw,52px);align-items:center;white-space:nowrap;}
.nav-link,.nav-number {font-size:10px;letter-spacing:.19em;font-weight:500;}
.nav-link{position:relative;padding:12px 0;color:rgba(255,255,255,.68);transition:color .2s ease;}
.nav-link:after {content:'';position:absolute;left:0;bottom:6px;width:0;height:1px;background:var(--paper);transition:width .3s ease;}
.nav-link:hover,.nav-link-active{color:#fff;}
.nav-link:hover:after,.nav-link-active:after{width:100%;}
.nav-number {color:rgba(255,255,255,.38);}
.cinematic-panel{position:relative;overflow:hidden;isolation:isolate;}
.hero {min-height:760px;height:100svh;max-height:1500px;background:#0c0e10;display:flex;align-items:center;}
.hero-video-wrap {position:absolute;inset:0;z-index:-3;overflow:hidden;background:#0b0d0f;}
.hero-video {height:100%;width:100%;display:block;object-fit:cover;object-position:52% 52%;filter:brightness(.52) contrast(1.14) saturate(.68) sepia(.08);transform:scale(1.05);animation:slow-portrait 26s ease-in-out alternate infinite;}
.hero-video-wrap:after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0d0f 0%,rgba(11,13,15,.92) 14%,rgba(11,13,15,.58) 35%,rgba(11,13,15,.14) 66%), linear-gradient(0deg,rgba(8,10,12,.76),rgba(8,10,12,.28) 38%,rgba(8,10,12,.1) 72%),linear-gradient(180deg,rgba(5,7,8,.2),transparent 28%);}
.hero-tint{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 47% 72% at 76% 40%,rgba(146,110,83,.12),transparent 75%),linear-gradient(90deg,rgba(7,8,10,.28) 0%,transparent 70%);pointer-events:none;}
.hero-architecture {position:absolute;inset:0;pointer-events:none;z-index:2;}
.architecture-top {position:absolute;left:5.2%;right:5.2%;top:119px;border-top:1px solid rgba(255,255,255,.12);}
.architecture-side {position:absolute;left:5.2%;top:140px;bottom:130px;border-left:1px solid rgba(255,255,255,.09);}
.hero-inner{width:100%;max-width:1600px;margin:0 auto;padding:130px clamp(42px,9.2vw,165px) 115px;position:relative;z-index:3;}
.hero-copy {width:min(58%,830px);padding-top:28px;}
.eyebrow{font-size:10px;letter-spacing:.36em;font-weight:500;color:rgba(231,229,224,.72);display:flex;align-items:center;gap:19px;text-transform:uppercase;}
.eyebrow-intro {white-space:nowrap;}
.tiny-square {width:6px;height:6px;background:#c3a387;display:inline-block;flex-shrink:0;}
.eyebrow-separator{color:rgba(255,255,255,.32);}
.hero-title {font-family:var(--serif);font-size:clamp(116px,12.1vw,235px);font-weight:300;line-height:.72;letter-spacing:-.058em;margin:58px 0 42px;color:#f2f0e9;text-shadow:0 10px 55px rgba(0,0,0,.12);}
.hero-title span{display:block;margin-left:0.3%;}
.title-underline{width:58px;height:1px;background:#d9cab9;margin-bottom:26px;}
.hero-role {font-size:clamp(10px,.88vw,13px);font-weight:500;letter-spacing:.24em;line-height:1.95;color:#e2dfd8;max-width:900px;}
.role-divider{margin:0 5px;color:#c5a68a;}
.hero-line{font-family:var(--serif);font-size:clamp(26px,2.18vw,42px);max-width:510px;font-weight:400;line-height:1.17;color:rgba(236,232,224,.83);margin:54px 0 0;letter-spacing:-.018em;}
.hero-line em{font-weight:300;color:rgba(239,232,224,.92);}
.hero-bottom {position:absolute;z-index:4;bottom:0;left:0;width:100%;padding:28px clamp(25px,5.2vw,90px) 35px;display:flex;justify-content:space-between;align-items:end;gap:20px;}
.scroll-down{display:flex;gap:23px;align-items:center;font-size:9px;letter-spacing:.25em;font-weight:500;color:rgba(255,255,255,.67);transition:color .3s ease;}
.scroll-down:hover{color:#fff;}
.scroll-bar{position:relative;width:1px;height:48px;background:rgba(255,255,255,.22);overflow:hidden;}
.scroll-pulse{position:absolute;top:-16px;left:0;height:18px;width:1px;background:#efe4d8;animation:scroller 2.6s ease-in-out infinite;}
.hero-bottom-center{font-size:8px;letter-spacing:.38em;color:rgba(255,255,255,.37);text-transform:uppercase;}
.page-count {font-family:var(--sans);font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.44);display:flex;align-items:center;gap:18px;}
.page-count strong{font-weight:500;color:#e5d9cd;font-size:12px;}
.count-line{width:56px;height:1px;background:rgba(255,255,255,.34);}
.filmmaker{background:radial-gradient(ellipse 60% 65% at 88% 55%,rgba(65,55,48,.15),transparent 68%),#0b0c0e;min-height:100svh;}
.filmmaker:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.015) 48%,transparent 48.1%);pointer-events:none;}
.filmmaker-watermark{position:absolute;top:10%;right:2%;font-family:var(--serif);font-size:clamp(250px,36vw,620px);line-height:1;color:rgba(255,255,255,.016);letter-spacing:-.14em;pointer-events:none;}
.filmmaker-inner {width:min(100% - 10.4vw,1540px);min-height:calc(100svh - 82px);margin:0 auto;padding:150px 0 90px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);column-gap:clamp(55px,7vw,132px);align-items:center;position:relative;z-index:1;}
.filmmaker-main{max-width:750px;}
.filmmaker-main h2 {font-family:var(--serif);font-size:clamp(76px,7.3vw,140px);font-weight:300;line-height:.86;letter-spacing:-.045em;margin:51px 0 35px;color:var(--paper);}
.filmmaker-main h2 em{font-weight:300;color:#bb9b81;}
.filmmaker-small-rule {height:1px;width:67px;background:#c7b49b;margin:0 0 34px;}
.intro-paragraph {font-family:var(--serif);font-size:clamp(27px,2.2vw,39px);font-weight:400;line-height:1.15;letter-spacing:-.014em;max-width:680px;margin:0 0 22px;color:rgba(242,240,232,.92);}
.body-paragraph{font-size:clamp(12px,1vw,14px);font-weight:300;line-height:1.95;color:rgba(222,220,214,.58);max-width:510px;letter-spacing:.017em;margin:0 0 46px;}
.disciplines {display:flex;gap:0;border-top:1px solid var(--rule);max-width:535px;}
.disciplines>div{display:flex;gap:14px;padding-top:21px;padding-right:37px;margin-right:36px;white-space:nowrap;font-size:9px;letter-spacing:.15em;line-height:1.6;color:rgba(239,234,226,.74);}
.disciplines>div + div{border-left:1px solid var(--rule);padding-left:29px;}
.disciplines-number{font-family:var(--serif);color:#bda48d;font-size:13px;line-height:1.2;}
.filmmaker-art{width:100%;position:relative;align-self:center;max-width:505px;justify-self:end;}
.portrait-frame{width:100%;height:min(61vh,670px);min-height:390px;position:relative;overflow:hidden;background:#17191b;outline:1px solid rgba(233,224,207,.10);outline-offset:12px;}
.portrait-frame:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.09);pointer-events:none;}
.portrait-frame img{height:100%;width:100%;object-fit:cover;object-position:53% 27%;filter:grayscale(1) brightness(.86) contrast(1.13);transform:scale(1.33);transition:transform 1.2s ease,filter 1.2s ease;}
.portrait-frame:hover img{transform:scale(1.26);filter:grayscale(.92) brightness(.94) contrast(1.1);}
.portrait-veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,5,.31),transparent 33%),linear-gradient(90deg,rgba(10,10,10,.05),transparent 50%);}
.portrait-marker{position:absolute;bottom:21px;right:23px;letter-spacing:.3em;color:rgba(255,255,255,.63);font-size:10px;}
.art-side-label{position:absolute;right:-33px;top:2%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.28em;color:rgba(255,255,255,.41);}
.art-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em;color:rgba(255,255,255,.36);margin-top:31px;gap:7px;}
.filmmaker-bottom {position:relative;z-index:1;min-height:82px;border-top:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,5.2vw,90px);gap:20px;color:rgba(255,255,255,.43);font-size:9px;letter-spacing:.22em;}
.slash{margin:0 5px;color:#ab8c74;}
.back-top{color:rgba(255,255,255,.7);transition:color .2s ease;}
.back-top:hover{color:white;}
.back-top span{font-size:18px;font-family:var(--serif);vertical-align:middle;margin-left:16px;}
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1s ease, transform 1.1s cubic-bezier(.19,1,.22,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.filmmaker-art.reveal{transition-delay:.16s;}
@keyframes slow-portrait {from {transform:scale(1.035) translate(0,0);} to {transform:scale(1.085) translate(-.8%,.4%);}}
@keyframes scroller{0%{top:-18px;}60%,100%{top:50px;}}
@media(max-width:1120px){
 .hero-copy{width:65%;}
 .hero-title{font-size:clamp(100px,13vw,180px);}
 .filmmaker-inner{width:calc(100% - 100px);column-gap:60px;}
 .filmmaker-main h2{font-size:clamp(71px,7.6vw,105px);}
 .portrait-frame{height:56vh;}
}
@media(max-width:760px){
 .site-header{padding:0 24px;height:74px;}
 .site-header.is-scrolled{height:66px;}
 .brand{gap:11px;}.brand-monogram{font-size:37px;}
 .brand-divider{height:23px;}.brand-wordmark{font-size:7.7px;letter-spacing:.23em;}
 .brand-wordmark span{font-size:6px;letter-spacing:.18em;}
 .main-nav{gap:0;}.main-nav a[href='#home'],.nav-number{display:none;}
 .main-nav .nav-link{font-size:9px;letter-spacing:.08em;}
 .hero{height:100svh;min-height:650px;}
 .hero-video-wrap{inset:0 0 0 0;}
 .hero-video{object-position:54% 52%;filter:brightness(.43) contrast(1.22) saturate(.66);transform:scale(1.18);}
 .hero-video-wrap:after{background:linear-gradient(0deg,#090a0b 0%,rgba(9,10,11,.88) 12%,rgba(9,10,11,.45) 47%,rgba(9,10,11,.12) 72%),linear-gradient(90deg,rgba(8,9,10,.58),rgba(8,9,10,.2) 50%,transparent 78%);}
 .hero-tint{background:linear-gradient(0deg,rgba(9,10,11,.42),transparent 70%);}
 .architecture-top{left:24px;right:24px;top:88px;}
 .architecture-side{left:24px;top:111px;bottom:130px;}
 .hero-inner{padding:190px 35px 125px;align-self:stretch;display:flex;align-items:end;}
 .hero-copy{width:100%;padding:0 0 20px;}
 .eyebrow{font-size:8px;letter-spacing:.19em;gap:11px;}
 .hero-title{font-size:clamp(89px,18vw,136px);line-height:.73;letter-spacing:-.055em;margin:37px 0 28px;}
 .hero-role{font-size:8px;letter-spacing:.12em;white-space:normal;max-width:330px;}
 .title-underline{margin-bottom:14px;width:44px;}
 .hero-line{margin:31px 0 0;font-size:clamp(22px,6vw,29px);max-width:320px;}
 .hero-bottom{padding:17px 25px 25px;}
 .scroll-down{font-size:7px;letter-spacing:.16em;gap:13px;}
 .scroll-bar{height:32px;}.hero-bottom-center{display:none;}
 .page-count{gap:9px;font-size:9px;}.count-line{width:28px;}
 .filmmaker-inner{display:flex;flex-direction:column;padding:117px 0 74px;width:calc(100% - 50px);gap:54px;align-items:stretch;}
 .filmmaker-main h2{font-size:clamp(63px,14vw,93px);margin:37px 0 29px;}
 .intro-paragraph{font-size:clamp(26px,7vw,36px);}
 .body-paragraph{font-size:12px;line-height:1.85;margin-bottom:30px;}
 .disciplines{max-width:100%;}.disciplines>div{padding-right:12px;margin-right:15px;gap:8px;font-size:8px;}
 .disciplines>div + div{padding-left:15px;}
 .filmmaker-art{width:calc(100% - 17px);max-width:520px;justify-self:center;align-self:center;}
 .portrait-frame{height:440px;min-height:0;}
 .filmmaker-bottom{padding:15px 24px;min-height:75px;font-size:7px;letter-spacing:.11em;}
 .art-side-label{right:-29px;}
}
@media(max-width:380px){.brand-wordmark{display:none}.brand-divider{display:none}.hero-title{font-size:87px}.hero-inner{padding-left:26px;padding-right:20px}.filmmaker-inner{width:calc(100% - 38px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video,.scroll-pulse{animation:none}.reveal{opacity:1;transform:none;transition:none}.portrait-frame img{transition:none}}

/* Homepage chapters 03–05: continuing the same cinematic visual language. */
.chapter-frame{width:min(calc(100% - 10.4vw),1540px);margin:0 auto;position:relative;z-index:3;}
.menu-toggle{display:none;}
.practice{background:#101112;border-top:1px solid rgba(255,255,255,.07);}
.practice-content{padding-top:clamp(110px,12vw,220px);padding-bottom:clamp(80px,8vw,150px);}
.practice-heading{display:flex;flex-direction:column;align-items:flex-start;}
.practice-heading h2{font-family:var(--serif);font-size:clamp(72px,8vw,156px);line-height:.83;font-weight:300;letter-spacing:-.053em;margin:54px 0 30px;}
.practice-heading h2 em{font-weight:300;color:#bb9b81;}
.practice-lede{font-family:var(--serif);font-size:clamp(23px,2vw,35px);line-height:1.2;color:rgba(245,241,233,.69);max-width:550px;margin:23px 0 0;}
.practice-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(85px,9vw,160px);border-top:1px solid rgba(255,255,255,.21);border-bottom:1px solid rgba(255,255,255,.18);}
.practice-item{min-height:280px;padding:45px clamp(24px,3vw,70px) 60px 0;}
.practice-item + .practice-item{border-left:1px solid rgba(255,255,255,.18);padding-left:clamp(35px,4vw,80px);}
.practice-no{font-size:9px;letter-spacing:.31em;color:#b69a81;margin:0 0 35px;}
.practice-item h3{font-family:var(--serif);font-weight:300;line-height:1;font-size:clamp(52px,4.7vw,82px);letter-spacing:-.035em;margin:0 0 20px;}
.practice-item>p:last-child{max-width:400px;font-size:13px;color:rgba(235,233,225,.58);line-height:1.85;font-weight:300;}
.film-interlude{height:clamp(350px,51vw,740px);position:relative;overflow:hidden;margin:0;background:#121518;}
.film-interlude>img{width:100%;height:100%;object-fit:cover;object-position:center 49%;display:block;filter:saturate(.58) brightness(.7) contrast(1.07);transition:transform 8s cubic-bezier(.2,.5,.2,1);}
.film-interlude:hover>img{transform:scale(1.04);}
.film-interlude-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,7,.75),transparent 35%),linear-gradient(90deg,rgba(6,7,9,.43),transparent 70%);pointer-events:none;}
.film-interlude figcaption{position:absolute;bottom:clamp(28px,4vw,70px);left:5.2%;right:5.2%;display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.28em;color:rgba(255,255,255,.78);}
.film-interlude figcaption em{font-style:normal;color:#e5d5c4;}
.elsewhere{background:#0a0b0d;min-height:700px;display:flex;align-items:center;}
.elsewhere-layout{padding:clamp(105px,12vw,205px) 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,160px);align-items:center;}
.elsewhere-intro h2{font-family:var(--serif);font-weight:300;font-size:clamp(80px,8.3vw,155px);letter-spacing:-.05em;line-height:.83;margin:55px 0 32px;}
.elsewhere-intro h2 em{font-weight:300;color:#bb9b81;}
.elsewhere-intro>p:not(.eyebrow):not(.social-help){font-family:var(--serif);font-size:clamp(23px,2.1vw,34px);max-width:430px;color:rgba(240,236,231,.73);line-height:1.24;}
.elsewhere-intro .social-help{margin:48px 0 0;font-size:8px;letter-spacing:.23em;color:rgba(255,255,255,.37);}
.social-list{border-top:1px solid rgba(255,255,255,.2);}
.social-link{position:relative;display:flex;align-items:center;gap:clamp(14px,2vw,40px);min-height:112px;border-bottom:1px solid rgba(255,255,255,.19);padding:14px 8px 14px 4px;color:#eeeae2;transition:padding .4s ease,color .3s ease,background .3s ease;}
.social-link[href]{cursor:pointer;}
.social-link[href]:hover{padding-left:20px;color:#d5b89d;background:rgba(255,255,255,.02);}
.social-link[aria-disabled="true"]{cursor:default;}
.social-index{font-family:var(--sans);font-size:10px;letter-spacing:.14em;color:#a98c75;min-width:28px;}
.social-name{font-family:var(--serif);font-size:clamp(40px,4.25vw,73px);font-weight:300;line-height:1;letter-spacing:-.03em;flex:1;}
.social-arrow{font-family:var(--serif);font-size:clamp(27px,2.2vw,39px);font-weight:300;color:#9c8979;line-height:1;transform:translateY(-4px);transition:transform .4s ease;}
.social-link[href]:hover .social-arrow{transform:translate(4px,-8px);}
.contact{background:#0a0b0d;min-height:clamp(660px,85svh,1100px);display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.1);}
.contact-image{position:absolute;inset:0;background-image:url('assets/silence-contact-still.jpg');background-size:cover;background-position:center 45%;filter:grayscale(.6) brightness(.35) contrast(1.2);z-index:-3;}
.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.88) 0%,rgba(5,6,7,.78) 42%,rgba(5,6,7,.3) 100%),linear-gradient(0deg,#090a0b 0%,rgba(9,10,11,.1) 37%,rgba(9,10,11,.17) 80%,#090a0b 100%);z-index:-2;}
.contact-content{padding:140px 0;}
.contact-content h2{font-family:var(--serif);font-weight:300;line-height:.86;letter-spacing:-.045em;font-size:clamp(88px,9vw,164px);margin:62px 0 33px;}
.contact-content h2 em{font-weight:300;color:#d0b49b;}
.contact-content>p:not(.eyebrow){font-size:clamp(13px,1.15vw,16px);line-height:1.8;color:rgba(255,255,255,.63);margin:0 0 60px;max-width:440px;}
.contact-email{font-size:11px;font-weight:500;letter-spacing:.2em;padding:15px 2px 18px;border-bottom:1px solid rgba(255,255,255,.5);display:inline-flex;gap:30px;align-items:center;transition:color .3s ease,border-color .3s ease;}
.contact-email[href]:hover{color:#dabda3;border-color:#dabda3;}
.contact-email[aria-disabled="true"]{cursor:default;color:#b9aaa0;border-bottom-color:rgba(255,255,255,.22);}
.contact-email span{font-size:23px;line-height:0;}
.site-footer{min-height:108px;padding:30px 5.2vw;background:#07080a;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:25px;align-items:center;justify-content:space-between;}
.footer-logo{font-family:var(--serif);font-size:43px;letter-spacing:-.08em;line-height:1;}
.footer-logo span{color:#bc9c82;}
.footer-mid,.footer-end{font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.5);}
.footer-mid span{color:#aa8b73;margin:0 10px;}
.footer-end a{color:rgba(255,255,255,.75);transition:color .2s ease;}
.footer-end a:hover{color:white;}

@media (max-width:1160px){
  .site-header .main-nav{gap:18px;}
  .brand-wordmark span{max-width:255px;white-space:normal;}
  .main-nav .nav-link{font-size:9px;letter-spacing:.13em;}
  .social-link{min-height:97px;}
}
@media (max-width:970px){
  .site-header{gap:20px;}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:flex-end;width:48px;height:48px;padding:11px;border:0;color:#fff;background:transparent;cursor:pointer;position:relative;z-index:35;margin-left:auto;}
  .menu-toggle span{display:block;width:26px;height:1px;background:rgba(255,255,255,.85);transition:transform .25s ease,width .25s ease;}
  .menu-toggle span:last-child{width:18px;}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg);}
  .menu-toggle[aria-expanded="true"] span:last-child{width:26px;transform:translateY(-4px) rotate(-45deg);}
  .site-header .main-nav{position:fixed;top:70px;right:24px;width:min(340px,calc(100vw - 48px));padding:25px 29px 28px;display:flex;flex-direction:column;align-items:stretch;gap:9px;background:rgba(12,13,15,.98);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 72px rgba(0,0,0,.48);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;}
  .site-header .main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
  .site-header .main-nav .nav-link{display:block!important;padding:13px 0;font-size:11px;letter-spacing:.25em;}
  .site-header .main-nav .nav-number{display:none;}
  .practice-grid{margin-top:90px;}
  .elsewhere-layout{gap:50px;}
}
@media (max-width:760px){
  .chapter-frame{width:calc(100% - 48px);}
  .site-header .main-nav{top:68px;}
  .brand-wordmark span{max-width:210px;}
  .practice-content{padding-top:110px;padding-bottom:90px;}
  .practice-heading h2{font-size:clamp(64px,12.7vw,94px);margin-top:39px;}
  .practice-lede{font-size:26px;max-width:400px;}
  .practice-grid{grid-template-columns:1fr;margin-top:70px;}
  .practice-item{min-height:auto;padding:32px 0 43px;}
  .practice-item + .practice-item{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:32px 0 43px;}
  .practice-no{margin-bottom:24px;}
  .practice-item h3{font-size:63px;}
  .film-interlude{height:370px;}
  .film-interlude>img{object-position:53% center;}
  .film-interlude figcaption{left:24px;right:24px;bottom:25px;flex-direction:column;gap:9px;font-size:8px;letter-spacing:.17em;}
  .elsewhere{min-height:0;}
  .elsewhere-layout{grid-template-columns:1fr;gap:62px;padding:105px 0 125px;}
  .elsewhere-intro h2{font-size:clamp(75px,14vw,113px);margin:40px 0 30px;}
  .elsewhere-intro .social-help{margin-top:30px;}
  .social-link{min-height:92px;}
  .social-name{font-size:clamp(45px,9vw,68px);}
  .contact{min-height:660px;}
  .contact-image{background-position:61% 50%;}
  .contact-shade{background:linear-gradient(0deg,rgba(6,7,8,.98),rgba(6,7,8,.7) 46%,rgba(6,7,8,.6)),linear-gradient(90deg,rgba(6,7,8,.5),transparent);}
  .contact-content{padding:130px 0 100px;}
  .contact-content h2{font-size:clamp(72px,13.6vw,111px);margin:51px 0 35px;}
  .site-footer{padding:29px 24px;flex-wrap:wrap;gap:16px;}
  .footer-mid{order:3;flex-basis:100%;}
}
@media(max-width:400px){
 .chapter-frame{width:calc(100% - 42px);}
 .practice-heading h2{font-size:62px;}
 .elsewhere-intro h2{font-size:71px;}
 .social-name{font-size:45px;}
 .contact-content h2{font-size:66px;}
 .footer-mid,.footer-end{font-size:8px;letter-spacing:.14em;}
}
@media(prefers-reduced-motion:reduce){
 .film-interlude>img,.social-link,.social-arrow,.menu-toggle span{transition:none!important;}
}


/* V5 — CINEMATIC MOTION SYSTEM
   Motion remains decorative; all content and links work with reduced motion. */
.scroll-progress {
  position:fixed;top:0;left:0;right:0;height:2px;z-index:60;
  pointer-events:none;background:rgba(255,255,255,.045);
}
.scroll-progress span {
  display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,#b5967b,#efe7dd);
  will-change:transform;
}
.chapter-indicator {
  position:fixed;right:19px;top:48%;z-index:21;writing-mode:vertical-rl;
  font:500 9px/1.4 var(--sans);letter-spacing:.23em;
  color:rgba(235,230,220,.42);pointer-events:none;display:flex;gap:4px;
  text-shadow:0 1px 12px rgba(0,0,0,.9);
}
.chapter-indicator .chapter-current{font-size:12px;color:#ede6dc;letter-spacing:.1em;}
.chapter-indicator .chapter-slash{color:#b89a80;}
.chapter-indicator .chapter-description{margin-top:22px;color:rgba(236,232,226,.56);font-size:8px;letter-spacing:.25em;}

/* More breathing room between chapters, with unbroken tonal transitions. */
.filmmaker {background-color:#0b0c0e;}
.practice {background-color:#101112;}
.elsewhere {background-color:#0a0b0d;}
.hero-video-wrap {inset:-7%;transform:translate3d(0, var(--hero-parallax, 0px), 0);will-change:transform;}
.hero-video {transform:scale(1.035);}

/* Fallback is visible before JavaScript initializes. */
.reveal {opacity:1;transform:none;}
.motion-ready .reveal:not(.visible) {
  opacity:0;transform:translate3d(0,42px,0);
  filter:blur(5px);
}
.motion-ready .reveal.visible {
  opacity:1;transform:translate3d(0,0,0);filter:blur(0);
}
.motion-ready .reveal {
  transition:opacity 1.15s ease, transform 1.25s cubic-bezier(.18,1,.28,1),filter 1.05s ease;
}
.motion-ready .filmmaker-art.reveal {transition-delay:.22s;}
.motion-ready .practice-grid.reveal {transition-delay:.13s;}
.motion-ready .social-list.reveal {transition-delay:.19s;}

/* The interlude reveals vertically like an opening cinema curtain. */
.motion-ready .film-interlude.reveal:not(.visible) {
  clip-path:inset(0 0 24% 0);opacity:.1;filter:none;
}
.motion-ready .film-interlude.reveal.visible {
  clip-path:inset(0 0 0 0);opacity:1;filter:none;
}
.motion-ready .film-interlude.reveal {
  transition:clip-path 1.5s cubic-bezier(.18,.75,.24,1),opacity 1.2s ease;
}
.film-interlude>img {
  transform:scale(1.06) translate3d(0,var(--interlude-parallax,0px),0);
  will-change:transform;
}
.film-interlude:hover>img{transform:scale(1.095) translate3d(0,var(--interlude-parallax,0px),0);}

/* Entrance composition: every element arrives at its own restrained beat. */
.motion-ready .hero-copy .eyebrow-intro,
.motion-ready .hero-copy .hero-title,
.motion-ready .hero-copy .title-underline,
.motion-ready .hero-copy .hero-role,
.motion-ready .hero-copy .hero-line {
  animation: opening-rise 1.35s both cubic-bezier(.17,.82,.2,1);
}
.motion-ready .hero-copy .eyebrow-intro {animation-delay:.08s;}
.motion-ready .hero-copy .hero-title {animation-delay:.2s;}
.motion-ready .hero-copy .title-underline {animation-delay:.39s;}
.motion-ready .hero-copy .hero-role {animation-delay:.46s;}
.motion-ready .hero-copy .hero-line {animation-delay:.62s;}
@keyframes opening-rise {
  from {opacity:0;transform:translate3d(0,23px,0);filter:blur(4px);}
  to {opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
}

/* Social links have a quiet cinematic wipe instead of a large hover animation. */
.social-link:before {
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
  transform:scaleX(0);transform-origin:left center;background:rgba(202,173,145,.85);
  transition:transform .6s cubic-bezier(.17,.79,.22,1);
}
.social-link[href]:hover:before,.social-link[href]:focus-visible:before {transform:scaleX(1);}

/* Feedback: navigation gives the viewer a reading-position cue. */
.site-header.is-scrolled {background:rgba(8,9,10,.76);}
.cinematic-panel {scroll-margin-top:0px;}

@media (max-width:970px) {
  .chapter-indicator {display:none;}
}
@media (max-width:760px) {
  .scroll-progress {height:2px;}
  .hero-video-wrap {inset:-7% -14%;}
  .film-interlude>img {transform:scale(1.06);}
  .film-interlude:hover>img {transform:scale(1.06);}
  .motion-ready .film-interlude.reveal:not(.visible) {clip-path:inset(0 0 13% 0);}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  .motion-ready .reveal,.motion-ready .reveal:not(.visible),.motion-ready .reveal.visible,
  .motion-ready .film-interlude.reveal,.motion-ready .film-interlude.reveal:not(.visible),
  .motion-ready .hero-copy .eyebrow-intro,.motion-ready .hero-copy .hero-title,
  .motion-ready .hero-copy .title-underline,.motion-ready .hero-copy .hero-role,
  .motion-ready .hero-copy .hero-line {
    opacity:1!important;transform:none!important;clip-path:none!important;
    filter:none!important;animation:none!important;transition:none!important;
  }
  .hero-video-wrap {transform:none!important;will-change:auto;}
  .film-interlude>img,.film-interlude:hover>img{transform:none!important;will-change:auto;}
  .social-link:before {transition:none!important;}
}