:root{--bg:#050507;--panel:#0b0b10;--text:#f4f3ef;--muted:#9898a2;--line:rgba(255,255,255,.14);--purple:#a855f7;--cyan:#28e7ff;--lime:#c8ff3d;--pink:#ff3fb4;--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(40,231,255,.11),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:100}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan),var(--lime))}.site-header{height:var(--header);padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;width:100%;z-index:40;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(5,5,7,.78);backdrop-filter:blur(18px);border-color:var(--line)}.logo{font-family:"Space Grotesk";font-weight:700;letter-spacing:.08em;display:flex;gap:12px;align-items:center}.logo-mark{width:12px;height:12px;background:var(--lime);box-shadow:0 0 22px var(--lime);transform:rotate(45deg)}.nav{display:flex;align-items:center;gap:32px;font-size:12px;letter-spacing:.16em}.nav a{transition:.25s}.nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid var(--line);padding:12px 18px}.menu-button{display:none;background:none;border:0;color:white}.section-pad{padding:130px 5vw}.hero{min-height:100vh;padding-top:calc(var(--header) + 60px);position:relative;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr auto;align-items:center;gap:30px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 82%);perspective:600px;transform:scale(1.1) rotateX(8deg)}.hero-copy,.scene-wrap,.hero-meta{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted);display:flex;align-items:center;gap:10px}.eyebrow span{width:24px;height:1px;background:var(--lime);box-shadow:0 0 10px var(--lime)}h1,h2,h3{font-family:"Space Grotesk";margin:0}h1{font-size:clamp(74px,10vw,160px);line-height:.77;letter-spacing:-.07em}.gradient-text{background:linear-gradient(90deg,var(--purple),var(--cyan) 55%,var(--lime));-webkit-background-clip:text;color:transparent}.hero-description{font-size:clamp(18px,2vw,26px);max-width:560px;color:#c9c8ce;margin:38px 0;line-height:1.45}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:16px 22px;border:1px solid var(--line);font-size:12px;letter-spacing:.12em;transition:.25s}.button-primary{background:var(--lime);color:#050507;border-color:var(--lime);font-weight:700}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.35)}.scene-wrap{height:min(620px,66vw);perspective:1100px;display:grid;place-items:center}.scene{width:min(500px,70vw);aspect-ratio:1;position:relative;transform-style:preserve-3d;transition:transform .1s linear}.scene-ring{position:absolute;inset:12%;border:1px solid rgba(40,231,255,.7);border-radius:50%;box-shadow:0 0 50px rgba(40,231,255,.18),inset 0 0 30px rgba(40,231,255,.1);transform-style:preserve-3d}.ring-one{transform:rotateX(70deg) rotateZ(20deg)}.ring-two{inset:25%;border-color:rgba(168,85,247,.8);transform:rotateY(70deg) rotateZ(30deg)}.scene-cube{position:absolute;width:180px;height:180px;left:50%;top:50%;margin:-90px;transform-style:preserve-3d;animation:floatCube 6s ease-in-out infinite}.cube-face{position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.28);background:rgba(13,13,20,.72);backdrop-filter:blur(8px);display:grid;place-items:center;font-family:"Space Grotesk";font-size:22px;letter-spacing:.18em;box-shadow:inset 0 0 32px rgba(168,85,247,.16)}.front{transform:translateZ(90px)}.back{transform:rotateY(180deg) translateZ(90px)}.right{transform:rotateY(90deg) translateZ(90px)}.left{transform:rotateY(-90deg) translateZ(90px)}.top{transform:rotateX(90deg) translateZ(90px)}.bottom{transform:rotateX(-90deg) translateZ(90px)}.scene-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:28px;height:28px;background:var(--lime);box-shadow:0 0 35px var(--lime);left:8%;top:25%;transform:translateZ(120px)}.orb-b{width:16px;height:16px;background:var(--pink);box-shadow:0 0 28px var(--pink);right:8%;bottom:25%;transform:translateZ(160px)}.scene-label{position:absolute;font-size:9px;letter-spacing:.16em;color:var(--muted)}.label-a{left:0;bottom:8%}.label-b{right:0;top:8%}@keyframes floatCube{0%,100%{transform:translateY(-8px) rotateX(-18deg) rotateY(25deg)}50%{transform:translateY(12px) rotateX(12deg) rotateY(65deg)}}.hero-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:22px;font-size:11px;letter-spacing:.13em;color:var(--muted)}.hero-meta span{color:var(--lime);margin-right:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}.section-heading h2{font-size:clamp(54px,8vw,110px);letter-spacing:-.06em}.section-heading>p{color:var(--muted);max-width:450px;line-height:1.6}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px 15px;cursor:pointer;font-size:11px;letter-spacing:.11em;transition:.25s}.filter-button:hover,.filter-button.active{color:#050507;background:var(--cyan);border-color:var(--cyan)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{border:1px solid var(--line);background:var(--panel);padding:16px;position:relative;cursor:pointer;transition:opacity .35s,transform .35s,border-color .25s}.project-card:hover{border-color:rgba(40,231,255,.65);transform:translateY(-6px)}.project-card.hidden{display:none}.project-media{height:420px;position:relative;overflow:hidden;background:#08080c;display:grid;place-items:center;perspective:900px}.media-code{position:absolute;left:18px;top:16px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.wire-head{width:165px;height:225px;border:1px solid var(--purple);border-radius:48% 48% 44% 44%;position:relative;box-shadow:0 0 40px rgba(168,85,247,.18);transform:rotateY(-20deg) rotateX(8deg);transition:.5s}.wire-head:before,.wire-head:after{content:"";position:absolute;inset:15%;border:1px solid rgba(40,231,255,.5);border-radius:50%}.wire-head:after{inset:35% 12%;border-radius:50%;transform:rotate(90deg)}.media-character{background:radial-gradient(circle at 50%,rgba(168,85,247,.16),transparent 50%),repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.035) 39px 40px)}.media-character.alt{background:radial-gradient(circle at 50%,rgba(200,255,61,.12),transparent 50%),repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.035) 39px 40px)}.media-character.alt .wire-head{border-color:var(--lime)}.project-card:hover .wire-head{transform:rotateY(20deg) rotateX(-8deg) scale(1.05)}.web-stack{width:70%;height:64%;position:relative;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-14deg);transition:.5s}.web-stack i{position:absolute;inset:0;border:1px solid var(--cyan);background:rgba(7,19,23,.78)}.web-stack i:nth-child(1){transform:translateZ(-55px) translate(34px,-28px);opacity:.25}.web-stack i:nth-child(2){transform:translateZ(-25px) translate(17px,-14px);opacity:.55}.web-stack strong{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:clamp(25px,4vw,52px);line-height:.9}.project-card:hover .web-stack{transform:rotateX(-3deg) rotateY(12deg) translateZ(20px)}.media-web{background:linear-gradient(135deg,rgba(40,231,255,.11),transparent 50%),#08080c}.media-web.alt{background:linear-gradient(135deg,rgba(255,63,180,.1),transparent 50%),#08080c}.media-web.alt .web-stack i{border-color:var(--pink)}.video-eye{width:220px;height:220px;border-radius:50%;border:1px solid var(--lime);display:grid;place-items:center;box-shadow:0 0 60px rgba(200,255,61,.13);transition:.5s}.video-eye:before{content:"";position:absolute;width:145px;height:145px;border:1px dashed rgba(255,255,255,.28);border-radius:50%;animation:spin 12s linear infinite}.video-eye span{font-size:36px;color:var(--lime);margin-left:8px}.timecode{position:absolute;bottom:18px;right:18px;font:11px monospace;color:var(--muted)}.media-video{background:radial-gradient(circle,rgba(200,255,61,.09),transparent 52%),#08080c}.media-video.alt{background:radial-gradient(circle,rgba(255,63,180,.1),transparent 52%),#08080c}.media-video.alt .video-eye{border-color:var(--pink)}.project-card:hover .video-eye{transform:scale(.88) rotate(12deg)}@keyframes spin{to{transform:rotate(360deg)}}.project-info{padding:25px 5px 10px}.project-info p{font-size:10px;color:var(--cyan);letter-spacing:.16em}.project-info h3{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em}.project-info span{display:block;margin-top:12px;color:var(--muted);font-size:10px;letter-spacing:.12em}.open-project{margin:18px 5px 5px;background:none;border:0;border-bottom:1px solid var(--line);color:white;padding:0 0 7px;cursor:pointer;font-size:11px;letter-spacing:.12em}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;font:600 28px "Space Grotesk";white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}.marquee div{display:inline-block;animation:marquee 18s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;min-height:85vh}.about-stage{height:600px;border:1px solid var(--line);display:grid;place-items:center;position:relative;perspective:900px;background:radial-gradient(circle,rgba(168,85,247,.1),transparent 60%)}.about-stage>span{position:absolute;left:18px;bottom:18px;color:var(--muted);font-size:10px;letter-spacing:.14em}.kinetic-object{width:230px;height:230px;position:relative;transform-style:preserve-3d}.kinetic-object div{position:absolute;inset:0;border:1px solid var(--cyan);border-radius:36%;box-shadow:0 0 30px rgba(40,231,255,.12)}.kinetic-object div:nth-child(2){transform:rotateX(65deg);border-color:var(--purple)}.kinetic-object div:nth-child(3){transform:rotateY(65deg);border-color:var(--lime)}.about-copy h2{font-size:clamp(50px,6vw,90px);line-height:.88;letter-spacing:-.06em}.about-copy em{font-style:normal;color:var(--purple)}.about-copy>p:not(.eyebrow){color:#bbbcc4;line-height:1.8;max-width:620px;font-size:17px}.about-list{display:grid;margin-top:36px}.about-list span{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.12em}.contact{text-align:center;min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.contact-object{position:absolute;width:580px;height:580px;border:1px solid rgba(168,85,247,.3);border-radius:44% 56% 68% 32%;animation:morph 9s ease-in-out infinite;box-shadow:0 0 100px rgba(168,85,247,.08)}@keyframes morph{50%{border-radius:65% 35% 33% 67%;transform:rotate(40deg) scale(.85)}}.contact>*:not(.contact-object){z-index:2}.contact h2{font-size:clamp(68px,11vw,170px);line-height:.78;letter-spacing:-.07em}.contact h2 span{color:var(--lime)}.contact-mail{font-size:clamp(18px,2.2vw,32px);margin-top:50px;border-bottom:1px solid var(--lime);padding-bottom:8px}.contact-footer{position:absolute;bottom:35px;width:90%;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.14em}.site-footer{padding:28px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.14em}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.project-modal{width:min(1180px,96vw);max-height:94vh;padding:0;border:1px solid var(--line);background:#08080d;color:white}.project-modal::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.modal-close{position:sticky;top:0;float:right;z-index:4;margin:18px;background:var(--lime);color:#050507;border:0;padding:12px 15px;font-size:10px;letter-spacing:.12em;cursor:pointer}.modal-inner{padding:70px clamp(20px,5vw,70px)}.modal-header{max-width:850px;margin-bottom:45px}.modal-header>p:first-child,.modal-kicker{font-size:10px;letter-spacing:.17em;color:var(--cyan)}.modal-header h2{font-size:clamp(55px,9vw,120px);line-height:.82;letter-spacing:-.07em}.modal-header>p:last-child{color:#c2c2ca;line-height:1.7;max-width:650px}.modal-hero{height:min(65vh,650px);background:#0d0d14;display:grid;place-items:center;position:relative;overflow:hidden}.modal-hero .hero-placeholder{width:55%;aspect-ratio:1;border:1px solid var(--purple);transform:rotateX(55deg) rotateZ(35deg);box-shadow:0 0 80px rgba(168,85,247,.15);display:grid;place-items:center;font:600 24px "Space Grotesk"}.modal-section{padding:70px 0;border-bottom:1px solid var(--line)}.project-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.project-meta div{border-top:1px solid var(--line);padding-top:15px}.project-meta small{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em}.project-meta strong{display:block;margin-top:8px;font-size:13px}.media-gallery{display:grid;grid-template-columns:2fr 1fr;gap:15px}.gallery-item{min-height:300px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(40,231,255,.08),rgba(168,85,247,.08));display:grid;place-items:center;position:relative;overflow:hidden}.gallery-item:first-child{grid-row:span 2;min-height:615px}.gallery-item span{font-size:11px;letter-spacing:.14em;color:var(--muted);text-align:center;padding:20px}.gallery-item video,.gallery-item img{width:100%;height:100%;object-fit:cover}.process-list{counter-reset:process}.process-step{display:grid;grid-template-columns:90px 1fr 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line)}.process-step:before{counter-increment:process;content:"0" counter(process);color:var(--lime);font:14px "Space Grotesk"}.process-step h3{font-size:25px}.process-step p{color:var(--muted);line-height:1.7;margin:0}@media(max-width:850px){.nav{position:fixed;inset:var(--header) 0 auto;background:#08080d;display:none;flex-direction:column;align-items:flex-start;padding:30px 5vw;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-button{display:block;width:32px;height:32px}.menu-button span{display:block;width:24px;height:1px;background:white;margin:7px}.hero{grid-template-columns:1fr;padding-top:130px}.scene-wrap{height:450px}.hero-meta{grid-template-columns:1fr;gap:14px}.section-pad{padding:100px 5vw}.section-heading{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr}.project-media{height:360px}.about{grid-template-columns:1fr}.about-stage{height:450px}.project-meta{grid-template-columns:repeat(2,1fr)}.media-gallery{grid-template-columns:1fr}.gallery-item:first-child{grid-row:auto;min-height:420px}.process-step{grid-template-columns:50px 1fr}.process-step p{grid-column:2}.cursor-glow{display:none}}@media(max-width:520px){h1{font-size:73px}.scene-cube,.cube-face{width:130px;height:130px}.scene-cube{margin:-65px}.front{transform:translateZ(65px)}.back{transform:rotateY(180deg) translateZ(65px)}.right{transform:rotateY(90deg) translateZ(65px)}.left{transform:rotateY(-90deg) translateZ(65px)}.top{transform:rotateX(90deg) translateZ(65px)}.bottom{transform:rotateX(-90deg) translateZ(65px)}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.project-media{height:300px}.project-meta{grid-template-columns:1fr}.contact-footer,.site-footer{gap:20px;flex-direction:column;align-items:center}.modal-inner{padding-top:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.project-image-media{position:relative;overflow:hidden;background:#08080d}.project-image-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-image-media img{transform:scale(1.06)}.model-badge{position:absolute;right:18px;bottom:18px;padding:8px 10px;border:1px solid rgba(200,255,61,.55);background:rgba(5,5,7,.72);backdrop-filter:blur(8px);color:var(--lime);font:600 10px "Space Grotesk";letter-spacing:.12em}.stl-viewer{position:relative;width:100%;height:min(68vh,680px);min-height:420px;background:radial-gradient(circle at 50% 45%,rgba(168,85,247,.18),transparent 45%),#07070b;border:1px solid var(--line);overflow:hidden}.stl-viewer canvas{display:block;width:100%;height:100%}.viewer-status{position:absolute;left:18px;bottom:16px;z-index:2;color:var(--muted);font:11px "Space Grotesk";letter-spacing:.08em}.viewer-help{position:absolute;right:18px;bottom:16px;z-index:2;color:var(--lime);font:11px "Space Grotesk";letter-spacing:.08em}.viewer-fallback{display:grid;place-items:center;height:100%;padding:40px;text-align:center;color:var(--muted);line-height:1.7}@media(max-width:600px){.stl-viewer{height:460px;min-height:360px}.viewer-help{display:none}}

.modal-project-video{width:100%;height:100%;display:block;object-fit:contain;background:#000}

.modal-hero-image{display:block;width:100%;height:100%;max-height:72vh;object-fit:contain;background:#000;}

.project-url{display:inline-block;color:inherit;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.project-url:hover,.project-url:focus-visible{color:var(--cyan)}

.project-media.has-cover{position:relative;overflow:hidden}
.project-media.has-cover>img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78) saturate(.9);transition:transform .6s ease,filter .6s ease}
.project-card:hover .project-media.has-cover>img{transform:scale(1.035);filter:brightness(.92) saturate(1)}
.project-media.has-cover .video-eye{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.project-media.has-cover .media-code{position:absolute;top:18px;left:18px}
.modal-video-wrap{position:relative;width:100%;height:100%;display:grid;place-items:center;background:#000}
.sound-play-button{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:3;border:1px solid rgba(255,255,255,.48);background:rgba(5,5,7,.78);backdrop-filter:blur(14px);color:#fff;padding:15px 20px;font:600 11px "Space Grotesk";letter-spacing:.14em;cursor:pointer;transition:opacity .35s,transform .35s,background .25s,color .25s,border-color .25s}
.sound-play-button:hover{background:var(--lime);border-color:var(--lime);color:#050507;transform:translateX(-50%) translateY(-3px)}
.sound-play-button span{margin-right:8px;color:var(--lime)}
.sound-play-button:hover span,.sound-play-button.sound-on span{color:inherit}
.sound-play-button.sound-on{background:var(--lime);border-color:var(--lime);color:#050507}
.sound-play-button.is-hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(8px)}
@media(max-width:600px){.sound-play-button{bottom:18px;width:calc(100% - 36px);max-width:300px}}

/* Hero showreel */
.hero-video-wrap{height:min(620px,66vw);position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:#050507;isolation:isolate}
.hero-showreel{width:100%;height:100%;display:block;object-fit:cover;background:#050507}
.hero-video-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,7,.04),rgba(5,5,7,.18));z-index:1}
.hero-video-label{position:absolute;right:18px;top:18px;z-index:2;font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.72);background:rgba(5,5,7,.44);padding:8px 10px;backdrop-filter:blur(8px)}
@media(max-width:850px){.hero-video-wrap{height:450px}}
@media(max-width:520px){.hero-video-wrap{height:360px}.hero-showreel{object-fit:cover}}

/* Hero video: seamless blend with page background */
.hero-video-wrap{
  border:0;
  background:transparent;
  overflow:hidden;
  isolation:isolate;
}
.hero-showreel{
  width:112%;
  height:112%;
  max-width:none;
  object-fit:cover;
  object-position:48% 54%;
  transform:scale(1.04);
  filter:brightness(.9) contrast(1.05);
  -webkit-mask-image:radial-gradient(ellipse 76% 72% at 50% 50%,#000 48%,rgba(0,0,0,.94) 64%,rgba(0,0,0,.55) 78%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 72% at 50% 50%,#000 48%,rgba(0,0,0,.94) 64%,rgba(0,0,0,.55) 78%,transparent 100%);
}
.hero-video-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 96% 4%,rgba(5,5,7,1) 0 6%,rgba(5,5,7,.82) 12%,transparent 28%),
    linear-gradient(90deg,var(--bg) 0%,transparent 16%,transparent 84%,var(--bg) 100%),
    linear-gradient(180deg,var(--bg) 0%,transparent 17%,transparent 83%,var(--bg) 100%);
}
.hero-video-wrap:after{
  background:radial-gradient(ellipse at center,transparent 45%,rgba(5,5,7,.18) 70%,rgba(5,5,7,.88) 100%);
  z-index:3;
}
@media(max-width:850px){
  .hero-showreel{width:118%;height:118%;object-position:46% 54%}
}

/* Full-screen hero video override */
.hero {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  align-items: center;
  padding-top: calc(var(--header) + 60px);
  isolation: isolate;
}
.hero-grid {
  z-index: -3;
  opacity: .28;
}
.hero-video-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #050507;
  z-index: -2;
  overflow: hidden;
}
.hero-showreel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.03);
  filter: brightness(.47) contrast(1.06) saturate(.82);
}
.hero-video-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,5,7,.78) 0%, rgba(5,5,7,.48) 35%, rgba(5,5,7,.18) 66%, rgba(5,5,7,.28) 100%),
    linear-gradient(180deg, rgba(5,5,7,.35) 0%, rgba(5,5,7,.08) 45%, rgba(5,5,7,.58) 100%);
}
.hero-video-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(circle at 63% 46%, transparent 18%, rgba(5,5,7,.22) 72%, rgba(5,5,7,.48) 100%);
}
.hero-video-label { display: none !important; }
.hero-copy {
  grid-column: 1;
  grid-row: 1;
  max-width: 760px;
  align-self: center;
  z-index: 3;
  text-shadow: 0 3px 28px rgba(0,0,0,.72);
}
.hero-description { color: rgba(255,255,255,.88); }
.hero-meta {
  grid-column: 1;
  grid-row: 2;
  z-index: 3;
  background: linear-gradient(180deg, transparent, rgba(5,5,7,.2));
}
@media (max-width: 850px) {
  .hero { grid-template-columns: 1fr; padding-top: 130px; }
  .hero-video-wrap { height: 100%; }
  .hero-showreel { object-position: 58% center; transform: scale(1.08); }
  .hero-video-wrap::before {
    background: linear-gradient(180deg, rgba(5,5,7,.42), rgba(5,5,7,.28) 42%, rgba(5,5,7,.72));
  }
}