@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#060608;--fg:#f4f1ec;--muted:#aaa5ad;--accent:#ff5933;--line:#2b282e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}h1,h2,h3,p{margin:0}header{position:absolute;inset:0 4%;height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;z-index:5}.brand{font-size:23px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.asterisk{font-size:35px;color:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-last{padding:11px 18px;border:1px solid #ffffff60;border-radius:30px}.nav-last span{margin-left:20px}.intro{height:100svh;min-height:720px;max-height:1300px;position:relative;isolation:isolate;overflow:hidden;background:#060608}.dimension{position:absolute;inset:0;z-index:-2}.dimension canvas{width:100%;height:100%;display:block;opacity:0}.dimension.rendered canvas{opacity:1}.scene-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.rendered .scene-fallback{display:none}.intro:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06060855,transparent 65%),linear-gradient(0deg,#060608 0%,transparent 24%,transparent 80%,#06060855)}.hero-kicker{position:absolute;top:122px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.6px;color:#d8d0d1}.hero-copy{position:absolute;left:8%;top:50%;transform:translateY(-45%);pointer-events:none}.hero-copy h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;font-size:clamp(95px,10.9vw,190px);line-height:.79;letter-spacing:-.025em}.hero-copy h1>span{display:block}.line-one{font-size:.56em;letter-spacing:.015em;margin-bottom:.17em}.line-two{color:transparent;-webkit-text-stroke:1.5px #fff;filter:drop-shadow(0 2px 16px #0006)}.line-three{margin-left:1.04em;margin-top:.02em}.title-period{color:var(--accent)}.hero-copy p{font-size:15px;line-height:1.65;color:#e0d9dd;margin:30px 0 20px}.hero-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:34px;background:var(--fg);color:#131014;border-radius:2px;padding:15px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.hero-cta:hover{background:var(--accent);transform:translateY(-3px)}.hero-cta span{font-size:21px}.hero-caption{position:absolute;right:4%;top:51%;text-align:right}.hero-caption>span{font-size:12px;line-height:1.4;letter-spacing:3px}.hero-caption p{font-size:14px;line-height:1.6;margin-top:16px;color:#c7b9c5}.hero-bottom{position:absolute;bottom:29px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.mood-controls{display:flex;gap:6px}.mood{background:#14101785;border:1px solid #ffffff30;color:#d4c9cd;font-size:12px;letter-spacing:.6px;border-radius:30px;padding:12px 16px;backdrop-filter:blur(10px)}.mood.active{background:var(--fg);color:#141017;border-color:var(--fg)}#motion-toggle{color:#e6dce3;background:transparent;border:0;font-size:12px;padding:12px}#motion-toggle span{margin-left:10px}.move-hint{font-size:11px;letter-spacing:1.5px;color:#bcb3be}.ticker{overflow:hidden;background:var(--accent);color:#100909;padding:14px 0;transform:rotate(-1.1deg);position:relative;z-index:2;margin:0 -2%;width:104%}.ticker>div{white-space:nowrap;width:max-content;font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;font-weight:700;animation:marquee 30s linear infinite}.ticker i{font-style:normal;padding:0 45px}.feature{height:650px;position:relative;margin:110px 4% 0;overflow:hidden;border-radius:3px;transform:perspective(1400px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s}.feature>img{width:100%;height:100%;object-fit:cover}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 70%)}.feature-top,.feature-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;z-index:1}.feature-top{top:30px;font-size:12px;letter-spacing:1.4px}.feature-bottom{bottom:35px;align-items:end}.eyebrow{font-size:12px;letter-spacing:1.5px;line-height:1.6}.feature h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(45px,6vw,88px);line-height:.95;margin-top:16px}.image-button{border:1px solid #fff8;background:#0003;backdrop-filter:blur(15px);color:white;display:flex;gap:25px;padding:17px 22px;border-radius:35px}.section{padding:110px 6%;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:45px}.section-heading>.eyebrow,.perspective>.eyebrow{color:var(--accent)}.section-heading h2{font-size:clamp(35px,4vw,60px);letter-spacing:-2px;font-weight:500;line-height:1.1}.work-note{margin-left:34%;padding:30px 0;border-top:1px solid var(--line);display:flex;gap:25px}.outline-symbol{font-size:38px;color:var(--accent)}h3{font-size:24px;font-weight:500}.work-note p{color:var(--muted);line-height:1.7;max-width:650px;margin:16px 0 24px}.small-note,.service-label{font-size:12px;color:var(--muted);letter-spacing:1px}.perspective{display:grid;grid-template-columns:1fr 2fr;gap:30px;background:radial-gradient(ellipse at 80% 60%,#29151d55,transparent 70%)}.perspective h2{font-size:clamp(38px,4.7vw,72px);line-height:1.1;letter-spacing:-3px;font-weight:500}.perspective h2 span{color:var(--accent)}.perspective-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px;color:var(--muted);line-height:1.75}.closing-thought{font-size:22px;margin-top:32px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.services article{padding:30px;border:1px solid var(--line);background:linear-gradient(130deg,#1a1318,#0c0b10);transition:transform .3s,border-color .3s}.services article:hover{transform:perspective(1000px) rotateX(4deg) translateY(-8px);border-color:var(--accent)}.service-number{color:var(--accent);font-size:14px}.services h3{font-size:29px;margin:60px 0 18px}.services p{color:var(--muted);line-height:1.7;min-height:120px}.service-label{display:block;margin-top:30px;line-height:1.5}.ending{background:var(--accent);color:#120b09;padding:80px 6%;position:relative;overflow:hidden}.ending h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,13vw,190px);text-transform:uppercase;line-height:.85;margin:38px 0 30px;letter-spacing:-3px}.ending h2 em{font-style:normal}.ending h2>span{position:absolute;right:12%;top:27%;font-family:serif;font-size:180px;animation:spin 30s linear infinite}.ending p{font-size:18px}.ending>a{display:inline-block;border-bottom:1px solid;padding-bottom:5px;margin-top:22px}.contact-link{font-size:22px}footer{padding:34px 4%;display:flex;justify-content:space-between;align-items:center;gap:22px}footer>span{font-size:12px;letter-spacing:1px;color:var(--muted)}dialog{padding:0;border:1px solid #ffffff30;background:var(--bg);color:var(--fg);width:90vw;max-width:1000px;max-height:90vh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog img{width:100%;max-height:65vh;object-fit:contain}dialog>div{padding:25px}dialog h2{font-size:28px;margin-bottom:12px}dialog p{line-height:1.7;color:var(--muted)}.close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;font-size:28px;color:white;background:#000a}body:has(dialog[open]){overflow:hidden}.motion-enabled .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.motion-enabled .reveal.is-visible,.motion-paused .reveal{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important}.motion-paused .feature,.motion-paused .services article:hover{transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){header{height:75px}.brand{font-size:20px}nav{gap:20px}.nav-last{display:none}.hero-kicker{top:100px}.live-label{display:none}.hero-copy{left:6%}.hero-copy h1{font-size:clamp(95px,15vw,140px)}.hero-caption{display:none}.move-hint{display:none}.services{grid-template-columns:1fr}.services h3{margin-top:25px}.services p{min-height:0}.feature{height:550px}}@media(max-width:600px){header{height:70px;inset:0 6%}.brand{font-size:18px;letter-spacing:-.8px}.asterisk{font-size:28px}nav a{font-size:13px}nav a:nth-child(2){display:none}.intro{height:100svh;min-height:690px;max-height:950px}.hero-kicker{left:6%;top:94px;font-size:10px;letter-spacing:1.1px}.hero-copy{top:47%;left:7%;transform:translateY(-39%)}.hero-copy h1{font-size:24vw;line-height:.84}.hero-copy p{margin:25px 0 17px;font-size:14px}.hero-cta{padding:13px 17px;font-size:13px;gap:30px}.hero-bottom{bottom:23px;left:6%;right:6%;flex-wrap:wrap;justify-content:center;gap:8px}.mood-controls{width:100%;justify-content:center}.mood{font-size:10px;padding:10px 12px;letter-spacing:.2px}#motion-toggle{font-size:11px;padding:8px}.ticker>div{font-size:28px}.ticker i{padding:0 25px}.feature{margin:65px 5% 0;height:490px}.feature-top{font-size:10px;gap:30px}.feature-top span:last-child{text-align:right}.feature-bottom{flex-direction:column;align-items:start;gap:25px;bottom:25px}.feature-bottom .eyebrow{font-size:10px}.feature h2{font-size:54px}.section{padding:65px 6%}.section-heading,.perspective{grid-template-columns:1fr;gap:24px}.work-note{margin:0}.section-heading h2{letter-spacing:-1.5px}.perspective-copy{grid-template-columns:1fr;gap:22px}.perspective h2{letter-spacing:-2px}.services article{padding:28px}.ending{padding:60px 6%}.ending h2{font-size:24vw;letter-spacing:-1px}.ending h2>span{font-size:65px;right:8%;top:30%}.ending .eyebrow{max-width:250px;display:block}.contact-link{font-size:20px}footer{flex-wrap:wrap;padding:30px 6%}footer>span:nth-child(2){order:3;width:100%}}@media(max-height:760px) and (min-width:901px){.intro{min-height:650px}.hero-copy h1{font-size:clamp(95px,9vw,145px)}.hero-copy p{margin-top:22px}.hero-kicker{top:112px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.feature,.services article:hover{transform:none}}
/* Cinematic advertising homepage */
:root{--accent:#ff6846}.cinema-intro{background:#101013;min-height:760px}.cinema-intro:after{background:linear-gradient(90deg,#09090df5 0%,#09090dce 22%,#09090d44 44%,transparent 68%),linear-gradient(0deg,#09090dd9,transparent 25%);z-index:0}.cinema-stage{position:absolute;width:82%;right:-8%;top:50%;transform:translateY(-47%) perspective(1400px) rotateY(var(--scene-y,0deg)) rotateX(var(--scene-x,0deg));transition:transform .45s ease;will-change:transform}.cinema-stage img{width:100%;height:auto;display:block;animation:cinema-drift 9s ease-in-out infinite}.cinema-intro .hero-copy{z-index:1;left:5%;top:51%;max-width:560px}.cinema-intro .hero-copy h1{font-size:clamp(100px,9.5vw,155px)}.cinema-intro .hero-copy p{font-size:16px;line-height:1.7;max-width:410px;text-shadow:0 2px 20px #000}.hero-kicker,.hero-bottom{z-index:2}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.project-link{font-size:14px;pointer-events:auto;border-bottom:1px solid #aaa;padding-bottom:5px}.concept-label{font-size:12px;letter-spacing:1px;color:#ccc}.cinema-intro .line-two{color:transparent}.feature{height:auto;aspect-ratio:16/9;background:#151518}.feature>img{object-fit:contain}.feature-bottom{bottom:25px}.feature h2{font-size:clamp(40px,5vw,70px)}.feature:after{background:linear-gradient(0deg,#000c,transparent 55%)}@keyframes cinema-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.motion-paused .cinema-stage{transform:translateY(-47%)}@media(max-width:1000px){.cinema-intro{min-height:720px}.cinema-stage{width:108%;right:-28%}.cinema-intro .hero-copy{left:5%}.cinema-intro .hero-copy h1{font-size:110px}.hero-actions{flex-direction:column;align-items:start;gap:17px}}@media(max-width:700px){.cinema-intro{height:auto;min-height:960px;padding-bottom:80px}.cinema-intro:after{background:linear-gradient(0deg,#09090d 0%,transparent 20%)}.cinema-stage{top:132px;right:-9%;width:118%;transform:perspective(1400px) rotateY(var(--scene-y,0deg)) rotateX(var(--scene-x,0deg))}.cinema-intro .hero-copy{top:auto;position:relative;transform:none;margin-top:calc(132px + 59vw);left:auto;padding:20px 7% 25px;max-width:none}.cinema-intro .hero-copy h1{font-size:clamp(76px,20vw,110px)}.cinema-intro .line-one{display:inline;font-size:.55em}.cinema-intro .line-two{display:block}.cinema-intro .line-three{margin-left:1em}.cinema-intro .hero-copy p{font-size:15px;margin-top:20px}.cinema-intro .hero-kicker{left:6%;right:6%;top:96px;font-size:11px}.hero-actions{gap:18px}.hero-bottom{bottom:17px;gap:5px}.concept-label{font-size:10px}.cinema-intro .move-hint{display:none}.motion-paused .cinema-stage{transform:none}.feature{aspect-ratio:auto;height:480px}.feature>img{object-fit:cover;object-position:60% center}}@media(prefers-reduced-motion:reduce){.cinema-stage{transition:none!important}.cinema-stage img{animation:none!important}}
/* Only the popcorn moves. */
.cinema-stage,.motion-paused .cinema-stage{transform:translateY(-47%);transition:none;will-change:auto}.cinema-stage>img,.ticker>div,.ending h2>span{animation:none!important}.feature,.services article:hover{transform:none!important;transition:none!important}.hero-cta:hover{transform:none}.popcorn-flow{position:absolute;inset:0;pointer-events:none;overflow:visible}.popcorn-flow .flying-kernel{position:absolute;left:58%;top:42%;width:clamp(22px,3.6vw,58px);height:auto;opacity:0;animation:popcorn-flight var(--duration) linear var(--delay) infinite;will-change:transform,opacity;filter:drop-shadow(3px 8px 7px #0006)}.flow-hidden .flying-kernel,.flow-offscreen .flying-kernel{animation-play-state:paused}.move-hint{visibility:hidden}@keyframes popcorn-flight{0%{opacity:0;transform:translate(-50%,-50%) scale(.16) rotate(0deg)}8%{opacity:.95}48%{opacity:1;transform:translate(var(--mx),var(--my)) scale(1) rotate(35deg)}83%{opacity:.95}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--size)) rotate(var(--spin))}}@media(max-width:700px){.cinema-stage,.motion-paused .cinema-stage{transform:none}.popcorn-flow .flying-kernel{width:30px}}@media(prefers-reduced-motion:reduce){.popcorn-flow{display:none}}
.popcorn-depth{position:absolute;inset:0;overflow:visible;pointer-events:none;perspective:1100px}.cinema-stage .depth-kernel{position:absolute;left:0;top:0;height:auto;max-width:none;animation:none!important;will-change:transform,filter;transform-origin:center;pointer-events:none}.cinema-stage{isolation:isolate}@media(prefers-reduced-motion:reduce){.popcorn-depth{display:none}}
/* Photo, typography and foreground particles share the same stage. */
.cinema-intro{min-height:800px}.cinema-stage,.motion-paused .cinema-stage{width:100%;right:0;top:49%;transform:translateY(-47%)}.cinema-intro .hero-copy{top:45%;left:9%;transform:translateY(-50%);max-width:42%;z-index:1}.cinema-intro .hero-copy h1{font-size:clamp(90px,9vw,145px)}.cinema-intro:after{background:linear-gradient(90deg,#09090d70,transparent 57%),linear-gradient(0deg,#09090d 0%,#09090d90 15%,transparent 40%)}.hero-description-block{position:absolute;left:6%;bottom:92px;z-index:4;max-width:520px}.hero-description-block p{font-size:16px;line-height:1.7;color:#ddd;margin-bottom:20px}.hero-description-block .hero-actions{flex-direction:row}.cinema-intro .popcorn-depth{z-index:3;perspective:1100px}.popcorn-depth .depth-kernel{position:absolute;left:0;top:0;height:auto;max-width:none;animation:none!important;will-change:transform,filter;transform-origin:center;pointer-events:none}.hero-kicker,.hero-bottom{z-index:4}@media(max-width:1000px){.cinema-intro .hero-copy h1{font-size:12vw}.cinema-stage,.motion-paused .cinema-stage{width:120%;right:-12%}.hero-description-block{bottom:95px}}@media(max-width:700px){.cinema-intro{min-height:860px;height:auto;padding-bottom:90px}.cinema-stage,.motion-paused .cinema-stage{width:150%;right:-34%;top:145px;transform:none}.cinema-intro .hero-copy{position:absolute;left:7%;top:calc(145px + 20vw);transform:none;margin:0;padding:0;max-width:46%}.cinema-intro .hero-copy h1{font-size:14vw}.cinema-intro .hero-copy .line-one{display:block;font-size:.52em}.cinema-intro .hero-copy .line-three{margin-left:.35em}.hero-description-block{position:relative;left:auto;bottom:auto;margin:calc(145px + 85vw) 7% 15px;max-width:none}.hero-description-block p{font-size:16px}.hero-description-block .hero-actions{flex-direction:column;align-items:start}.cinema-intro:after{background:linear-gradient(0deg,#09090d 0%,transparent 60%)}.hero-bottom{bottom:20px}}
/* Varied, page-wide popcorn atmosphere. */
.popcorn-atmosphere{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden;contain:layout paint}.atmosphere-kernel{position:absolute;top:0;left:0;height:auto;max-width:none;will-change:transform,opacity;pointer-events:none}.popcorn-page-control{position:fixed;right:20px;bottom:20px;z-index:10;background:#131016e8;color:#fff;border:1px solid #ffffff50;border-radius:24px;padding:11px 16px;font-size:13px;backdrop-filter:blur(10px)}.popcorn-page-control[hidden]{display:none}body:has(dialog[open]) .popcorn-atmosphere,body:has(dialog[open]) .popcorn-page-control{visibility:hidden}@media(prefers-reduced-motion:reduce){.popcorn-atmosphere{display:none}}@media(max-width:600px){.popcorn-page-control{right:12px;bottom:12px;font-size:12px;padding:10px 13px}}
/* Compact cinema signature and three-dimensional film browser. */
header{position:relative;height:88px;margin:0 5%;inset:auto}.brand{font-family:Georgia,serif;font-weight:400;gap:0;font-size:27px}.brand-creative{color:var(--accent)}.compact-intro.cinema-intro{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:5%;height:auto;min-height:0;max-height:none;padding:62px 6% 72px;background:var(--bg);overflow:visible}.compact-intro:after{display:none}.intro-text h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,5.6vw,84px);line-height:1.02;letter-spacing:-3px;margin:20px 0}.intro-text h1 em{color:var(--accent);font-weight:400}.intro-text p{font-size:16px;color:var(--muted);line-height:1.7}.intro-work-link{display:inline-flex;gap:28px;margin-top:23px;font-size:14px;border-bottom:1px solid #6b6360;padding-bottom:7px}.cinema-signature{min-width:0;position:relative}.compact-intro .cinema-stage,.motion-paused .compact-intro .cinema-stage{position:relative;top:auto;right:auto;width:100%;transform:none}.signature-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.signature-caption>span{font-size:10px;color:var(--muted);letter-spacing:1px}.signature-caption button{background:none;color:var(--fg);border:0;font-size:12px}.compact-intro #motion-toggle{position:absolute;bottom:15px;right:6%;font-size:11px}.film-browser{padding:55px 6% 0;border-top:1px solid var(--line);scroll-margin-top:0}.browser-heading{text-align:center}.browser-heading h2{font:400 clamp(42px,5vw,76px)/1.1 Georgia,serif;margin:12px 0;text-transform:uppercase;letter-spacing:-2px}.browser-heading h2 em{font-style:normal;color:var(--accent)}.sample-notice{color:#b2a9a5;font-size:12px;line-height:1.6;margin:12px 0 35px}.browser-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);align-items:center;gap:6%}.carousel-area{position:relative;min-width:0}.film-stage{height:480px;position:relative;perspective:1100px;transform-style:preserve-3d;touch-action:pan-y}.film-card{position:absolute;top:10px;left:50%;width:245px;height:436px;border:1px solid #79716a;border-radius:15px;background-image:url('film-art.png');background-size:600% 100%;background-position:var(--panel) center;background-repeat:no-repeat;transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s,opacity .65s;overflow:hidden;color:white;padding:0;box-shadow:0 25px 45px #0007}.film-card[data-offset="0"]{transform:translateX(-50%) translateZ(65px);z-index:5;filter:none;border-color:#ffd2b7}.film-card[data-offset="1"]{transform:translateX(calc(-50% + 150px)) translateZ(-80px) rotateY(-27deg) scale(.88);z-index:4;filter:brightness(.55)}.film-card[data-offset="-1"]{transform:translateX(calc(-50% - 150px)) translateZ(-80px) rotateY(27deg) scale(.88);z-index:4;filter:brightness(.55)}.film-card[data-offset="2"]{transform:translateX(calc(-50% + 230px)) translateZ(-170px) rotateY(-38deg) scale(.76);z-index:3;filter:brightness(.35)}.film-card[data-offset="-2"]{transform:translateX(calc(-50% - 230px)) translateZ(-170px) rotateY(38deg) scale(.76);z-index:3;filter:brightness(.35)}.film-card[data-offset="3"]{opacity:0;pointer-events:none;transform:translateX(-50%) translateZ(-300px)}.card-preview-label{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:11px 17px;border-radius:25px;background:#080808aa;border:1px solid #ffffff90;font-size:11px;letter-spacing:1px;backdrop-filter:blur(5px)}.film-card:not([data-offset="0"]) .card-preview-label{visibility:hidden}.film-arrow{position:absolute;top:44%;z-index:6;width:44px;height:44px;border-radius:50%;border:1px solid #c0b6af;background:#10101088;color:white;font-size:30px;line-height:1}.prev{left:0}.next{right:0}.film-count{font-size:13px;color:var(--muted);margin-bottom:40px}.film-count span{color:var(--accent)}.film-details .eyebrow{font-size:11px;color:var(--muted)}.film-details h3{font:400 clamp(29px,3.2vw,46px)/1.03 Georgia,serif;letter-spacing:-1px;margin:16px 0}.film-details>p:not(.film-count){font-size:16px;line-height:1.65;color:var(--muted)}.film-preview{margin-top:25px;padding:14px 24px;border-radius:30px;background:none;border:1px solid var(--accent);color:var(--fg);font-size:14px;display:flex;gap:25px}.film-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:760px;margin:28px auto 45px}.film-thumb{border:0;background:none;padding:0;color:#b9b2ae;font:16px Georgia,serif}.thumb-art{display:block;width:100%;aspect-ratio:9/13;border:1px solid #504e4b;border-radius:5px;background-image:url('film-art.png');background-size:600% 100%;background-position:var(--panel) center;margin-bottom:10px;opacity:.68}.film-thumb.selected{color:var(--accent)}.film-thumb.selected .thumb-art{border:2px solid var(--accent);opacity:1}.gallery-contact{border-top:1px solid var(--line);padding:35px 0 45px;display:flex;justify-content:space-between;align-items:center}.gallery-contact .eyebrow{font-size:10px;letter-spacing:2px}.gallery-contact a:not(.contact-circle){display:block;font:400 58px Georgia,serif;margin-top:12px}.gallery-contact a span{color:var(--accent)}.contact-circle{width:52px;height:52px;display:grid;place-items:center;border:1px solid #aaa;border-radius:50%;font-size:25px}.film-dialog-art{width:min(42vh,90%);aspect-ratio:1/2;background-image:url('film-art.png');background-size:600% 100%;background-position:var(--panel) center;margin:auto;padding:0}#film-dialog{max-width:700px;padding-top:20px}.section-heading h2,.perspective h2{font-family:Georgia,serif;font-weight:400}.ending{display:none}.popcorn-atmosphere{opacity:.75}@media(max-width:1050px){.film-card{width:205px;height:365px}.film-stage{height:400px}.film-card[data-offset="1"]{transform:translateX(calc(-50% + 110px)) translateZ(-80px) rotateY(-27deg) scale(.88)}.film-card[data-offset="-1"]{transform:translateX(calc(-50% - 110px)) translateZ(-80px) rotateY(27deg) scale(.88)}.film-card[data-offset="2"]{transform:translateX(calc(-50% + 170px)) translateZ(-170px) rotateY(-38deg) scale(.76)}.film-card[data-offset="-2"]{transform:translateX(calc(-50% - 170px)) translateZ(-170px) rotateY(38deg) scale(.76)}}@media(max-width:700px){header{height:72px;margin:0 6%}.brand{font-size:23px!important}.compact-intro.cinema-intro{grid-template-columns:1fr;padding:32px 6% 50px;gap:28px}.intro-text h1{font-size:53px;letter-spacing:-2px}.intro-text p{font-size:15px}.cinema-signature{max-width:470px}.browser-heading h2{font-size:38px;letter-spacing:-1.5px}.film-browser{padding:40px 5% 0;overflow:hidden}.browser-layout{grid-template-columns:1fr;gap:8px}.film-stage{height:405px}.film-card{width:204px;height:363px}.film-details{text-align:center;padding:10px 6%}.film-count{margin:0 0 15px}.film-details h3{font-size:30px}.film-details>p:not(.film-count){font-size:15px}.film-preview{margin:20px auto 0}.film-thumbnails{gap:8px;margin:30px auto}.film-thumb{font-size:13px}.gallery-contact a:not(.contact-circle){font-size:44px}.gallery-contact .eyebrow{font-size:9px;display:block;max-width:235px}.signature-caption>span{font-size:9px}.compact-intro #motion-toggle{bottom:10px}.prev{left:1%}.next{right:1%}.film-dialog-art{width:min(35vh,80%)}}@media(prefers-reduced-motion:reduce){.film-card{transition:none}}
/* Gravity belongs to the page, never to the scrolling viewport. */
body{position:relative}.popcorn-atmosphere{position:absolute;inset:auto;left:0;top:0;width:100%;opacity:1;overflow:hidden;contain:layout paint}.compact-intro.cinema-intro{grid-template-columns:.85fr 1.35fr;gap:3%;padding-top:30px;padding-bottom:48px}.intro-text h1 em{font-style:normal}.browser-heading{text-align:left}.film-browser{padding-top:28px}.browser-heading h2{font-size:clamp(38px,4vw,62px)}.film-thumbnails{max-width:600px;margin:15px auto 28px}.thumb-art{aspect-ratio:9/10}.sample-notice{margin-bottom:24px}.signature-caption>span{font-size:11px}.intro-work-link{display:none}.film-count{margin-bottom:22px}
@media(min-width:1051px){.film-stage{height:390px}.film-card{width:200px;height:356px}}
@media(max-width:700px){.compact-intro.cinema-intro{grid-template-columns:1fr;gap:20px;padding-top:25px;padding-bottom:42px}.intro-text h1{font-size:48px;margin:14px 0}.intro-text h1 br{display:none}.intro-text p{font-size:14px}.browser-heading{text-align:center}.film-stage{height:365px}.film-card{width:180px;height:320px}.film-details h3{font-size:29px}.film-details>p:not(.film-count){display:none}.film-count{margin-bottom:12px}.film-thumbnails{margin:20px auto 28px}}
/* Client films replace the concept artwork. */
.film-card,.thumb-art{background-size:cover;background-position:center;background-color:#141414}.film-card.landscape-card,.thumb-art.landscape-art{background-size:contain;background-repeat:no-repeat}.film-thumbnails{grid-template-columns:repeat(6,minmax(0,1fr));max-width:600px}.thumb-art{aspect-ratio:9/13}#film-dialog{max-width:580px;width:min(94vw,580px);padding:0;overflow:auto;border-radius:12px}#film-dialog.wide-film{max-width:1100px;width:min(94vw,1100px)}#film-dialog video{display:block;width:100%;height:70vh;object-fit:contain;background:#000}#film-dialog.wide-film video{height:auto;aspect-ratio:16/9;max-height:75vh}#film-dialog .close{z-index:2;background:#000c}#film-dialog .video-caption{padding:18px 22px}#film-dialog h2{font:400 26px Georgia,serif;margin:0 0 10px}#video-original{font-size:13px;color:var(--muted);text-decoration:underline}#video-error{font-size:14px;margin-bottom:12px}#video-error[hidden]{display:none}.film-card:focus-visible,.film-thumb:focus-visible,.film-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Cinematic controls: light, tactile feedback, and clear focus. */
button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #ffb08c;outline-offset:5px}
.film-preview,.film-arrow,.contact-circle,.close,#view-concept,#motion-toggle,nav .nav-last{position:relative;isolation:isolate;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .3s,color .25s,scale .2s;touch-action:manipulation;min-height:44px}
.film-preview{background:linear-gradient(115deg,#ff684620,#ff684605);border-color:#ff805f;box-shadow:inset 0 1px #ffffff15}
.film-preview span,nav .nav-last span{display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.film-preview:active,.film-arrow:active,.contact-circle:active,.close:active,#view-concept:active,#motion-toggle:active,nav .nav-last:active{scale:.95}
.film-thumb{transition:color .25s,scale .2s;touch-action:manipulation}.film-thumb:active{scale:.95}.thumb-art{transition:opacity .3s,border-color .3s,box-shadow .3s,translate .3s}.film-thumb.selected .thumb-art{box-shadow:0 0 0 1px #ff684630,0 5px 22px #ff68461c}
#view-concept{border:1px solid #ffffff28;border-radius:24px;padding:9px 15px;font-size:13px;white-space:nowrap}#motion-toggle{border:1px solid #ffffff24;border-radius:22px;padding:8px 13px!important;background:#131111;color:#d9d2cd}#motion-toggle[aria-pressed=true]{border-color:#ff805f;color:#ffb08c}
.compact-intro.cinema-intro{padding-bottom:70px}.signature-caption{align-items:center}.compact-intro #motion-toggle{bottom:12px}
nav a:not(.nav-last){position:relative;padding:12px 0}nav a:not(.nav-last):after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.gallery-contact a:not(.contact-circle){transition:color .3s}.brand{transition:opacity .25s}.brand:active{opacity:.6}
.control-ripple{position:absolute;pointer-events:none;width:140px;height:140px;margin:-70px;border-radius:50%;background:radial-gradient(circle,#ffbb8c90,transparent 68%);z-index:-1}
.film-card:active .card-preview-label{background:#ff6846;color:#100b08}.card-preview-label{transition:background .25s,border-color .25s;box-shadow:0 4px 20px #0005}
@media(hover:hover) and (pointer:fine){.film-preview:hover,nav .nav-last:hover{background:#ff6846;color:#160b07;box-shadow:0 8px 35px #ff684630;border-color:#ffaf8b}.film-preview:hover span{transform:translateX(5px)}nav .nav-last:hover span{transform:translate(3px,-3px)}.film-arrow:hover,.contact-circle:hover{background:#ff6846;color:#100908;border-color:#ffb08c;box-shadow:0 0 30px #ff684630;scale:1.07}.close:hover{background:#ff6846!important;color:#180c09;border-color:#ffb08c}#view-concept:hover,#motion-toggle:hover{background:#ff68461f;border-color:#ff805f;color:#fff}.film-thumb:hover .thumb-art{opacity:1;translate:0 -4px;box-shadow:0 8px 25px #0009}nav a:hover:after{transform:scaleX(1)}.gallery-contact a:not(.contact-circle):hover{color:#ff9a76}.film-card[data-offset='0']:hover .card-preview-label{background:#ff6846;color:#120b08;border-color:#ffd0ad}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:cinema-open .32s cubic-bezier(.2,.8,.2,1) both;animation-play-state:running!important}dialog[open]::backdrop{animation:cinema-backdrop .3s ease both;animation-play-state:running!important}}
@keyframes cinema-open{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes cinema-backdrop{from{background:#0000;backdrop-filter:blur(0)}to{background:#000d;backdrop-filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){button,a,.thumb-art,.card-preview-label{transition:none!important}.control-ripple{display:none}.film-thumb:hover .thumb-art{translate:none}.film-preview:hover span,nav .nav-last:hover span{transform:none}}
/* A focused business inquiry, with a transparent email handoff. */
#inquiry{width:min(94vw,720px);max-height:92dvh;border-radius:18px;border-color:#ffad8538;background:radial-gradient(ellipse at top right,#392016,#101010 55%);overflow:auto}#inquiry .close{z-index:3;position:sticky;top:14px;float:right;margin:14px 14px 0 0}#inquiry .inquiry-content{padding:42px}#inquiry h2{font:400 clamp(30px,4vw,43px)/1.08 Georgia,serif;letter-spacing:-1px;margin:18px 0}#inquiry h2 em{font-style:normal;color:var(--accent)}#inquiry .eyebrow{font-size:11px;letter-spacing:2px}#inquiry .inquiry-intro{font-size:15px;margin-bottom:27px}#business-inquiry>label,.inquiry-pair>label{display:block;font-size:14px;line-height:1.5;margin-bottom:19px;color:#eee5df}.inquiry-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}#inquiry input:not([type=radio]),#inquiry textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #ffffff28;border-radius:9px;background:#090909a0;color:#fff;font:16px/1.5 inherit;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s}#inquiry textarea{resize:vertical;min-height:78px}#inquiry input:focus-visible,#inquiry textarea:focus-visible{outline:2px solid #ffa37f;outline-offset:2px;box-shadow:0 0 24px #ff684610}#inquiry input::placeholder,#inquiry textarea::placeholder{color:#96908b}.optional{color:#aaa09a;font-size:12px;margin-left:8px}#inquiry fieldset{border:0;padding:0;margin:0 0 22px}#inquiry legend{font-size:14px;margin-bottom:12px}.project-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-choices label{position:relative;cursor:pointer}.project-choices input{position:absolute;left:12px;top:50%;transform:translateY(-50%);accent-color:var(--accent);width:16px;height:16px}.project-choices span{display:block;padding:14px 12px 14px 37px;border:1px solid #ffffff28;border-radius:10px;font-size:14px;background:#ffffff03;transition:background .2s,border-color .2s}.project-choices input:checked+span{background:#ff684619;border-color:var(--accent);color:#ffb89a}.project-choices input:focus-visible+span{outline:2px solid #ffc3a9;outline-offset:3px}#inquiry .inquiry-submit{margin:10px 0 0}.inquiry-help{font-size:13px;margin-top:12px}#inquiry-review[hidden],#business-inquiry[hidden]{display:none}#inquiry-review>p{font-size:14px;margin:12px 0}#inquiry-review h3{font:28px Georgia,serif}.inquiry-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.inquiry-actions .film-preview{margin:18px 0}.inquiry-secondary{background:none;border:0;border-bottom:1px solid #73655c;padding:10px 0;color:#ffc1a5;font-size:13px;min-height:44px}.inquiry-secondary:hover{color:white;border-color:var(--accent)}.inquiry-direct{border-top:1px solid #ffffff20;margin-top:28px;padding-top:22px;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}.inquiry-direct>span{width:100%;font-size:13px;color:var(--muted)}.inquiry-direct>a{font-size:15px;overflow-wrap:anywhere}#inquiry-status{width:100%;font-size:13px;color:#ffd0b8;min-height:0}#inquiry-status:empty{display:none}@media(max-width:600px){#inquiry .inquiry-content{padding:30px 22px}.inquiry-pair{grid-template-columns:1fr;gap:0}.project-choices{gap:8px}.project-choices span{font-size:13px;padding-right:8px}#inquiry .inquiry-submit{width:100%;justify-content:space-between}#inquiry h2{font-size:32px}.inquiry-actions{gap:12px}.inquiry-actions .film-preview{width:100%;justify-content:space-between}}