:root{
  --bg:#030207;
  --bg-soft:#08050e;
  --panel:#0b0811;
  --text:#f5f2fb;
  --muted:rgba(245,242,251,.58);
  --quiet:rgba(245,242,251,.34);
  --line:rgba(255,255,255,.14);
  --purple:#8a4dff;
  --purple-light:#c6a7ff;
  --green:#86ffbd;
  --header:84px;
  --pad:clamp(20px,4.5vw,76px);
}

*{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--bg);scrollbar-color:#6f42ba #08050e}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}

html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}
body.is-loading main,body.is-loading .site-header{opacity:0;animation:bootContentSafety 0s 3.4s forwards}
body main,body .site-header{opacity:1;transition:opacity .8s ease}
button,input,select,textarea{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
::selection{background:var(--purple);color:#fff}
:focus-visible{outline:2px solid var(--purple-light);outline-offset:4px}
.skip-link{position:fixed;z-index:2000;left:12px;top:12px;background:#fff;color:#050308;padding:12px 16px;transform:translateY(-160%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}

.grain{position:fixed;z-index:999;inset:0;pointer-events:none;opacity:.04;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-atmosphere{position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.34;mix-blend-mode:screen}.atmosphere-orb{position:absolute;border-radius:50%;filter:blur(82px);will-change:transform}.atmosphere-orb-a{width:32vw;height:32vw;min-width:360px;min-height:360px;left:-18vw;top:16vh;background:rgba(103,37,224,.18);animation:atmosphereDriftA 18s ease-in-out infinite alternate}.atmosphere-orb-b{width:38vw;height:38vw;min-width:420px;min-height:420px;right:-24vw;top:54vh;background:rgba(135,76,255,.13);animation:atmosphereDriftB 24s ease-in-out infinite alternate}.atmosphere-stars{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,rgba(218,199,255,.8) 0 1px,transparent 1.4px);background-size:97px 97px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
@keyframes atmosphereDriftA{to{transform:translate3d(34vw,35vh,0) scale(1.18)}}@keyframes atmosphereDriftB{to{transform:translate3d(-30vw,-38vh,0) scale(.85)}}
.page-progress{position:fixed;z-index:1000;left:0;top:0;width:100%;height:2px;background:transparent;pointer-events:none}.page-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform;background:linear-gradient(90deg,#4e1eae,var(--purple-light),#fff);box-shadow:0 0 12px var(--purple)}
.section-pad{padding:clamp(100px,12vw,190px) var(--pad)}
#work,#services,#pricing,#contact{scroll-margin-top:0}
.section-label{text-transform:uppercase;letter-spacing:.2em;font-size:10px;line-height:1.4;color:var(--purple-light);margin:0}
.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:rgba(255,255,255,.72);margin:0 0 26px}.eyebrow span{width:28px;height:1px;background:var(--purple-light);box-shadow:0 0 9px var(--purple)}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}
em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--purple-light)}

.site-header{position:fixed;z-index:500;top:0;left:0;width:100%;height:var(--header);padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,height .3s,opacity .8s}.site-header.is-scrolled{height:72px;background:rgba(3,2,7,.72);border-color:rgba(255,255,255,.1);backdrop-filter:blur(18px)}
.wordmark{width:max-content;font-size:18px;line-height:.9;font-weight:800;letter-spacing:-.04em}.wordmark>span{color:var(--purple-light)}.wordmark small{display:block;font-size:5px;letter-spacing:.25em;color:rgba(255,255,255,.5);margin-top:7px;font-weight:500}
.desktop-nav{display:flex;align-items:center;gap:clamp(22px,3vw,50px);height:100%}.desktop-nav a{position:relative;display:grid;place-items:center;height:100%;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.68);transition:color .25s}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:var(--purple-light);transform:scaleX(0);transition:transform .25s}.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff}.desktop-nav a:hover:after,.desktop-nav a.is-active:after{transform:scaleX(1)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.project-button{border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.06);height:44px;padding:0 18px;display:flex;align-items:center;gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}.project-button:hover{background:#f7f2ff;color:#07030b;border-color:#fff;transform:translateY(-2px)}.project-button i{font-style:normal;font-size:15px}
.menu-toggle{display:none;border:0;background:none;padding:12px 0 12px 14px;align-items:center;gap:10px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;cursor:pointer}.menu-toggle i,.menu-toggle i:after{display:block;width:18px;height:1px;background:#fff;transition:transform .3s}.menu-toggle i:after{content:"";transform:translateY(5px)}.menu-toggle[aria-expanded="true"] i{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i:after{transform:rotate(-90deg)}
.mobile-menu{display:none;position:fixed;z-index:450;inset:0;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--header) + clamp(16px,4vh,40px)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 72% 88%,rgba(73,255,132,.1),transparent 31%),radial-gradient(circle at 14% 21%,rgba(132,73,246,.16),transparent 35%),#030207;transform:translateY(-102%);visibility:hidden;transition:transform .55s cubic-bezier(.2,.82,.2,1),visibility .55s}
.mobile-menu:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;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:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
.mobile-menu>*{position:relative;z-index:1}
.mobile-menu.is-open{transform:none;visibility:visible}
.mobile-menu__kicker{display:flex;justify-content:space-between;gap:20px;margin:0 0 clamp(10px,2vh,20px);font:7px/1.2 "Courier New",monospace;letter-spacing:.16em;color:rgba(255,255,255,.4)}
.mobile-menu__kicker span:last-child{color:var(--purple-light)}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu nav a{position:relative;font-size:clamp(40px,min(12.5vw,7.2vh),74px);font-weight:700;line-height:.88;letter-spacing:-.058em;padding:clamp(8px,1.35vh,14px) 0;border-bottom:1px solid var(--line);transition:color .2s,padding-left .25s}
.mobile-menu nav a:after{content:"";position:absolute;right:1px;top:50%;width:7px;height:7px;border-top:1px solid rgba(255,255,255,.38);border-right:1px solid rgba(255,255,255,.38);transform:translateY(-50%) rotate(45deg);opacity:0;transition:opacity .2s,right .2s}
.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{color:#fff;padding-left:8px}
.mobile-menu nav a:hover:after,.mobile-menu nav a:focus-visible:after{right:7px;opacity:1}
.mobile-menu nav span{display:inline-block;vertical-align:top;width:34px;margin-top:5px;font-size:9px;letter-spacing:.1em;color:var(--purple-light)}
.mobile-menu__conversion{margin-top:auto;padding-top:clamp(12px,2.4vh,24px)}
.mobile-contact{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:14px;font-size:11px;color:var(--muted)}
.mobile-contact button{position:relative;border:0;background:none;color:#fff;padding:0 0 0 13px;font:inherit;cursor:pointer}
.mobile-contact button:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(101,255,149,.75);transform:translateY(-50%)}

.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:calc(var(--header) + 40px) var(--pad) 120px;background:radial-gradient(circle at 76% 43%,rgba(83,27,188,.25),transparent 31%),linear-gradient(145deg,#020104,#07030d 55%,#020104)}
.hero:before{content:"";position:absolute;z-index:1;width:85vw;height:24vw;right:-18vw;top:34%;border:1px solid rgba(189,153,255,.13);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 90px rgba(122,54,244,.13),inset 0 0 70px rgba(122,54,244,.08);animation:heroRibbon 11s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,1,4,.96) 0%,rgba(2,1,4,.73) 40%,transparent 72%),linear-gradient(to bottom,transparent 65%,var(--bg) 100%)}
.hero-cosmos{position:absolute;inset:-7%;background:linear-gradient(90deg,rgba(3,2,7,.92) 0%,rgba(3,2,7,.62) 48%,rgba(3,2,7,.18) 100%),url("assets/images/hero.webp") center/cover no-repeat;opacity:.38;filter:saturate(1.4) contrast(1.12);transform:scale(1.08);animation:cosmosBreathe 16s ease-in-out infinite alternate}
.hero-cosmos:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,2,7,.2),var(--bg) 102%)}
.hero-lines{position:absolute;z-index:1;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(circle at 74% 46%,black,transparent 58%)}
.hero-copy{position:relative;z-index:4;width:min(760px,62vw)}
.hero h1{font-size:clamp(69px,9vw,145px);line-height:.75;letter-spacing:-.072em;margin:0;text-transform:uppercase;font-weight:800}.hero h1 em{font-size:.92em;text-transform:none;letter-spacing:-.065em;white-space:nowrap;text-shadow:0 0 48px rgba(137,74,255,.15)}
.hero-lead{width:min(490px,90%);font-size:clamp(13px,1.2vw,17px);line-height:1.65;color:rgba(255,255,255,.65);margin:34px 0 0}
.hero-buttons{display:flex;gap:10px;margin-top:34px}.button{height:54px;padding:0 20px;border-radius:999px;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:42px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;cursor:pointer;transition:transform .25s,background .25s,border-color .25s,color .25s}.button:hover{transform:translateY(-3px)}.button i{font-style:normal;font-size:16px}.button-light{background:#f7f3ff;color:#08040c;border-color:#fff}.button-light:hover{background:var(--purple-light)}.button-outline{background:rgba(8,4,13,.25);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(10px)}.button-outline:hover{border-color:var(--purple-light);background:rgba(131,67,238,.12)}
.hero-object{position:absolute;z-index:2;right:clamp(-180px,-4vw,-22px);top:50%;width:clamp(590px,60vw,1040px);aspect-ratio:1.3;transform:translateY(-50%) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,var(--scrollY,0px),0) scale(var(--heroScale,1));transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;pointer-events:none}.hero-object img{position:absolute;z-index:4;inset:8% 2%;width:96%;height:84%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(135,71,255,.5)) drop-shadow(0 24px 70px rgba(0,0,0,.72));animation:planetFloat 7s ease-in-out infinite}.logo-aura{position:absolute;z-index:0;inset:12% 7%;border-radius:50%;background:radial-gradient(ellipse,rgba(116,54,239,.23),rgba(83,23,182,.1) 42%,transparent 68%);filter:blur(28px);animation:auraPulse 5.5s ease-in-out infinite}.planet-glow{position:absolute;z-index:0;inset:24% 29%;border-radius:50%;background:#581bd1;filter:blur(105px);opacity:.48}.orbit-trace{position:absolute;z-index:1;border:1px solid rgba(213,186,255,.3);border-radius:50%;inset:18% 0;transform:rotate(-12deg);box-shadow:inset 0 0 18px rgba(144,80,255,.15),0 0 24px rgba(144,80,255,.11);animation:tracePulse 4.5s ease-in-out infinite}.orbit-trace-two{inset:3% 28%;transform:rotate(62deg);opacity:.5;animation-delay:-2.2s}.orbit-signal{position:absolute;z-index:5;inset:17% 0;border-radius:50%;animation:signalOrbit 8s linear infinite}.orbit-signal:after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 22px #8a4dff,0 0 45px #6923e6}.orbit-signal-two{inset:4% 29%;animation-duration:12s;animation-direction:reverse;transform:rotate(58deg)}.orbit-signal-two:after{width:5px;height:5px;background:var(--purple-light)}
@keyframes planetFloat{0%,100%{transform:translate3d(0,0,22px) rotate(-.4deg)}50%{transform:translate3d(0,-15px,34px) rotate(1.6deg)}}@keyframes auraPulse{50%{opacity:.6;transform:scale(1.09)}}@keyframes tracePulse{50%{border-color:rgba(224,205,255,.5);filter:brightness(1.3)}}@keyframes signalOrbit{to{transform:rotate(360deg)}}@keyframes heroRibbon{to{transform:translate3d(-5vw,-4vh,0) rotate(-9deg) scale(1.08)}}@keyframes cosmosBreathe{to{transform:scale(1.14) translate3d(-1.5%,1%,0);filter:saturate(1.65) contrast(1.08)}}
.hero-foot{position:absolute;z-index:5;left:var(--pad);right:var(--pad);bottom:30px;display:grid;grid-template-columns:auto auto 1fr;gap:clamp(25px,5vw,82px);align-items:end}.hero-foot>div{display:flex;flex-direction:column;gap:5px}.hero-foot span{text-transform:uppercase;font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.38)}.hero-foot strong{font-size:10px;letter-spacing:.05em;font-weight:500}.hero-foot>a{justify-self:end;display:flex;align-items:center;gap:14px}.hero-foot>a b{display:block;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;position:relative}.hero-foot>a b:after{content:"↓";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;animation:scrollPulse 1.8s ease-in-out infinite}@keyframes scrollPulse{50%{transform:translateY(4px);opacity:.5}}

.manifesto{min-height:96vh;display:grid;grid-template-columns:1fr 3fr;gap:8vw;align-items:start;background:linear-gradient(180deg,var(--bg),#07040b)}
.manifesto-label{position:sticky;top:120px}.manifesto-label>span{display:block;font-size:9px;letter-spacing:.08em;color:var(--quiet);margin-top:18px}.manifesto-copy>p{font-size:clamp(18px,2vw,30px);margin:0 0 28px;color:var(--muted)}.manifesto h2{font-size:clamp(58px,8.2vw,132px);letter-spacing:-.065em;line-height:.84;text-transform:uppercase;margin:0}.manifesto-note{max-width:520px;margin:80px 0 0 auto;display:grid;grid-template-columns:42px 1fr;gap:20px;padding-top:22px;border-top:1px solid var(--line)}.manifesto-note span{font-size:9px;color:var(--purple-light)}.manifesto-note p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}

.work-rail{position:relative;height:calc(var(--work-count,5)*100vh);background:#020104}.work-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;padding:105px var(--pad) 34px;background:radial-gradient(circle at 50% 47%,rgba(92,35,184,.16),transparent 39%),linear-gradient(145deg,#020104,#050209 54%,#020104)}.work-sticky:before{content:"";position:absolute;width:48vw;height:48vw;min-width:560px;min-height:560px;left:50%;top:49%;border-radius:50%;border:1px solid rgba(183,142,255,.08);transform:translate(-50%,-50%);box-shadow:0 0 110px rgba(100,40,206,.09),inset 0 0 100px rgba(100,40,206,.05);animation:workHalo 9s ease-in-out infinite alternate}.work-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,black,transparent 80%)}@keyframes workHalo{to{transform:translate(-50%,-50%) scale(1.14);opacity:.5}}
.work-header{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:end}.work-header h2{font-size:clamp(25px,3vw,48px);letter-spacing:-.04em;margin:9px 0 0}.work-count{display:flex;align-items:baseline;gap:8px;font-style:normal}.work-count strong{font-size:34px;font-weight:500}.work-count span,.work-count em{font-family:inherit;font-style:normal;font-size:11px;color:var(--quiet)}
.work-stage{position:relative;z-index:3;height:calc(100% - 120px);perspective:1200px;transform-style:preserve-3d}.work-panel{position:absolute;inset:0;visibility:hidden;opacity:0;transform:translate3d(7vw,1vh,-220px) rotateY(-4deg) scale(.9);transition:opacity .32s ease-out,transform .48s cubic-bezier(.22,.75,.25,1),visibility .48s;transform-style:preserve-3d;backface-visibility:hidden}.work-panel.is-active{visibility:visible;opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1);z-index:5;will-change:transform,opacity}.work-panel.is-leaving{visibility:visible;opacity:0;transform:translate3d(-7vw,-1vh,-180px) rotateY(4deg) scale(.92);will-change:transform,opacity}
.work-ghost{position:absolute;z-index:0;left:50%;top:44%;margin:0;transform:translate(-50%,-50%);font-size:clamp(105px,17vw,270px);font-weight:800;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(198,167,255,.13);white-space:nowrap;line-height:.7}
.work-media{position:absolute;z-index:2;left:50%;top:48%;width:min(70vw,1080px);aspect-ratio:16/9;max-height:61vh;transform:translate3d(-50%,-50%,0);border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 50% 45%,rgba(83,31,165,.13),transparent 48%),#020104;box-shadow:0 28px 78px rgba(0,0,0,.56),0 0 54px rgba(87,32,177,.08);overflow:hidden;contain:paint;backface-visibility:hidden}.work-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.09),transparent 18%,transparent 80%,rgba(127,68,240,.07))}.work-media video{width:100%;height:100%;object-fit:contain;transform:translateZ(0)}.work-media-wide{width:min(74vw,1140px)}.media-corner{position:absolute;z-index:3;width:28px;height:28px}.corner-a{left:10px;top:10px;border-left:1px solid var(--purple-light);border-top:1px solid var(--purple-light)}.corner-b{right:10px;bottom:10px;border-right:1px solid var(--purple-light);border-bottom:1px solid var(--purple-light)}
.work-copy{position:absolute;z-index:8;left:1.5vw;bottom:5vh;width:min(300px,24vw);padding:20px;background:rgba(3,2,7,.72);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px)}.work-copy span{font-size:8px;letter-spacing:.15em;color:var(--purple-light)}.work-copy h3{font-size:clamp(24px,2.5vw,40px);line-height:.95;letter-spacing:-.045em;margin:14px 0}.work-copy p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}
.work-footer{position:absolute;z-index:20;left:var(--pad);right:var(--pad);bottom:24px;display:flex;align-items:center;gap:22px}.work-progress{height:1px;background:rgba(255,255,255,.16);flex:1;overflow:hidden}.work-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;will-change:transform;background:var(--purple-light);box-shadow:0 0 12px var(--purple)}.work-footer p{font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:var(--quiet);margin:0}

.services{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 60%,rgba(101,40,208,.13),transparent 27%),linear-gradient(180deg,#050208,#09050f 50%,#050208)}.services:before{content:"";position:absolute;width:58vw;height:58vw;left:-38vw;top:32%;border:1px solid rgba(189,151,255,.1);border-radius:50%;box-shadow:0 0 90px rgba(102,40,217,.08);animation:serviceOrbit 12s ease-in-out infinite alternate}.services>*{position:relative;z-index:2}@keyframes serviceOrbit{to{transform:translate3d(9vw,5vh,0) scale(1.1)}}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:80px}.section-head h2{font-size:clamp(58px,7.4vw,118px);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin:18px 0 0}.section-head>p{width:min(390px,34vw);font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.service-layout{display:grid;grid-template-columns:minmax(300px,.78fr) 1.5fr;gap:clamp(36px,6vw,100px);align-items:start}.service-preview{position:sticky;top:110px;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);background:#020104;box-shadow:0 40px 100px rgba(0,0,0,.4),0 0 80px rgba(112,49,229,.07)}.service-preview img{width:100%;height:100%;object-fit:contain;transition:opacity .28s,transform .6s}.service-preview.is-changing img{opacity:.1;transform:scale(1.04)}.service-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,2,7,.72),transparent 36%);pointer-events:none}.service-preview span{position:absolute;z-index:2;left:18px;bottom:18px;text-transform:uppercase;font-size:7px;letter-spacing:.18em;color:rgba(255,255,255,.65)}
.service-list{border-top:1px solid var(--line)}.service-row{width:100%;height:116px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;display:grid;grid-template-columns:52px 1.25fr 1fr auto 34px;align-items:center;gap:16px;cursor:pointer;transition:background .25s,padding .25s}.service-row:hover,.service-row.is-active{background:linear-gradient(90deg,rgba(122,62,225,.12),transparent);padding-left:14px}.service-row>span{font-size:9px;color:var(--purple-light)}.service-row strong{font-size:clamp(20px,2.4vw,37px);letter-spacing:-.04em}.service-row em{font-family:inherit;font-style:normal;font-size:10px;color:var(--muted)}.service-row b{font-size:10px;font-weight:500;color:#fff}.service-row i{display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:50%;font-style:normal;transition:border-color .25s,transform .25s}.service-row:hover i{border-color:var(--purple-light);transform:rotate(45deg)}
.brand-systems{margin-top:clamp(110px,14vw,210px);padding-top:34px;border-top:1px solid var(--line)}.brand-systems-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.brand-systems-head h3{font-size:clamp(42px,6vw,92px);line-height:.87;letter-spacing:-.06em;text-transform:uppercase;margin:16px 0 0}.brand-systems-head>p{width:min(410px,35vw);font-size:13px;line-height:1.7;color:var(--muted);margin:0}.brand-systems-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,36px);perspective:1500px}.brand-card{position:relative;margin:0;border:1px solid var(--line);background:rgba(255,255,255,.025);overflow:hidden;transform-style:preserve-3d;transition:transform .2s ease,border-color .3s,box-shadow .3s}.brand-card:hover{border-color:rgba(194,156,255,.48);box-shadow:0 34px 100px rgba(0,0,0,.45),0 0 70px rgba(101,41,215,.11)}.brand-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:#010103}.brand-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 20%,transparent 75%,rgba(117,53,231,.08));pointer-events:none}.brand-card img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.brand-card:hover img{transform:scale(1.025)}.brand-card figcaption{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px 24px;padding:20px 22px 23px}.brand-card figcaption span{grid-column:1/3;text-transform:uppercase;font-size:7px;letter-spacing:.16em;color:var(--purple-light)}.brand-card figcaption strong{font-size:clamp(24px,3vw,44px);letter-spacing:-.045em}.brand-card figcaption em{font-family:inherit;font-style:normal;font-size:9px;letter-spacing:.04em;color:var(--muted);text-align:right}
.marquee{height:126px;border-block:1px solid var(--line);overflow:hidden;background:#06030a;display:flex;align-items:center}.marquee>div{display:flex;align-items:center;gap:30px;width:max-content;animation:marquee 30s linear infinite}.marquee span{font-size:clamp(46px,5.7vw,88px);letter-spacing:-.05em;font-weight:800;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}.marquee i{font-style:normal;color:var(--purple-light);font-size:16px}@keyframes marquee{to{transform:translateX(-50%)}}

.pricing{background:#030207}
.pricing-head .offer-note{width:300px;border-left:1px solid var(--line);padding-left:24px;display:grid;gap:7px}.offer-note span{text-transform:uppercase;font-size:8px;letter-spacing:.16em;color:var(--green)}.offer-note strong{font-size:28px;letter-spacing:-.04em}.offer-note p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}
.price-tabs{display:flex;gap:4px;width:max-content;margin-bottom:28px;padding:4px;border:1px solid var(--line);border-radius:999px}.price-tabs button{border:0;border-radius:999px;background:transparent;color:var(--muted);padding:12px 18px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.price-tabs button.is-active{background:#f5f0fb;color:#08040d}
.price-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-panel.is-active{display:grid}.price-card{min-height:425px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.price-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#6b2bd2;filter:blur(90px);opacity:.12;right:-60px;top:-80px}.price-top{display:flex;justify-content:space-between;position:relative;z-index:1}.price-top span,.price-top em{font-family:inherit;font-style:normal;font-size:8px;letter-spacing:.14em;color:var(--purple-light)}.price-top em{color:var(--quiet)}.price-card h3{font-size:clamp(36px,4vw,62px);letter-spacing:-.055em;margin:34px 0 25px}.price-tier{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.price-tier strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.price-tier p{font-size:10px;color:var(--muted);margin:6px 0 0}.price-tier>div:last-child{text-align:right;white-space:nowrap}.price-tier del{display:block;font-size:9px;color:var(--quiet)}.price-tier b{font-size:30px;letter-spacing:-.04em}.price-card>button{margin-top:auto;padding:17px 0 0;border:0;border-top:1px solid var(--line);background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:9px;display:flex;justify-content:space-between;cursor:pointer;color:var(--purple-light)}
.bundle-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.bundle-card{min-height:520px;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:30px;display:flex;flex-direction:column;position:relative}.bundle-card.featured{border-color:rgba(172,123,255,.6);background:radial-gradient(circle at 50% 0,rgba(113,50,213,.2),rgba(255,255,255,.025) 45%);box-shadow:0 0 80px rgba(103,40,198,.1)}.bundle-card>span{text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:var(--purple-light)}.bundle-card h3{font-size:clamp(60px,6vw,90px);letter-spacing:-.065em;margin:48px 0 0}.bundle-card del{font-size:12px;color:var(--quiet)}.bundle-card>p{font-size:15px;color:var(--muted);margin:32px 0}.bundle-card ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.bundle-card li{font-size:10px;color:rgba(255,255,255,.68)}.bundle-card li:before{content:"✦";color:var(--purple-light);margin-right:9px;font-size:7px}.bundle-card>button{margin-top:auto;padding:17px 0 0;border:0;border-top:1px solid var(--line);background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:9px;display:flex;justify-content:space-between;cursor:pointer}.popular{position:absolute;right:20px;top:20px;padding:7px 10px;border:1px solid rgba(171,122,255,.45);border-radius:999px;text-transform:uppercase;font-size:7px;letter-spacing:.12em}
.delivery-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border:1px solid var(--line)}.delivery-bar>span{min-height:80px;padding:18px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:7px;font-size:12px}.delivery-bar>span:last-child{border:0}.delivery-bar small{text-transform:uppercase;letter-spacing:.13em;font-size:7px;color:var(--quiet)}.delivery-bar button{border:0;background:none;color:var(--purple-light);padding:0;text-align:left;font-size:12px;cursor:pointer}

.process{background:linear-gradient(180deg,#09050f,#030207)}
.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-grid li{min-height:330px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .3s}.process-grid li:hover{background:rgba(121,59,226,.08)}.process-grid span{font-size:9px;color:var(--purple-light)}.process-grid strong{font-size:clamp(25px,2.6vw,40px);letter-spacing:-.05em;margin-top:auto}.process-grid p{font-size:11px;line-height:1.6;color:var(--muted);margin:15px 0 0}

.contact{position:relative;min-height:100svh;overflow:hidden;padding:clamp(120px,14vw,210px) var(--pad) 70px;background:radial-gradient(circle at 77% 52%,rgba(100,39,204,.23),transparent 33%),#05020a;display:flex;align-items:center}.contact:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent,black)}
.contact-inner{position:relative;z-index:3;width:100%}.contact h2{font-size:clamp(64px,9.4vw,150px);line-height:.78;letter-spacing:-.072em;text-transform:uppercase;margin:25px 0 32px}.contact-lead{font-size:14px;line-height:1.65;color:var(--muted);max-width:470px}.contact-actions{display:flex;gap:10px;margin-top:36px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1000px;margin-top:70px}.contact-details a{display:grid;grid-template-columns:1fr auto;gap:9px;padding:20px 0;border-top:1px solid var(--line);transition:border-color .25s}.contact-details a:hover{border-color:var(--purple-light)}.contact-details span{grid-column:1/3;text-transform:uppercase;letter-spacing:.14em;font-size:7px;color:var(--purple-light)}.contact-details strong{font-size:clamp(14px,1.8vw,24px);font-weight:500}.contact-details i{font-style:normal}.contact-art{position:absolute;right:-12vw;top:50%;width:70vw;transform:translateY(-50%);opacity:.27}.contact-art img{width:100%;filter:drop-shadow(0 0 45px rgba(124,57,241,.42));animation:contactFloat 9s ease-in-out infinite}@keyframes contactFloat{50%{transform:translate3d(-2.5vw,-18px,0) rotate(2deg)}}
.site-footer{min-height:160px;padding:34px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);background:#020104}.site-footer>p{font-size:8px;letter-spacing:.08em;color:var(--quiet)}.chubae{justify-self:end;display:flex;align-items:center;gap:14px}.chubae span{text-transform:uppercase;letter-spacing:.13em;font-size:6px;color:var(--quiet)}.chubae img{width:92px;height:44px;object-fit:contain;filter:grayscale(1) brightness(1.7);opacity:.76}

.order-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;padding:0;background:rgba(2,1,4,.74);color:var(--text);backdrop-filter:blur(18px);opacity:0;transition:opacity .35s;overflow:auto}.order-dialog[open]{opacity:1}.order-dialog::backdrop{background:rgba(0,0,0,.45)}.dialog-shell{width:min(900px,calc(100% - 30px));margin:clamp(16px,5vh,60px) auto;background:#09050f;border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 120px rgba(0,0,0,.7);padding:clamp(22px,4vw,54px)}.dialog-shell header{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:34px;border-bottom:1px solid var(--line)}.dialog-shell h2{font-size:clamp(40px,6vw,74px);line-height:.9;letter-spacing:-.055em;margin:14px 0 0}.dialog-shell header>button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:11px 14px;text-transform:uppercase;letter-spacing:.08em;font-size:8px;cursor:pointer}.dialog-shell form{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:34px}.dialog-shell label{display:grid;gap:9px}.dialog-shell label>span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--purple-light)}.dialog-shell input,.dialog-shell select,.dialog-shell textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#050208;color:#fff;padding:15px;outline:0;transition:border-color .2s}.dialog-shell input:focus,.dialog-shell select:focus,.dialog-shell textarea:focus{border-color:var(--purple-light)}.dialog-shell textarea{resize:vertical;min-height:130px}.dialog-shell select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#b895ff 50%),linear-gradient(135deg,#b895ff 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.wide{grid-column:1/3}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-foot p{font-size:10px;line-height:1.5;color:var(--muted);margin:0;max-width:280px}

@media(max-width:1050px){
  :root{--header:72px}.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-toggle{display:flex}.project-button{display:none}.mobile-menu{display:flex;flex-direction:column}.hero-copy{width:68vw}.hero-object{right:-27vw;width:88vw;opacity:.9}.hero h1{font-size:clamp(70px,11vw,115px)}.manifesto{grid-template-columns:1fr}.manifesto-label{position:static}.work-media{width:82vw}.work-copy{left:0;width:280px}.service-layout{grid-template-columns:.72fr 1.3fr;gap:35px}.service-row{grid-template-columns:38px 1fr auto 30px}.service-row em{display:none}.bundle-panel{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:720px){
  :root{--pad:20px}.site-header{padding:0 20px}.site-header.is-scrolled{height:64px}.site-atmosphere{opacity:.28}.hero{min-height:790px;padding:105px 20px 118px;align-items:flex-start}.hero:after{background:linear-gradient(to bottom,rgba(2,1,4,.12),rgba(2,1,4,.44) 58%,var(--bg) 100%)}.hero:before{width:150vw;height:48vw;right:-72vw;top:57%}.hero-cosmos{opacity:.3;background-position:60% center}.hero-copy{width:100%;z-index:5}.hero h1{font-size:clamp(59px,18vw,92px);line-height:.78}.hero-lead{width:min(350px,95%);font-size:13px;margin-top:24px}.hero-buttons{width:100%;max-width:350px;flex-direction:column}.button{height:50px}.hero-object{width:150vw;right:-61vw;top:61%;opacity:.82}.hero-object img{inset:10% 0;width:100%;height:80%}.orbit-trace{inset:21% 0}.orbit-trace-two{inset:6% 29%}.hero-foot{left:20px;right:20px;grid-template-columns:1fr auto}.hero-foot>div:nth-child(2){display:none}.hero-foot>a span{display:none}.hero-foot>a b{width:40px;height:40px}.manifesto{padding-top:110px;min-height:auto}.manifesto-copy>p{font-size:17px}.manifesto h2{font-size:15vw;line-height:.86}.manifesto-note{margin-top:50px}.work-rail{height:calc(var(--work-count,5)*100vh)}.work-sticky{padding:88px 14px 24px;min-height:650px}.work-header h2{font-size:22px}.work-count strong{font-size:25px}.work-stage{height:calc(100% - 106px)}.work-ghost{font-size:25vw;top:39%}.work-media,.work-media-wide{top:40%;width:calc(100vw - 28px);height:auto;aspect-ratio:4/3;max-height:48vh}.work-media video{object-fit:contain}.work-copy{left:8px;right:8px;bottom:7vh;width:auto;padding:15px 16px}.work-copy h3{font-size:27px}.work-copy p{font-size:10px;max-width:320px}.work-footer{left:14px;right:14px;bottom:17px}.work-footer p{display:none}.section-head{align-items:start;flex-direction:column;margin-bottom:50px}.section-head h2{font-size:15vw;line-height:.86}.section-head>p{width:100%;max-width:400px}.service-layout{grid-template-columns:1fr}.service-preview{position:relative;top:0;aspect-ratio:1}.service-row{height:92px;grid-template-columns:30px 1fr auto 26px;gap:8px}.service-row strong{font-size:21px}.service-row b{font-size:8px}.brand-systems{margin-top:110px}.brand-systems-head{align-items:start;flex-direction:column;margin-bottom:30px}.brand-systems-head h3{font-size:14vw}.brand-systems-head>p{width:100%;max-width:420px}.brand-systems-grid{grid-template-columns:1fr}.brand-card figcaption{grid-template-columns:1fr;padding:18px}.brand-card figcaption span{grid-column:auto}.brand-card figcaption em{text-align:left}.marquee{height:92px}.marquee span{font-size:45px}.pricing-head .offer-note{width:100%;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.price-tabs{width:100%;overflow:auto}.price-tabs button{flex:1;white-space:nowrap}.price-panel{grid-template-columns:1fr}.price-card{min-height:395px;padding:22px}.price-card h3{font-size:42px}.delivery-bar{grid-template-columns:1fr}.delivery-bar>span{border-right:0;border-bottom:1px solid var(--line)}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:220px}.contact{min-height:850px;padding-left:20px;padding-right:20px}.contact h2{font-size:16vw;line-height:.82}.contact-actions{flex-direction:column;max-width:340px}.contact-details{grid-template-columns:1fr;margin-top:50px}.contact-art{width:145vw;right:-77vw;opacity:.22}.site-footer{grid-template-columns:1fr;justify-items:start;gap:22px}.chubae{justify-self:start}.dialog-shell{width:calc(100% - 16px);padding:22px;margin:8px auto}.dialog-shell form{grid-template-columns:1fr}.wide{grid-column:auto}.dialog-shell header{padding-bottom:22px}.dialog-shell h2{font-size:39px}.form-foot{align-items:stretch;flex-direction:column}.form-foot .button{width:100%}
}

@media(max-width:720px){
  .site-atmosphere{display:none}.grain{opacity:.025}.site-header.is-scrolled{background:rgba(3,2,7,.94);backdrop-filter:none}.hero:before,.hero-cosmos,.work-sticky:before,.services:before{animation:none}.hero-cosmos{transform:scale(1.08)}.hero-object img{filter:drop-shadow(0 0 18px rgba(135,71,255,.38))}.logo-aura{filter:blur(16px)}.planet-glow{filter:blur(52px);opacity:.38}.button-outline,.work-copy{backdrop-filter:none}.work-copy{background:rgba(3,2,7,.9)}.work-panel,.work-panel.is-active,.work-panel.is-leaving{transform-style:flat}.brand-card{transform:none!important}.contact-art img{animation-duration:14s}
}

@media(max-width:430px){.hero h1{font-size:17vw}.hero-object{top:64%;right:-67vw}.manifesto h2,.section-head h2{font-size:14.5vw}.service-row b{display:none}.service-row{grid-template-columns:28px 1fr 28px}.contact-details strong{font-size:13px;overflow-wrap:anywhere}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.site-atmosphere *,.hero:before,.hero-cosmos,.hero-object,.hero-object *,.work-sticky:before,.services:before,.contact-art img,.marquee>div{animation:none!important;transition:none!important}.work-panel{transition:none}}

/* Keep iPad and touch-tablet landscape inside Safari's GPU budget. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .site-atmosphere,.depth-field{display:none!important}
  .grain{opacity:.022}
  .site-header.is-scrolled,.button-outline,.work-copy{backdrop-filter:none}
  .hero:before,.hero-cosmos,.hero-object img,.logo-aura,.orbit-trace,.orbit-signal,.work-sticky:before,.world-orbit,.services:before,.marquee>div,.home-lab__signal,.pricing:before,.contact-rings i{animation:none!important}
  .hero-object img{filter:drop-shadow(0 0 18px rgba(135,71,255,.38))}
  .work-copy{background:rgba(3,2,7,.92)}
}

@media (hover:none) and (pointer:coarse) and (min-width:1051px) and (max-width:1400px){
  .site-header{grid-template-columns:1fr auto}
  .desktop-nav,.project-button{display:none}
}


/* Website services entrance */
.websites-menu-entry{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-items:center;
  width:min(100%,760px);
  min-height:88px;
  margin:0 auto;
  padding:15px 17px 15px 22px;
  border:1px solid rgba(139,255,178,.72);
  border-radius:999px;
  color:#07110a;
  background:linear-gradient(112deg,#61ff93 0%,#94ffb5 56%,#b1ffc6 100%);
  box-shadow:0 18px 55px rgba(59,255,116,.2),0 0 0 1px rgba(97,255,147,.08),inset 0 1px 0 rgba(255,255,255,.62);
  overflow:hidden;
  position:relative;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.websites-menu-entry:before{
  content:"";
  position:absolute;
  inset:-80% 50% -80% -20%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transition:transform .6s ease;
}
.websites-menu-entry small{
  grid-column:1;
  position:relative;
  font-size:7px;
  font-weight:700;
  letter-spacing:.15em;
  line-height:1;
  opacity:.66;
}
.websites-menu-entry strong{
  grid-column:1;
  position:relative;
  margin-top:7px;
  font-size:clamp(23px,4.2vw,40px);
  line-height:.86;
  letter-spacing:-.052em;
  white-space:nowrap;
}
.websites-menu-entry>span{
  grid-column:2;
  grid-row:1/3;
  position:relative;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid rgba(0,0,0,.22);
  border-radius:50%;
  font-size:22px;
  transition:transform .25s ease;
}
.websites-menu-entry:hover,.websites-menu-entry:focus-visible{
  transform:translateY(-3px);
  filter:saturate(1.08);
  box-shadow:0 22px 70px rgba(59,255,116,.22),inset 0 1px 0 rgba(255,255,255,.65);
}
.websites-menu-entry:hover:before{transform:translateX(125%) rotate(18deg)}
.websites-menu-entry:hover>span{transform:translateX(4px)}
@media(max-width:720px){
  .websites-menu-entry{width:100%;min-height:74px;padding:12px 13px 12px 18px}
  .websites-menu-entry strong{font-size:clamp(22px,6.4vw,29px)}
  .websites-menu-entry>span{width:44px;height:44px}
}
@media(max-width:1050px) and (max-height:720px){
  .mobile-menu{padding-top:calc(var(--header) + 8px)}
  .mobile-menu__kicker{display:none}
  .mobile-menu nav a{font-size:clamp(34px,min(11vw,6.8vh),52px);padding:5px 0}
  .mobile-menu nav span{margin-top:3px}
  .mobile-menu__conversion{padding-top:10px}
  .websites-menu-entry{min-height:62px;padding-top:9px;padding-bottom:9px}
  .websites-menu-entry strong{font-size:22px;margin-top:5px}
  .websites-menu-entry>span{width:38px;height:38px}
  .mobile-contact{margin-top:10px;font-size:10px}
}


/* Fast visual-engine boot sequence */
.boot-intro{position:fixed;z-index:4000;inset:0;overflow:hidden;background:#010104;color:#f7f4fb;opacity:1;visibility:visible;transition:opacity .48s ease,visibility .48s;animation:bootSafetyHide 0s 3.4s forwards;contain:strict}
.boot-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(198,167,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(198,167,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.boot-intro:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple-light),transparent);box-shadow:0 0 20px var(--purple);animation:bootScan 1.35s cubic-bezier(.2,.75,.2,1) both}
.boot-intro.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.boot-corner{position:absolute;width:18px;height:18px;border-color:rgba(235,224,255,.72);border-style:solid;z-index:2}.boot-corner-a{left:22px;top:22px;border-width:1px 0 0 1px}.boot-corner-b{right:22px;top:22px;border-width:1px 1px 0 0}.boot-corner-c{left:22px;bottom:22px;border-width:0 0 1px 1px}.boot-corner-d{right:22px;bottom:22px;border-width:0 1px 1px 0}
.boot-progress{position:absolute;z-index:3;top:clamp(28px,6vh,64px);left:50%;display:flex;align-items:start;transform:translateX(-50%);font-family:"Courier New",monospace;font-variant-numeric:tabular-nums}.boot-progress strong{font-size:clamp(42px,6.5vw,82px);font-weight:400;line-height:.9;letter-spacing:-.08em}.boot-progress span{font-size:10px;margin:4px 0 0 7px;color:var(--purple-light)}
.boot-code{position:absolute;z-index:1;top:18%;bottom:16%;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(13px,2vw,30px);opacity:.3;overflow:hidden}.boot-code-left{left:5%}.boot-code-right{right:5%}.boot-code span{font:7px/1.9 "Courier New",monospace;letter-spacing:.24em;color:#d8c7f8;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;animation:bootCodeDrift 1.6s ease-out both}.boot-code span:nth-child(2){animation-delay:.08s;color:#8a4dff}.boot-code span:nth-child(3){animation-delay:.15s}
.boot-core{position:absolute;z-index:4;left:50%;top:52%;width:clamp(122px,14vw,190px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%}
.boot-core:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 14%,rgba(198,167,255,.2) 18%,#c9aaff 28%,#fff 31%,rgba(123,62,231,.3) 42%,transparent 54% 72%,#7740d5 83%,transparent 94%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);animation:bootRing 1.15s cubic-bezier(.2,.8,.2,1) both}
.boot-core:after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 36% 31%,#fff 0 2%,#d6bdff 7%,#7440cb 27%,#160925 58%,#030105 73%);box-shadow:0 0 42px rgba(143,77,255,.36),inset -10px -14px 30px #000;animation:bootOrb 1.25s ease-out both}
.boot-core>i{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(206,177,255,.32);border-left-color:transparent;border-bottom-color:rgba(255,255,255,.75);animation:bootSpin 1s linear infinite}.boot-core>b{position:absolute;z-index:3;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px rgba(177,127,255,.72);transform:translate(58px,-26px)}.boot-core>span{position:relative;z-index:4;font-size:10px;font-weight:800;letter-spacing:.2em;text-indent:.2em;text-shadow:0 0 13px #000}
.boot-status{position:absolute;z-index:4;left:50%;bottom:clamp(34px,7vh,76px);width:min(330px,72vw);transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.18);padding-top:12px;font-family:"Courier New",monospace}.boot-status small{font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.42)}.boot-status strong{font-size:8px;letter-spacing:.16em;color:var(--purple-light);font-weight:400}
@keyframes bootScan{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(100vh);opacity:0}}
@keyframes bootCodeDrift{from{transform:translateY(36px);opacity:0}to{transform:none;opacity:1}}
@keyframes bootRing{from{transform:rotate(-150deg) scale(.45);opacity:0}to{transform:rotate(250deg) scale(1);opacity:1}}
@keyframes bootOrb{from{transform:scale(.2);opacity:0}65%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}
@keyframes bootSpin{to{transform:rotate(360deg)}}
@keyframes bootSafetyHide{to{visibility:hidden;pointer-events:none}}
@keyframes bootContentSafety{to{opacity:1}}

/* Signature visual-world sequence */
.work-signature{position:absolute;z-index:11;left:0;right:0;top:15px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5vw;font:7px/1 "Courier New",monospace;letter-spacing:.16em;color:rgba(255,255,255,.46);pointer-events:none}.work-signature span{display:flex;align-items:center;gap:8px}.work-signature span i{width:5px;height:5px;border-radius:50%;background:var(--purple-light);box-shadow:0 0 12px var(--purple);animation:signalPulse 1.6s ease-in-out infinite}.work-signature b{font-weight:400}.work-signature b em{font:inherit;color:#fff}
.world-orbit{position:absolute;z-index:1;left:50%;top:48%;width:min(76vw,1180px);aspect-ratio:1;border:1px solid rgba(198,167,255,.11);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none;animation:worldOrbit 22s linear infinite}.world-orbit:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(transparent 0 20%,rgba(194,159,255,.8) 24%,transparent 29% 63%,rgba(138,77,255,.5) 68%,transparent 73%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)}.world-orbit>span,.world-orbit>i,.world-orbit>b{position:absolute;border-radius:50%;background:#d8c4ff;box-shadow:0 0 14px 3px rgba(145,80,255,.45)}.world-orbit>span{width:5px;height:5px;left:8%;top:24%}.world-orbit>i{width:3px;height:3px;right:10%;top:29%}.world-orbit>b{width:4px;height:4px;left:22%;bottom:7%}
.world-index{position:absolute;z-index:12;right:1.4vw;top:50%;transform:translateY(-50%);display:grid;gap:17px;pointer-events:none}.world-index span{position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.13);border-radius:50%;font:7px/1 "Courier New",monospace;color:rgba(255,255,255,.34);transition:color .3s,border-color .3s,background .3s,transform .3s}.world-index span.is-active{color:#fff;border-color:var(--purple-light);background:rgba(129,68,232,.18);box-shadow:0 0 22px rgba(129,68,232,.25);transform:scale(1.16)}
.world-scan{position:absolute;z-index:10;left:8%;right:8%;top:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(218,197,255,.9),transparent);box-shadow:0 0 16px rgba(147,82,255,.65);opacity:0;pointer-events:none}.work-stage.is-switching .world-scan{animation:worldScan .56s cubic-bezier(.2,.8,.2,1)}.work-media:before{content:"";position:absolute;z-index:4;inset:-25%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(224,210,255,.14) 50%,transparent 58%);transform:translateX(-80%);opacity:0}.work-stage.is-switching .work-panel.is-active .work-media:before{animation:worldSheen .7s ease-out}.work-panel.is-active .work-ghost{animation:worldGhostIn .72s cubic-bezier(.2,.8,.2,1) both}
@keyframes signalPulse{50%{opacity:.35;transform:scale(.68)}}@keyframes worldOrbit{to{transform:translate(-50%,-50%) rotate(348deg)}}@keyframes worldScan{0%{top:10%;opacity:0}18%{opacity:1}100%{top:88%;opacity:0}}@keyframes worldSheen{0%{transform:translateX(-80%);opacity:0}30%{opacity:1}100%{transform:translateX(80%);opacity:0}}@keyframes worldGhostIn{from{opacity:0;letter-spacing:.03em}to{opacity:1;letter-spacing:-.075em}}

/* Service detail interaction and custom directional controls */
.service-row i.service-arrow{position:relative;display:block;width:34px;height:34px;border:1px solid rgba(198,167,255,.3);border-radius:50%;font-style:normal;transform:none;transition:border-color .25s,background .25s,transform .25s}.service-row i.service-arrow:before{content:"";position:absolute;left:9px;top:16px;width:13px;height:1px;background:#f6f1ff;transform-origin:right center}.service-row i.service-arrow:after{content:"";position:absolute;right:9px;top:12px;width:8px;height:8px;border-top:1px solid #f6f1ff;border-right:1px solid #f6f1ff}.service-row:hover i.service-arrow,.service-row:focus-visible i.service-arrow{transform:translateX(3px);border-color:var(--purple-light);background:rgba(138,77,255,.13)}
.service-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;padding:0;background:rgba(2,1,4,.78);color:var(--text);opacity:0;transition:opacity .28s ease;overflow:auto}.service-dialog[open]{opacity:1}.service-dialog::backdrop{background:rgba(0,0,0,.58);backdrop-filter:blur(10px)}.service-dialog-shell{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;width:min(1000px,calc(100% - 36px));min-height:570px;margin:clamp(18px,6vh,70px) auto;background:radial-gradient(circle at 24% 35%,rgba(110,48,219,.14),transparent 42%),#08040d;border:1px solid rgba(255,255,255,.19);box-shadow:0 45px 130px rgba(0,0,0,.76),0 0 80px rgba(102,45,210,.1);overflow:hidden}.service-dialog-close{position:absolute;z-index:8;right:18px;top:18px;display:flex;align-items:center;gap:10px;height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(3,2,7,.76);text-transform:uppercase;font-size:7px;letter-spacing:.14em;cursor:pointer}.service-dialog-close i{position:relative;width:12px;height:12px}.service-dialog-close i:before,.service-dialog-close i:after{content:"";position:absolute;left:0;top:5px;width:12px;height:1px;background:#fff}.service-dialog-close i:before{transform:rotate(45deg)}.service-dialog-close i:after{transform:rotate(-45deg)}
.service-dialog-visual{position:relative;display:grid;place-items:center;min-height:570px;background:#010103;border-right:1px solid var(--line);overflow:hidden}.service-dialog-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(206,178,255,.08),transparent 28%,transparent 70%,rgba(111,51,221,.1));pointer-events:none}.service-dialog-visual img{width:100%;height:100%;object-fit:contain;transition:opacity .25s}.service-dialog-visual>span{position:absolute;z-index:2;left:18px;bottom:18px;font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.service-dialog-copy{align-self:center;padding:clamp(42px,6vw,78px)}.service-dialog-copy .section-label span{color:#fff}.service-dialog-copy h2{font-size:clamp(48px,6.2vw,86px);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:20px 0 25px}.service-dialog-copy>p:not(.section-label){max-width:520px;font-size:14px;line-height:1.75;color:var(--muted);margin:0}.service-dialog-copy ul{list-style:none;margin:30px 0 38px;padding:0;border-top:1px solid var(--line)}.service-dialog-copy li{position:relative;padding:13px 0 13px 20px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}.service-dialog-copy li:before{content:"";position:absolute;left:1px;top:17px;width:5px;height:5px;border:1px solid var(--purple-light);transform:rotate(45deg)}.service-dialog-action{display:flex;justify-content:space-between;align-items:center;gap:22px}.service-dialog-action>strong{font-size:12px;font-weight:500}.service-dialog-action>button{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:220px;height:54px;padding:0 12px 0 19px;border:1px solid #f5f0fb;border-radius:999px;background:#f5f0fb;color:#07030b;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:transform .25s,box-shadow .25s}.service-dialog-action>button:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(138,77,255,.22)}.action-arrow{position:relative;display:block;width:32px;height:32px;border:1px solid rgba(5,2,9,.22);border-radius:50%}.action-arrow:before{content:"";position:absolute;left:8px;top:15px;width:13px;height:1px;background:#07030b}.action-arrow:after{content:"";position:absolute;right:8px;top:11px;width:8px;height:8px;border-top:1px solid #07030b;border-right:1px solid #07030b}

@media(max-width:720px){
  .boot-corner{width:14px;height:14px}.boot-code{top:21%;bottom:19%;gap:10px;opacity:.23}.boot-code-left{left:3%}.boot-code-right{right:3%}.boot-code span{font-size:6px;letter-spacing:.17em}.boot-progress{top:42px}.boot-progress strong{font-size:50px}.boot-core{top:51%;width:116px}.boot-core>b{transform:translate(38px,-20px)}.boot-status{bottom:44px}
  .work-signature{top:13px;padding:0 5px;font-size:6px}.work-signature span{max-width:62%}.world-orbit{top:40%;width:118vw;opacity:.55}.world-index{right:5px;top:38px;bottom:auto;transform:none;display:flex;gap:5px}.world-index span{width:22px;height:22px;font-size:6px}.world-scan{left:2%;right:2%}.work-panel.is-active .work-ghost{animation-duration:.5s}
  .service-dialog-shell{grid-template-columns:1fr;width:calc(100% - 16px);min-height:0;margin:8px auto}.service-dialog-close{right:12px;top:12px;background:rgba(3,2,7,.9)}.service-dialog-visual{min-height:0;height:min(34vh,270px);border-right:0;border-bottom:1px solid var(--line)}.service-dialog-copy{padding:28px 20px 24px}.service-dialog-copy h2{font-size:42px;margin:15px 0 17px}.service-dialog-copy>p:not(.section-label){font-size:12px;line-height:1.6}.service-dialog-copy ul{margin:19px 0 22px}.service-dialog-copy li{padding:10px 0 10px 18px;font-size:8px}.service-dialog-copy li:before{top:13px}.service-dialog-action{align-items:stretch;flex-direction:column;gap:14px}.service-dialog-action>button{width:100%;min-width:0}.service-dialog-visual>span{left:12px;bottom:10px}
}
@media(max-width:430px){.service-row{grid-template-columns:28px 1fr 34px}.service-row i.service-arrow{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.boot-intro *,.world-orbit,.work-signature span i,.work-stage.is-switching .world-scan,.work-stage.is-switching .work-panel.is-active .work-media:before,.work-panel.is-active .work-ghost{animation:none!important}}

/* Motion-backed service preview */
.service-preview video{width:100%;height:100%;object-fit:contain;transition:opacity .28s,transform .6s;background:#010103}.service-preview.is-changing video{opacity:.1;transform:scale(1.04)}.service-preview img[hidden],.service-preview video[hidden],.service-dialog-visual img[hidden],.service-dialog-visual video[hidden]{display:none}.service-dialog-visual video{width:100%;height:100%;object-fit:contain;background:#010103}


/* Visual Lab bridge — editorial traffic without interrupting conversion */
.home-lab{position:relative;overflow:hidden;background:linear-gradient(180deg,#030207,#08050d 48%,#030207);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-lab:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent,black 30%,black 80%,transparent)}
.home-lab__head,.home-lab__index,.home-lab__enter{position:relative;z-index:2}
.home-lab__signal{position:absolute;right:-11vw;top:3%;width:min(52vw,760px);aspect-ratio:1;border:1px solid rgba(198,167,255,.13);border-radius:50%;pointer-events:none;animation:home-lab-orbit 36s linear infinite}
.home-lab__signal:before,.home-lab__signal:after{content:"";position:absolute;border-radius:50%}
.home-lab__signal:before{inset:17%;border:1px solid rgba(255,255,255,.08)}
.home-lab__signal:after{inset:36%;border:1px solid rgba(198,167,255,.18)}
.home-lab__signal span{position:absolute;left:18%;top:20%;width:6px;height:6px;border-radius:50%;background:#e5d9ff;box-shadow:0 0 25px 8px rgba(138,77,255,.44)}
.home-lab__signal i{position:absolute;inset:8%;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.04);border-radius:50%;transform:rotate(-22deg) scaleY(.4)}
@keyframes home-lab-orbit{to{transform:rotate(360deg)}}
.home-lab__head>p{max-width:420px}
.home-lab__index{border-top:1px solid var(--line)}
.home-lab__index>a{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr) 48px;align-items:center;gap:28px;min-height:142px;border-bottom:1px solid var(--line);transition:background .3s,padding .35s cubic-bezier(.2,.7,.2,1)}
.home-lab__index>a:hover,.home-lab__index>a:focus-visible{padding-left:20px;background:rgba(138,77,255,.055)}
.home-lab__index span{color:var(--purple-light);font-size:8px;letter-spacing:.17em;text-transform:uppercase}
.home-lab__index strong{font-size:clamp(25px,3.6vw,54px);font-weight:500;line-height:1;letter-spacing:-.05em}
.home-lab__arrow{position:relative;display:block;width:36px;height:36px;border:1px solid rgba(255,255,255,.24);border-radius:50%;transition:border-color .2s,background .2s}
.home-lab__arrow:before{content:"";position:absolute;left:10px;top:17px;width:14px;height:1px;background:currentColor}
.home-lab__arrow:after{content:"";position:absolute;right:10px;top:13px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.home-lab__index>a:hover .home-lab__arrow{border-color:var(--purple-light);background:rgba(198,167,255,.09)}
.home-lab__enter{width:max-content;display:flex;align-items:center;gap:18px;margin:48px 0 0 auto;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.48);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.home-lab__enter .home-lab__arrow{width:28px;height:28px;border:0}
.home-lab__enter .home-lab__arrow:before{left:5px;top:13px}
.home-lab__enter .home-lab__arrow:after{right:5px;top:9px}
.site-footer{grid-template-columns:1fr auto auto;grid-template-areas:"brand links chubae" "copy copy chubae";align-items:end}
.site-footer>.wordmark{grid-area:brand}
.site-footer-links{grid-area:links;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}
.site-footer-links a{color:var(--quiet);font-size:7px;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}
.site-footer-links a:hover,.site-footer-links a:focus-visible{color:var(--text)}
.site-footer>p{grid-area:copy;margin:0}
.site-footer>.chubae{grid-area:chubae}
@media(max-width:720px){
  .home-lab__signal{right:-48vw;top:18%;width:115vw;opacity:.6}
  .home-lab__index>a{grid-template-columns:1fr 42px;gap:10px;min-height:128px;padding:22px 0}
  .home-lab__index>a>span{grid-column:1 / -1}
  .home-lab__index>a>strong{font-size:31px}
  .home-lab__index>a:hover,.home-lab__index>a:focus-visible{padding-left:10px}
  .home-lab__enter{margin-top:36px}
  .site-footer{grid-template-columns:1fr;grid-template-areas:"brand" "links" "copy" "chubae";align-items:start}
  .site-footer-links{justify-content:flex-start;gap:14px 18px}
  .site-footer>.chubae{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.home-lab__signal{animation:none}}

/* SPNVISUALZ depth engine — native 3D, no scroll hijacking */
:root{
  --depth-page-y:0px;
  --depth-page-y-near:0px;
  --depth-pointer-x:0px;
  --depth-pointer-y:0px;
  --depth-pointer-x-inverse:0px;
  --depth-pointer-y-inverse:0px;
  --hero-copy-y:0px;
  --hero-architecture-y:0px;
  --hero-object-x:0px;
  --hero-object-z:0px;
}

.depth-scene{position:relative;transform-style:preserve-3d}
.depth-field{position:fixed;z-index:1;inset:-12%;overflow:hidden;pointer-events:none;opacity:.58;perspective:1200px;transform-style:preserve-3d;mix-blend-mode:screen;contain:strict}
.depth-field>span{position:absolute;inset:0;will-change:transform}
.depth-field__stars{background-repeat:repeat}
.depth-field__stars--far{opacity:.2;background-image:radial-gradient(circle,rgba(219,205,255,.9) 0 1px,transparent 1.3px);background-size:137px 137px;transform:translate3d(var(--depth-pointer-x),calc(var(--depth-pointer-y) + var(--depth-page-y)),0) scale(1.06)}
.depth-field__stars--near{opacity:.12;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(133,74,255,.8) 0 1.5px,transparent 2px);background-position:31px 17px,0 0;background-size:211px 211px,307px 307px;filter:drop-shadow(0 0 5px rgba(176,129,255,.5));transform:translate3d(var(--depth-pointer-x-inverse),calc(var(--depth-pointer-y-inverse) + var(--depth-page-y-near)),70px) scale(1.08)}
.depth-field__mesh{left:8%!important;right:8%!important;top:58%!important;bottom:-45%!important;opacity:.075;background-image:linear-gradient(rgba(205,179,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(205,179,255,.45) 1px,transparent 1px);background-size:78px 78px;transform-origin:center top;transform:perspective(760px) rotateX(68deg) translate3d(0,var(--depth-page-y-near),-80px);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 62%,transparent)}
.depth-field__flare{inset:auto!important;right:8%;top:17%;width:32vw;height:32vw;border-radius:50%;opacity:.13;background:radial-gradient(circle,#b895ff 0 1%,rgba(111,48,228,.42) 8%,transparent 64%);filter:blur(22px);transform:translate3d(var(--depth-pointer-x-inverse),var(--depth-pointer-y),110px)}

/* Hero: a spatial identity stage built from the SPN mark */
.hero{isolation:isolate;perspective:1800px;transform-style:preserve-3d}
.hero-cosmos{opacity:.8;background:linear-gradient(90deg,rgba(3,2,7,.96) 0%,rgba(3,2,7,.82) 32%,rgba(3,2,7,.22) 61%,rgba(3,2,7,.06) 100%),url("assets/images/spn-3d-hero.webp") center/cover no-repeat;filter:saturate(1.12) contrast(1.08);transform:translate3d(var(--hero-cosmos-x,0px),calc(var(--hero-cosmos-y,0px) + var(--hero-cosmos-scroll-y,0px)),-80px) scale(var(--hero-cosmos-scale,1.08));will-change:transform}
.hero-copy{z-index:7;transform:translate3d(0,var(--hero-copy-y),115px);transform-style:preserve-3d;will-change:transform}
.hero h1{text-shadow:0 18px 60px rgba(0,0,0,.48)}
.hero h1 em{display:inline-block;color:transparent;background:linear-gradient(115deg,#7140cf 0%,#f4efff 24%,#9e68ff 43%,#f9f6ff 57%,#6d32d1 78%,#c8aaff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px rgba(133,70,255,.2));animation:chromeType 7s ease-in-out infinite alternate}
@keyframes chromeType{to{background-position:100% 0}}
.hero-foot{z-index:8}
.hero-architecture{position:absolute;z-index:2;inset:6% 3% 7% 33%;pointer-events:none;perspective:1500px;transform:translate3d(var(--depth-pointer-x),calc(var(--hero-architecture-y) + var(--depth-pointer-y)),0);transform-style:preserve-3d;will-change:transform}
.hero-depth-type{position:absolute;left:10%;top:48%;font-size:clamp(230px,35vw,610px);font-weight:900;line-height:.62;letter-spacing:-.13em;color:transparent;-webkit-text-stroke:1px rgba(206,179,255,.1);opacity:.8;transform:translate3d(0,-50%,-240px) rotateY(-8deg);text-shadow:0 0 90px rgba(123,55,236,.08)}
.hero-frame{position:absolute;border:1px solid rgba(215,192,255,.16);box-shadow:inset 0 0 54px rgba(112,49,221,.05),0 0 50px rgba(112,49,221,.05);transform-style:preserve-3d}
.hero-frame:before,.hero-frame:after{content:"";position:absolute;width:20px;height:20px;border-color:rgba(238,229,255,.7);border-style:solid}
.hero-frame:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.hero-frame:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.hero-frame--far{inset:7% 3% 8% 6%;opacity:.45;transform:translateZ(-190px) rotateY(-5deg) rotateX(2deg)}
.hero-frame--mid{inset:15% 11% 15% 14%;opacity:.62;transform:translateZ(-70px) rotateY(-3deg)}
.hero-frame--near{inset:24% 20% 23% 24%;opacity:.82;transform:translateZ(75px) rotateY(-1.5deg);box-shadow:0 0 80px rgba(114,51,225,.1)}
.hero-axis{position:absolute;left:50%;top:50%;opacity:.3;background:linear-gradient(90deg,transparent,#c9aaff,transparent)}
.hero-axis--x{width:112%;height:1px;transform:translate3d(-50%,-50%,-20px)}
.hero-axis--y{width:1px;height:112%;background:linear-gradient(transparent,#c9aaff,transparent);transform:translate3d(-50%,-50%,-20px)}
.hero-coordinates{position:absolute;right:0;top:3%;display:grid;gap:7px;text-align:right;font:6px/1.2 "Courier New",monospace;letter-spacing:.2em;color:rgba(225,211,255,.44);transform:translateZ(100px)}
.hero-coordinates span:last-child{color:var(--purple-light)}
.hero-object{z-index:5;opacity:.36;mix-blend-mode:screen;transform:perspective(1450px) translate3d(var(--hero-object-x),calc(-50% + var(--scrollY,0px)),var(--hero-object-z)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--heroScale,1));filter:drop-shadow(0 38px 90px rgba(0,0,0,.5))}
.hero-object img{transform-style:preserve-3d;backface-visibility:hidden}
.hero-object:before,.hero-object:after{content:"";position:absolute;pointer-events:none;border-radius:50%;transform-style:preserve-3d}
.hero-object:before{z-index:2;inset:27% 25%;border:1px solid rgba(231,217,255,.18);box-shadow:0 0 72px rgba(129,66,240,.22),inset 0 0 52px rgba(129,66,240,.12);transform:translateZ(-95px)}
.hero-object:after{z-index:6;left:13%;right:5%;top:49%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);box-shadow:0 0 18px #8a4dff;opacity:.28;transform:translateZ(120px) rotate(-12deg)}

/* Manifesto: the brand statement passes through a chrome portal */
.manifesto{position:relative;overflow:hidden;isolation:isolate;perspective:1600px}
.manifesto-label,.manifesto-copy{position:relative;z-index:3}
.manifesto-copy{transform:translateZ(70px)}
.manifesto h2{position:relative;text-shadow:0 28px 80px rgba(0,0,0,.52)}
.manifesto h2 em{filter:drop-shadow(0 0 26px rgba(144,80,255,.2))}
.manifesto-portal{position:absolute;z-index:1;right:-9vw;top:44%;width:min(58vw,900px);aspect-ratio:1;transform:translate3d(0,calc(-50% + var(--depth-y,0px)),var(--depth-z,0px)) rotateX(62deg) rotateZ(var(--depth-rotate,0deg));transform-style:preserve-3d;pointer-events:none;opacity:.66;will-change:transform}
.manifesto-portal>span{position:absolute;inset:var(--portal-inset);border:1px solid rgba(198,167,255,var(--portal-alpha));border-radius:50%;box-shadow:inset 0 0 42px rgba(122,55,231,.08),0 0 46px rgba(122,55,231,.06)}
.manifesto-portal>span:nth-child(1){--portal-inset:0;--portal-alpha:.2;transform:translateZ(-100px)}
.manifesto-portal>span:nth-child(2){--portal-inset:16%;--portal-alpha:.28;transform:translateZ(0)}
.manifesto-portal>span:nth-child(3){--portal-inset:34%;--portal-alpha:.44;transform:translateZ(120px)}
.manifesto-portal>i{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(transparent 0 38%,rgba(229,217,255,.72) 44%,transparent 50% 76%,rgba(124,56,231,.68) 82%,transparent 89%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);animation:portalSpin 22s linear infinite}
.manifesto-portal>b{position:absolute;left:50%;top:50%;font:800 clamp(52px,8vw,120px)/1 Arial,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(223,205,255,.24);transform:translate3d(-50%,-50%,170px) rotateX(-62deg)}
@keyframes portalSpin{to{transform:rotate(360deg)}}
.depth-threshold{position:relative;z-index:4;height:94px;padding:0 var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;overflow:hidden;border-block:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#030106,#0b0612 50%,#030106);font:7px/1 "Courier New",monospace;letter-spacing:.19em;color:rgba(255,255,255,.48)}
.depth-threshold:before{content:"";position:absolute;inset:-100% 42%;background:linear-gradient(90deg,transparent,rgba(182,141,255,.16),transparent);transform:rotate(18deg);animation:thresholdScan 5s ease-in-out infinite}
.depth-threshold i{height:1px;background:linear-gradient(90deg,rgba(198,167,255,.12),rgba(198,167,255,.8),rgba(198,167,255,.12));box-shadow:0 0 13px rgba(138,77,255,.4)}
.depth-threshold b{font-weight:400;color:var(--purple-light)}
@keyframes thresholdScan{50%{transform:translateX(46vw) rotate(18deg)}}

/* Selected work: continuous camera drift inside the full portfolio rail */
.work-sticky{perspective:1800px;transform-style:preserve-3d;isolation:isolate}
.work-stage{perspective:1700px;transform-style:preserve-3d}
.work-depth-rails{position:absolute;z-index:1;inset:6% 3% 5%;pointer-events:none;transform-style:preserve-3d;opacity:.55}
.work-depth-rails>span,.work-depth-rails>i,.work-depth-rails>b{position:absolute;inset:var(--rail-inset);border:1px solid rgba(198,167,255,var(--rail-alpha));transform:translateZ(var(--rail-z)) rotateX(var(--world-rail-x,0deg)) rotateY(var(--world-rail-y,0deg));transition:transform .08s linear}
.work-depth-rails>span{--rail-inset:0;--rail-alpha:.08;--rail-z:-260px}.work-depth-rails>i{--rail-inset:8%;--rail-alpha:.12;--rail-z:-130px}.work-depth-rails>b{--rail-inset:16%;--rail-alpha:.18;--rail-z:0px}
.work-panel.is-active .work-media{transform:translate3d(-50%,calc(-50% + var(--world-drift-y,0px)),var(--world-z,60px)) rotateX(var(--world-rotate-x,0deg)) rotateY(var(--world-rotate-y,0deg)) scale(var(--world-scale,1));transition:transform .08s linear,border-color .35s,box-shadow .35s;box-shadow:0 42px 110px rgba(0,0,0,.68),0 0 88px rgba(104,44,215,.14),inset 0 0 0 1px rgba(255,255,255,.035)}
.work-panel.is-active .work-copy{transform:translate3d(var(--world-copy-x,0px),var(--world-copy-y,0px),145px) rotateY(var(--world-copy-rotate,0deg));transition:transform .08s linear;box-shadow:0 30px 80px rgba(0,0,0,.48)}
.work-panel.is-active .work-ghost{transform:translate3d(-50%,calc(-50% + var(--world-ghost-y,0px)),-130px) scale(var(--world-ghost-scale,1));transition:transform .08s linear}
.work-panel.is-active .media-corner{filter:drop-shadow(0 0 8px rgba(155,99,255,.55))}

/* Services and pricing become physical surfaces rather than flat rows */
.services{position:relative;overflow:hidden;isolation:isolate;perspective:1700px}
.services>.section-head,.services>.service-layout,.services>.brand-systems{position:relative;z-index:3}
.services-depth{position:absolute;z-index:1;left:-16vw;top:9%;width:min(60vw,880px);aspect-ratio:1;pointer-events:none;transform:translate3d(0,var(--depth-y,0px),var(--depth-z,0px)) rotateZ(var(--depth-rotate,0deg));transform-style:preserve-3d;opacity:.42;will-change:transform}
.services-depth>span{position:absolute;inset:var(--service-ring);border:1px solid rgba(195,160,255,var(--service-alpha));border-radius:50%;transform:translateZ(var(--service-z)) rotateX(68deg)}
.services-depth>span:nth-child(1){--service-ring:0;--service-alpha:.2;--service-z:-100px}.services-depth>span:nth-child(2){--service-ring:22%;--service-alpha:.35;--service-z:100px}
.services-depth>i{position:absolute;left:50%;top:50%;width:112%;height:1px;background:linear-gradient(90deg,transparent,rgba(205,177,255,.62),transparent);transform:translate3d(-50%,-50%,150px) rotate(-26deg)}
.services-depth>b{position:absolute;left:50%;top:50%;font:800 24vw/1 Arial,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(198,167,255,.12);transform:translate3d(-50%,-50%,-180px)}
.service-layout{perspective:1500px;transform-style:preserve-3d}
.service-preview{transform:translateZ(65px) rotateY(2.2deg);transform-origin:left center;box-shadow:34px 44px 120px rgba(0,0,0,.5),0 0 85px rgba(105,43,221,.1)}
.service-preview:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.1) 48%,transparent 61%);transform:translateX(-100%);animation:serviceSheen 8s ease-in-out infinite}
@keyframes serviceSheen{45%,100%{transform:translateX(100%)}}
.service-list{position:relative;z-index:2;transform:translateZ(25px);transform-style:preserve-3d}
.service-row{position:relative;transform-style:preserve-3d;transition:background .25s,padding .25s,transform .25s cubic-bezier(.2,.75,.2,1),box-shadow .25s}
.service-row:hover,.service-row:focus-visible,.service-row.is-active{transform:translate3d(9px,0,26px);box-shadow:-12px 24px 45px rgba(0,0,0,.22)}
.brand-card-image{transform:translateZ(24px)}
.brand-card figcaption{position:relative;z-index:3;transform:translateZ(46px);background:linear-gradient(180deg,rgba(11,7,17,.72),rgba(5,2,9,.96))}

.pricing{position:relative;overflow:hidden;isolation:isolate;perspective:1700px}
.pricing:before{content:"";position:absolute;z-index:0;right:-18vw;top:9%;width:min(58vw,850px);aspect-ratio:1;border:1px solid rgba(198,167,255,.12);border-radius:50%;box-shadow:inset 0 0 90px rgba(108,42,221,.08),0 0 90px rgba(108,42,221,.06);transform:rotateX(68deg) rotateZ(-13deg);animation:pricingOrbit 20s ease-in-out infinite alternate}
.pricing:after{content:"";position:absolute;z-index:0;right:-2vw;top:22%;width:28vw;height:28vw;border-radius:50%;background:#7130dc;filter:blur(150px);opacity:.12}
@keyframes pricingOrbit{to{transform:translate3d(-4vw,8vh,0) rotateX(61deg) rotateZ(18deg) scale(1.12)}}
.pricing>*{position:relative;z-index:2}
.price-panel{perspective:1600px;transform-style:preserve-3d}
.price-card,.bundle-card{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .22s ease,border-color .3s,box-shadow .3s}
.price-card:hover,.bundle-card:hover{border-color:rgba(198,167,255,.46);box-shadow:0 40px 100px rgba(0,0,0,.44),0 0 70px rgba(104,43,218,.09)}
.price-card:before,.bundle-card:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.075),transparent 18%,transparent 72%,rgba(119,54,231,.08));opacity:.8}
.price-card>* ,.bundle-card>*{position:relative;z-index:2;transform:translateZ(22px)}
.price-card h3,.bundle-card h3{transform:translateZ(50px)}

.process{position:relative;overflow:hidden;perspective:1600px}
.process:before{content:"";position:absolute;right:-20vw;bottom:-35vw;width:72vw;height:72vw;border-radius:50%;border:1px solid rgba(198,167,255,.1);box-shadow:inset 0 0 80px rgba(121,52,230,.08)}
.process-grid{position:relative;z-index:2;perspective:1500px;transform-style:preserve-3d}
.process-grid li{position:relative;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .22s ease,background .3s,border-color .3s,box-shadow .3s}
.process-grid li:hover{border-color:rgba(198,167,255,.32);box-shadow:0 32px 70px rgba(0,0,0,.28)}
.process-grid li>*{transform:translateZ(24px)}
.process-grid li strong{transform:translateZ(54px)}

.home-lab{perspective:1600px;transform-style:preserve-3d}
.home-lab__index{perspective:1300px;transform-style:preserve-3d}
.home-lab__index>a{transform-style:preserve-3d;backface-visibility:hidden}
.home-lab__index>a strong{transform:translateZ(26px);transition:transform .35s cubic-bezier(.2,.75,.2,1),color .25s}
.home-lab__index>a:hover strong,.home-lab__index>a:focus-visible strong{transform:translate3d(10px,0,50px);color:#fff}

/* Contact: final portal and close-up SPN object */
.contact{perspective:1800px;transform-style:preserve-3d;isolation:isolate}
.contact-inner{z-index:5;transform:translateZ(105px)}
.contact-rings{position:absolute;z-index:1;right:-14vw;top:50%;width:min(72vw,1050px);aspect-ratio:1;pointer-events:none;transform:translate3d(0,calc(-50% + var(--depth-y,0px)),var(--depth-z,0px)) rotateX(69deg) rotateZ(var(--depth-rotate,0deg));transform-style:preserve-3d;opacity:.48;will-change:transform}
.contact-rings span{position:absolute;inset:var(--contact-inset);border:1px solid rgba(207,181,255,var(--contact-alpha));border-radius:50%;box-shadow:0 0 70px rgba(107,42,218,.08)}
.contact-rings span:nth-child(1){--contact-inset:0;--contact-alpha:.18;transform:translateZ(-80px)}.contact-rings span:nth-child(2){--contact-inset:24%;--contact-alpha:.34;transform:translateZ(100px)}
.contact-rings i{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(transparent 0 28%,rgba(227,211,255,.7) 35%,transparent 41% 72%,rgba(125,57,230,.68) 79%,transparent 86%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);animation:contactRingSpin 28s linear infinite}
@keyframes contactRingSpin{to{transform:rotate(360deg)}}
.contact-art{z-index:3;transform:translate3d(0,calc(-50% + var(--depth-y,0px)),var(--depth-z,80px)) rotateY(var(--depth-rotate,0deg));transform-style:preserve-3d;will-change:transform}
.contact-art img{filter:drop-shadow(0 0 45px rgba(124,57,241,.42)) drop-shadow(0 45px 80px rgba(0,0,0,.62))}

@media(max-width:1050px){
  .hero-architecture{inset:8% -6% 8% 25%;opacity:.7}
  .service-preview{transform:translateZ(30px) rotateY(1deg)}
  .services-depth{left:-32vw;width:86vw}
}

@media(max-width:720px){
  .depth-field{inset:-8%;opacity:.34}
  .depth-field__mesh,.depth-field__flare,.depth-field__stars--near{display:none}
  .depth-field__stars--far{opacity:.18;background-size:151px 151px}
  .hero-architecture{inset:24% -48% 12% 28%;opacity:.42}
  .hero-cosmos{opacity:.72;background-position:61% center}
  .hero-frame--far{display:none}.hero-frame--mid{inset:13% 7%}.hero-frame--near{inset:25% 18%}
  .hero-depth-type{font-size:88vw;left:-10%;top:52%}
  .hero-coordinates{display:none}
  .hero-copy{transform:translate3d(0,var(--hero-copy-y),40px)}
  .hero-object{z-index:4;opacity:.22;transform:perspective(1100px) translate3d(var(--hero-object-x),calc(-50% + var(--scrollY,0px)),var(--hero-object-z)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--heroScale,1))}
  .manifesto-portal{right:-48vw;top:52%;width:130vw;opacity:.36}
  .manifesto-copy{transform:none}
  .depth-threshold{height:72px;grid-template-columns:auto 1fr;gap:15px}.depth-threshold b{display:none}
  .work-depth-rails{inset:8% 0 19%;opacity:.35}
  .work-depth-rails>span{display:none}
  .work-panel.is-active .work-media{transform:translate3d(-50%,calc(-50% + var(--world-drift-y,0px)),0) scale(var(--world-scale,1));box-shadow:0 25px 62px rgba(0,0,0,.58),0 0 52px rgba(104,44,215,.1)}
  .work-panel.is-active .work-copy{transform:translate3d(0,var(--world-copy-y,0px),20px)}
  .work-panel.is-active .work-ghost{transform:translate3d(-50%,calc(-50% + var(--world-ghost-y,0px)),-20px) scale(var(--world-ghost-scale,1))}
  .services-depth{left:-58vw;top:5%;width:140vw;opacity:.25}
  .service-preview,.service-list{transform:none}
  .service-preview:before{display:none}
  .service-row:hover,.service-row:focus-visible,.service-row.is-active{transform:none;box-shadow:none}
  .price-card,.bundle-card,.process-grid li,.brand-card{transform:none!important}
  .pricing:before{right:-70vw;top:12%;width:150vw;opacity:.55}
  .pricing:after{filter:blur(80px)}
  .home-lab__index>a:hover strong,.home-lab__index>a:focus-visible strong{transform:translateX(5px)}
  .contact-rings{right:-82vw;width:170vw;opacity:.3}
  .contact-inner{transform:none}
  .contact-art{transform:translate3d(0,calc(-50% + var(--depth-y,0px)),0)}
}

@media(prefers-reduced-motion:reduce){
  .depth-field{display:none}
  .hero h1 em{animation:none;background-position:50% 0}
  .hero-copy,.hero-architecture,.hero-object,.manifesto-portal,.services-depth,.contact-rings,.contact-art{transform:none!important;will-change:auto}
  .hero-object{transform:translateY(-50%)!important}
  .manifesto-portal,.services-depth,.contact-rings{opacity:.22}
  .manifesto-portal>i,.depth-threshold:before,.service-preview:before,.pricing:before,.contact-rings i{animation:none!important}
  .work-panel.is-active .work-media{transform:translate3d(-50%,-50%,0)!important;transition:none}
  .work-panel.is-active .work-copy,.work-panel.is-active .work-ghost{transform:none!important;transition:none}
}

/* 2026-08-12 — stable UI and restrained editorial type */
body{overflow-x:hidden;overflow-x:clip}
.project-button,.button,.service-row,.brand-card,.price-card,.bundle-card,.process-grid li,.home-lab__index>a,.home-lab__index>a strong{transform:none!important}
.project-button,.button{transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.project-button:hover,.button:hover{transform:none!important;box-shadow:0 0 30px rgba(154,99,255,.15)}
.service-row:hover,.service-row:focus-visible,.service-row.is-active{padding-left:0!important;transform:none!important}
.service-row:hover i,.service-row:focus-visible i{transform:none!important;background:rgba(138,77,255,.1)}
.home-lab__index>a:hover,.home-lab__index>a:focus-visible{padding-left:0!important}
.home-lab__index>a:hover strong,.home-lab__index>a:focus-visible strong{transform:none!important}

.manifesto-copy>p{font-size:clamp(16px,1.5vw,22px);margin-bottom:24px}
.manifesto h2{max-width:980px;font-size:clamp(46px,6vw,92px);line-height:.92;letter-spacing:-.055em;text-transform:none}
.manifesto-note{max-width:620px;margin-top:64px}
.section-head{margin-bottom:72px}
.section-head h2{font-size:clamp(44px,5.6vw,82px);line-height:.94;letter-spacing:-.055em;text-transform:none}
.brand-systems-head h3{font-size:clamp(40px,5vw,74px);line-height:.94;letter-spacing:-.05em;text-transform:none}
.contact{min-height:720px}
.contact h2{max-width:900px;font-size:clamp(48px,6vw,92px);line-height:.94;letter-spacing:-.055em;text-transform:none;margin:24px 0 28px}
.contact-actions{margin-top:32px}
.contact-details{margin-top:58px}
.contact-art,.contact-rings{display:none!important}

.work-sticky{padding-top:96px}
.work-stage{height:calc(100% - 108px);perspective:none;transform-style:flat}
.work-panel,.work-panel.is-active,.work-panel.is-leaving{transform:none!important;transform-style:flat;backface-visibility:visible}
.work-panel{visibility:hidden;opacity:0;transition:opacity .2s ease-out;pointer-events:none}
.work-panel.is-active{visibility:visible;opacity:1;z-index:5;pointer-events:auto}
.work-panel.is-leaving{visibility:hidden!important;opacity:0!important}
.work-media,.work-media-wide{left:60%;top:49%;width:min(58vw,930px);max-height:56vh;aspect-ratio:16/9;transform:translate(-50%,-50%)!important}
.work-media-wide{width:min(60vw,960px)}
.work-copy{left:0;bottom:54px;width:min(310px,24vw);padding:19px 20px;transform:none!important;background:rgba(3,2,7,.86)}
.work-copy h3{font-size:clamp(24px,2.3vw,38px);line-height:.98;margin:12px 0}
.work-copy p{line-height:1.55}

@media(max-width:1050px){
  .work-media,.work-media-wide{left:50%;top:39%;width:82vw;max-height:48vh}
  .work-copy{width:290px}
}

@media(max-width:720px){
  .manifesto h2,.section-head h2,.brand-systems-head h3{font-size:clamp(38px,10.5vw,50px);line-height:.94}
  .contact{min-height:720px}
  .contact h2{font-size:clamp(44px,11vw,56px);line-height:.94}
  .work-sticky{padding:82px 14px 20px}
  .work-stage{height:calc(100% - 94px)}
  .work-media,.work-media-wide{left:50%;top:38%;width:calc(100vw - 28px);max-height:44vh;aspect-ratio:4/3;transform:translate(-50%,-50%)!important}
  .work-copy{left:8px;right:8px;bottom:54px;width:auto;padding:14px 15px}
  .work-copy h3{font-size:25px}
}

/* 2026-08-12 — cross-platform layout and navigation hardening */
html{
  scroll-padding-top:calc(var(--header) + 12px);
  scrollbar-gutter:stable;
}

body{
  overflow-x:hidden;
  overflow-x:clip;
  -webkit-overflow-scrolling:touch;
}

.site-header>*{min-width:0}
.desktop-nav{gap:clamp(16px,2vw,34px)}
.header-actions{min-width:max-content}
.project-button{gap:18px}
.menu-toggle{display:flex}
.mobile-menu{display:flex;flex-direction:column}

.pricing,.process,.home-lab,.services,.contact{overflow:hidden;overflow:clip}
.section-head>*{min-width:0}
.pricing-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,360px);
  align-items:end;
}
.pricing-head .offer-note{width:100%;min-width:0}
.price-panel,.price-card,.bundle-card,.price-tier>*{min-width:0}
.price-panel{align-items:stretch}
.price-card,.bundle-card{contain:layout}
.price-card>*,.bundle-card>*,.process-grid li>*,.brand-card-image,.brand-card figcaption,.contact-inner{
  transform:none!important;
}
.price-card h3,.bundle-card h3,.process-grid strong,.home-lab__index strong{overflow-wrap:anywhere}
.price-tier{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.price-tier>div:last-child{min-width:72px}
.delivery-bar>*{min-width:0}
.process-grid li{min-width:0;contain:layout}
.home-lab__index>a>*{min-width:0}
.contact-details a>*{min-width:0}

@media(min-width:1051px){
  .mobile-menu{
    padding:calc(var(--header) + 28px) var(--pad) 34px;
  }
  .mobile-menu nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(36px,7vw,120px);
  }
  .mobile-menu nav a{
    font-size:clamp(42px,5vw,70px);
    padding:clamp(9px,1.4vh,15px) 0;
  }
  .mobile-menu__conversion{
    display:grid;
    grid-template-columns:minmax(420px,760px) minmax(250px,1fr);
    align-items:end;
    gap:24px 42px;
  }
  .websites-menu-entry{margin:0}
  .mobile-contact{justify-content:flex-end;margin:0 0 10px}
}

@media(max-width:1180px) and (min-width:1051px){
  .site-header{grid-template-columns:1fr auto}
  .desktop-nav,.project-button{display:none}
}

@media(max-width:900px){
  .pricing-head{
    grid-template-columns:1fr;
    align-items:start;
    gap:34px;
  }
  .pricing-head .offer-note{
    border-left:0;
    border-top:1px solid var(--line);
    padding:22px 0 0;
  }
  .price-panel.is-active,.bundle-panel.is-active{grid-template-columns:1fr}
  .delivery-bar{grid-template-columns:1fr}
  .delivery-bar>span{border-right:0;border-bottom:1px solid var(--line)}
  .delivery-bar>span:last-child{border-bottom:0}
  .service-layout{grid-template-columns:1fr}
  .service-preview{position:relative;top:auto;max-width:620px;margin-inline:auto;transform:none}
  .brand-systems-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  html{scroll-padding-top:76px;scrollbar-gutter:auto}
  .mobile-menu{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .mobile-menu nav a{padding:8px 0}
  .price-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    overflow:visible;
  }
  .price-tabs button{min-width:0;padding:12px 9px;white-space:normal;line-height:1.25}
  .price-card,.bundle-card{min-height:0;padding:22px}
  .price-card h3{font-size:clamp(36px,11vw,46px)}
  .bundle-card h3{font-size:clamp(58px,17vw,76px)}
  .price-tier{gap:14px}
  .process-grid{grid-template-columns:1fr}
  .service-row>*{min-width:0}
  .service-row strong{overflow-wrap:anywhere}
  .work-copy{max-height:31vh;overflow:auto;overscroll-behavior:contain}
  .contact-details strong{overflow-wrap:anywhere}
}

/* Pricing V2: compact hierarchy, readable discounts and no floating labels. */
.pricing-v2 .price-panel{gap:16px}
.pricing-v2 .price-card,
.pricing-v2 .bundle-card{
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  contain:paint;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  transform:none!important;
  box-shadow:none;
}
.pricing-v2 .price-card:before,
.pricing-v2 .price-card:after,
.pricing-v2 .bundle-card:before,
.pricing-v2 .bundle-card:after{content:none}
.pricing-v2 .price-card>*,
.pricing-v2 .bundle-card>*{transform:none!important}
.pricing-v2 .price-card__head{padding:24px 24px 20px}
.pricing-v2 .price-card__head>div,
.pricing-v2 .bundle-card__head>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.pricing-v2 .price-card__head span,
.pricing-v2 .price-card__head small,
.pricing-v2 .bundle-card__head span,
.pricing-v2 .bundle-card__head small{
  font:500 8px/1.2 "Courier New",monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.pricing-v2 .price-card__head span,
.pricing-v2 .bundle-card__head span{color:var(--purple-light)}
.pricing-v2 .price-card__head small{color:rgba(245,242,251,.48)}
.pricing-v2 .price-card h3{
  margin:28px 0 0;
  font-size:clamp(30px,3.1vw,44px);
  line-height:1;
  letter-spacing:-.045em;
  overflow-wrap:normal;
}
.pricing-v2 .price-options{border-top:1px solid var(--line)}
.pricing-v2 .price-tier{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px 24px;
  border-top:1px solid var(--line);
}
.pricing-v2 .price-tier:first-child{border-top:0}
.pricing-v2 .price-tier>div{min-width:0}
.pricing-v2 .price-tier strong{
  font-size:11px;
  line-height:1.25;
  letter-spacing:.08em;
}
.pricing-v2 .price-tier p{
  max-width:260px;
  margin:5px 0 0;
  color:rgba(245,242,251,.58);
  font-size:11px;
  line-height:1.4;
}
.pricing-v2 .price-value{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:10px;
  min-width:110px;
  white-space:nowrap;
}
.pricing-v2 .price-value del,
.pricing-v2 .bundle-price del{
  display:block;
  margin:0;
  color:rgba(245,242,251,.58);
  font-size:18px;
  font-weight:500;
  line-height:1;
  text-decoration-color:rgba(245,242,251,.75);
  text-decoration-thickness:1px;
}
.pricing-v2 .price-value b{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1;
  letter-spacing:-.03em;
}
.pricing-v2 .price-card>button,
.pricing-v2 .bundle-card>button{
  width:calc(100% - 48px);
  min-height:52px;
  margin:18px 24px 24px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.1em;
  transition:border-color .2s ease,background .2s ease;
}
.pricing-v2 .price-card>button span,
.pricing-v2 .bundle-card>button span{display:block;min-width:0;line-height:1.2}
.pricing-v2 .price-card>button i,
.pricing-v2 .bundle-card>button i{display:block;flex:0 0 auto;font-style:normal;line-height:1}
.pricing-v2 .price-card>button:hover,
.pricing-v2 .price-card>button:focus-visible,
.pricing-v2 .bundle-card>button:hover,
.pricing-v2 .bundle-card>button:focus-visible{
  border-color:var(--green);
  background:rgba(134,255,189,.08);
}
.pricing-v2 .bundle-card{padding:24px;display:flex;flex-direction:column}
.pricing-v2 .bundle-card.featured{
  border-color:rgba(198,167,255,.55);
  background:linear-gradient(145deg,rgba(122,62,225,.14),rgba(255,255,255,.018));
}
.pricing-v2 .bundle-card__head{display:grid;gap:26px}
.pricing-v2 .bundle-card__head>div:first-child{min-height:25px}
.pricing-v2 .bundle-card__head small{
  width:max-content;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:rgba(245,242,251,.6);
  letter-spacing:.09em;
}
.pricing-v2 .bundle-card__head .bundle-badge{
  border-color:rgba(134,255,189,.42);
  color:var(--green);
}
.pricing-v2 .bundle-price{
  display:flex;
  align-items:baseline;
  gap:12px;
  white-space:nowrap;
}
.pricing-v2 .bundle-price strong{
  color:#fff;
  font-size:26px;
  line-height:1;
  letter-spacing:-.045em;
}
.pricing-v2 .bundle-card>p{
  min-height:44px;
  margin:24px 0 0;
  color:rgba(245,242,251,.62);
  font-size:13px;
  line-height:1.5;
}
.pricing-v2 .bundle-card ul{
  margin:22px 0 0;
  display:grid;
  gap:12px;
}
.pricing-v2 .bundle-card li{font-size:11px;line-height:1.4}
.pricing-v2 .bundle-card>button{
  width:100%;
  margin:26px 0 0;
  margin-top:auto;
}

@media(max-width:1050px) and (min-width:901px){
  .pricing-v2 .bundle-panel.is-active{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pricing-v2 .bundle-card{padding:20px}
  .pricing-v2 .bundle-card__head>div:first-child{align-items:flex-start;flex-direction:column}
  .pricing-v2 .bundle-card>p{min-height:64px}
}

@media(max-width:720px){
  .pricing-v2 .price-panel{gap:12px}
  .pricing-v2 .price-card__head{padding:21px 20px 18px}
  .pricing-v2 .price-card h3{margin-top:23px;font-size:32px}
  .pricing-v2 .price-tier{gap:12px;padding:17px 20px}
  .pricing-v2 .price-tier p{font-size:10px}
  .pricing-v2 .price-value{min-width:100px;gap:8px}
  .pricing-v2 .price-value del{font-size:17px}
  .pricing-v2 .price-value b{font-size:23px}
  .pricing-v2 .price-card>button{width:calc(100% - 40px);min-height:56px;margin:16px 20px 20px;font-size:12px}
  .pricing-v2 .bundle-card{padding:20px}
  .pricing-v2 .bundle-card__head{gap:22px}
  .pricing-v2 .bundle-price strong{font-size:25px}
  .pricing-v2 .bundle-card>p{min-height:0}
  .pricing-v2 .bundle-card>button{min-height:56px;margin-top:26px;font-size:12px}
}

@media(max-width:360px){
  .pricing-v2 .price-card__head>div{align-items:flex-start;flex-direction:column;gap:6px}
  .pricing-v2 .price-tier{align-items:start}
  .pricing-v2 .price-value{align-items:flex-end;flex-direction:column-reverse;gap:5px;min-width:62px}
}