@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070d19;--ink:#f3f7ff;--sub:#a3b1c5;--line:#293a55;--accent:#91c5ff;--radius:22px;--page:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:12px;z-index:1000;background:var(--ink);color:#091524;padding:10px}.shell{width:min(calc(100% - 7vw),var(--page));margin:auto}.mono,.eyebrow,.count,.mini-label{font:600 11px/1.5 "Space Grotesk",sans-serif;letter-spacing:.17em;text-transform:uppercase}.accent{color:var(--accent)}.muted{color:var(--sub)}.topbar{position:fixed;inset:0 0 auto;z-index:60;backdrop-filter:blur(20px);background:#070d19de;border-bottom:1px solid #ffffff18}.topinner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:700 25px "Space Grotesk",sans-serif;letter-spacing:-.11em}.logo i{font-style:normal;color:var(--accent)}.links{display:flex;gap:30px;align-items:center;font-size:13px}.links a:hover,.footer a:hover{color:var(--accent)}.nav-cta{border:1px solid #608dc6;padding:12px 18px;border-radius:999px}.mobile-menu{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 14px;border-radius:999px}.progress{height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);position:fixed;z-index:100;top:0;left:0;width:100%;pointer-events:none}.hero{min-height:min(900px,100svh);display:grid;align-items:center;padding:145px 0 85px;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 35% at 85% 50%,#4187d21e,transparent 75%)}.hero .shell{position:relative;z-index:2}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.available{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:#e4eeff}.dot{height:8px;width:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #91c5ff90}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw}.hero h1{font:600 clamp(58px,9vw,145px)/.94 "Space Grotesk",sans-serif;letter-spacing:-.09em;margin:34px 0 28px;max-width:850px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:clamp(16px,1.7vw,19px);color:#b2c3d9;line-height:1.8;max-width:530px}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;gap:20px;align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:17px 25px;color:#0a1829;font-weight:700;font-size:13px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#b3dcff}.simple-link{font-size:13px;border-bottom:1px solid #6d89a8;padding-bottom:7px}.simple-link:hover{color:var(--accent)}.poster{aspect-ratio:4/4.6;position:relative;max-width:450px;margin-left:auto;border:1px solid #ffffff1f;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 45%,#679efc40 0%,#2c4d7b5a 24%,transparent 57%),linear-gradient(155deg,#192b42,#0e1727 48%,#050a12);box-shadow:0 38px 110px #0009;display:flex;justify-content:center;align-items:center}.poster:before{content:"";position:absolute;width:65%;aspect-ratio:1;border:1px solid #acd7ff88;border-radius:50%;box-shadow:0 0 0 33px #acd7ff0c,0 0 0 71px #acd7ff08;transform:rotate(-22deg)}.poster b{font:700 clamp(100px,17vw,235px)/1 "Space Grotesk",sans-serif;letter-spacing:-.15em;color:#d9ebff;text-shadow:0 2px 70px #739fff80;transform:translateX(-.07em);z-index:1}.poster .vertical{position:absolute;left:18px;top:24px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.2em}.poster .bottom{position:absolute;bottom:20px;right:18px;font-size:11px;letter-spacing:.13em}.hero-foot{display:flex;justify-content:space-between;margin-top:7vw;color:#93a8c1}.section{padding:115px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:46px}.section h2{font:600 clamp(40px,6.4vw,86px)/1.03 "Space Grotesk",sans-serif;letter-spacing:-.075em;margin:10px 0 0}.section-lead{max-width:380px;font-size:15px;line-height:1.7;color:#aebfd3}.cinema-wrap{height:150vh;position:relative}.cinema-stick{position:sticky;top:0;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#0a1626}.cinema-copy{position:absolute;top:14%;z-index:3;text-align:center;pointer-events:none}.cinema-copy h2{font:600 clamp(36px,6.5vw,90px)/1 "Space Grotesk";letter-spacing:-.075em;margin:12px 0}.cinema-frame{position:absolute;top:38%;width:58vw;height:40vh;max-width:1000px;min-width:280px;border:1px solid #7dbaff85;border-radius:22px;background:radial-gradient(ellipse at center,#589fff46,#193454 33%,#071524 71%);transform:scale(var(--cinema-scale,1));box-shadow:0 35px 80px #0009;display:flex;justify-content:center;align-items:center;will-change:transform}.cinema-frame:before,.cinema-frame:after{content:"";border:1px solid #91c5ff90;border-radius:50%;position:absolute;aspect-ratio:1;width:min(34vw,300px);transform:rotateX(60deg) rotateZ(20deg)}.cinema-frame:after{transform:rotateY(68deg) rotateZ(-12deg)}.cinema-frame strong{font:700 clamp(60px,9vw,130px) "Space Grotesk";letter-spacing:-.1em;color:#edf6ff;z-index:2}.cinema-caption{position:absolute;bottom:7%;text-align:center;color:#aebed4;font-size:12px;letter-spacing:.15em}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 26px}.filterbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 32px}.filter{padding:10px 18px;border-radius:999px;border:1px solid #34445b;background:transparent;color:#b1bfd0;cursor:pointer;font-size:12px}.filter[aria-pressed="true"],.filter:hover{background:var(--accent);color:#091524;border-color:var(--accent)}.work-card[hidden]{display:none}.work-media{aspect-ratio:1.23;border:1px solid #ffffff18;border-radius:18px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .3s,border-color .3s}.work-media:hover{transform:translateY(-5px);border-color:#8ec7ff80}.work-media:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0006)}.work-media .serial{position:absolute;top:22px;left:23px;z-index:2;font:600 12px "Space Grotesk";letter-spacing:.15em}.work-media .arrow{position:absolute;right:20px;bottom:16px;z-index:2;border:1px solid #ffffff8a;padding:7px 11px;border-radius:50%}.art{font:700 clamp(50px,7.2vw,100px)/.95 "Space Grotesk";letter-spacing:-.09em;text-align:center;position:relative;z-index:1}.art small{font-size:20%;letter-spacing:.16em}.book{background:linear-gradient(120deg,#0a182d,#3d5d8d 52%,#0c1629)}.book .art{transform:rotate(-12deg);text-shadow:14px 12px 0 #16243b,22px 18px 0 #87abdf72}.story{background:radial-gradient(circle at 60% 48%,#647fa4,#182b48 46%,#0a101e)}.event{background:radial-gradient(circle at 45% 40%,#74648f,#25233d 50%,#0b101f)}.logistics{background:radial-gradient(circle at center,#465d88,#14233d 56%,#0b1526)}.work-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0 6px;color:#a5b8d2;font:600 10px "Space Grotesk";letter-spacing:.13em}.work-card h3{font:600 clamp(21px,2.8vw,29px) "Space Grotesk";letter-spacing:-.045em;margin:0 0 8px}.work-card p{color:#a6b7ce;font-size:13px;line-height:1.7;margin:0}.work-note{margin:28px 0;color:#a6b7ce;font-size:12px}.expertise{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.skill{padding-top:20px;border-top:1px solid #354c6b}.skill h3{font:600 22px "Space Grotesk";letter-spacing:-.045em}.skill p{color:#aebed3;font-size:14px;line-height:1.9}.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.about-grid p{font-size:clamp(19px,2.5vw,29px);line-height:1.55;letter-spacing:-.03em;margin:0 0 23px}.career{margin-top:30px;border-top:1px solid var(--line)}.career-item{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.career-item span{color:var(--sub);font-size:12px}.career-item strong{font:500 15px "Space Grotesk"}.contact{background:#91c5ff;color:#091524}.contact .muted{color:#24486d}.contact h2{max-width:1000px}.mail{font:600 clamp(24px,4vw,56px) "Space Grotesk";letter-spacing:-.065em;word-break:break-word;border-bottom:2px solid #091524;display:inline-block;padding-bottom:14px;margin-top:40px}.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:center;padding:26px 0;font-size:12px;color:#91a6c0}.replay{color:var(--ink);border:0;background:none;cursor:pointer}.intro{position:fixed;inset:0;z-index:200;background:#050a14;display:grid;place-items:center;overflow:hidden;transition:opacity .7s,visibility .7s}.intro[hidden]{display:none}.intro.exit{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{text-align:center;padding:24px;position:relative;z-index:2}.intro h2{font:700 clamp(58px,12vw,180px)/.88 "Space Grotesk";letter-spacing:-.10em;margin:20px 0}.intro h2 span{color:var(--accent)}.intro p{color:#a9bdd5;max-width:540px;margin:0 auto 28px;font-size:14px;line-height:1.75}.intro-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.intro-skip{position:absolute;top:28px;right:5vw;border:0;color:#eaf2ff;background:none;cursor:pointer;font-size:12px;letter-spacing:.13em}.intro-orbit{position:absolute;width:50vmax;aspect-ratio:1;border-radius:50%;border:1px solid #75adf84a;box-shadow:0 0 0 70px #88b8ff08,0 0 0 150px #88b8ff08;animation:rotate 22s linear infinite}.intro-video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.32}.hidden{display:none!important}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.poster{margin:35px auto 0;max-width:390px;width:100%;aspect-ratio:1.3}.hero-foot{margin-top:34px}.work-grid{gap:27px 17px}.skills{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:30px}.cinema-frame{width:78vw}}@media(max-width:620px){.topinner{height:66px}.mobile-menu{display:block}.links{position:absolute;top:65px;left:0;right:0;background:#090f1a;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 6vw 24px;border-bottom:1px solid var(--line)}.links.open{display:flex}.links a{padding:14px 0}.hero{padding-top:120px}.hero h1{font-size:clamp(55px,13vw,86px)}.hero-top .mono{font-size:9px}.section{padding:75px 0}.section-header{align-items:start;flex-direction:column;gap:6px;margin-bottom:30px}.section h2{font-size:clamp(40px,10vw,60px)}.work-grid{grid-template-columns:1fr}.work-media{aspect-ratio:1.3}.art{font-size:70px}.cinema-wrap{height:135vh}.cinema-copy{top:20%}.cinema-copy h2{font-size:clamp(36px,10vw,57px)}.cinema-frame{top:42%;height:34vh}.cinema-caption{bottom:8%;font-size:9px}.career-item{grid-template-columns:100px 1fr}.contact .mail{font-size:clamp(23px,6vw,36px)}.intro h2{font-size:clamp(60px,15vw,95px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cinema-frame{transform:none!important}}

/* V0.3 / BLUE HOUR — restrained sapphire, ice blue and deep navy */
:root{
  --bg:#070d19;--ink:#f3f7ff;--sub:#a3b1c5;--line:#293a55;
  --accent:#91c5ff;--accent-strong:#547ee6;--accent-muted:#558ac099;
  --page:1240px;--surface:#101c2e;--surface-2:#15243a;
}
html{scroll-padding-top:76px}
body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
body::selection{background:#80b7f3;color:#07101e}
::selection{background:#80b7f3;color:#07101e}
.topbar{background:#070e1cda;border-color:#80abdf20}
.nav-cta{border-color:#6e9cce80;background:#91c5ff0d}
.nav-cta:hover{background:#91c5ff19}
.button{box-shadow:0 10px 50px #437fdc1c;will-change:transform}
.button:hover{box-shadow:0 15px 55px #6aa8fa30}
.hero{isolation:isolate;background:radial-gradient(ellipse at 70% 40%,#1c3c7039 0%,transparent 53%),linear-gradient(155deg,#070c16 4%,#0a172b 53%,#070e19 100%);overflow:clip}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8fa9d511 1px,transparent 1px),linear-gradient(90deg,#8fa9d511 1px,transparent 1px);background-size:72px 72px;opacity:.23;mask-image:linear-gradient(90deg,transparent 26%,#000 100%)}
.hero::after{background:radial-gradient(circle at 74% 50%,#85affc1d,transparent 44%);opacity:.95}
.hero-ambience{position:absolute;inset:-18% -8%;pointer-events:none;overflow:hidden;z-index:0;contain:paint}
.hero-blob{position:absolute;border-radius:50%;filter:blur(13px);will-change:transform}
.hero-blob.a{width:min(59vw,800px);height:min(59vw,800px);top:2%;right:-12%;background:radial-gradient(circle,#3c75c932 0%,#4275ac14 42%,transparent 70%);transform:translate3d(0,var(--hero-back-y,0px),0)}
.hero-blob.b{width:min(40vw,600px);height:min(40vw,600px);top:38%;left:-14%;background:radial-gradient(circle,#3b53902d,transparent 68%);transform:translate3d(0,var(--hero-mid-y,0px),0)}
.hero-side-label{position:absolute;right:3vw;top:43%;writing-mode:vertical-rl;letter-spacing:.25em;color:#a5c9f466;font:600 10px "Space Grotesk",sans-serif;z-index:1}
.hero .shell{transform:translate3d(0,var(--hero-content-y,0px),0);will-change:transform}
.hero h1{letter-spacing:-.084em}
.hero h1 em{color:#a5d3ff;text-shadow:0 0 90px #5796ff2d}
.hero .available{color:#d8e8f8}
.dot{box-shadow:0 0 0 5px #94c8ff10,0 0 22px #80bdff70}
.poster{border:1px solid #94b9ec33;transform:translate3d(0,var(--poster-y,0px),0) rotate(var(--poster-rotate,0deg));box-shadow:0 55px 120px #000a,0 0 70px #4f8ddd1b;isolation:isolate;background:radial-gradient(ellipse at 50% 41%,#7fb8fa3c 0%,#2c4e8650 24%,transparent 58%),linear-gradient(140deg,#213956 0%,#0a1427 65%,#060b17)}
.poster:before{width:68%;border-color:#9fcafa81;box-shadow:0 0 0 27px #a4c8ff0a,0 0 0 65px #a4c8ff07;transform:translate3d(0,var(--poster-orbit-y,0px),0) rotate(-20deg)}
.poster:after{content:"";position:absolute;inset:-30%;border-radius:50%;background:conic-gradient(from 45deg,transparent,#c6dfff29,transparent 21%,transparent 57%,#7caef021,transparent 66%);animation:orbit 23s linear infinite;z-index:0;mix-blend-mode:screen}
.poster b{color:#dcecff;text-shadow:0 0 55px #6faeff76,0 12px 48px #07172d;transform:translate3d(0,var(--poster-letter-y,0px),0) translateX(-.07em);z-index:1}
.poster .vertical,.poster .bottom{z-index:2;color:#c1d7f4b3}
.poster-scan{position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 7px,#a5cbff08 8px 9px);opacity:.52}
.section{position:relative}
.section-header h2{max-width:800px}
.cinema-wrap{height:180vh;background:linear-gradient(#081322,#0c1b34 35%,#060d1a 91%)}
.cinema-stick{isolation:isolate;background:radial-gradient(ellipse at center,#1b3a6738 5%,#07101e 62%,#050a14 100%)}
.cinema-stick:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 50% 54%,#709fff21,transparent 34%),repeating-linear-gradient(90deg,transparent 0 93px,#7fb0eb0b 94px 95px);transform:translateY(var(--scene-back-y,0px)) scale(1.05);opacity:.65}
.cinema-copy{top:14%;opacity:var(--cinema-copy-opacity,1);transform:translate3d(0,var(--cinema-copy-y,0px),0);will-change:transform,opacity}
.cinema-copy h2{font-size:clamp(40px,6.3vw,91px);text-shadow:0 6px 30px #050b16}
.cinema-frame{top:38%;width:min(70vw,1120px);height:54vh;min-height:320px;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#6bacee64 0%,#1f4a7e 24%,#0b2242 48%,#060e1d 73%);border:1px solid #a8d3ff9e;box-shadow:0 25px 90px #000b,0 0 110px #5e9cf426;transform:translate3d(0,var(--frame-y,0px),0) scale(var(--cinema-scale,.84));border-radius:var(--frame-radius,26px)!important;will-change:transform,border-radius}
.cinema-frame:before{width:min(33vw,400px);border-color:#b4dfffaa;transform:translate3d(0,var(--scene-front-y,0px),0) rotateX(62deg) rotateZ(calc(22deg + var(--scene-rotation,0deg)))}
.cinema-frame:after{width:min(40vw,500px);border-color:#689def8a;transform:translate3d(0,var(--scene-back-y,0px),0) rotateY(67deg) rotateZ(calc(-20deg - var(--scene-rotation,0deg)))}
.cinema-frame strong{font-size:clamp(74px,10vw,170px);color:#e6f4ff;opacity:var(--cinema-logo-opacity,1);transform:translateY(var(--scene-front-y,0px));text-shadow:0 0 62px #85bdff85;will-change:transform,opacity}
.cinema-frame .film-ticks{position:absolute;inset:20px;pointer-events:none;z-index:4;border:1px solid #c9e5ff2b;opacity:.56}
.cinema-frame .film-ticks:before,.cinema-frame .film-ticks:after{content:"";position:absolute;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#d5eaff80,transparent)}
.cinema-frame .film-ticks:before{top:22px}.cinema-frame .film-ticks:after{bottom:22px}
.cinema-frame .cinema-phrase{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%) translateY(var(--phrase-y,35px));font:600 clamp(20px,3.5vw,50px)/1.12 "Space Grotesk";text-align:center;letter-spacing:-.06em;color:#e9f5ff;opacity:var(--cinema-phrase-opacity,0);white-space:nowrap;text-shadow:0 7px 30px #031020;z-index:5}
.cinema-caption{color:#c9d9f0;z-index:6;letter-spacing:.19em}
.cinema-edge{position:absolute;left:4vw;bottom:8%;z-index:6;color:#a6c6eb96;font:600 10px "Space Grotesk";letter-spacing:.18em}
.work-grid{perspective:1200px}
.work-card{isolation:isolate;min-width:0}
.work-media{box-shadow:inset 0 0 70px #02060c56;isolation:isolate;transform:translateY(var(--work-card-shift,0px));will-change:transform;transition:border-color .35s,box-shadow .35s}
.work-media:hover{transform:translateY(calc(var(--work-card-shift,0px) - 7px));border-color:#83b7ff9e;box-shadow:0 30px 55px #0007,0 0 45px #508dde20}
.work-media:before{content:"";position:absolute;inset:-25%;z-index:0;background:radial-gradient(circle at 60% 35%,#a7cfff23,transparent 54%);transform:translateY(var(--work-ambient-shift,0px));pointer-events:none}
.work-media .art{transform:translate3d(0,var(--work-art-y,0px),0);will-change:transform}
.work-media.book .art{transform:translate3d(0,var(--work-art-y,0px),0) rotate(-10deg)}
.work-media .arrow{backdrop-filter:blur(8px);border-color:#d9e7fc8a;background:#03112666}
.work-media .serial{color:#f1f7ff}
.work-media.book{background:radial-gradient(circle at 52% 30%,#7595cd7c,#142342 50%,#090f20)}
.work-media.story{background:radial-gradient(circle at 60% 40%,#5b8db17c,#102b49 44%,#080f1b)}
.work-media.event{background:radial-gradient(circle at 46% 35%,#697dc28c,#202349 55%,#090e1b)}
.work-media.logistics{background:radial-gradient(circle at 58% 39%,#578aaf8c,#162d4b 52%,#071123)}
.expertise{background:linear-gradient(180deg,#09111f,#0b182d 55%,#09111f)}
.skill{border-color:#4d638444}
.skill h3{color:#f1f6ff}
.contact{background:linear-gradient(135deg,#b4d9ff 0%,#80b4ec 65%,#6296e0 100%);color:#071323}
.contact .muted{color:#29476b}
.contact .mail{border-color:#122a4b}
.contact .simple-link{border-color:#183457}
.footer{color:#a5b9d1}
.intro{background:radial-gradient(ellipse at 50% 43%,#19345a,#050914 73%)}
.intro-orbit{border-color:#a2cbff4d;box-shadow:0 0 0 70px #7bacff07,0 0 0 150px #7bacff06}
.intro h2{letter-spacing:-.09em}
.intro h2 span{color:#aed8ff;text-shadow:0 0 100px #7cafec59}
.intro p{color:#c1d0e3}
.intro .mini-label{color:#8fabc7;font-size:9px}
.intro-video{opacity:.35}
.intro-active{overflow:hidden}
@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:850px){
  .hero{min-height:100svh}
  .hero-ambience{inset:-10%}
  .poster{transform:translateY(calc(var(--poster-y,0px)*.35))}
  .cinema-frame{width:82vw;height:50vh}
  .cinema-wrap{height:150vh}
  .cinema-copy{top:16%}
}
@media(max-width:620px){
  .hero{min-height:auto}
  .hero-blob.a{width:96vw;height:96vw;right:-42%;top:15%}
  .hero .shell{transform:none}
  .hero-side-label{display:none}
  .poster{transform:translateY(0)}
  .cinema-wrap{height:145vh}
  .cinema-frame{width:88vw;height:37vh;min-height:260px;top:43%}
  .cinema-frame .film-ticks{inset:9px}
  .cinema-frame .film-ticks:before,.cinema-frame .film-ticks:after{left:7px;right:7px}
  .cinema-phrase{font-size:20px;white-space:normal}
  .cinema-edge{bottom:11%;font-size:8px}
  .work-media .art{font-size:clamp(54px,15vw,75px)}
}
@media(prefers-reduced-motion:reduce){
  .poster,.poster:before,.poster b,.hero-blob,.cinema-copy,.cinema-frame,.cinema-frame strong,.work-media,.work-media .art,.work-media:before{transform:none!important;will-change:auto}
  .cinema-frame .cinema-phrase{opacity:0!important}
  .intro[hidden]{display:none}
}