:root{--bg:#0b0b0c;--panel:#141416;--panel2:#101012;--line:#29292e;--text:#f5f5f2;--muted:#9d9da6;--accent:#ff6433;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;max-width:var(--max);margin:auto;padding:0 38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:30;border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-size:25px;font-weight:800;letter-spacing:-.06em}.brand span,.accent{color:var(--accent)}.main-nav{display:flex;gap:7px}.main-nav a{padding:10px 14px;border-radius:999px;color:#aaaab2;font-size:13px;transition:.2s}.main-nav a:hover{color:#fff;background:#1b1b1e}.header-cta{justify-self:end;border:1px solid #34343a;border-radius:999px;padding:11px 16px;font-size:13px}.header-cta span{margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:#fff;width:44px;height:44px}.section{max-width:var(--max);margin:auto}.hero{min-height:650px;padding:90px 38px 55px;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:3}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#a4a4ac;display:flex;gap:11px;align-items:center}.eyebrow i{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px rgba(255,100,51,.09),0 0 22px var(--accent)}.hero h1{font-size:clamp(64px,7vw,110px);line-height:.86;letter-spacing:-.07em;margin:31px 0 28px;font-weight:800}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px #7d7d85}.hero-copy>p{max-width:560px;color:#aaaab2;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:31px}.btn{min-height:48px;padding:0 20px;border:1px solid #36363c;border-radius:999px;display:inline-flex;align-items:center;gap:16px;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:#686870}.btn-primary{background:var(--text);color:#101011;border-color:var(--text);font-weight:600}.hero-visual{--rx:0deg;--ry:0deg;position:relative;height:520px;perspective:900px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease}.visual-glow{position:absolute;width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,100,51,.13),transparent 65%);filter:blur(10px)}.planet{position:absolute;width:270px;height:270px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 28%,#45464d 0,#23242a 28%,#111216 61%,#08090b 75%);box-shadow:inset -35px -25px 55px #030304,inset 12px 10px 30px rgba(255,255,255,.09),0 40px 90px rgba(0,0,0,.65)}.planet-core{position:absolute;inset:15%;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.planet-shade{position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,transparent 40%,rgba(255,100,51,.12) 65%,transparent 80%)}.planet-line{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.l1{inset:27% 8%;transform:rotate(28deg)}.l2{inset:9% 31%;transform:rotate(-22deg)}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.17);border-radius:50%;transform-style:preserve-3d}.orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.orbit-a{width:480px;height:190px;margin:-95px 0 0 -240px;transform:rotate(-15deg);animation:orbitA 12s linear infinite}.orbit-a i{left:70%;top:-5px}.orbit-b{width:390px;height:390px;margin:-195px 0 0 -195px;transform:rotateX(67deg) rotateZ(24deg);animation:orbitB 15s linear infinite}.orbit-b i{left:10%;top:70px}.orbit-c{width:315px;height:470px;margin:-235px 0 0 -157px;transform:rotate(48deg);animation:orbitC 18s linear infinite}.orbit-c i{right:28px;top:70%}@keyframes orbitA{to{transform:rotate(345deg)}}@keyframes orbitB{to{transform:rotateX(67deg) rotateZ(384deg)}}@keyframes orbitC{to{transform:rotate(408deg)}}.visual-label{position:absolute;font-size:9px;letter-spacing:.15em;color:#8f8f97}.visual-label b{display:block;color:#fff;font-size:10px;margin-bottom:5px}.label-a{left:6%;top:28%}.label-b{right:2%;top:33%}.label-c{right:9%;bottom:19%}.scroll-hint{position:absolute;left:38px;bottom:24px;font-size:10px;color:#707078;display:flex;align-items:center;gap:9px}.scroll-hint span{width:22px;height:35px;border:1px solid #3b3b40;border-radius:20px}.discipline-strip{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discipline-strip article{padding:25px 38px;border-right:1px solid var(--line)}.discipline-strip article:last-child{border:0}.discipline-strip b{display:block;font-size:19px;letter-spacing:-.03em}.discipline-strip span{display:block;color:#818189;font-size:12px;margin-top:7px}.content-section{padding:105px 38px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.section-index{font-size:10px;letter-spacing:.15em;color:var(--accent)}.section-heading h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.055em;margin:10px 0 0}.section-heading>p{max-width:390px;color:var(--muted);font-size:13px;line-height:1.7}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.expertise-card{text-align:left;position:relative;min-height:260px;padding:25px;background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:18px;cursor:pointer;transition:.25s}.expertise-card:hover,.expertise-card.active{transform:translateY(-4px);border-color:#5a5a62;background:#1b1b1e}.expertise-card>span{font-size:10px;color:var(--accent)}.expertise-card>i{font-style:normal;position:absolute;right:22px;top:20px;color:#777780;font-size:20px}.expertise-card h3{font-size:27px;letter-spacing:-.045em;margin:82px 0 10px}.expertise-card p{color:#8f8f97;font-size:13px;line-height:1.6;max-width:260px}.expertise-detail{margin-top:11px;padding:22px 25px;background:var(--panel2);border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:220px 1fr;gap:20px}.expertise-detail p{margin:0;color:#96969e;font-size:13px;line-height:1.6}.work-section{padding-top:50px}.work-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:11px}.project{min-height:240px;background:#131315;border:1px solid var(--line);border-radius:18px;padding:23px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.project-large{grid-row:1/3;min-height:491px}.project:hover{transform:translateY(-3px);border-color:#55555d}.project-tag{font-size:9px;letter-spacing:.13em;color:#aaaab2}.project h3{font-size:29px;letter-spacing:-.045em;margin:0 0 6px}.project p{font-size:12px;color:#82828a;margin:0}.project>b{position:absolute;right:22px;top:19px;font-size:20px}.project-art{position:absolute;inset:55px 20px 95px;display:grid;place-items:center}.project-art i{position:absolute;border:1px solid #494950;border-radius:42% 58% 60% 40%;width:45%;aspect-ratio:1;transform:rotate(25deg)}.project-art i:nth-child(2){width:62%;transform:rotate(-20deg);border-color:#303036}.project-art i:nth-child(3){width:28%;border-color:rgba(255,100,51,.5)}.art-two{background:radial-gradient(circle,rgba(255,100,51,.12),transparent 55%)}.art-three i{border-radius:4px;transform:rotate(45deg)}.contact-section{margin-bottom:12px;background:var(--accent);color:#17110f;border-radius:22px;padding:75px 30px;text-align:center}.contact-section>span{font-size:10px;font-weight:700;letter-spacing:.16em}.contact-section h2{font-size:clamp(45px,7vw,82px);line-height:.95;letter-spacing:-.06em;margin:18px auto 34px}.contact-button{display:inline-flex;align-items:center;gap:28px;background:#121214;color:#fff;padding:15px 20px;border-radius:999px;font-size:13px}.site-footer{max-width:var(--max);margin:auto;padding:28px 38px 45px;display:flex;justify-content:space-between;color:#66666e;font-size:10px;letter-spacing:.08em}.scrolled{background:rgba(11,11,12,.86);backdrop-filter:blur(18px)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;padding:0 22px}.header-cta{display:none}.menu-toggle{display:block;order:3}.menu-toggle span{display:block;width:20px;height:1px;background:#fff;margin:6px}.main-nav{display:none;position:absolute;top:70px;right:18px;flex-direction:column;background:#171719;border:1px solid #333338;border-radius:14px;padding:8px}.main-nav.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 22px 40px}.hero-visual{height:410px;margin-top:20px}.hero h1{font-size:clamp(58px,15vw,92px)}.scroll-hint{display:none}.discipline-strip{grid-template-columns:1fr}.discipline-strip article{border-right:0;border-bottom:1px solid var(--line);padding:20px 22px}.content-section{padding:75px 22px}.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:210px}.expertise-card h3{margin-top:50px}.work-grid{grid-template-columns:1fr;grid-template-rows:auto}.project-large{grid-row:auto;min-height:360px}.project{min-height:260px}.section-heading{align-items:flex-start;flex-direction:column}.expertise-detail{grid-template-columns:1fr}.contact-section{border-radius:18px;margin:0 10px 10px;padding:60px 18px}.site-footer{padding:25px 22px 35px;gap:15px;flex-direction:column}}
@media(max-width:520px){.hero{padding-top:48px}.hero-copy>p{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-visual{height:330px}.planet{width:185px;height:185px}.orbit-a{width:330px;height:130px;margin:-65px 0 0 -165px}.orbit-b{width:270px;height:270px;margin:-135px 0 0 -135px}.orbit-c{width:220px;height:320px;margin:-160px 0 0 -110px}.visual-label{display:none}.discipline-strip b{font-size:17px}.work-grid{display:block}.project{margin-bottom:10px}.project-large{min-height:330px}.project-art{inset:55px 15px 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none!important}.btn,.expertise-card,.project,.hero-visual{transition:none!important}}
.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;color:#111;padding:10px 14px;z-index:100}.skip-link:focus{left:10px}.portrait-shell{position:absolute;width:285px;height:350px;left:50%;top:50%;transform:translate(-50%,-48%);border-radius:48% 48% 42% 42%;overflow:hidden;background:#15161a;border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 90px rgba(0,0,0,.7),0 0 60px rgba(255,100,51,.08)}.portrait-shell img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:saturate(.8) contrast(1.05)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,11,12,.75) 100%);box-shadow:inset -30px -15px 50px rgba(0,0,0,.45)}.portrait-orbit{position:absolute;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.08);animation:spinPortrait 28s linear infinite}.portrait-orbit i{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 18px rgba(255,255,255,.5)}.portrait-orbit i:nth-child(1){top:12%;left:20%}.portrait-orbit i:nth-child(2){right:4%;top:53%;background:var(--accent)}.portrait-orbit i:nth-child(3){bottom:8%;left:35%}@keyframes spinPortrait{to{transform:translate(-50%,-50%) rotate(360deg)}}.project-image{position:absolute;inset:52px 0 92px;width:100%;height:calc(100% - 144px);object-fit:cover;opacity:.72;transition:.35s;filter:saturate(.75)}.project:hover .project-image{transform:scale(1.025);opacity:.88;filter:saturate(1)}.project-copy{position:relative;z-index:2}.project-hero{padding:90px 38px 40px}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:60px}.project-hero h1{font-size:clamp(58px,9vw,120px);letter-spacing:-.07em;line-height:.9;margin:20px 0 24px;max-width:1100px}.project-hero>p{max-width:700px;color:var(--muted);font-size:17px;line-height:1.7}.project-cover{display:block;width:100%;max-height:760px;object-fit:cover;border-radius:22px;margin-top:55px;border:1px solid var(--line)}.project-body{padding:55px 38px 120px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:90px}.project-story{font-size:16px;line-height:1.85;color:#c7c7cc}.project-story img{max-width:100%;height:auto;border-radius:14px}.project-body aside{border-top:1px solid var(--line);padding-top:20px}.aside-label{font-size:9px;letter-spacing:.15em;color:var(--muted)}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 25px}.service-tags span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:10px}.footer-links{display:flex;gap:15px}.footer-links a:hover{color:#fff}@media(max-width:900px){.portrait-shell{width:220px;height:270px}.portrait-orbit{width:290px;height:290px}.project-body{grid-template-columns:1fr;gap:40px;padding:40px 22px 80px}.project-hero{padding:65px 22px 30px}.back-link{margin-bottom:35px}}@media(max-width:520px){.portrait-shell{width:175px;height:215px}.portrait-orbit{width:235px;height:235px}.project-hero h1{font-size:54px}.site-footer .footer-links{margin-top:5px}}@media(prefers-reduced-motion:reduce){.portrait-orbit{animation:none}.project-image{transition:none}}

/* v24 — cinematic hero + restored portfolio cards */
.cinematic-hero{min-height:min(860px,calc(100vh - 82px));grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);isolation:isolate;padding-top:78px;padding-bottom:76px}.cinematic-hero:after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(180deg,transparent,var(--bg));z-index:-1;pointer-events:none}.hero-media{position:absolute;z-index:-3;top:0;right:0;width:68%;height:100%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%)}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.06) brightness(.8);transform:scale(1.02)}.hero-video-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.84) 0,rgba(11,11,12,.18) 35%,rgba(11,11,12,.08) 68%,rgba(11,11,12,.42) 100%),linear-gradient(180deg,rgba(11,11,12,.18),transparent 24%,transparent 67%,#0b0b0c 100%),radial-gradient(circle at 62% 42%,transparent 20%,rgba(11,11,12,.1) 60%,rgba(11,11,12,.48) 100%)}.hero-video-grain{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.cinematic-hero .hero-copy{max-width:700px}.cinematic-hero .hero-copy>p{color:#b7b7bd;text-shadow:0 2px 24px rgba(0,0,0,.5)}.hero-film-meta{position:absolute;right:38px;bottom:30px;z-index:2;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.46)}.hero-film-meta i{width:36px;height:1px;background:rgba(255,255,255,.25)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-card{position:relative;min-width:0;background:#121214;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .45s}.portfolio-card:hover{transform:translateY(-7px);border-color:#55555d;box-shadow:0 24px 65px rgba(0,0,0,.28)}.portfolio-visual{height:300px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,#202024 0,#151517 46%,#0f0f11 78%)}.portfolio-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 36%,rgba(255,100,51,.035));transition:opacity .4s}.portfolio-number{position:absolute;left:24px;top:22px;font-size:9px;letter-spacing:.14em;color:#777780;z-index:2}.portfolio-ghost{position:absolute;left:22px;bottom:-11px;font-size:clamp(52px,6vw,94px);font-weight:800;letter-spacing:-.07em;color:rgba(255,255,255,.025);white-space:nowrap;transition:transform .55s cubic-bezier(.2,.75,.2,1),color .4s}.portfolio-card:hover .portfolio-ghost{transform:translateX(9px);color:rgba(255,255,255,.045)}.portfolio-mark{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);transition:transform .55s cubic-bezier(.2,.75,.2,1)}.portfolio-card:hover .portfolio-mark{transform:translate(-50%,-50%) scale(1.08) rotate(-3deg)}.portfolio-mark i{position:absolute;display:block}.mark-pig{border:1px solid rgba(255,100,51,.65);border-radius:46% 54% 48% 52%;box-shadow:0 0 70px rgba(255,100,51,.09)}.mark-pig i:nth-child(1),.mark-pig i:nth-child(2){width:31px;height:38px;top:-15px;border:1px solid rgba(255,100,51,.6);border-radius:70% 20% 50% 50%}.mark-pig i:nth-child(1){left:16px;transform:rotate(-27deg)}.mark-pig i:nth-child(2){right:16px;transform:rotate(27deg)}.mark-pig i:nth-child(3){width:57px;height:36px;left:36px;top:62px;border:1px solid #626269;border-radius:50%}.mark-animbay i{border:1px solid #56565e;border-radius:50%;inset:0}.mark-animbay i:nth-child(2){inset:19px;border-color:rgba(255,100,51,.65);transform:translate(22px,-10px)}.mark-animbay i:nth-child(3){inset:39px;border-radius:30% 70% 60% 40%;background:rgba(255,255,255,.05);transform:translate(-22px,14px) rotate(35deg)}.mark-vdemy{transform:translate(-50%,-50%) rotate(45deg)}.portfolio-card:hover .mark-vdemy{transform:translate(-50%,-50%) rotate(52deg) scale(1.08)}.mark-vdemy i{inset:5px;border:1px solid #56565e}.mark-vdemy i:nth-child(2){inset:25px;border-color:rgba(255,100,51,.7)}.mark-vdemy i:nth-child(3){inset:45px;background:rgba(255,100,51,.12);border:1px solid rgba(255,100,51,.45)}.mark-music{display:flex;align-items:center;justify-content:center;gap:9px}.mark-music i{position:relative;width:8px;border-radius:99px;background:#55555d;height:35px;animation:musicIdle 2.2s ease-in-out infinite}.mark-music i:nth-child(2){height:72px;animation-delay:-.7s}.mark-music i:nth-child(3){height:110px;background:var(--accent);animation-delay:-1.2s}.mark-music i:nth-child(4){height:64px;animation-delay:-.35s}.mark-music i:nth-child(5){height:42px;animation-delay:-1.6s}@keyframes musicIdle{50%{transform:scaleY(.65)}}.portfolio-info{min-height:170px;padding:25px 24px 27px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.portfolio-tag{font-size:9px;letter-spacing:.14em;color:var(--accent)}.portfolio-info h3{font-size:28px;letter-spacing:-.045em;margin:10px 0 8px}.portfolio-info p{max-width:460px;color:#85858d;font-size:12px;line-height:1.65;margin:0}.portfolio-arrow{flex:0 0 40px;width:40px;height:40px;border:1px solid #34343a;border-radius:50%;display:grid;place-items:center;transition:transform .35s,background .35s,color .35s}.portfolio-card:hover .portfolio-arrow{transform:rotate(45deg);background:#f5f5f2;color:#111;border-color:#f5f5f2}
@media(max-width:900px){.cinematic-hero{min-height:760px;display:flex;align-items:flex-end;padding-top:90px;padding-bottom:86px}.hero-media{width:100%;height:64%;top:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 58%,transparent 100%)}.hero-video{object-position:center center;filter:saturate(.75) contrast(1.05) brightness(.62)}.hero-video-vignette{background:linear-gradient(180deg,rgba(11,11,12,.12),rgba(11,11,12,.18) 45%,#0b0b0c 94%),linear-gradient(90deg,rgba(11,11,12,.35),transparent 50%,rgba(11,11,12,.3))}.cinematic-hero .hero-copy{padding-top:300px}.hero-film-meta{right:22px;bottom:24px}.portfolio-grid{grid-template-columns:1fr}.portfolio-visual{height:280px}.portfolio-info{min-height:0}}
@media(max-width:520px){.cinematic-hero{min-height:720px;padding-top:72px;padding-bottom:58px}.cinematic-hero .hero-copy{padding-top:270px}.cinematic-hero .hero-copy>p{max-width:92%;font-size:13px;line-height:1.65}.cinematic-hero .hero-actions{margin-top:24px}.hero-film-meta{display:none}.hero-media{height:57%}.portfolio-grid{gap:11px}.portfolio-card{border-radius:16px}.portfolio-visual{height:215px}.portfolio-mark{width:96px;height:96px}.mark-pig i:nth-child(3){width:43px;height:27px;left:26px;top:46px}.mark-pig i:nth-child(1),.mark-pig i:nth-child(2){width:24px;height:29px}.portfolio-info{padding:20px;gap:14px}.portfolio-info h3{font-size:24px}.portfolio-arrow{width:36px;height:36px;flex-basis:36px}.portfolio-ghost{font-size:52px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-media{background:radial-gradient(circle at 75% 35%,#27272b,transparent 38%)}.portfolio-card,.portfolio-mark,.portfolio-arrow,.portfolio-ghost{transition:none!important}.mark-music i{animation:none!important}}

/* v25 — full-bleed cinematic hero, projects removed */
.cinematic-hero{max-width:none;width:100%;min-height:min(920px,calc(100vh - 82px));padding-left:max(38px,calc((100vw - var(--max))/2 + 38px));padding-right:max(38px,calc((100vw - var(--max))/2 + 38px));grid-template-columns:minmax(0,.72fr) minmax(540px,1.28fr)}
.hero-media{right:0;width:82vw;max-width:none;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 100%)}
.hero-video{transform:scale(1.055);object-position:center center}
.hero-video-vignette{background:linear-gradient(90deg,rgba(11,11,12,.92) 0,rgba(11,11,12,.48) 18%,rgba(11,11,12,.08) 48%,rgba(11,11,12,.06) 78%,rgba(11,11,12,.18) 100%),linear-gradient(180deg,rgba(11,11,12,.08),transparent 18%,transparent 72%,#0b0b0c 100%),radial-gradient(circle at 65% 44%,transparent 22%,rgba(11,11,12,.05) 64%,rgba(11,11,12,.28) 100%)}
@media(max-width:900px){.cinematic-hero{width:100%;padding-left:22px;padding-right:22px}.hero-media{width:100vw;height:69%;left:0;right:auto;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 68%,transparent 100%)}.hero-video{transform:scale(1.08)}.cinematic-hero .hero-copy{padding-top:330px}}
@media(max-width:520px){.cinematic-hero{padding-left:20px;padding-right:20px;min-height:760px}.hero-media{height:64%}.hero-video{transform:scale(1.1);object-position:58% center}.cinematic-hero .hero-copy{padding-top:320px}}