:root{--black:#080808;--white:#f7f5f0;--orange:#ff550b;--blue:#2810af;--red:#ed253e;--line:#ffffff25;--pad:clamp(22px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--white);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:7px}button{border:0;background:none}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.skip{position:fixed;z-index:200;top:10px;left:10px;padding:15px;background:white;color:black;transform:translateY(-180%)}.skip:focus{transform:none}.header{height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:40;background:var(--black)}.mini-logo{width:83px}.mini-logo img{width:100%}.header-note,.hero-top,.section-label,.tile-top,footer,.back-home,.detail-kicker{font-size:10px;letter-spacing:.13em;font-weight:500}#menu-button{width:42px;height:42px;display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center}#menu-button span{width:25px;height:1px;background:white;transition:transform .3s}#menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}#menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#menu{position:absolute;z-index:30;background:#111;top:90px;right:var(--pad);width:min(420px,calc(100% - 44px));padding:24px 32px;border:1px solid var(--line);box-shadow:0 25px 60px #0009}#menu a{display:flex;justify-content:space-between;align-items:center;font-size:38px;letter-spacing:-.04em;padding:12px 0;border-bottom:1px solid var(--line)}#menu a:last-child{border:0}#menu a span{font-size:12px;letter-spacing:0;color:#999}#menu a:hover{color:var(--orange)}.hero{padding:30px var(--pad) 30px;display:flex;flex-direction:column;min-height:440px;height:calc(63svh - 90px);max-height:640px}.hero-top{display:flex;align-items:center;justify-content:space-between;color:#aaa;gap:20px}.motion-toggle{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:0}.motion-toggle i{height:5px;width:5px;background:#ff550b;border-radius:50%;box-shadow:0 0 10px #ff550b77}.hero h1{margin:auto;max-width:760px;width:min(63%,760px);padding:18px 0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;font-size:14px;line-height:1.3}.hero-bottom p{margin:0}.hero-invite{color:#999;display:flex;align-items:center;gap:30px;font-size:12px}.hero-invite span{font-size:24px;color:white}.worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));isolation:isolate}.world{display:flex;flex-direction:column;position:relative;min-height:440px;padding:26px 28px;overflow:hidden;perspective:1000px;transition:filter .6s;background:var(--accent);--accent:var(--orange);--rx:0deg;--ry:0deg}.sport{--accent:var(--orange);background:radial-gradient(ellipse at 25% 10%,#ff762c 0,transparent 60%),#ff5100}.agency{--accent:var(--blue);background:radial-gradient(ellipse at 45% 95%,#482fce 0,transparent 80%),#2510aa}.production{--accent:var(--red);background:radial-gradient(ellipse at 100% 0%,#f7a998,transparent 60%),linear-gradient(125deg,#3c4768 5%,#a3375b 48%,#ef2537 90%)}.tile-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;letter-spacing:.09em;font-size:9px}.arrow{height:32px;width:32px;border:1px solid #ffffff66;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .3s,background .3s}.world:hover .arrow{transform:rotate(45deg);background:#ffffff20}.world h2{position:relative;z-index:3;margin:26px 0 0;height:80px;display:flex;align-items:center}.world h2 img{max-width:100%;max-height:80px;width:auto;object-fit:contain;object-position:left center}.sport h2 img{width:61%}.agency h2 img{width:76%}.production h2 img{width:100%}.tile-bottom{margin-top:auto;position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:12px}.tile-bottom p{margin:0;color:#fffc}.tile-bottom>span{font-size:10px;white-space:nowrap}.tile-bottom b{font-size:16px;font-weight:400;margin-left:8px}.scene{height:200px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:700px;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .4s ease;pointer-events:none;margin:12px 0 16px;transform-style:preserve-3d}.scene .shadow{position:absolute;bottom:10px;background:#0006;filter:blur(15px);height:20px;width:130px;border-radius:50%;transform:rotateX(50deg);opacity:.65}.orbit{width:145px;height:145px;position:relative;transform-style:preserve-3d;animation:orbital 18s linear infinite;z-index:2}.ring{position:absolute;inset:0;border-radius:50%;border:7px solid #e6e4dd;border-top-color:white;border-bottom-color:#79766f;box-shadow:inset 0 0 2px #fff,0 2px 3px #0004}.r1{transform:rotateX(70deg)}.r2{transform:rotateY(70deg) rotateZ(40deg)}.r3{transform:rotateX(-25deg) rotateY(-35deg);inset:8px;border-width:5px}.orb-core{width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 30% 20%,white,#d9d6ce 35%,#71685c 78%);position:absolute;left:50px;top:50px;box-shadow:0 12px 30px #0004}.cube{width:100px;height:100px;position:relative;transform-style:preserve-3d;animation:cubic 20s linear infinite;z-index:2}.face{position:absolute;inset:0;border:1px solid #fff8;background:linear-gradient(140deg,#d9d0ff77,#e0d8ff0d);box-shadow:inset 0 0 20px #f5edff0b;backface-visibility:visible}.face:after{content:'';position:absolute;inset:13px;border:1px solid #ffffff40}.front{transform:translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px);background:#ddd4ff55}.bottom{transform:rotateX(-90deg) translateZ(50px)}.frames{width:180px;height:110px;position:relative;transform-style:preserve-3d;animation:framing 13s ease-in-out infinite;z-index:2}.film-frame{position:absolute;inset:0;border:8px solid #e9e1db9c;border-left-width:13px;border-right-width:13px;background:linear-gradient(140deg,#fff3,#eac6b909 80%);box-shadow:inset 0 0 0 1px #fff9,0 0 0 1px #fff6;backface-visibility:visible}.film-frame:before,.film-frame:after{content:'';position:absolute;top:3px;bottom:3px;width:5px;background:repeating-linear-gradient(to bottom,#413c5977 0 5px,transparent 5px 12px)}.film-frame:before{left:-9px}.film-frame:after{right:-9px}.film-frame i{display:block;position:absolute;inset:17px;border:1px solid #fffa}.f1{transform:translateZ(28px)}.f2{transform:translateZ(-8px)}.f3{transform:translateZ(-44px)}@keyframes orbital{from{transform:rotateX(-15deg) rotateY(0deg) rotateZ(10deg)}to{transform:rotateX(-15deg) rotateY(360deg) rotateZ(10deg)}}@keyframes cubic{from{transform:rotateX(-25deg) rotateY(30deg)}to{transform:rotateX(-25deg) rotateY(390deg)}}@keyframes framing{0%,100%{transform:rotateY(-25deg) rotateX(8deg) rotateZ(-8deg) translateY(0)}50%{transform:rotateY(25deg) rotateX(-8deg) rotateZ(8deg) translateY(-8px)}}.about{padding:64px var(--pad) 95px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:#92918e;gap:20px}.about-content{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;margin-top:60px}.about h2{font-size:clamp(42px,5vw,80px);line-height:1.02;letter-spacing:-.065em;font-weight:400;margin:0}.about h2 span{color:#797976}.about-content p{margin:0 0 24px;font-size:clamp(18px,1.7vw,25px);line-height:1.45;letter-spacing:-.02em;max-width:520px}.about-content p.muted{color:#94948e;font-size:15px;line-height:1.6;max-width:450px}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #777;padding-bottom:9px;margin-top:12px}.text-link:hover{border-color:white}.text-link span{font-size:22px}.contact{padding:50px var(--pad) 65px;background:radial-gradient(ellipse at 85% 110%,#40182c44,transparent 58%)}.contact h2{font-size:clamp(64px,10vw,160px);line-height:.91;letter-spacing:-.065em;font-weight:400;margin:65px 0 60px}.contact h2 em{font-style:normal;color:#a9a9a2}.contact-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end}.contact-bottom>p{font-size:14px;color:#999;line-height:1.6;margin:0}.socials{display:flex;gap:38px}.socials a{display:flex;align-items:center;gap:10px;font-size:15px;border-bottom:1px solid #ffffff33;padding:10px 0}.socials a:hover{border-color:white}.socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;margin-left:12px}.socials .ig-dot{fill:currentColor;stroke:none}.dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.dot.blue{background:#8c77ff}.dot.red{background:var(--red)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px var(--pad);border-top:1px solid var(--line);color:#999;font-size:9px;letter-spacing:.1em}footer a{color:white}.detail-hero{position:relative;overflow:hidden;padding:34px var(--pad) 65px;min-height:640px}.back-home{display:inline-block;border-bottom:1px solid #ffffff60;padding-bottom:6px;position:relative;z-index:3}.detail-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.detail-kicker{color:#ffffffb0}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;position:relative}.detail-wordmark{height:90px;max-width:480px;object-fit:contain;object-position:left center;width:auto;margin-bottom:38px}.detail-title{font-size:clamp(45px,5.5vw,85px);letter-spacing:-.06em;line-height:1.02;font-weight:400;margin:0 0 30px;max-width:750px}.detail-description{font-size:16px;line-height:1.6;max-width:450px;margin:0 0 25px;color:#ffffffe0}.detail-layout>.scene{height:340px;margin:0;transform:scale(1.7);width:100%}.detail-layout>.scene .shadow{bottom:60px}.detail-services{padding:65px var(--pad) 80px}.service-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;margin-top:55px}.service-layout h2{font-size:clamp(35px,4vw,60px);font-weight:400;letter-spacing:-.055em;line-height:1.07;margin:0}.service-list{border-top:1px solid var(--line)}.service-list article{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr;gap:20px}.service-list article>span{font-size:10px;color:#777;padding-top:8px}.service-list h3{margin:0 0 10px;font-size:24px;font-weight:400;letter-spacing:-.035em}.service-list p{margin:0;color:#999;font-size:14px;line-height:1.5;max-width:490px}.more-worlds{padding:0 var(--pad) 65px;display:flex;gap:30px}.more-worlds>a{flex:1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:25px;letter-spacing:-.04em}.more-worlds a span{font-size:12px}.view-enter{animation:enter .6s ease both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}body.motion-paused .orbit,body.motion-paused .cube,body.motion-paused .frames{animation-play-state:paused}body.motion-paused .scene{transform:none}.motion-paused .cube{transform:rotateX(-25deg) rotateY(30deg)}.motion-paused .frames{transform:rotateY(-25deg) rotateZ(-8deg)}
@media(min-width:1700px){.world{min-height:500px;padding:32px 40px}.scene{height:230px}.world h2{height:90px}.world h2 img{max-height:90px}.hero h1{max-width:920px;width:60%}.hero{min-height:520px}}
@media(max-width:850px){.header{height:75px}.header-note{font-size:9px}#menu{top:75px}.hero{min-height:350px;height:48svh}.hero h1{width:76%}.hero-top>span{font-size:8px;max-width:170px;line-height:1.6}.world{min-height:390px;padding:20px 15px}.tile-top{font-size:7px}.world h2{height:60px;margin:18px 0 0}.world h2 img{max-height:60px}.scene{height:170px}.tile-bottom{align-items:start;flex-direction:column;font-size:11px;gap:10px}.orbit{width:115px;height:115px}.orb-core{left:40px;top:40px;width:35px;height:35px}.cube{width:80px;height:80px}.front{transform:translateZ(40px)}.back{transform:rotateY(180deg) translateZ(40px)}.left{transform:rotateY(-90deg) translateZ(40px)}.right{transform:rotateY(90deg) translateZ(40px)}.top{transform:rotateX(90deg) translateZ(40px)}.bottom{transform:rotateX(-90deg) translateZ(40px)}.frames{width:125px;height:80px}.about-content{gap:35px}.contact-bottom{align-items:start;flex-direction:column}.socials{width:100%;justify-content:space-between;gap:15px}.detail-layout{gap:25px}.detail-layout>.scene{transform:scale(1.3)}.detail-wordmark{max-width:100%;height:70px}.service-layout{gap:40px}}
@media(max-width:600px){.header{height:70px}.mini-logo{width:65px}#menu{top:70px}.header-note{font-size:8px}.hero{height:390px;min-height:unset;padding-top:22px;padding-bottom:25px}.hero h1{width:94%}.hero-bottom{font-size:13px}.hero-invite{font-size:10px;gap:15px}.worlds{display:flex;flex-direction:column}.world{min-height:285px;padding:22px;display:block}.tile-top{font-size:9px}.world h2{height:64px;margin:27px 0 0;max-width:67%}.sport h2 img{width:76%}.agency h2 img{width:100%}.production h2{max-width:92%}.world>.scene{position:absolute;right:-10px;bottom:24px;width:155px;height:145px;opacity:.9;margin:0;transform:scale(.85)}.production>.scene{right:-12px;bottom:13px;transform:scale(.8)}.world .tile-bottom{position:absolute;left:22px;bottom:23px;gap:12px}.world .tile-bottom p{font-size:12px}.world .tile-bottom>span{font-size:10px}.about{padding-top:36px;padding-bottom:50px}.section-label{font-size:9px}.about-content{grid-template-columns:1fr;gap:30px;margin-top:36px}.about h2{font-size:50px}.about-content p{font-size:19px}.contact{padding-top:35px;padding-bottom:40px}.contact h2{font-size:74px;margin:45px 0 38px}.socials{flex-direction:column;gap:6px}.socials a{font-size:20px;justify-content:flex-start;padding:16px 0}.socials svg{margin-left:auto;width:21px;height:21px}.contact-bottom{gap:22px}footer{font-size:8px;flex-wrap:wrap;padding-top:22px;padding-bottom:25px}footer>span:nth-child(2){display:none}.detail-hero{min-height:unset;padding-top:26px;padding-bottom:38px}.detail-topline{gap:10px;margin-bottom:40px}.detail-kicker,.back-home{font-size:8px}.detail-layout{grid-template-columns:1fr;gap:0}.detail-wordmark{height:65px;max-width:100%;margin-bottom:28px}.detail-title{font-size:53px}.detail-description{font-size:15px}.detail-layout>.scene{height:190px;transform:scale(1.1);margin-top:25px}.detail-layout>.scene .shadow{bottom:10px}.detail-services{padding-top:38px;padding-bottom:45px}.service-layout{grid-template-columns:1fr;gap:32px;margin-top:30px}.service-layout h2{font-size:44px}.service-list h3{font-size:22px}.more-worlds{gap:24px;padding-bottom:40px}.more-worlds a{font-size:21px}.more-worlds a span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cube{transform:rotateX(-25deg) rotateY(30deg)}.frames{transform:rotateY(-25deg) rotateZ(-8deg)}.orbit{transform:rotateX(-15deg) rotateY(35deg)}.scene{transform:none!important}}
/* The original VOX wordmark is kept intact; layered planes add depth. */
.animated-logo{position:relative;transform-style:preserve-3d;animation:vox-logo 9s ease-in-out infinite;will-change:transform}.logo-front{position:relative;z-index:3;transform:translateZ(16px)}.logo-depth{position:absolute;left:0;right:0;top:18px;bottom:18px;pointer-events:none;display:block}.logo-depth img{width:100%;height:100%;object-fit:contain}.depth-orange{transform:translate3d(5px,5px,-10px);opacity:.45;filter:brightness(0) saturate(100%) invert(47%) sepia(100%) saturate(3875%) hue-rotate(352deg) brightness(101%) contrast(102%)}.depth-blue{transform:translate3d(-5px,-3px,-22px);opacity:.45;filter:brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(3242%) hue-rotate(239deg) brightness(98%) contrast(105%)}@keyframes vox-logo{0%,100%{transform:perspective(1100px) rotateX(4deg) rotateY(-8deg) translateY(0)}50%{transform:perspective(1100px) rotateX(-4deg) rotateY(8deg) translateY(-8px)}}.sport-ball{display:block;width:185px;height:185px;position:relative;z-index:2;filter:drop-shadow(0 16px 14px #7a26002b)}body.motion-paused .animated-logo{animation-play-state:paused}@media(max-width:850px){.sport-ball{width:160px;height:160px}}@media(max-width:600px){.sport-ball{width:145px;height:145px}.logo-depth{top:18px;bottom:18px}}@media(prefers-reduced-motion:reduce){.animated-logo{transform:none!important;will-change:auto}}
/* Center the original division wordmarks and float them in three dimensions. */
.world h2{justify-content:center;perspective:800px;transform-style:preserve-3d;text-align:center}
.world h2 img{object-position:center;animation:division-title 12s ease-in-out infinite;transform-origin:center;will-change:transform}
.agency h2 img{animation-delay:-4s}.production h2 img{animation-delay:-8s}
@keyframes division-title{0%,100%{transform:perspective(800px) rotateX(5deg) rotateY(-9deg) translateZ(8px) translateY(0)}50%{transform:perspective(800px) rotateX(-5deg) rotateY(9deg) translateZ(18px) translateY(-5px)}}
body.motion-paused .world h2 img{animation-play-state:paused}
@media(max-width:600px){.world{min-height:390px}.world h2,.production h2{max-width:100%;width:100%;margin-top:22px}.sport h2 img{width:55%}.agency h2 img{width:70%}.production h2 img{width:94%}.world>.scene,.production>.scene{right:0;left:0;bottom:67px;margin:auto;width:100%;height:155px;transform:scale(.9)}.world .tile-bottom{right:22px;flex-direction:row;align-items:center}}
@media(prefers-reduced-motion:reduce){.world h2 img{transform:none!important;will-change:auto}}
/* Transparent smartphone: front and rear glass with a slim dimensional rim. */
.smartphone{position:relative;width:94px;height:170px;transform-style:preserve-3d;animation:phone-turn 15s ease-in-out infinite;z-index:2}
.phone-plane{position:absolute;inset:0;border:1.5px solid #fff9;border-radius:17px;background:linear-gradient(135deg,#e9e2ff38,#e5dcff08 65%,#fff2);box-shadow:inset 0 0 18px #ede7ff15;backface-visibility:visible}
.phone-front{transform:translateZ(6px)}.phone-rear{transform:translateZ(-6px)}
.phone-screen{position:absolute;inset:6px;border:1px solid #ffffff65;border-radius:12px;background:linear-gradient(145deg,#fff1,#fff0);display:block}
.phone-speaker{position:absolute;top:6px;width:25px;height:3px;border-radius:5px;left:50%;transform:translateX(-50%);background:#fff9}
.phone-home{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:28px;height:2px;background:#fff9;border-radius:2px}
.phone-message{position:absolute;height:17px;border:1px solid #fff7;border-radius:5px;background:#ffffff12;left:8px;width:47px}.message-one{top:42px}.message-two{top:68px;left:22px;width:45px}.message-three{top:94px;width:37px}
.phone-camera{position:absolute;top:10px;left:10px;width:15px;height:24px;border:1px solid #fff7;border-radius:6px}.phone-camera:before,.phone-camera:after{content:'';position:absolute;width:5px;height:5px;border:1px solid #fff9;border-radius:50%;left:3px;top:3px}.phone-camera:after{top:13px}
.phone-edge{position:absolute;background:#e9e2ff25;border:1px solid #ffffff65}.edge-left,.edge-right{height:144px;width:12px;top:13px;transform:rotateY(90deg)}.edge-left{left:-6px}.edge-right{right:-6px}.edge-top,.edge-bottom{width:66px;height:12px;left:14px;transform:rotateX(90deg)}.edge-top{top:-6px}.edge-bottom{bottom:-6px}
@keyframes phone-turn{0%,100%{transform:rotateX(9deg) rotateY(-28deg) rotateZ(-8deg) translateY(0)}50%{transform:rotateX(-9deg) rotateY(38deg) rotateZ(7deg) translateY(-9px)}}
body.motion-paused .smartphone{animation-play-state:paused}
@media(max-width:850px){.smartphone{width:82px;height:150px}.edge-left,.edge-right{height:124px}.edge-top,.edge-bottom{width:54px}.phone-message{width:39px}.message-two{left:17px;width:38px}}
@media(prefers-reduced-motion:reduce){.smartphone{transform:rotateX(9deg) rotateY(-28deg) rotateZ(-8deg)}}
.photo-gallery{padding:15px var(--pad) 80px}.photo-grid{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;align-items:start}.photo-grid figure{margin:0}.photo-grid a{display:block;overflow:hidden;background:#111}.photo-grid img{width:100%;height:auto;transition:filter .5s}.photo-grid a:hover img{filter:brightness(1.08)}.photo-grid figcaption{font-size:12px;color:#aaa;margin-top:15px;letter-spacing:.02em}.photo-grid figure:nth-child(even){margin-top:65px}@media(max-width:600px){.photo-gallery{padding-bottom:45px}.photo-grid{gap:28px;grid-template-columns:1fr;margin-top:28px}.photo-grid figure:nth-child(even){margin-top:0}}
.brand-section{padding:55px var(--pad) 75px;border-top:1px solid var(--line)}.brand-section h2{font-weight:400;font-size:clamp(36px,4.5vw,65px);letter-spacing:-.055em;line-height:1.05;margin:35px 0 45px}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.brand-card{margin:0;background:radial-gradient(ellipse at 50% 35%,#24242c,#101012 75%);padding:30px 25px 22px;overflow:hidden}.brand-perspective{height:210px;display:flex;align-items:center;justify-content:center;perspective:800px;transition:transform .5s}.brand-sculpture{width:100%;height:160px;position:relative;transform-style:preserve-3d;animation:brand-float 12s ease-in-out infinite;animation-delay:var(--delay)}.brand-sculpture img{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0;backface-visibility:visible}.brand-layer{transform:translateZ(var(--depth));filter:brightness(.42) saturate(.6)}.brand-front{transform:translateZ(2px);filter:drop-shadow(0 15px 12px #0006)}.brand-card figcaption{font-size:12px;color:#c5c5c5;text-align:center;letter-spacing:.04em}.brand-card:hover .brand-perspective{transform:perspective(800px) rotateX(-8deg) rotateY(12deg) scale(1.04)}@keyframes brand-float{0%,100%{transform:rotateY(-20deg) rotateX(7deg) translateY(3px)}50%{transform:rotateY(22deg) rotateX(-7deg) translateY(-8px)}}body.motion-paused .brand-sculpture{animation-play-state:paused}@media(max-width:850px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.brand-section{padding-top:35px;padding-bottom:45px}.brand-card{padding:20px 13px}.brand-perspective{height:155px}.brand-sculpture{height:120px}.brand-card figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){.brand-sculpture{transform:rotateY(-12deg) rotateX(5deg)}}
.brand-card.brand-light{background:radial-gradient(ellipse at 50% 35%,#ffffff,#dedcd8)}.brand-light figcaption{color:#444}.brand-light .brand-front{filter:drop-shadow(0 12px 10px #0003)}
.vox-arrow{display:inline-block;width:30px;height:30px;vertical-align:middle;overflow:visible;flex-shrink:0;filter:drop-shadow(2px 4px 2px #0005);transform:perspective(120px) rotateY(-14deg) rotateX(12deg);transition:transform .35s}.vox-arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}.arrow-depth{stroke:#ffffff55;transform:translate(2px,2px)}.arrow-face{stroke:#fff}.arrow-down{rotate:135deg}.arrow-up{rotate:-45deg}.arrow-back{rotate:-135deg}.arrow{width:42px;height:42px;border-color:#ffffff55;background:linear-gradient(135deg,#ffffff25,#ffffff05);box-shadow:inset 1px 1px 0 #ffffff55,2px 4px 8px #0002}.arrow .vox-arrow{width:25px;height:25px}.world:hover .arrow{transform:translateY(-2px);background:#ffffff20}.world:hover .vox-arrow,a:hover>.vox-arrow{transform:perspective(120px) rotateY(12deg) rotateX(-6deg) translateZ(3px)}.text-link .vox-arrow{width:28px;height:28px}.back-home{display:inline-flex;align-items:center;gap:10px}.back-home .vox-arrow,footer .vox-arrow{width:20px;height:20px}.more-worlds .vox-arrow{width:30px;height:30px}.hero-invite .vox-arrow{width:26px;height:26px}.tile-bottom{padding-right:0}@media(max-width:600px){.arrow{width:42px;height:42px}.arrow .vox-arrow{width:25px;height:25px}.world .tile-bottom{justify-content:flex-start}}
.sport-ball{pointer-events:auto;cursor:pointer;transform-origin:center}.sport-ball.ball-kicked{animation:ball-kick 1.1s cubic-bezier(.2,.65,.3,1) both}@keyframes ball-kick{0%{transform:translate(0,0) scale(1)}12%{transform:translate(-8px,5px) scale(.94,1.03)}38%{transform:translate(55px,-45px) scale(.82) rotate(-25deg)}64%{transform:translate(24px,-15px) scale(.94) rotate(-10deg)}82%{transform:translate(-5px,4px) scale(1.02,.97)}100%{transform:translate(0,0) scale(1)}}body.motion-paused .sport-ball.ball-kicked{animation:none}@media(prefers-reduced-motion:reduce){.sport-ball.ball-kicked{animation:none;transform:none}}
/* Message flow stays inside the glass screen. */
.phone-screen{overflow:hidden}.phone-message{animation:message-flow 4.8s linear infinite}.message-one{animation-delay:0s}.message-two{animation-delay:-1.6s}.message-three{animation-delay:-3.2s}@keyframes message-flow{0%{transform:translateY(80px);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateY(-110px);opacity:0}}
/* The image and perforations advance like film through a projector. */
.film-frame{overflow:hidden}.film-frame:before,.film-frame:after{top:-24px;bottom:-24px;animation:film-perforations 1s linear infinite}.film-frame i{background:repeating-linear-gradient(to bottom,transparent 0 36px,#ffffff30 37px 38px,transparent 39px 76px);background-size:100% 76px;animation:film-projection 2.4s linear infinite;box-shadow:inset 0 0 18px #fff2}.f2 i{animation-delay:-.8s}.f3 i{animation-delay:-1.6s}@keyframes film-perforations{to{transform:translateY(12px)}}@keyframes film-projection{0%{background-position:0 0;opacity:.65}48%{opacity:1}50%{opacity:.6}100%{background-position:0 76px;opacity:.65}}
body.motion-paused .phone-message,body.motion-paused .film-frame i,body.motion-paused .film-frame:before,body.motion-paused .film-frame:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.phone-message{opacity:1;transform:none}}
/* Message and projection effects are activated only by the pointer. */
.phone-message,.film-frame i,.film-frame:before,.film-frame:after{animation-play-state:paused}
.smartphone,.frames{pointer-events:auto}
.smartphone:hover .phone-message,.frames:hover .film-frame i,.frames:hover .film-frame:before,.frames:hover .film-frame:after{animation-play-state:running}
body.motion-paused .smartphone:hover .phone-message,body.motion-paused .frames:hover .film-frame i,body.motion-paused .frames:hover .film-frame:before,body.motion-paused .frames:hover .film-frame:after{animation-play-state:paused}
.email-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin:0 0 50px}.email-contacts>a{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:25px 0 30px;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;transition:border-color .3s}.email-label{width:100%;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;color:#aaa}.email-address{font-size:clamp(16px,1.85vw,29px);letter-spacing:-.035em;overflow-wrap:anywhere}.email-contacts .vox-arrow{margin-left:auto;width:28px;height:28px}.email-contacts>a:hover{border-color:#fff}.email-contacts>a:hover .vox-arrow{transform:perspective(120px) rotateY(12deg) translateY(-3px)}@media(max-width:850px){.email-contacts{grid-template-columns:1fr;gap:22px}.email-address{font-size:clamp(17px,3.5vw,27px)}}@media(max-width:600px){.email-contacts{margin-bottom:35px}.email-contacts>a{gap:15px;padding:20px 0}.email-address{font-size:clamp(16px,4.4vw,23px)}.email-contacts .vox-arrow{width:24px;height:24px}}
/* Hover adds light while retaining the transparent glass objects. */
.smartphone{scale:1;transition:scale .4s ease,filter .4s ease}.smartphone:hover{scale:1.09;filter:drop-shadow(0 0 13px #c6bbff66)}.phone-message{transition:background .35s,border-color .35s,box-shadow .35s}.smartphone:hover .phone-message{background:#ede7ff55;border-color:#fff;box-shadow:0 0 10px #e2d8ff99,inset 0 0 5px #fff5}
.frames{transition:filter .45s ease}.frames:hover{filter:drop-shadow(0 0 17px #fff4)}.film-frame{transition:background .4s,box-shadow .4s,border-color .4s}.film-frame i{transition:box-shadow .4s}.frames:hover .film-frame{border-color:#f6eee2d0;background:linear-gradient(140deg,#fff5,#eac6b919 80%);box-shadow:inset 0 0 25px #fff4,0 0 0 1px #fff9}.frames:hover .film-frame i{box-shadow:inset 0 0 28px #fff6,0 0 18px #ffe8ce44}.frames:after{content:'';position:absolute;left:50%;top:50%;width:260px;height:170px;pointer-events:none;background:radial-gradient(ellipse,#fff3,transparent 65%);transform:translate(-50%,-50%) translateZ(-60px);opacity:0;transition:opacity .4s}.frames:hover:after{opacity:1}body.motion-paused .smartphone:hover{scale:1}@media(prefers-reduced-motion:reduce){.smartphone:hover{scale:1}}
/* Soft white illumination follows the original VOX silhouette. */
.animated-logo .logo-front{filter:drop-shadow(0 0 0 transparent);transition:filter .45s ease}.animated-logo:hover .logo-front{filter:drop-shadow(0 0 8px #ffffffaa) drop-shadow(0 0 25px #ffffff66) drop-shadow(0 0 50px #ff6a262b)}.animated-logo .logo-depth{transition:opacity .45s ease}.animated-logo:hover .depth-orange,.animated-logo:hover .depth-blue{opacity:.7}.mini-logo img{transition:filter .35s}.mini-logo:hover img{filter:drop-shadow(0 0 7px #ffffffaa)}
.photo-gallery .photo-grid{perspective:1400px}.photo-gallery figure{position:relative;transform-style:preserve-3d;--photo-x:0deg;--photo-y:0deg}.photo-gallery .photo-reveal{opacity:0;transform:perspective(1200px) translateY(75px) rotateX(9deg) rotateY(-5deg) scale(.96);transition:opacity .85s ease,transform 1.05s cubic-bezier(.2,.7,.2,1)}.photo-gallery .photo-reveal:nth-child(even){transform:perspective(1200px) translateY(75px) rotateX(9deg) rotateY(5deg) scale(.96)}.photo-gallery .photo-visible,.photo-gallery .photo-visible:nth-child(even){opacity:1;transform:perspective(1200px) rotateX(var(--photo-x)) rotateY(var(--photo-y)) translateY(0) scale(1)}.photo-gallery figure>a{border:1px solid #ffffff20;box-shadow:0 18px 38px #0008,5px 5px 0 #252525;transform:translateZ(8px)}.photo-gallery figcaption{transform:translateZ(16px)}body.motion-paused .photo-gallery .photo-reveal{opacity:1;transform:none;transition:none}@media(prefers-reduced-motion:reduce){.photo-gallery .photo-reveal{opacity:1;transform:none!important}}@media(max-width:600px){.photo-gallery .photo-reveal{transform:translateY(35px) scale(.98)}.photo-gallery .photo-reveal:nth-child(even){transform:translateY(35px) scale(.98)}.photo-gallery .photo-visible,.photo-gallery .photo-visible:nth-child(even){transform:none}}
.sport-instagram{padding:65px var(--pad) 85px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(ellipse at 75% 50%,#ff5a0b14,transparent 60%)}.ig-copy h2{font-size:clamp(48px,6vw,88px);font-weight:400;letter-spacing:-.06em;line-height:1.02;margin:35px 0}.ig-copy>p{font-size:17px;line-height:1.6;color:#aaa;max-width:350px}.ig-controls{display:flex;align-items:center;gap:25px;margin-top:32px;touch-action:pan-y;min-height:60px}.ig-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff60;background:linear-gradient(135deg,#fff3,#fff0);box-shadow:inset 1px 1px #fff6,3px 4px 12px #0006;font-size:25px;text-shadow:2px 2px #777;transition:transform .3s}.ig-controls button:hover{transform:translateY(-3px);border-color:#ff8b51}.ig-count{font-size:12px;letter-spacing:.12em}.ig-copy p.ig-hint{font-size:11px;color:#777}.ig-device{width:min(100%,390px);padding:13px;border-radius:48px;border:1px solid #ffffff88;background:linear-gradient(135deg,#ffffff2a,#ffffff08);box-shadow:inset 0 0 0 4px #ffffff12,12px 15px 0 #ffffff08,0 25px 60px #0009;transform:perspective(1300px) rotateY(-8deg) rotateX(3deg);position:relative;justify-self:center;transition:transform .6s}.ig-device:hover{transform:perspective(1300px) rotateY(0deg) rotateX(0deg)}.ig-side{position:absolute;left:-4px;top:100px;height:65px;width:3px;background:#ffffff88;border-radius:4px}.ig-screen{position:relative;background:#fff;border-radius:35px;overflow:hidden;padding-top:35px}.ig-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);height:18px;width:95px;background:#111;border-radius:15px;z-index:2}.ig-slide iframe{display:block;width:100%;height:535px;border:0;background:white}.ig-open{display:block;text-align:center;color:#444;padding:12px 7px 20px;font-size:11px;border-top:1px solid #ddd}.ig-open:hover{color:#c94b10}.ig-home{position:absolute;bottom:5px;height:4px;width:100px;background:#111;border-radius:4px;left:50%;transform:translateX(-50%)}@media(max-width:850px){.sport-instagram{gap:35px}.ig-slide iframe{height:500px}.ig-copy h2{font-size:55px}}@media(max-width:600px){.sport-instagram{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:50px}.ig-copy h2{font-size:55px;margin:25px 0}.ig-copy>p{font-size:15px}.ig-controls{margin-top:20px}.ig-device{width:min(100%,365px);transform:perspective(1300px) rotateY(-4deg);padding:10px}.ig-slide iframe{height:505px}}@media(prefers-reduced-motion:reduce){.ig-device,.ig-device:hover{transform:none}}
/* Realistic tall handset proportions (roughly 19.5:9 display). */
.ig-device{width:min(100%,325px);border-radius:42px;padding:11px}.ig-screen{border-radius:31px}.ig-slide iframe{height:575px}.ig-island{width:85px;height:17px}.ig-open{padding:10px 5px 18px}@media(max-width:850px){.ig-device{width:min(100%,315px)}.ig-slide iframe{height:560px}}@media(max-width:600px){.ig-device{width:min(100%,310px);padding:10px}.ig-slide iframe{height:550px}}
/* iPhone 17 Pro inspired Cosmic Orange aluminium frame. */
.ig-device{padding:9px;background:linear-gradient(125deg,#ffc084 0%,#ed793f 18%,#cf5628 52%,#f49655 79%,#d16032 100%);border:1px solid #ffbc87;box-shadow:inset 1px 1px 2px #ffe3c6, inset -2px -2px 3px #9b3c19,8px 10px 0 #a74322,11px 13px 0 #6c2b18,0 25px 60px #0009}.ig-screen{border:5px solid #101010;border-radius:34px;box-shadow:0 0 0 1px #49200f}.ig-island{top:9px;width:85px;height:20px;background:#080808;box-shadow:inset 0 1px 1px #303030}.ig-island:after{content:'';position:absolute;right:9px;top:6px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#294055,#071018 65%);border:1px solid #15202a}.ig-side{left:-4px;top:125px;height:35px;width:4px;background:linear-gradient(90deg,#a94b25,#f5a36c);box-shadow:0 45px 0 #c66436,0 -65px 0 -1px #d87846}.ig-device:before{content:'';position:absolute;right:-4px;top:140px;width:4px;height:60px;border-radius:3px;background:linear-gradient(90deg,#f5a36c,#aa4725);box-shadow:0 160px 0 -1px #d4784c}.ig-device:after{content:'';position:absolute;right:4px;bottom:48px;width:7px;height:2px;background:#eeb58b;border-radius:1px;box-shadow:0 -540px 0 #eeb58b;pointer-events:none}@media(max-width:600px){.ig-device{padding:9px}}
/* Slim anodised metal edge, flush glass and realistic hardware detailing. */
.ig-device{padding:4px;border-radius:43px;border-color:#f6b184;background:linear-gradient(100deg,#ffe0ba 0%,#d66532 3%,#e5864d 50%,#b84d27 94%,#f4b584 100%);box-shadow:inset 0 0 0 1px #a64b2a,1px 1px 0 #ffcaa0,4px 5px 0 #ba532e,6px 7px 0 #87381f,0 25px 45px #000b}.ig-screen{border:6px solid #101010;border-radius:38px;box-shadow:inset 0 0 1px #ffffff99,0 0 0 1px #50291b;padding-top:36px}.ig-device:hover{transform:perspective(1300px) rotateY(-3deg) rotateX(1deg)}.ig-device{transform:perspective(1300px) rotateY(-10deg) rotateX(2deg)}.ig-island{top:10px;height:23px;width:94px;box-shadow:inset 0 1px 1px #222,0 0 0 .5px #303030}.ig-island:after{right:10px;top:7px;width:8px;height:8px;background:radial-gradient(circle at 35% 30%,#28475c,#040709 65%)}.ig-side{top:142px;left:-3px;width:3px;height:31px;background:linear-gradient(90deg,#71321d,#f0a16c,#b9512c);box-shadow:0 42px 0 #c36b42,0 -55px 0 -1px #d38459}.ig-device:before{right:-3px;top:150px;width:3px;height:56px;background:linear-gradient(90deg,#e79a67,#71301c);box-shadow:0 170px 0 -1px #bb633a}.ig-device:after{right:0;bottom:46px;width:4px;height:2px;background:#e6c1a7;box-shadow:0 -545px 0 #e6c1a7}.ig-home{height:4px;width:108px;bottom:7px}.ig-open{padding-bottom:22px}@media(max-width:600px){.ig-device{padding:4px;transform:perspective(1300px) rotateY(-5deg)}}@media(prefers-reduced-motion:reduce){.ig-device,.ig-device:hover{transform:none}}
/* Vertical social feed with restrained navigation and links inside the screen. */
.ig-feed{height:590px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#7774 transparent;overscroll-behavior-y:contain;position:relative}.ig-slide{scroll-snap-align:start;scroll-snap-stop:always;min-height:590px;position:relative}.ig-slide iframe{height:550px}.ig-open{height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#555;padding:0 8px;font-size:10px;letter-spacing:.025em;border-top:1px solid #0000000c}.ig-screen{padding-bottom:18px}.ig-home{bottom:6px}.ig-controls{gap:18px}.ig-controls button{width:40px;height:40px;border:1px solid #ffffff26;background:#ffffff06;box-shadow:none;text-shadow:none;font-size:21px;color:#ddd}.ig-controls button:hover{background:#ffffff12;color:#fff;border-color:#ffffff65;transform:translateY(-2px)}.ig-count{font-size:10px;color:#999}.ig-copy p.ig-hint{font-size:11px}@media(max-width:850px){.ig-feed,.ig-slide{height:570px;min-height:570px}.ig-slide iframe{height:530px}}@media(max-width:600px){.ig-feed,.ig-slide{height:560px;min-height:560px}.ig-slide iframe{height:520px}.ig-controls{justify-content:flex-start}}