.film-hero{height:100svh;position:relative;background:#09151e;color:#fff}.film-hero.film-ready{height:var(--film-height,500svh)}.film-sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:#09151e}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07131cd4,transparent 80%),linear-gradient(0deg,#07131cb8,transparent 30%);opacity:calc(.35 + var(--film-copy,1)*.65)}.film-copy{position:absolute;z-index:2;left:6%;top:50%;transform:translateY(calc(-45% - var(--film-p,0)*90px));max-width:740px;width:84%;opacity:var(--film-copy,1);visibility:var(--film-copy-visibility,visible)}.film-copy h1{font-size:clamp(55px,6.7vw,112px);line-height:.94;letter-spacing:-.065em;margin:26px 0;font-weight:750}.film-copy h1 em{font-style:normal;color:#33a6e8}.film-copy p{max-width:490px;font-size:17px;line-height:1.55;color:#e0e9ef}.film-copy .section-label{font-size:10px;letter-spacing:.15em;gap:22px;color:#fff}.film-copy .q-button{margin-top:18px;background:white;color:#152633}.film-control{position:absolute;z-index:4;bottom:30px;left:6%;right:6%;display:flex;align-items:center;gap:24px;color:#fff;font-size:10px;letter-spacing:.1em}.film-instruction{white-space:nowrap}.film-scrubber{flex:1}.film-scrubber input{width:100%;accent-color:#c0e2f5;cursor:ew-resize;height:20px}.film-percent{font-variant-numeric:tabular-nums;white-space:nowrap}.film-skip{border:1px solid #ffffff66;border-radius:30px;padding:12px 18px;color:#fff;text-decoration:none;white-space:nowrap;background:#10253480}.film-skip:focus-visible,.film-scrubber input:focus-visible{outline:2px solid white;outline-offset:5px}.film-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff24}.film-progress i{display:block;width:100%;height:100%;background:#badff4;transform:scaleX(var(--film-p,0));transform-origin:left}.film-fallback .film-control{display:none}.film-fallback .film-copy{pointer-events:none}.film-hero:not(.film-ready) .film-control{display:none}.film-hero.film-accessible{height:100svh!important}.film-accessible .film-copy{opacity:.9}.film-accessible .film-instruction{font-size:0}.film-accessible .film-instruction:after{content:'EXPLORE THE FILM';font-size:10px}.film-hero~#after-film{scroll-margin-top:100px}.scroll-reveal{opacity:0;translate:0 34px;filter:blur(3px);transition:opacity .85s ease,translate 1s cubic-bezier(.2,.65,.2,1),filter .85s ease;transition-delay:var(--reveal-delay,0ms)}.scroll-reveal.is-revealed,.scroll-reveal:focus-within{opacity:1;translate:0 0;filter:blur(0)}
.studio-diagram.cinema-core{min-height:660px;position:relative;overflow:hidden;border:1px solid #395364;border-radius:18px;padding:34px;background:radial-gradient(ellipse at 48% 33%,#24465a 0,#102330 38%,#060f18 82%);color:#edf7ff;box-shadow:0 32px 70px #081f3433,inset 0 1px 0 #ffffff1a;transform:perspective(1500px) rotateX(var(--turn-x)) rotateY(var(--turn-y));isolation:isolate}.cinema-core:before{content:'';position:absolute;inset:-60%;background:conic-gradient(from 10deg,transparent 10%,#8bd9ff10 15%,transparent 26%,transparent 60%,#33a6e813 68%,transparent 80%);animation:core-light 28s linear infinite;pointer-events:none}.cinema-core .core-eyebrow{font-size:9px;letter-spacing:.22em;color:#9fb6c6;z-index:2}.core-stage{position:relative;width:100%;height:310px;transform-style:preserve-3d;perspective:900px;transform:rotateY(calc(var(--core-p,.5)*18deg - 9deg));margin:15px 0}.core-grid{position:absolute;inset:50% -50% -25%;background:linear-gradient(#7ac9e514 1px,transparent 1px),linear-gradient(90deg,#7ac9e514 1px,transparent 1px);background-size:35px 35px;transform:rotateX(65deg);mask-image:radial-gradient(ellipse,#000,transparent 65%)}.core-halo{position:absolute;left:50%;top:50%;width:290px;height:290px;margin:-145px;border-radius:50%;border:1px solid #aedcf36b;transform-style:preserve-3d;box-shadow:0 0 18px #93d4f015,inset 0 0 15px #aedcf312}.halo-a{transform:rotateX(67deg) rotateZ(-28deg);animation:halo-a 20s linear infinite}.halo-b{width:240px;height:240px;margin:-120px;border-color:#33a6e866;transform:rotateY(66deg) rotateZ(35deg);animation:halo-b 25s linear infinite reverse}.halo-c{width:320px;height:320px;margin:-160px;border-style:dashed;border-color:#9ac9e328;transform:rotateX(75deg) rotateY(12deg)}.core-halo:after{content:'';position:absolute;top:40px;left:35px;width:9px;height:9px;border-radius:50%;background:#dcf4ff;box-shadow:0 0 20px #aee6ff}.core-crystal{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-23deg) rotateZ(-10deg);animation:core-float 7s ease-in-out infinite}.core-crystal i{position:absolute;inset:0;border:1px solid #d3efff99;border-radius:20px;background:linear-gradient(135deg,#d9f2ff55,#78b9db15 48%,#03131acc);box-shadow:inset 2px 2px 18px #b7eaff2b,0 0 34px #afdfff12;backdrop-filter:blur(8px)}.core-crystal i:nth-child(1){transform:translateZ(32px)}.core-crystal i:nth-child(2){transform:translateZ(-16px) translateX(14px) translateY(14px);opacity:.65}.core-crystal i:nth-child(3){transform:translateZ(-55px) translateX(27px) translateY(27px);opacity:.3}.core-crystal strong{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;letter-spacing:-.1em;color:#eefaff;transform:translateZ(50px);text-shadow:0 3px 15px #010f18}.core-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#c7e9f9;box-shadow:0 0 13px #c7e9f9}.star-a{top:15%;left:14%}.star-b{right:12%;top:37%}.star-c{bottom:9%;left:36%}.core-signature{position:relative;text-align:center;transform:translateZ(45px)}.core-signature>strong{font-size:40px;letter-spacing:-.055em}.core-signature strong span{font-size:11px;vertical-align:super;margin-left:6px;color:#9bb5c5}.core-signature p{font-size:14px;line-height:1.6;color:#9bb5c5;margin:12px 0 26px}.core-disciplines{position:relative;width:100%;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:24px;gap:8px}.core-disciplines span{font-size:8px;letter-spacing:.12em;color:#b5cbd9}.cinema-core:focus-visible{outline:3px solid #75abc9;outline-offset:6px}
@keyframes core-light{to{rotate:360deg}}@keyframes core-float{50%{transform:translateY(-12px) rotateX(-3deg) rotateY(18deg) rotateZ(1deg)}}@keyframes halo-a{to{transform:rotateX(67deg) rotateZ(332deg)}}@keyframes halo-b{to{transform:rotateY(66deg) rotateZ(395deg)}}
@media(max-width:700px){.film-sticky{min-height:600px}.hero-film{object-fit:contain;top:10%;height:62%;background:#09151e}.film-shade{background:linear-gradient(0deg,#09151e 12%,#09151e00 65%),linear-gradient(#09151e80,transparent 30%)}.film-copy{top:auto;bottom:130px;left:6%;width:88%;transform:translateY(calc(var(--film-p,0)*-40px));max-width:500px}.film-copy h1{font-size:clamp(42px,10vw,66px);margin:14px 0;line-height:1}.film-copy p{font-size:13px;line-height:1.5;max-width:340px}.film-copy .section-label{font-size:8px;letter-spacing:.09em}.film-copy .q-button{font-size:12px;padding:12px 17px;margin-top:8px}.film-control{bottom:35px;gap:12px;flex-wrap:wrap}.film-instruction{width:100%;font-size:8px}.film-percent{font-size:8px}.film-skip{padding:10px;font-size:9px}.studio-diagram.cinema-core{min-height:590px;padding:28px 20px;margin:10px 0;width:100%;border-radius:16px}.core-stage{height:270px}.core-halo{scale:.84}.core-signature>strong{font-size:35px}.core-disciplines span{font-size:7px;letter-spacing:.04em}.cinema-core .core-eyebrow{font-size:8px}}
.motion-paused .scroll-reveal{opacity:1;translate:none;filter:none;transition:none}.motion-paused .cinema-core *,.motion-paused .cinema-core:before{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;filter:none;transition:none}.cinema-core *,.cinema-core:before{animation:none!important;transition:none!important}.film-ready{height:100svh!important}}
.film-scrubber .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.film-control{right:8%}
.studio-diagram.cinema-core{aspect-ratio:auto;width:100%;min-width:0}.film-fit{display:none}.film-sticky{min-height:0}
@media(max-width:700px){.hero-film{inset:0;height:100%;object-fit:cover;object-position:50% center}.film-hero[data-film=contact] .hero-film{object-position:44% center}.film-hero[data-film=services] .hero-film{object-position:48% center}.film-hero[data-film=work] .hero-film{object-position:58% center}.film-shade{background:linear-gradient(0deg,#09151ee6,transparent 65%),linear-gradient(#09151e77,transparent 30%)}.film-control{bottom:76px;right:6%;gap:10px}.film-copy{bottom:195px}.film-fit{display:block;position:absolute;top:110px;right:6%;z-index:5;background:#10253480;color:#fff;border:1px solid #ffffff66;border-radius:30px;padding:9px 13px;font-size:9px}.film-full-frame .hero-film{object-fit:contain;object-position:center}.film-full-frame .film-shade{opacity:.25}}
@media(max-height:600px){.film-copy h1{font-size:44px;margin:12px 0}.film-copy p{font-size:12px;max-width:460px}.film-copy{top:48%;bottom:auto;transform:translateY(-45%)}.film-copy .q-button{display:none}.film-control{bottom:24px}.film-fit{top:95px}.film-instruction{display:none}}
.core-crystal strong{z-index:5;transform:translateZ(80px);line-height:1;backface-visibility:hidden}
/* Keep page titles visible throughout the complete pinned film. */
.film-copy{opacity:1!important;visibility:visible!important;transform:translateY(-45%)}.film-control{gap:24px}.film-percent{margin-left:auto}.film-shade{opacity:1}.film-accessible .film-control{bottom:65px}
@media(max-width:700px){.film-copy{transform:none}.film-control{gap:12px}.film-instruction{width:auto;flex:1}.film-hero[data-film=about] .hero-film{object-position:53% center}}
@media(max-height:600px){.film-copy{transform:translateY(-45%)}}