:root{--bg:#f5f5f7;--paper:#fff;--ink:#080808;--muted:#6e6e73;--line:#d9d9dd;--shell:min(1200px,calc(100% - 48px));--r:32px;font-family:Inter,"Inter Tight",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:var(--shell);margin:auto}.skip{position:fixed;top:-100px;left:1rem;background:#fff;padding:.8rem;z-index:99}.skip:focus{top:1rem}header{position:sticky;top:0;z-index:20;background:rgba(245,245,247,.86);backdrop-filter:blur(22px);border-bottom:1px solid rgba(0,0,0,.07)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{font-size:1.18rem;font-weight:780;letter-spacing:-.04em}.links{display:flex;gap:2rem;font-size:.85rem;color:#55555a}.nav-cta{padding:.78rem 1rem;border-radius:999px;background:#080808;color:#fff;font-size:.83rem;font-weight:680}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.69rem;font-weight:750;color:#77777d}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;padding:4rem 0}.hero h1{font-size:clamp(3.2rem,5.4vw,5.8rem);line-height:.92;letter-spacing:-.065em;margin:1.2rem 0 2rem}.hero h1 span{display:block;white-space:nowrap}.hero h1 .hero-line2{color:#9ea0a6}.lead{max-width:760px;color:var(--muted);font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.48}.lead strong{color:#111}.actions{display:flex;gap:.8rem;margin-top:2.4rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:680;transition:.25s}.button:hover{transform:translateY(-2px)}.dark{background:#080808;color:#fff}.outline{border:1px solid #c9c9ce}.hero-image{position:relative;min-height:690px;margin:0;overflow:hidden;border-radius:var(--r);background:#e6e6e8}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:none;transition:transform .5s ease}.hero-image figcaption{position:absolute;left:1.5rem;bottom:1.5rem;z-index:2;color:#fff;display:flex;flex-direction:column}.hero-image figcaption small{color:#bbb}.hero-image figcaption strong{font-size:1.35rem}.hero-image>i{position:absolute;bottom:1.8rem;right:1.5rem;z-index:2;width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.8s infinite}.hero-image>i:nth-last-child(2){right:2.3rem;animation-delay:.25s}.hero-image>i:nth-last-child(1){right:3.1rem;animation-delay:.5s}.video-label{position:absolute;right:1.4rem;top:1.4rem;z-index:3;background:rgba(0,0,0,.62);color:#fff;padding:.55rem .8rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.45rem}.video-label span{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.5s infinite}.outcomes,.systems{background:#080808;color:#fff}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr)}.outcome-grid>div{min-height:160px;padding:2rem;border-right:1px solid #2b2b2e;display:grid;grid-template-columns:34px 1fr;align-content:center;gap:.45rem}.outcome-grid>div:last-child{border:0}.outcome-grid span{grid-row:1/3;color:#777;font-size:.7rem}.outcome-grid strong{font-size:1.35rem}.outcome-grid small{color:#929298}.statement{padding:11rem 0}.statement h2,.visibility h2,.platform h2,.about h2,.audience h2{font-size:clamp(3.5rem,7vw,7.4rem);line-height:.88;letter-spacing:-.07em;margin:1rem 0 2.5rem}.statement h2 em{font-style:normal;color:#a0a0a5}.statement p{max-width:720px;margin:0;color:var(--muted);font-size:1.2rem;line-height:1.6}.visibility{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-bottom:11rem}.visibility p,.platform p,.about p{color:var(--muted);line-height:1.65;font-size:1.06rem}.orbit{aspect-ratio:1;border:1px solid #ccc;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 23%,rgba(0,0,0,.08) 23.2% 23.5%,transparent 23.7% 46%)}.orbit:after{content:"";position:absolute;inset:13%;border:1px solid #d7d7db;border-radius:50%;animation:spin 16s linear infinite}.orbit>div{width:31%;aspect-ratio:1;border-radius:50%;background:#080808;color:#fff;display:grid;place-items:center;text-align:center;font-weight:700;z-index:2}.orbit span{position:absolute;background:#fff;border:1px solid #d5d5da;border-radius:999px;padding:.65rem .9rem;font-size:.75rem;font-weight:650;z-index:3;box-shadow:0 10px 25px #0001}.n1{top:9%;left:44%}.n2{left:0;top:48%}.n3{right:0;top:48%}.n4{bottom:9%;left:44%}.systems{padding:10rem 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end;margin-bottom:4rem}.section-head h2{font-size:clamp(3.8rem,7vw,7.4rem);line-height:.88;letter-spacing:-.07em;margin:1rem 0 0}.section-head{display:block;margin-bottom:4rem}.section-head>p{color:#8f8f95;line-height:1.6;max-width:720px;margin:1.5rem 0 0;font-size:1.12rem}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{min-height:600px;border:1px solid #29292c;background:#151517;border-radius:var(--r);padding:2rem;display:flex;flex-direction:column}.card.light{background:#f5f5f7;color:#080808}.card>span{color:#777;font-size:.7rem}.card>b{width:64px;height:64px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;margin:auto 0 2rem;font-size:1.4rem}.card h3{font-size:clamp(2.3rem,3.7vw,4rem);line-height:.93;letter-spacing:-.055em;margin:0 0 1.2rem}.card p{color:#999;line-height:1.55}.card.light p{color:#666}.card ul{list-style:none;padding:0;margin:2rem 0 0;border-top:1px solid #333}.card li{padding:.8rem 0;border-bottom:1px solid #333;color:#bbb;font-size:.82rem}.card.light li{border-color:#d5d5d9;color:#555}.platform{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:var(--r);overflow:hidden;margin-top:10rem;margin-bottom:10rem}.platform>div{padding:clamp(3rem,6vw,6rem)}.platform img{width:100%;height:100%;min-height:680px;object-fit:cover}.flow{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-top:3rem}.flow span{font-size:.8rem;font-weight:650}.flow b{color:#aaa}.projects,.proof,.difference,.process,.about{padding-bottom:10rem}.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:60px 1fr 1fr 40px;gap:2rem;align-items:center;padding:2.8rem 0;border-bottom:1px solid var(--line);transition:.25s}.project-list:hover .project:not(:hover){opacity:.4}.project i{font-style:normal;color:#999;font-size:.72rem}.project small{color:#888;text-transform:uppercase;letter-spacing:.12em}.project h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.055em;margin:.4rem 0 0}.project p{color:var(--muted);line-height:1.55}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:var(--r);overflow:hidden}.proof-grid>div{min-height:220px;padding:2rem;border-right:1px solid #e3e3e6;display:flex;flex-direction:column;justify-content:space-between}.proof-grid>div:last-child{border:0}.proof strong{font-size:clamp(2rem,3.4vw,4rem);letter-spacing:-.06em}.proof span{color:var(--muted)}.title{display:block;margin-bottom:3rem}.title h2{font-size:clamp(3.5rem,7vw,7.4rem);line-height:.88;letter-spacing:-.07em;text-align:left;margin:1rem 0 0}.compare{background:#fff;border-radius:var(--r);overflow:hidden}.compare>div{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:1.5rem 2rem;border-bottom:1px solid #e5e5e8}.compare>div:last-child{border:0}.compare span{color:#909097}.compare-head{background:#080808;color:#fff}.process .section-head{display:block}.process ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:70px 1fr;padding:2.2rem 0;border-bottom:1px solid var(--line)}.process li>span{color:#999;font-size:.72rem}.process h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;margin:0}.process p{color:var(--muted);line-height:1.55}.about{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center}.about>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);filter:none}.about blockquote{font-size:1.3rem;line-height:1.45;margin:2.5rem 0 0;padding-top:2rem;border-top:1px solid var(--line);font-weight:650}.audience{background:#fff;border-radius:var(--r);padding:clamp(3rem,7vw,6rem);margin-bottom:10rem}.audience>div{display:flex;flex-wrap:wrap;gap:.6rem}.audience>div span{border:1px solid #ccc;border-radius:999px;padding:.8rem 1rem;font-size:.84rem}.cta{background:#080808;color:#fff;border-radius:var(--r);padding:clamp(3rem,7vw,6rem);margin-bottom:1.5rem}.cta h2{max-width:1000px;font-size:clamp(3.5rem,7vw,7.2rem);line-height:.9;letter-spacing:-.07em;margin:1.2rem 0 2rem}.cta>p{max-width:600px;color:#999;line-height:1.6}.white{background:#fff;color:#080808;margin-top:1rem}.contact{display:flex;gap:2rem;flex-wrap:wrap;margin-top:6rem;padding-top:1.5rem;border-top:1px solid #333;color:#999;font-size:.84rem}.footer{display:flex;justify-content:space-between;align-items:center;padding:2rem 0 3rem;color:#777;font-size:.83rem}.footer div{display:flex;gap:1.2rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{opacity:.2;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero,.visibility,.about{grid-template-columns:1fr}.hero{padding:5rem 0}.hero-image{min-height:650px}.section-head,.platform{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.card{min-height:500px}.project{grid-template-columns:45px 1fr 35px}.project p{grid-column:2}.proof-grid{grid-template-columns:1fr 1fr}.about{gap:3rem}}
@media(max-width:700px){:root{--shell:min(100% - 24px);--r:22px}.nav{height:64px}.links{display:none}.nav-cta{width:44px;height:44px;padding:0;font-size:0}.nav-cta b{font-size:1rem}.hero{padding-top:3.8rem}.hero h1{font-size:clamp(4rem,18vw,5.8rem)}.lead{font-size:1.05rem}.actions{flex-direction:column}.hero-image{min-height:520px}.outcome-grid{grid-template-columns:1fr}.outcome-grid>div{min-height:115px;border-right:0;border-bottom:1px solid #2b2b2e}.statement{padding:7rem 0}.statement h2,.visibility h2,.platform h2,.about h2,.audience h2{font-size:3.25rem}.statement p{font-size:1.05rem}.visibility{padding-bottom:7rem}.systems{padding:7rem 0}.section-head h2{font-size:3.7rem}.card{padding:1.5rem}.platform{margin:7rem auto}.platform>div{padding:2rem}.platform img{min-height:500px}.projects,.proof,.difference,.process,.about{padding-bottom:7rem}.project{gap:1rem;padding:2rem 0}.project p{font-size:.92rem}.proof-grid>div{min-height:170px;padding:1.2rem}.proof strong{font-size:1.75rem}.title{display:block}.title h2{text-align:left;margin-top:1rem}.compare>div{grid-template-columns:1fr;gap:.5rem;padding:1.3rem}.process li{grid-template-columns:45px 1fr}.audience{padding:2rem;margin-bottom:7rem}.cta h2{font-size:3.35rem}.contact{display:grid;gap:.7rem;margin-top:4rem}.footer{flex-wrap:wrap;gap:1rem}.footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit:after,.hero-image i,.video-label span{animation:none}}
.team-media--portrait{aspect-ratio:auto;min-height:520px}.team-media--portrait img{object-position:center 32%}.team{padding-bottom:2.5rem}.team+.platform{margin-top:2.5rem}@media(max-width:900px){.team-media--portrait{min-height:440px}}@media(max-width:700px){.team-media--portrait{min-height:0;aspect-ratio:1/1}.team{padding-bottom:1.5rem}.team+.platform{margin-top:1.5rem}}
.brand-logo{display:flex;align-items:center;width:190px;height:58px;overflow:hidden;flex:0 0 auto}.brand-logo img{width:100%;height:auto;display:block}.brand-logo--footer{width:180px;height:auto}.footer .brand-logo img{opacity:.76}@media(max-width:700px){.brand-logo{width:148px;height:52px}.brand-logo--footer{width:155px}}
.signal-project{position:relative;background:#0b0b0c;color:#fff;margin-top:1rem;padding-inline:2rem;border:0;border-radius:var(--r);overflow:hidden}.signal-project:after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-120px;border:1px solid #444;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.signal-project i,.signal-project small,.signal-project p{color:#929298}.signal-project>b{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#bbb;text-align:right;z-index:1}@media(max-width:700px){.signal-project{padding-inline:1.25rem}.signal-project>b{font-size:.6rem}}
.results{padding-bottom:10rem}.result-numbers{display:grid;grid-template-columns:repeat(4,1fr);background:#080808;color:#fff;border-radius:var(--r);overflow:hidden;margin-bottom:1rem}.result-numbers>div{min-height:230px;padding:2rem;border-right:1px solid #2d2d30;display:flex;flex-direction:column}.result-numbers>div:last-child{border:0}.result-numbers span{color:#94949a;font-size:.78rem}.result-numbers strong{font-size:clamp(2rem,3.4vw,4rem);letter-spacing:-.06em;margin:auto 0 .25rem;white-space:nowrap}.result-numbers small{color:#c9c9ce;font-weight:700}.evidence{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.evidence-card{border:1px solid #e0e0e4;border-radius:var(--r);padding:0;background:#fff;color:inherit;text-align:left;overflow:hidden;cursor:zoom-in;font:inherit}.evidence-image{height:500px;padding:2rem;display:flex;align-items:center;justify-content:center;background:#f0f0f2;overflow:hidden}.evidence-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 28px #0002);transition:transform .5s ease}.evidence-card:hover img{transform:scale(1.025)}.evidence-caption{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid #e0e0e4}.evidence-caption small{color:#89898f}.lightbox{max-width:min(1000px,calc(100% - 30px));max-height:90vh;border:0;padding:0;border-radius:20px;background:#fff;box-shadow:0 30px 100px #0008}.lightbox::backdrop{background:#000c;backdrop-filter:blur(8px)}.lightbox img{max-width:100%;max-height:86vh;object-fit:contain}.lightbox button{position:absolute;right:10px;top:10px;width:42px;height:42px;border:0;border-radius:50%;background:#080808;color:#fff;font-size:1.6rem;cursor:pointer}@media(max-width:900px){.result-numbers{grid-template-columns:1fr 1fr}.result-numbers>div:nth-child(2){border-right:0}.evidence{grid-template-columns:1fr}}@media(max-width:700px){.results{padding-bottom:7rem}.result-numbers>div{min-height:170px;padding:1.2rem}.result-numbers strong{font-size:1.75rem}.evidence-image{height:350px;padding:1rem}.evidence-caption small{display:none}}
.team{padding:10rem 0}.team-intro{display:block;margin-bottom:4.5rem}.team-intro h2{font-size:clamp(3.8rem,7vw,7.4rem);line-height:.88;letter-spacing:-.07em;margin:1rem 0 2rem}.team-intro p{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.65}.team-intro p strong{color:var(--ink)}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.team-member{background:#fff;border:1px solid #e1e1e4;border-radius:var(--r);overflow:hidden;min-width:0}.team-member--wide{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;background:#080808;color:#fff;border-color:#080808}.team-media{position:relative;aspect-ratio:1.35/1;overflow:hidden;background:#ddd}.team-media img{width:100%;height:100%;object-fit:cover;filter:none;transition:filter .5s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.team-member:hover .team-media img{filter:grayscale(0);transform:scale(1.025)}.team-media--code{aspect-ratio:auto;min-height:520px;display:grid;place-items:center;padding:5rem 2rem 2rem;background:radial-gradient(circle at 18% 18%,#242427 0,transparent 35%),#0b0b0d}.team-media>span{position:absolute;left:1.2rem;top:1.2rem;padding:.55rem .75rem;border-radius:999px;background:rgba(8,8,8,.78);backdrop-filter:blur(12px);color:#fff;font-size:.66rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.code-window{width:min(100%,620px);border:1px solid #35353a;border-radius:20px;overflow:hidden;background:#111114;box-shadow:0 30px 80px #0008;transform:perspective(900px) rotateY(4deg) rotateX(2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.team-member:hover .code-window{transform:perspective(900px) rotateY(0) rotateX(0) translateY(-5px)}.code-toolbar{height:54px;display:flex;align-items:center;gap:.5rem;padding:0 1rem;border-bottom:1px solid #2d2d31;background:#19191c}.code-toolbar i{width:10px;height:10px;border-radius:50%;background:#555}.code-toolbar i:first-child{background:#ff5f57}.code-toolbar i:nth-child(2){background:#febc2e}.code-toolbar i:nth-child(3){background:#28c840}.code-toolbar b{margin-left:auto;color:#76767d;font:600 .7rem/1 Inter,sans-serif;letter-spacing:.08em}.code-body{padding:2rem;font:500 clamp(.72rem,1.15vw,.95rem)/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#bcbcc3}.code-body p{margin:0;white-space:nowrap}.code-body em{display:inline-block;width:2.4rem;color:#4f4f55;font-style:normal}.code-body strong{color:#fff}.code-body b{color:#a9a9ff}.code-body q{color:#a6dba8}.code-status{color:#7fe69b!important;margin-top:1rem!important}.team-copy{padding:2rem 2rem 2.4rem}.team-member--wide .team-copy{padding:clamp(2.5rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}.team-copy small{color:#8b8b91;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-weight:750}.team-copy h3{font-size:clamp(2rem,3.6vw,3.8rem);line-height:.94;letter-spacing:-.055em;margin:.7rem 0 1.25rem}.team-copy p{color:#6e6e73;line-height:1.58;margin:0}.team-member--wide .team-copy p{color:#9b9ba1}.team-note{margin:1rem 0 0;padding:2rem;border:1px solid #d8d8dc;border-radius:var(--r);color:#77777d;font-size:1.1rem;line-height:1.5}.team-note strong{color:#080808}@media(max-width:900px){.team-intro{grid-template-columns:1fr;gap:1.5rem}.team-member--wide{grid-template-columns:1fr}.team-media--code{min-height:440px}.team-member--wide .team-copy{padding:2.5rem}}@media(max-width:700px){.team{padding:7rem 0}.team-intro{margin-bottom:2.5rem}.team-intro h2{font-size:3.5rem}.team-grid{grid-template-columns:1fr}.team-member--wide{grid-column:auto}.team-media,.team-media--code{min-height:0;aspect-ratio:1/1}.team-media--code{padding:4rem 1rem 1rem}.code-body{padding:1.2rem;font-size:.58rem}.team-copy,.team-member--wide .team-copy{padding:1.5rem 1.5rem 1.9rem}.team-copy h3{font-size:2.3rem}.team-note{padding:1.5rem;font-size:1rem}}

.explainer-section{padding:8rem 0 2rem}
.explainer-section h2{font-size:clamp(3.2rem,6vw,6.2rem);line-height:.9;letter-spacing:-.07em;margin:1rem 0 1.5rem}
.explainer-section h2 em{font-style:normal;color:#a0a0a5}
.explainer-lead{max-width:720px;margin:0 0 2.5rem;color:var(--muted);font-size:1.15rem;line-height:1.6}
.explainer-player-wrap{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#0b0b0d;box-shadow:0 24px 60px rgba(13,13,15,.12)}
.explainer-video{display:block;width:100%;aspect-ratio:16/9;background:#0b0b0d}
@media(max-width:900px){.explainer-section{padding:5rem 0 1rem}.explainer-section h2{font-size:2.8rem}}


html,body{max-width:100%;overflow-x:clip}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.about>*,.hero>*,.visibility>*,.platform>*{min-width:0}
@media(max-width:700px){
  :root{--shell:calc(100% - 32px);--r:22px}
  .nav-cta{width:auto;height:auto;padding:.58rem .9rem;font-size:.78rem;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}
  .nav-cta b{font-size:.85rem;line-height:1}
  .hero h1{font-size:clamp(2.35rem,9.8vw,3.4rem);line-height:.94;letter-spacing:-.055em}
  .statement h2,.visibility h2,.platform h2,.about h2,.audience h2,.section-head h2,.title h2,.team-intro h2,.cta h2,.explainer-section h2{font-size:clamp(2.2rem,9.2vw,3rem);line-height:.95;letter-spacing:-.05em;overflow-wrap:break-word;hyphens:auto}
  .card h3,.project h3,.process h3,.team-copy h3{font-size:clamp(1.75rem,7vw,2.3rem);line-height:.98;overflow-wrap:break-word;hyphens:auto}
}


/* Hero Showreel V3 — 9:16 Vertical Monolith in 16:9 Spatial Stage + White Shading */
.hero.hero-v3-wrap{min-height:auto;display:block;padding:clamp(28px,3.6vw,52px) 0 clamp(46px,6vw,78px)}
.hero-v3-top{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,4vw,56px);align-items:start;margin-bottom:clamp(26px,3.2vw,38px)}
.hero-v3-top h1{font-size:clamp(2.85rem,4.6vw,4.7rem);line-height:.94;letter-spacing:-.055em;margin:14px 0 0}@media(max-width:700px){.hero-v3-top h1{font-size:clamp(2.15rem,9vw,3.1rem)}.hero-v3-top h1 span{white-space:normal}}
.hero-v3-right{display:flex;flex-direction:column;gap:20px;padding-bottom:4px}
.hero-v3-right .lead{font-size:clamp(1.04rem,1.35vw,1.22rem);line-height:1.58;color:var(--muted);margin:0}
.hero-v3-right .lead strong{color:var(--ink);font-weight:600}
.hero-v3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}
.showreel-stage-outer{position:relative;border-radius:34px;padding:12px;background:linear-gradient(160deg,#16171d 0%,#08080a 52%,#131419 100%);border:1.5px solid rgba(255,255,255,.58);box-shadow:0 0 65px rgba(255,255,255,.55),0 28px 80px rgba(8,8,10,.22),inset 0 1px 1px rgba(255,255,255,.55),inset 0 0 38px rgba(255,255,255,.12)}
.showreel-stage-outer::before{content:"";position:absolute;inset:-18px;border-radius:48px;background:radial-gradient(65% 55% at 50% 50%,rgba(255,255,255,.48),rgba(214,195,165,.18) 55%,rgba(8,8,10,0) 78%);z-index:-1;pointer-events:none;filter:blur(20px)}
.showreel-viewport{position:relative;width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#08080a url("hero-showreel-v3-poster.png") center center/cover no-repeat;box-shadow:inset 0 0 42px rgba(255,255,255,.24),inset 0 0 0 1.5px rgba(255,255,255,.32)}
.showreel-viewport::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:24px;box-shadow:inset 0 0 54px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.55);background:radial-gradient(62% 62% at 50% 48%,rgba(255,255,255,0) 68%,rgba(255,255,255,.12) 100%)}
.showreel-viewport video{width:100%;height:100%;object-fit:cover;display:block}
.showreel-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px 6px;flex-wrap:wrap}
.showreel-scene-pills{display:flex;flex-wrap:wrap;gap:8px}
.scene-pill{appearance:none;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:rgba(245,245,247,.88);border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s ease;box-shadow:0 0 16px rgba(255,255,255,.05);font-family:inherit}
.scene-pill:hover,.scene-pill.is-active{background:#fff;border-color:#fff;color:#08080a;font-weight:600;box-shadow:0 0 20px rgba(255,255,255,.42)}
.scene-pill i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.65);display:inline-block}
.scene-pill.is-active i{background:#16a34a;box-shadow:0 0 8px #16a34a}
.showreel-meta-right{display:flex;align-items:center;gap:10px;color:rgba(245,245,247,.84);font-size:.78rem}
.showreel-meta-right strong{color:#fff;font-weight:600}
@media(max-width:960px){
  .hero-v3-top{grid-template-columns:1fr;gap:18px}
  .showreel-stage-outer{padding:6px;border-radius:22px}
  .showreel-viewport{border-radius:17px}
  .showreel-controls-bar{flex-direction:column;align-items:flex-start;padding:12px 10px 6px}
  .showreel-scene-pills{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .scene-pill{white-space:nowrap;flex:0 0 auto}
}

.showreel-mobile-only{display:none}
@media(max-width:768px){
  .showreel-desktop-only{display:none!important}
  .showreel-mobile-only{display:block!important}
  .showreel-stage-outer{padding:10px;border-radius:30px;background:radial-gradient(90% 60% at 50% 45%,rgba(255,255,255,.32) 0%,rgba(214,195,165,.14) 52%,rgba(8,8,10,.96) 100%),linear-gradient(165deg,#181920 0%,#08080a 55%,#121318 100%);border:2px solid rgba(255,255,255,.78);box-shadow:0 0 60px rgba(255,255,255,.65),0 24px 65px rgba(8,8,10,.36),inset 0 1px 2px rgba(255,255,255,.78),inset 0 0 38px rgba(255,255,255,.22);overflow:hidden;box-sizing:border-box}
  .showreel-viewport-vertical{position:relative;width:100%;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#08080a url("hero-showreel-v3-vertical-poster.jpg") center center/cover no-repeat;border:1.5px solid rgba(255,255,255,.68);box-shadow:0 0 42px rgba(255,255,255,.45),inset 0 0 44px rgba(255,255,255,.32)}
  .showreel-viewport-vertical::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:22px;box-shadow:inset 0 0 46px rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.65)}
  .showreel-viewport-vertical video{width:100%;height:100%;object-fit:cover;display:block}
  .showreel-controls-bar{display:flex!important;flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;padding:12px 0 6px;gap:10px;overflow:hidden}
  .showreel-scene-pills{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;box-sizing:border-box;overflow:hidden;padding-bottom:0}
  .scene-pill{width:100%;min-width:0;max-width:100%;box-sizing:border-box;justify-content:center;padding:8px 4px;font-size:.62rem;letter-spacing:-.025em;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .scene-pill i{flex-shrink:0;width:5px;height:5px}
  .scene-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .showreel-meta-right{width:100%;justify-content:center;text-align:center;font-size:.73rem;padding-top:2px}
}