.cinematic-content *{box-sizing:border-box}.cinematic-content{scroll-behavior:smooth;scroll-padding-top:50px}.cinematic-content{margin:0;background:var(--ink);color:var(--paper);font:15px/1.5 Arial,sans-serif;-webkit-font-smoothing:antialiased}.cinematic-content a{color:inherit;text-decoration:none}.cinematic-content button{font:inherit;color:inherit;cursor:pointer}.cinematic-content a:focus-visible,.cinematic-content button:focus-visible{outline:2px solid #dfdeb4;outline-offset:7px}.cinematic-content header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 4.5vw;z-index:20}.cinematic-content .brand img{width:65px;height:65px;object-fit:contain}.cinematic-content header nav{position:fixed;top:32px;left:50%;transform:translateX(-50%);display:flex;gap:28px;padding:13px 23px;border-radius:40px;background:linear-gradient(140deg,#fff2,#ffffff08);border:1px solid #ffffff26;box-shadow:inset 0 1px #ffffff12,0 10px 40px #0003;backdrop-filter:blur(26px);font-size:12px}.cinematic-content nav a{opacity:.85}.cinematic-content nav a:hover{opacity:1}.cinematic-content nav span{padding-left:12px}.cinematic-content #motion{background:transparent;border:0;font-size:11px;color:#c5c5bb;padding:10px}.cinematic-content .scene{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}.cinematic-content .visual{position:absolute;inset:0;z-index:-2;mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 76%,transparent 100%)}.cinematic-content .visual img,.cinematic-content .visual video{width:100%;height:100%;object-fit:cover}.cinematic-content .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080909ed 0%,#08090995 25%,#08090905 65%,#08090955 100%)}.cinematic-content .hero-visual{inset:0 0 -10%;mask-image:linear-gradient(#000 60%,transparent 100%)}.cinematic-content .hero-visual:after{background:linear-gradient(90deg,#080909bb,#08090900 70%),linear-gradient(0deg,#080909,transparent 65%)}.cinematic-content .hero-copy{padding:24svh 8vw 16svh;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start}.cinematic-content .eyebrow{font-size:10px;letter-spacing:.23em;font-weight:400;color:#c2c2b6;margin:0 0 30px}.cinematic-content h1,.cinematic-content h2,.cinematic-content h3,.cinematic-content p{font-weight:400}.cinematic-content h1,.cinematic-content h2{letter-spacing:-.055em;line-height:.95;margin:0}.cinematic-content h1{font-size:clamp(72px,8.5vw,145px)}.cinematic-content em{font-family:Georgia,serif;font-weight:400}.cinematic-content h1 em{font-size:.96em}.cinematic-content .hero-bottom{margin-top:48px;display:flex;gap:7vw;align-items:center;width:100%;font-size:13px}.cinematic-content .hero-bottom p{color:#c5c5bb}.cinematic-content .text-link{display:inline-flex;gap:30px;align-items:center;background:none;border:0;border-bottom:1px solid #ffffff55;padding:12px 0;font-size:12px;letter-spacing:.03em}.cinematic-content .text-link:hover{border-color:#fff}.cinematic-content .margin-note{position:absolute;right:3.2vw;top:49%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;color:#b5b5aa}.cinematic-content .project{min-height:115svh;display:flex;align-items:center}.cinematic-content .project-copy{padding:12vh 8vw;width:65%;transform:translateY(var(--drift,0px));opacity:var(--fade,1);will-change:opacity,transform}.cinematic-content .project h2{font-size:clamp(56px,6.5vw,104px)}.cinematic-content .project h2 span{display:block;font-family:Georgia,serif;font-style:italic;font-size:.64em;letter-spacing:-.045em;margin-top:14px;color:#d9d8cc}.cinematic-content .project-copy>p:not(.eyebrow){font-size:13px;color:#bbbbae;margin:30px 0 15px}.cinematic-content .project .text-link{margin-top:18px}.cinematic-content .portrait{inset:0 0 0 28%;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 87%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent);mask-composite:intersect}.cinematic-content .portrait:after{background:linear-gradient(90deg,#08090999,transparent 50%,#08090930)}.cinematic-content .client-dock{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;transition:opacity .6s,transform .6s;display:flex;gap:23px;align-items:center;white-space:nowrap;max-width:calc(100% - 24px);overflow-x:auto;padding:15px 22px;border:1px solid #ffffff1f;border-radius:40px;background:linear-gradient(140deg,#343633a6,#17191780);backdrop-filter:blur(30px);box-shadow:inset 0 1px #fff1,0 10px 35px #0003;font-size:11px}.cinematic-content .client-dock.show{opacity:1;transform:translateX(-50%) translateY(0)}.cinematic-content .client-dock span{font-size:8px;letter-spacing:.13em;color:#959b8e}.cinematic-content .client-dock a{color:#a7aaa0;transition:color .3s}.cinematic-content .client-dock a[aria-current=true],.cinematic-content .client-dock a:hover{color:#fff}.cinematic-content .studio{padding:20vh 8vw;min-height:115svh}.cinematic-content .studio .visual{opacity:.32}.cinematic-content .studio .visual:after{background:linear-gradient(90deg,#080909e6,#08090966)}.cinematic-content .studio-copy{max-width:920px}.cinematic-content .studio h2,.cinematic-content .contact h2{font-size:clamp(58px,7vw,112px)}.cinematic-content .services{display:flex;gap:40px;margin:60px 0 28px}.cinematic-content .services>div{flex:1}.cinematic-content .services h3{font-size:14px}.cinematic-content .services p{font-size:12px;color:#a9ada1;line-height:1.8}.cinematic-content .contact{position:relative;padding:22vh 8vw 36px;background:radial-gradient(ellipse at 80% 50%,#25271e66,transparent 60%);min-height:90svh}.cinematic-content .contact>.text-link{margin-top:40px}.cinematic-content footer{display:flex;justify-content:space-between;margin-top:20vh;font-size:10px;letter-spacing:.12em;color:#95998e}.cinematic-content dialog{width:96vw;max-width:1400px;background:#090a09;color:#fff;padding:22px;border:1px solid #ffffff25;border-radius:12px}.cinematic-content dialog::backdrop{background:#000d;backdrop-filter:blur(22px)}.cinematic-content dialog h2{font-size:18px;letter-spacing:0;margin:8px 0 20px}.cinematic-content dialog video{display:block;width:100%;height:78vh;object-fit:contain}.cinematic-content #close-film{float:right;background:transparent;border:0;padding:5px 10px}.cinematic-content body.reduced .project-copy{transform:none!important;opacity:1!important}.cinematic-content body.reduced,.cinematic-content body.reduced *{scroll-behavior:auto!important;transition:none!important}@media(max-width:700px){.cinematic-content header{padding:20px}.cinematic-content .brand img{width:48px;height:48px}.cinematic-content header nav{top:23px;gap:18px;padding:10px 18px;left:auto;right:16px;transform:none}.cinematic-content #motion{position:absolute;top:78px;right:16px;font-size:10px}.cinematic-content .hero-copy{padding:28svh 7vw 12svh}.cinematic-content .hero-bottom{display:block;margin-top:30px}.cinematic-content .hero-bottom .text-link{margin-top:10px}.cinematic-content .margin-note{display:none}.cinematic-content .project{min-height:100svh;align-items:flex-end}.cinematic-content .project-copy{width:100%;padding:0 7vw 16vh}.cinematic-content .project h2{font-size:58px}.cinematic-content .project .visual{inset:0;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 80%,transparent)}.cinematic-content .project .visual:after{background:linear-gradient(0deg,#080909f0 5%,#08090977 45%,#08090900 75%)}.cinematic-content .project .visual img{object-position:55% 30%}.cinematic-content .project .eyebrow{margin-bottom:24px}.cinematic-content .client-dock{left:12px;transform:translateY(100px);padding:14px 18px;gap:20px;border-radius:24px}.cinematic-content .client-dock.show{transform:translateY(0)}.cinematic-content .client-dock span{display:none}.cinematic-content .services{flex-direction:column;gap:16px;margin-top:40px}.cinematic-content .studio{padding:16vh 7vw}.cinematic-content .studio h2{font-size:58px}.cinematic-content .services p{max-width:340px}.cinematic-content .contact{padding:18vh 7vw 30px}.cinematic-content .contact h2{font-size:70px}.cinematic-content footer{letter-spacing:0;margin-top:18vh}.cinematic-content dialog video{height:70vh}}@media(prefers-reduced-motion:reduce){.cinematic-content{scroll-behavior:auto}.cinematic-content .project-copy{transform:none!important;opacity:1!important}.cinematic-content .client-dock{transition:none}}
.cinematic-content{--ink:#111111;--paper:#efede5;--muted:#b1b1a8;background:#111;color:var(--paper)}
.client-strip{border-bottom:0}.cinematic-content .visual:after{background:linear-gradient(90deg,#111111ed 0%,#11111195 25%,#11111105 65%,#11111155 100%)}
.cinematic-content .service-intro{font-size:15px;line-height:1.8;color:#c5c5bb;max-width:460px;margin:36px 0 24px}.cinematic-content .concept-note{font-size:11px;color:#aaa;max-width:400px}.cinematic-content .service-scene .visual{opacity:.62}.cinematic-content .service-scene .studio-copy{max-width:850px}.cinematic-content .studio-copy{position:relative;z-index:1}.cinematic-content .contact{min-height:80svh;padding-bottom:18vh}.cinematic-content .contact .eyebrow{margin-bottom:32px}.cinematic-content .contact h2{margin:0}.cinematic-content .contact .text-link{margin-top:40px}
@media(max-width:700px){.cinematic-content .service-scene{display:flex;align-items:flex-end;min-height:100svh}.cinematic-content .service-scene .visual:after{background:linear-gradient(0deg,#111 5%,#111b 50%,#1112 100%)}.cinematic-content .project .visual:after{background:linear-gradient(0deg,#111111f0 5%,#11111177 45%,#11111100 75%)}.cinematic-content .service-intro{font-size:14px}}

/* A single clean typographic voice for the opening headline. */
body .hero-title-clean em{font-family:"Bodoni 72","Didot","Baskerville",serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.045em!important}

/* Keep the cover headline editorial and contained at desktop viewport heights. */
body .film-hero .hero-title-clean{max-width:980px;font-size:clamp(46px,5.15vw,82px);line-height:.96;letter-spacing:-.052em;margin-bottom:18px}
body .film-hero .hero-title-clean em{font-size:.94em;letter-spacing:-.055em!important}

/* A lighter high-fashion serif for the second line of studio statements. */
body .studio-copy h2 em{font-family:"Bodoni 72","Didot","Baskerville",serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.045em!important}

/* Light mode should invert the opening copy panel below the hero film. */
body.theme-light .film-hero{
  background:#efede5;
}
body.theme-light .film-hero:after{
  background:linear-gradient(0deg,#efede5 0%,#efede5 34%,rgba(239,237,229,0) 72%);
}
body.theme-light .film-hero-copy,
body.theme-light .film-controls{
  color:#151713;
  text-shadow:none;
}
body.theme-light .film-hero-copy .eyebrow,
body.theme-light .film-hero-copy p{
  color:#151713;
}
body.theme-light .film-controls button{
  border-bottom-color:rgba(21,23,19,.65);
}
body.theme-light .film-hero .light-button{
  background:#151713;
  color:#efede5;
}