:root{--bg:#08060d;--white:#f4f0f5;--muted:#9b98a6;--coral:#fc784e;--orange:#ffad57;--violet:#9365fc;--acid:#d5ff65;--border:rgba(255,255,255,.17);--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--white);background:var(--bg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--coral);color:#0d0a0e}body:after{content:'';position:fixed;inset:0;z-index:180;pointer-events:none;box-shadow:inset 0 0 130px rgba(0,0,0,.12)}.wrapper{width:min(1540px,calc(100% - 112px));margin:0 auto}.skip{position:fixed;top:-70px;left:20px;background:white;color:black;padding:14px;z-index:900}.skip:focus{top:20px}.noise{position:fixed;inset:0;pointer-events:none;z-index:17;opacity:.13;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='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:screen}.scroll-progress{position:fixed;left:0;top:0;z-index:102;width:0;height:3px;background:linear-gradient(90deg,#f25b6f,#fff08a);box-shadow:0 0 18px #fb6562}.cursor-light{position:fixed;top:0;left:0;width:480px;height:480px;pointer-events:none;z-index:7;border-radius:50%;background:radial-gradient(circle,rgba(255,137,98,.065),transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.header{position:fixed;inset:0 0 auto 0;height:85px;z-index:101;display:flex;align-items:center;justify-content:space-between;padding:0 3.8vw;gap:2rem;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(9,7,15,.58);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .3s,height .3s}.header.scrolled{height:73px;background:rgba(6,5,10,.94)}.wordmark{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:950;letter-spacing:-2px;white-space:nowrap}.registered{align-self:flex-start;font-size:9px;letter-spacing:0;margin-top:5px;margin-left:-7px}.brandline{font-size:8px;font-weight:800;line-height:1.3;letter-spacing:1.2px;max-width:95px;border-left:1px solid #555;padding-left:13px;margin-left:8px;color:#b7b2c3}.mark{width:31px;height:31px;display:block;position:relative;transform:rotate(-18deg)}.mark i{position:absolute;width:22px;height:22px;border:2px solid #ffa170;top:5px;left:0;transform:rotate(45deg)}.mark i:nth-child(2){top:1px;left:9px;border-color:#a38aff}.mark i:nth-child(3){top:10px;left:8px;border-color:#e9dcf3;width:14px;height:14px}.main-nav{display:flex;gap:2.5rem;margin-left:auto}.main-nav a{font-size:12px;color:#d6d2df;font-weight:700;letter-spacing:.1px;transition:color .2s}.main-nav a:hover{color:var(--coral)}.nav-badge{color:var(--coral);vertical-align:super;font-size:9px}.nav-end{display:flex;align-items:center;gap:23px}.motion-button{color:#ddd;display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;font-size:9px;font-weight:bold;letter-spacing:1.1px;white-space:nowrap}.signal{height:15px;display:flex;align-items:center;gap:3px}.signal b{width:3px;height:8px;background:var(--coral);animation:eq 1s infinite alternate}.signal b:nth-child(2){height:15px;animation-delay:-.3s}.signal b:nth-child(3){height:12px;animation-delay:-.5s}.signal b:nth-child(4){height:5px;animation-delay:-.8s}@keyframes eq{to{height:3px}}.nav-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 18px;background:var(--coral);color:#120a0e;font-size:11px;font-weight:900;letter-spacing:.4px;min-width:164px;transition:background .2s,transform .3s}.nav-contact:hover{background:#ffc17e;transform:translateY(-2px)}.nav-contact span{font-size:20px}.mobile-trigger{display:none;background:none;border:0;width:44px;height:44px;padding:12px}.mobile-trigger i{display:block;width:25px;height:2px;background:white;margin:6px 0;transition:transform .2s}.mobile-nav{position:fixed;top:74px;left:0;right:0;z-index:99;background:#100b19;box-shadow:0 10px 50px #000d;padding:28px 8%;border-bottom:1px solid #4b2e48}.mobile-nav:not([hidden]){display:flex;flex-direction:column}.mobile-nav a{font-size:23px;font-weight:850;padding:16px 0;border-bottom:1px solid #ffffff20}
/* HERO — FULL CINEMA */
.hero{min-height:900px;height:100svh;max-height:1350px;position:relative;isolation:isolate;overflow:hidden;background:#09040d}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 50%,#48264e70,transparent 46%),radial-gradient(ellipse at 25% 100%,#440f2266,transparent 44%),#09040d}.hero-video{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.21;filter:hue-rotate(70deg) saturate(2.5) contrast(1.4) blur(1px);mix-blend-mode:screen}.hero-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#08050cf7 0%,#090511db 23%,#08050c74 46%,#07040b29 100%),linear-gradient(0deg,#09050eea 0%,transparent 20%,transparent 75%,#08050b8c 100%)}.portal-canvas{position:absolute;z-index:1;right:0;top:5%;width:78%;height:93%;pointer-events:none;opacity:1}.portal-fallback{position:absolute;width:750px;height:750px;top:13%;right:2%;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 40% 45%,transparent 22%,#ff9a5d4b 25%,#9a3af266 33%,transparent 42%,#f5576752 49%,transparent 58%);filter:blur(16px);animation:orbBreath 7s ease-in-out infinite alternate}.portal-fallback i{position:absolute;inset:12%;border:2px solid #ef87ff7c;border-radius:50%;box-shadow:0 0 90px #a248ef48,0 0 90px inset #a248ef48;transform:rotate(-22deg) scaleX(.8)}@keyframes orbBreath{to{transform:scale(1.09) rotate(20deg)}}.hero-speed{position:absolute;z-index:4;right:4%;top:125px;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:3px;font-weight:800;color:#dbc2dd;writing-mode:vertical-rl}.hero-speed span{color:#fff8}.hero-content{position:relative;z-index:3;height:100%;display:flex;align-items:center}.hero-left{position:relative;z-index:5;width:58%;padding-top:90px;pointer-events:none}.hero-left a{pointer-events:auto}.kicker,.eyebrow,.small-meta{display:flex;align-items:center;gap:12px;color:#e4dce7;letter-spacing:2px;font-weight:850;font-size:11px}.kicker-icon{font-size:22px;color:var(--coral)}.small-line{display:inline-block;width:34px;height:1px;background:#ffffff5c}.hero h1{font-size:clamp(78px,8.5vw,160px);line-height:.86;margin:30px 0 32px;letter-spacing:-.096em;font-weight:950;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 20px #12051570}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#ffa566 0%,#fa526d 35%,#c76afb 75%,#ffcf89 100%);background-clip:text;-webkit-text-fill-color:transparent}.text-stroke{color:transparent;-webkit-text-stroke:1.5px #fff9;text-shadow:none}.hero-intro{display:flex;align-items:flex-start;gap:18px;max-width:570px;margin:0 0 36px}.hero-slash{font-weight:900;letter-spacing:4px;color:var(--coral);margin-top:7px}.hero-intro p{margin:0;max-width:460px;line-height:1.8;color:#c5b9c9;font-size:16px}.hero-intro strong{color:var(--white)}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:65px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;padding:9px 12px 9px 23px;font-size:11px;font-weight:900;letter-spacing:.5px;transition:transform .25s,background .25s;color:inherit;border:0}.button:hover{transform:translateY(-4px)}.button-bright{background:var(--coral);color:#13080e;min-width:230px}.button-bright:hover{background:#ffad77}.circle-arrow{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#190d19;color:#fff;font-size:21px}.button-outline{border:1px solid #ffffff58;color:white;background:#130d1888;min-width:205px}.button-outline span{font-size:21px}.portal-interaction{position:absolute;z-index:3;right:0;top:7%;width:57%;height:85%;perspective:1100px;pointer-events:auto;cursor:grab}.portal-interaction:active{cursor:grabbing}.portal-trails{position:absolute;inset:0;transform:rotate(-15deg)}.portal-trails i{position:absolute;top:50%;left:47%;width:76%;height:36%;border:1px solid #ff7fc637;border-radius:50%;transform:translate(-50%,-50%) rotate(-34deg);box-shadow:0 0 20px #ed5f8240}.portal-trails i:nth-child(2){width:100%;height:48%;border-color:#a873f632;transform:translate(-50%,-50%) rotate(35deg)}.portal-trails i:nth-child(3){width:63%;height:80%;border-color:#efa76941;transform:translate(-50%,-50%) rotate(69deg)}.floating-window{position:absolute;top:32%;right:16%;width:min(450px,50%);height:340px;border:1px solid #ffffff6c;background:linear-gradient(145deg,#211326e8,#070916ec 67%);border-radius:15px;box-shadow:12px 24px 90px #000e,0 0 0 1px #be6bfa35 inset,0 0 70px #e34bb23a;overflow:hidden;transform:perspective(1000px) rotateY(-23deg) rotateX(8deg) rotateZ(8deg) translateZ(30px);will-change:transform;transition:transform .08s linear;backdrop-filter:blur(12px)}.floating-window:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff21,transparent 30%);pointer-events:none}.window-top{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2b;padding:0 17px;color:#d0bcd3;font-weight:bold;font-size:10px;letter-spacing:1px}.window-top>span:first-child{display:flex;gap:5px}.window-top i{width:6px;height:6px;border-radius:50%;background:#f66b7c}.window-top i:nth-child(2){background:#eabb68}.window-top i:nth-child(3){background:#91ddb3}.window-url{color:#b7a3ba;font-size:9px}.window-inside{position:relative;height:calc(100% - 43px);padding:32px 28px;isolation:isolate;overflow:hidden}.window-inside>span{font-size:9px;color:#d6b4ff;font-weight:800;letter-spacing:2px}.window-inside strong{display:block;position:relative;z-index:3;font-size:42px;font-weight:950;line-height:.99;letter-spacing:-2.4px;margin-top:22px;text-shadow:0 3px 12px #0f0619}.window-inside em{font-style:normal;color:#ff896c}.window-inside small{position:absolute;bottom:19px;left:28px;color:#ddd;font-size:8px;letter-spacing:1px;z-index:4}.window-horizon{position:absolute;right:-20px;bottom:-108px;width:340px;height:290px;background:radial-gradient(ellipse at 45% 40%,#ffeab5,#ef8e69 23%,#ac58dc 43%,#291356 56%,transparent 61%);border-radius:50%;transform:rotate(-28deg);box-shadow:0 -3px 50px #d165fe59;z-index:1}.float-label{position:absolute;z-index:5;background:#140f1ddc;border:1px solid #f9d9ec4d;backdrop-filter:blur(22px);box-shadow:12px 20px 45px #0009,0 0 40px #f56baa17;display:flex;align-items:center;gap:18px;padding:20px 25px;transform-style:preserve-3d;animation:floatUp 5s ease-in-out infinite}.float-label small{display:block;font-size:9px;letter-spacing:2px;color:#bcaec0;white-space:nowrap}.float-label strong{font-size:15px;display:block;letter-spacing:1px;margin-top:6px;white-space:nowrap}.float-label>span:first-child{font-size:31px;color:#ff9863}.float-label.label-one{top:21%;left:22%;transform:rotate(-10deg);animation-delay:-1.3s}.float-label.label-two{bottom:14%;right:7%;transform:rotate(10deg);animation-delay:-3.2s}.asterisk{font-size:43px!important}.orbit-text{position:absolute;bottom:8%;left:30%;font-size:9px;letter-spacing:2px;font-weight:bold;color:#ffffffa0}.orbit-text span{color:var(--coral)}@keyframes floatUp{50%{translate:0 -14px}}.hero-bottom{position:absolute;z-index:9;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:850;letter-spacing:1.8px;color:#c7b7c8}.pulse-dot,.availability i{display:inline-block;vertical-align:middle;width:7px;height:7px;background:var(--coral);border-radius:50%;box-shadow:0 0 12px #fb7f70;margin-right:10px;animation:blink 1.7s infinite}@keyframes blink{50%{opacity:.3}}.scroll-link span{display:inline-block;margin-left:18px;font-size:17px;animation:down 2s infinite}@keyframes down{50%{transform:translateY(8px)}}.coord span{color:var(--coral)}.electric-marquee{overflow:hidden;transform:rotate(-1.6deg) scale(1.02);position:relative;z-index:10;background:var(--coral);color:#10090f;height:84px;display:flex;align-items:center;box-shadow:0 30px 70px #ff724822}.marquee-content{display:flex;gap:40px;align-items:center;white-space:nowrap;font-size:42px;font-weight:950;letter-spacing:-2.5px;animation:marquee 19s linear infinite}.marquee-content b{font-size:39px;font-weight:normal}@keyframes marquee{to{transform:translateX(-50%)}}
/* INTERACTIVE WORLD */
.section-pad{padding:130px 0}.dimension-section{position:relative;background:radial-gradient(ellipse at 70% 60%,#29162e 0%,transparent 44%),#0c0812;overflow:hidden}.dimension-section:after{content:'';position:absolute;inset:0;background-image:linear-gradient(to right,#fff1 1px,transparent 1px),linear-gradient(to bottom,#fff1 1px,transparent 1px);background-size:90px 90px;opacity:.1;pointer-events:none}.dimension-section .wrapper{position:relative;z-index:2}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff4a;padding-top:25px;margin-bottom:65px}.eyebrow{color:var(--coral);font-size:12px}.small-meta{font-size:9px;color:#a59baa}.huge-title{font-size:clamp(66px,9vw,165px);font-weight:950;letter-spacing:-.091em;line-height:.86;margin:0 0 70px}.huge-title>span{color:var(--coral);position:relative}.title-star{font-size:.23em;position:absolute;right:-.9em;top:0;animation:twist 14s linear infinite}@keyframes twist{to{transform:rotate(360deg)}}.dimension-layout{display:grid;grid-template-columns:34% 66%;align-items:center;gap:20px}.dimension-copy{position:relative;z-index:5;padding-bottom:80px}.chapter-num{font-size:10px;color:#e9a28d;letter-spacing:2px;font-weight:bold}.dimension-copy h3{font-size:clamp(23px,3vw,42px);line-height:1.1;letter-spacing:-1.5px;max-width:390px}.dimension-copy p{max-width:370px;color:#aba1b2;line-height:1.85;font-size:16px}.text-cta{padding:0 0 13px;color:#fff;font-size:11px;letter-spacing:1.5px;font-weight:900;border:0;background:none;border-bottom:1px solid #ff9d75;margin-top:20px}.text-cta span{font-size:22px;color:var(--coral);margin-left:24px}.dimension-stats{display:flex;gap:30px;margin-top:90px}.dimension-stats span{font-size:8px;color:#a8a2ae;letter-spacing:1px;white-space:nowrap}.dimension-stats strong{display:block;font-size:37px;font-weight:900;letter-spacing:-2px;color:#f4e6f9}.dimension-stage{height:620px;position:relative;perspective:1200px;touch-action:pan-y;cursor:grab;isolation:isolate}.dimension-stage:active{cursor:grabbing}.stage-mesh{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,#d45fba55 0,#7c4cbb1f 23%,transparent 47%),repeating-radial-gradient(ellipse at center,transparent 0,transparent 42px,#ffad8636 44px,transparent 45px);mask-image:radial-gradient(ellipse,black,transparent 74%);opacity:.7}.stage-halo{position:absolute;inset:23%;border:2px solid #ee88c166;border-radius:50%;transform:rotateX(64deg) rotateZ(30deg);box-shadow:0 0 90px #f57cb944;filter:blur(.4px)}.scene-object{position:absolute;left:50%;top:50%;height:420px;width:370px;transform:translate(-50%,-50%) rotateX(11deg) rotateY(-24deg);transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 40px 80px #050009);transition:transform .2s ease-out}.scene-face{position:absolute;inset:0;backface-visibility:visible;border:1px solid #fff8;box-shadow:0 0 55px #9b58ee50;background:linear-gradient(140deg,#35203e,#0a0b15 80%);overflow:hidden}.face-back{transform:translateZ(-130px) translateX(30px) translateY(-18px) rotateZ(10deg);background:linear-gradient(140deg,#7f3f88,#100d26)}.face-back span{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:3px}.face-middle{transform:translateZ(-65px) translateX(-10px) translateY(-26px) rotateZ(-7deg);display:flex;justify-content:space-between;padding:23px;color:#f9a6db;font-size:10px;letter-spacing:2px}.scene-feature{font-weight:bold;font-size:34px}.face-front{transform:translateZ(90px);border-radius:4px;padding:23px;background:linear-gradient(135deg,#2e163c 3%,#0e1022 70%)}.scene-face.face-front:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fffb 0,transparent 15%,transparent 85%,#ffb5);opacity:.09;pointer-events:none}.scene-card-top{font-size:10px;letter-spacing:1.1px;font-weight:800;display:flex;justify-content:space-between}.scene-card-title{position:relative;z-index:3;margin-top:42px;font-size:43px;line-height:1;letter-spacing:-2.8px;font-weight:950}.scene-card-title i{font-style:normal;color:#ffad77}.scene-card-orb{width:280px;height:280px;position:absolute;bottom:-110px;right:-50px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe9bd 0%,#ffc382 8%,#f36fb2 30%,#7138ae 55%,#0c1036 70%);box-shadow:0 0 120px #c74fa68f;transform:rotate(-20deg)}.scene-card-orb:after{content:'';position:absolute;inset:-18px;border:1px solid #ffcebe;border-radius:50%;transform:rotate(50deg) scaleY(.48)}.scene-card-bottom{position:absolute;bottom:19px;left:23px;font-size:9px;font-weight:900;letter-spacing:1px;z-index:2}.stage-satellite{position:absolute;border:1px solid #eaa3f9b9;background:#18112ae8;box-shadow:0 0 60px #ec6aab59;display:grid;place-items:center;color:#f9b8da}.satellite-one{top:-24px;right:-55px;transform:translateZ(180px);width:88px;height:88px;font-size:48px;font-weight:900}.satellite-two{bottom:30px;left:-55px;transform:translateZ(200px) rotate(-10deg);width:105px;height:105px;font-size:65px}.stage-meta{position:absolute;bottom:3%;left:10%;right:4%;display:flex;justify-content:space-between;color:#d4b2cf;font-size:10px;font-weight:900;letter-spacing:2px}.stage-meta span:last-child{font-size:26px}.video-break{position:relative;min-height:750px;display:flex;align-items:center;background:linear-gradient(135deg,#221025,#602448);overflow:hidden}.break-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(2.1) hue-rotate(105deg) contrast(1.3);opacity:.65;transform:scale(1.3)}.break-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080510ce 0%,#170d22ab 45%,#27133455 100%),radial-gradient(circle at 80% 50%,#f36e7154,transparent 45%)}.video-break:before{position:absolute;inset:0;content:'';background:repeating-linear-gradient(135deg,transparent 0,transparent 139px,#ffffff08 141px);z-index:1}.break-content{position:relative;z-index:2;padding:140px 0}.break-content>p{font-size:12px;font-weight:900;letter-spacing:2.4px;color:#ffd0b2}.break-content h2{font-size:clamp(100px,14vw,225px);line-height:.76;letter-spacing:-.095em;font-weight:950;margin:50px 0 70px;text-shadow:0 20px 80px #19041b94}.break-content h2 span{color:transparent;-webkit-text-stroke:2px #fdbcb5}.break-bottom{display:flex;gap:30px;align-items:center}.break-bottom>span{max-width:410px;color:#e6d8e7;font-size:16px;line-height:1.7}.round-link{width:75px;height:75px;border-radius:50%;border:1px solid #ffffff94;display:grid;place-items:center;font-size:38px;transition:transform .3s,background .3s}.round-link:hover{transform:rotate(45deg);background:var(--coral)}.break-side{position:absolute;z-index:2;right:40px;bottom:40px;writing-mode:vertical-rl;letter-spacing:2px;font-size:10px;font-weight:bold}
/* LIVE CONCEPTS */
.work-section{background:#eee9e5;color:#131018;position:relative;overflow:hidden}.work-section .section-top{border-color:#14101855}.work-section .eyebrow{color:#c35652}.work-section .small-meta{color:#50464f}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px}.work-heading .huge-title{margin:0}.work-heading .huge-title span{color:#e66f55}.work-heading p{max-width:300px;color:#544b56;line-height:1.8;font-size:16px}.project-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:86px}.work-card{display:block;color:#151019}.work-card:nth-child(even){transform:translateY(76px)}.work-card:nth-child(even).reveal{transform:translateY(116px)}.work-card:nth-child(even).reveal.visible{transform:translateY(76px)}.work-visual{position:relative;aspect-ratio:1.31;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:#17161a;transition:filter .4s}.work-card-1 .work-visual{background:radial-gradient(ellipse at 50% 90%,#9d7961,#111b18 65%)}.work-card-2 .work-visual{background:radial-gradient(ellipse at 65% 90%,#c7693c,#210b0e 65%)}.work-card-3 .work-visual{background:radial-gradient(ellipse at 50% 50%,#473399,#111327 65%)}.work-card-4 .work-visual{background:radial-gradient(ellipse at 50% 90%,#f5c99c,#b2b39c 65%)}.work-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff15 0,#ffffff15 1px,transparent 2px,transparent 54px);mask-image:linear-gradient(0deg,black,transparent 90%);opacity:.25}.work-screen{position:absolute;z-index:1;width:60%;height:81%;overflow:hidden;top:17%;left:20%;border:5px solid #242024;border-bottom:0;border-radius:12px 12px 0 0;box-shadow:28px 30px 60px #0007,0 0 60px #ffffff20;transform:perspective(880px) rotateY(-12deg) rotateX(7deg) rotateZ(-5deg) scale(1);transition:transform .7s var(--ease);background:#140e17}.work-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-card:hover .work-screen{transform:perspective(880px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1.075)}.work-card:nth-child(even) .work-screen{transform:perspective(880px) rotateY(12deg) rotateX(5deg) rotateZ(4deg)}.work-card:nth-child(even):hover .work-screen{transform:perspective(880px) rotateY(0deg) rotateX(0deg) scale(1.075)}.card-light{position:absolute;inset:0;background:radial-gradient(circle at 55% 70%,#ffffff22,transparent 60%);pointer-events:none}.work-counter{position:absolute;top:25px;left:25px;color:white;font-size:10px;font-weight:900;letter-spacing:1.7px}.open-indicator{position:absolute;right:22px;top:20px;display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff7b;color:white;border-radius:50%;font-size:30px;transition:background .2s,transform .25s}.work-card:hover .open-indicator{background:var(--coral);transform:rotate(45deg)}.work-text{padding:25px 4px 0}.work-text>span{font-size:10px;font-weight:900;letter-spacing:2px;color:#9b5e5b}.work-text h3{font-size:clamp(34px,4vw,72px);line-height:.9;letter-spacing:-.065em;margin:13px 0}.work-text h3 em{font-style:normal;color:#ee775f;font-size:.6em;vertical-align:middle}.work-text p{font-size:15px;color:#5e545d;margin:18px 0 26px}.work-text>b{border-bottom:1px solid #1b1b21;padding-bottom:14px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.work-text>b span{font-size:19px}.works-end{margin-top:140px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1115;padding-top:25px;font-size:11px;font-weight:900;letter-spacing:1px}.works-end a{border-bottom:1px solid #c35a51;padding-bottom:10px}
/* OFFERS */
.offer-section{background:#0b090f}.offer-section .huge-title{margin-bottom:100px}.offer-section .huge-title span{background:linear-gradient(90deg,#ffb075,#ea6e7a);background-clip:text;-webkit-text-fill-color:transparent}.offers{border-top:1px solid var(--border)}.offer{display:grid;grid-template-columns:10% 47% 1fr 40px;align-items:center;min-height:160px;padding:25px 10px;border-bottom:1px solid var(--border);gap:15px;transition:background .2s,padding .3s}.offer:hover{background:#ff9e6320;padding-left:25px}.offer>span:first-child{font-size:10px;font-weight:900;color:var(--coral)}.offer h3{font-size:clamp(23px,2.3vw,37px);letter-spacing:-1.5px;line-height:1.05;margin:0;max-width:510px}.offer p{font-size:14px;color:#aca6b2;line-height:1.7;max-width:410px}.offer-arrow{color:var(--coral);font-size:32px}
/* STATEMENT */
.big-statement{height:850px;min-height:80svh;position:relative;isolation:isolate;background:#c35a50;overflow:hidden;display:flex;align-items:center}.statement-sky{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 73% 55%,#ffa66b 0%,#f27269 22%,#a12d64 47%,#321035 75%),linear-gradient(145deg,#f47a6a,#1d0828)}.statement-sky:after{content:'';position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 70% 40%,transparent,transparent 28px,#ffffff1c 30px,#ffffff1a 32px);transform:rotate(-20deg);opacity:.55;animation:statementSpin 32s linear infinite}@keyframes statementSpin{to{transform:rotate(15deg) scale(1.25)}}.big-statement .wrapper{position:relative}.big-statement .eyebrow{color:#ffe6cf}.big-statement h2{font-size:clamp(122px,17vw,290px);line-height:.7;margin:36px 0 75px;letter-spacing:-.11em;font-weight:950;text-shadow:10px 20px 0 #270c2733}.big-statement h2 em{font-style:normal;color:#170c20}.statement-footer{display:flex;justify-content:space-between;align-items:end}.statement-footer p{font-size:19px;line-height:1.5;font-weight:750}.statement-footer a{padding:20px 0;border-bottom:1px solid white;font-size:12px;letter-spacing:1px;font-weight:900}.statement-footer a span{margin-left:32px;font-size:25px}
/* CONTACT */
.contact-section{background:#100d16;position:relative;overflow:hidden}.contact-section:before{content:'';position:absolute;right:-250px;top:20%;width:700px;height:700px;border:1px solid #ff9e5f36;box-shadow:0 0 0 100px #e36ac00c,0 0 0 250px #e36ac005;border-radius:50%}.contact-grid{position:relative;display:grid;grid-template-columns:55% 45%;gap:50px}.contact-left h2{font-size:clamp(70px,8vw,140px);letter-spacing:-.09em;line-height:.84;margin:40px 0;white-space:nowrap}.contact-left h2 em{font-style:normal;color:var(--coral)}.contact-left>p{max-width:480px;font-size:18px;line-height:1.8;color:#c7bfcc}.big-email{display:flex;justify-content:space-between;width:max-content;max-width:90%;min-width:280px;border-bottom:1px solid #e9877b;padding:23px 0;font-size:14px;font-weight:900;letter-spacing:1px}.big-email span{font-size:28px;color:var(--coral)}.contact-corner{margin-top:150px;font-size:10px;letter-spacing:1.7px;color:#bba7b8}.contact-form{background:#1b1522;border:1px solid #efb7d042;padding:45px;box-shadow:25px 25px 80px #0004}.form-header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff23;padding-bottom:30px;margin-bottom:34px;font-size:10px;font-weight:900;letter-spacing:1px}.availability{color:#cebed1}.contact-form label{display:block;font-size:11px;font-weight:900;letter-spacing:1.3px;margin:27px 0 12px;color:#fa998b}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;color:#fff;background:transparent;outline:none;border:0;border-bottom:1px solid #ffffff42;border-radius:0;padding:12px 0 17px;transition:border-color .2s;font-size:16px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--coral)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#746b7e}.contact-form option{background:#221727}.form-submit{width:100%;margin-top:33px}.form-help{font-size:11px;color:#a9a1af;line-height:1.6;margin-bottom:0}.footer{background:#07050b;border-top:1px solid #ffffff22;padding:85px 0 30px}.footer-main{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:120px}.footer-brand{font-size:clamp(110px,17vw,285px);font-weight:950;line-height:.75;letter-spacing:-.115em}.footer-brand span{font-size:.12em;letter-spacing:0;vertical-align:top;position:relative;top:1.1em}.footer-main>div{font-weight:900;font-size:20px;line-height:1.2;letter-spacing:-1px}.footer-main>div em{font-style:normal;color:var(--coral)}.to-top{font-size:11px;letter-spacing:1px;font-weight:900;border-bottom:1px solid #bbb;padding-bottom:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid #ffffff23;font-size:10px;color:#9991a1;font-weight:bold;letter-spacing:1.2px}
/* MICRO INTERACTIONS */
.reveal{opacity:0;transform:translateY(58px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.visible:nth-child(2){transition-delay:.1s}.reveal.visible:nth-child(3){transition-delay:.18s}.reveal.visible:nth-child(4){transition-delay:.25s}.work-card:nth-child(even).reveal:not(.visible){transform:translateY(116px)}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation-play-state:paused!important;scroll-behavior:auto!important}body.no-motion .reveal{opacity:1;transform:none}body.no-motion .work-card:nth-child(even).reveal{transform:translateY(76px)}
@media (max-width:1250px){.wrapper{width:calc(100% - 84px)}.main-nav{gap:1.3rem}.nav-end{gap:14px}.brandline{display:none}.hero h1{font-size:clamp(68px,9vw,125px)}.hero-left{width:70%}.portal-canvas{width:83%}.portal-interaction{right:-6%;width:62%}.floating-window{right:12%;width:57%}.float-label.label-one{left:10%}.dimension-stats{gap:18px}.dimension-layout{grid-template-columns:35% 65%}.work-heading .huge-title{font-size:10vw}.contact-left h2{font-size:7vw}.contact-grid{gap:25px}}
@media(max-width:900px){.header{height:74px;padding:0 5%}.header.scrolled{height:68px}.main-nav,.motion-button,.nav-contact{display:none}.mobile-trigger{display:block}.wordmark{font-size:26px}.hero{height:auto;min-height:850px;max-height:none}.wrapper{width:calc(100% - 52px)}.hero-content{display:block;padding-top:180px}.hero-left{width:100%;padding-top:0}.hero h1{font-size:clamp(62px,10.3vw,110px)}.hero-intro{max-width:610px}.hero-bottom{bottom:22px}.portal-canvas{top:2%;right:-24%;width:120%;height:95%;opacity:.8}.hero-bg{background:linear-gradient(90deg,#09040dfb,#09040dc7 65%,#09040d66),linear-gradient(0deg,#09040d,transparent 25%)}.portal-interaction{top:16%;right:-9%;width:75%;height:64%;opacity:.74;z-index:1}.hero-left{z-index:5}.floating-window{width:57%;height:280px;top:39%;right:12%}.window-inside strong{font-size:30px}.window-horizon{width:240px;height:240px}.float-label{padding:12px}.float-label strong{font-size:10px}.float-label small{font-size:7px}.float-label.label-one{top:19%;left:10%}.hero-speed{top:104px;font-size:8px}.dimension-layout{display:flex;flex-direction:column;align-items:stretch}.dimension-copy{padding-bottom:0}.dimension-stats{margin:35px 0}.dimension-stage{min-height:590px}.huge-title{font-size:10vw}.work-heading{align-items:start}.work-heading p{max-width:220px}.section-pad{padding:95px 0}.big-statement{height:680px}.big-statement h2{font-size:19vw}.contact-grid{grid-template-columns:1fr}.contact-left h2{font-size:11vw}.contact-corner{margin-top:45px}.contact-form{max-width:650px;width:100%;margin:30px auto 0}.footer-main{flex-wrap:wrap}.footer-brand{font-size:20vw}.footer-main>div{font-size:16px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:620px){.wrapper{width:calc(100% - 40px)}.header{padding:0 20px}.hero{min-height:860px;height:100svh;max-height:980px}.hero-content{padding-top:132px}.hero-left{position:relative}.kicker{font-size:8px;letter-spacing:1.1px;gap:7px}.kicker-icon{font-size:18px}.kicker .small-line,.kicker .small-line+*{display:none}.hero h1{font-size:clamp(54px,12.6vw,81px);margin:20px 0 20px;letter-spacing:-.091em;line-height:.9}.text-stroke{-webkit-text-stroke:1px #fff}.hero-intro{margin:0 0 26px}.hero-intro p{font-size:13px;line-height:1.7;max-width:335px}.hero-slash{font-size:11px;margin-top:3px}.hero-ctas{gap:9px}.button{font-size:9px;min-height:52px;padding:6px 7px 6px 13px;gap:10px}.button-bright{min-width:190px}.circle-arrow{width:39px;height:39px}.button-outline{min-width:128px}.button-outline span{font-size:14px}.portal-canvas{right:-24%;top:26%;width:132%;height:72%;opacity:1}.hero-bg{background:linear-gradient(180deg,#09040d 0%,#09040dd6 30%,#09040d18 55%,#09040d73 88%,#09040d 100%)}.portal-interaction{top:40%;right:-11%;width:98%;height:48%;opacity:.95}.floating-window{width:62%;height:210px;top:27%;right:21%;border-radius:8px;transform:perspective(900px) rotateY(-19deg) rotateX(7deg) rotateZ(8deg)}.window-top{height:30px;padding:0 8px}.window-url{font-size:6px}.window-inside{padding:13px}.window-inside>span{font-size:6px}.window-inside strong{font-size:26px;margin-top:17px}.window-inside small{font-size:5px;bottom:12px;left:13px}.window-horizon{width:180px;height:180px;right:-44px;bottom:-85px}.float-label{padding:11px;gap:7px}.float-label.label-one{top:5%;left:3%}.float-label.label-two{bottom:18%;right:0}.float-label>span:first-child{font-size:21px}.float-label strong{font-size:8px;white-space:nowrap}.float-label small{font-size:6px;letter-spacing:1px}.orbit-text{bottom:4%;left:22%;font-size:7px}.portal-trails{display:none}.hero-speed{right:15px;top:96px;writing-mode:horizontal-tb;font-size:7px;letter-spacing:1px}.hero-speed span{display:none}.hero-bottom{bottom:21px;justify-content:space-between;font-size:8px;letter-spacing:1px}.coord{display:none}.scroll-link span{margin-left:8px}.electric-marquee{height:60px}.marquee-content{font-size:26px;gap:21px}.marquee-content b{font-size:25px}.section-pad{padding:75px 0}.section-top{margin-bottom:40px;padding-top:17px}.eyebrow{font-size:9px;letter-spacing:1.5px}.small-meta{font-size:7px;text-align:right;max-width:115px;line-height:1.4}.huge-title{font-size:clamp(47px,11vw,70px);margin-bottom:55px}.title-star{font-size:18px}.dimension-copy h3{font-size:30px}.dimension-copy p{font-size:14px}.dimension-stats{gap:24px;margin:28px 0 18px}.dimension-stats strong{font-size:28px}.dimension-stats span{font-size:6px}.dimension-stage{height:390px;min-height:390px;margin:0 -20px}.scene-object{height:340px;width:260px;transform:translate(-50%,-50%) scale(.8) rotateX(11deg) rotateY(-24deg)}.scene-card-title{font-size:34px}.scene-card-orb{width:200px;height:200px}.stage-satellite.satellite-one{height:62px;width:62px;font-size:29px;right:-28px}.stage-satellite.satellite-two{height:70px;width:70px;font-size:38px;left:-26px}.stage-meta{left:7%;font-size:7px}.video-break{min-height:550px}.break-content{padding:90px 0}.break-content h2{font-size:clamp(70px,16vw,120px);margin:50px 0}.break-bottom>span{font-size:13px;max-width:230px}.round-link{width:55px;height:55px;font-size:26px}.break-side{font-size:8px;right:15px;bottom:15px}.work-heading{display:block;margin-bottom:48px}.work-heading .huge-title{font-size:13vw;margin-bottom:25px}.work-heading p{max-width:300px;font-size:14px}.project-rail{grid-template-columns:1fr;gap:54px}.work-card:nth-child(even),.work-card:nth-child(even).reveal.visible{transform:none}.work-card:nth-child(even).reveal:not(.visible){transform:translateY(58px)}.work-visual{aspect-ratio:1.25}.work-screen{width:65%;left:17.5%;height:83%;top:18%}.work-text{padding-top:16px}.work-text h3{font-size:46px;margin:10px 0}.work-text p{font-size:14px;margin:9px 0 20px}.works-end{margin-top:80px;display:block;font-size:9px;line-height:1.8}.works-end a{display:block;width:max-content;margin-top:19px}.offer-section .huge-title{margin-bottom:50px}.offer{grid-template-columns:40px 1fr 28px;gap:13px;min-height:auto;padding:25px 0}.offer>span:first-child{grid-row:1/3;align-self:start}.offer h3{font-size:23px}.offer p{grid-column:2;margin:0;font-size:12px}.offer-arrow{grid-column:3;grid-row:1/3}.big-statement{height:550px;min-height:550px}.big-statement h2{font-size:24vw;margin:44px 0 55px}.statement-footer{display:block}.statement-footer p{font-size:15px}.statement-footer a{display:inline-block;font-size:9px;margin-top:20px}.statement-footer a span{margin-left:10px}.contact-left h2{font-size:13vw}.contact-left>p{font-size:15px}.contact-form{padding:25px 20px}.contact-form label{font-size:10px}.form-header{font-size:8px}.contact-corner{font-size:8px}.footer{padding:65px 0 25px}.footer-brand{font-size:23vw}.footer-main{padding-bottom:70px;gap:26px}.footer-main>div{font-size:14px}.to-top{font-size:9px}.footer-bottom{font-size:8px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.work-card:nth-child(even).reveal{transform:none}}

/* Graceful fallback for browsers without real-time WebGL */
.portal-fallback{background: url("assets/portal-fallback.webp") center/contain no-repeat;filter:drop-shadow(0 0 50px #e77daf50);mask-image:radial-gradient(ellipse,black 45%,transparent 79%)}
.portal-fallback i{display:none}
.has-webgl .portal-fallback{opacity:0}
@media(max-width:900px){.nav-end .motion-button{display:flex}.motion-text{display:none}.signal{height:24px}.nav-end{gap:16px}}
@media(max-width:620px){.portal-fallback{top:41%;right:-18%;width:520px;height:420px}.wordmark{letter-spacing:-2px}}

/* One-click portal activation: a real cinematic transition, not a dead control. */
.warp-trigger{position:absolute;bottom:8%;left:22%;z-index:12;color:#f8e3f6;display:flex;align-items:center;gap:11px;padding:15px 20px;border:1px solid #f4add588;background:#23102799;backdrop-filter:blur(14px);font-size:10px;font-weight:900;letter-spacing:1.5px;box-shadow:0 0 28px #ff70a03b;transition:transform .25s,background .25s}
.warp-trigger span:first-child{font-size:23px;color:#ffab8c}.warp-trigger span:last-child{font-size:23px;margin-left:13px}.warp-trigger:hover{background:#793858cc;transform:scale(1.06)}
.warp-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:#100619;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .4s,visibility .4s}
.warp-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
.warp-overlay:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,#ff987a88 0,#843cb875 28%,transparent 68%);animation:warpGlow 1.7s ease-in-out infinite alternate}
.warp-rings{position:absolute;width:75vmin;height:75vmin;display:grid;place-items:center;transform:scale(.04);opacity:0}.warp-overlay.active .warp-rings{animation:warpGrow 1.8s cubic-bezier(.18,.84,.29,1) forwards}
.warp-rings i{position:absolute;border:3px solid #ffba9e;border-radius:50%;width:100%;height:100%;box-shadow:0 0 35px #ff947f,0 0 120px #db74e5,0 0 90px inset #b055ed;transform:rotateX(60deg) rotate(18deg)}
.warp-rings i:nth-child(2){width:135%;height:135%;border-color:#d9adff;transform:rotateY(60deg) rotate(-35deg)}
.warp-rings i:nth-child(3){width:170%;height:170%;border-color:#ffa67088;transform:rotateX(42deg) rotateY(35deg)}
.warp-message{text-align:center;z-index:1;transform:translateY(30px) scale(.94);opacity:0}.warp-overlay.active .warp-message{animation:warpMessage 1.6s .35s both}
.warp-message small{font-size:10px;letter-spacing:4px;font-weight:900;color:#ffbb9e}.warp-message strong{display:block;margin-top:30px;font-size:clamp(50px,9vw,150px);line-height:.86;letter-spacing:-.08em;font-weight:950;text-shadow:0 9px 50px #080207}
@keyframes warpGrow{0%{transform:scale(.04) rotate(-20deg);opacity:0}30%{opacity:1}100%{transform:scale(2.4) rotate(60deg);opacity:.7}}@keyframes warpMessage{0%{opacity:0;transform:translateY(30px) scale(.93)}40%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes warpGlow{to{filter:hue-rotate(40deg);transform:scale(1.3)}}
@media(max-width:620px){.warp-trigger{left:22%;bottom:4%;padding:11px 13px;gap:7px;font-size:8px}.warp-trigger span:first-child{font-size:16px}.warp-trigger span:last-child{font-size:15px;margin-left:7px}.warp-message small{font-size:8px}.warp-message strong{font-size:16vw}}
/* V2: Showcase previews are intentionally unique, one per creative direction. */
.work-card-1 .work-visual{background:radial-gradient(ellipse at 70% 65%,#8c663c,#151e20 72%)}
.work-card-2 .work-visual{background:radial-gradient(ellipse at 70% 60%,#6f3e2f,#1a1115 70%)}
.work-card-3 .work-visual{background:radial-gradient(ellipse at 70% 60%,#0c6c6c,#071728 70%)}
.work-card-4 .work-visual{background:radial-gradient(ellipse at 70% 60%,#d3dbba,#879a7f 70%)}
.work-card .work-screen{border-radius:10px 10px 0 0}
.work-card:hover .work-screen{box-shadow:24px 28px 95px #0009,0 0 55px #ffffff18}