/* VEXART® — Original handcrafted static web experience | 2026
   Responsive, accessible and intentionally framework-free. */
:root{--bg:#08060d;--bg-2:#100b1a;--surface:#181222;--white:#f5f3fc;--muted:#a8a1b9;--dim:#6b6477;--purple:#a238ff;--purple-2:#6a12e4;--magenta:#d569ff;--line:rgba(206,192,235,.15);--line-strong:rgba(221,201,255,.28);--glass:rgba(30,21,46,.47);--ease:cubic-bezier(.22,1,.36,1);--container:1380px;--header-h:92px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Inter,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}body.menu-open,body.intro-active{overflow:hidden}::selection{background:#a13dff;color:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #d7a5ff;outline-offset:5px}img,svg{max-width:100%}svg{display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk','Arial Black',Arial,sans-serif;letter-spacing:-.06em;line-height:1.035}em{font-style:normal;color:var(--purple)}.container{width:min(var(--container),calc(100% - 104px));margin-inline:auto}.section-pad{padding:145px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#c7bcd6;display:inline-flex;align-items:center;gap:12px}.live-dot{width:7px;height:7px;display:inline-block;flex:0 0 7px;border-radius:50%;background:#aa54ff;box-shadow:0 0 0 5px rgba(160,55,255,.12),0 0 17px rgba(172,78,255,.9);animation:livePulse 3s ease-in-out infinite}.display-heading{font-size:clamp(3.1rem,6.6vw,7rem);font-weight:700;line-height:1.035;letter-spacing:-.075em;margin:26px 0 0}.body-copy{color:#bdb7c9;font-size:clamp(17px,1.25vw,20px);line-height:1.8;max-width:630px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:700;letter-spacing:.015em;padding:10px 0;border-bottom:1px solid rgba(174,89,255,.6);transition:gap .35s var(--ease),color .25s}.text-link:hover{gap:34px;color:#d6a2ff}.text-link svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.5;fill:none}.text-link.light{border-color:#e9dcfc}.page-noise{z-index:300;pointer-events:none;position:fixed;inset:0;opacity:.055;mix-blend-mode:soft-light;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='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:-80px;left:16px;z-index:1200;background:var(--white);color:#111;padding:14px 20px;border-radius:4px}.skip-link:focus{top:16px}.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;z-index:1250;background:linear-gradient(90deg,#6b19ff,#d49cff);box-shadow:0 0 16px var(--purple);pointer-events:none}.glass{background:var(--glass);border:1px solid rgba(213,188,255,.15);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 16px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055)}
/* NAV */
.site-header{position:fixed;z-index:800;top:0;left:0;right:0;padding:22px 36px;transition:padding .4s var(--ease),transform .6s var(--ease)}.site-header.is-scrolled{padding-top:12px}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1500px;height:72px;margin:auto;padding:0 24px 0 14px;border-radius:19px;transition:background .35s}.brand-link{display:inline-flex;align-items:center;flex:0 0 auto}.brand-link img{width:185px;height:55px;object-fit:contain}.desktop-nav{display:flex;gap:clamp(14px,2.1vw,36px);align-items:center}.nav-link{position:relative;padding:12px 0;font-size:13px;font-weight:600;color:#bdb5cd;transition:color .25s}.nav-link:hover,.nav-link.is-active{color:#fff}.nav-link-line{position:absolute;bottom:6px;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#b365ff;transition:transform .4s var(--ease)}.nav-link:hover .nav-link-line,.nav-link.is-active .nav-link-line{transform:scaleX(1)}.header-contact{display:inline-flex;align-items:center;justify-content:center;gap:21px;white-space:nowrap;border-radius:11px;padding:13px 18px;font-size:12px;font-weight:700;color:#16051e;background:linear-gradient(115deg,#d7a6ff,#9b3af3);box-shadow:0 3px 35px rgba(161,63,255,.2);transition:box-shadow .35s,background .35s}.header-contact:hover{box-shadow:0 6px 43px rgba(163,70,255,.45)}.header-contact span{font-size:19px}.menu-toggle{display:none;position:relative;z-index:1200;border:0;background:transparent;width:48px;height:48px;padding:12px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;transition:transform .3s,opacity .3s}.menu-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu{visibility:hidden;opacity:0;position:fixed;inset:0;z-index:790;pointer-events:none;transition:opacity .4s,visibility .4s}.mobile-menu-bg{position:absolute;inset:0;background:linear-gradient(140deg,rgba(30,11,55,.98),#07040d 75%);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px)}.mobile-menu-inner{position:relative;max-width:680px;margin:auto;padding:148px 34px 40px;display:flex;flex-direction:column}.mobile-link{display:flex;align-items:baseline;gap:24px;border-bottom:1px solid rgba(255,255,255,.15);font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,8vw,62px);font-weight:700;letter-spacing:-.06em;line-height:1.5;transform:translateY(24px);opacity:0;transition:opacity .35s,transform .5s var(--ease),color .3s}.mobile-link-index{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:0;color:#b9a5d1}.mobile-link>span:last-child{margin-left:auto;font-size:24px;color:#b970ff}.mobile-link.is-active,.mobile-link:hover{color:#b56eff}.mobile-whatsapp{margin-top:36px;display:flex;align-items:center;gap:15px;color:#eee;font-size:16px;font-weight:700}.mobile-whatsapp svg{stroke:currentColor;fill:none;width:19px}.mobile-meta{margin-top:40px;font-size:10px;letter-spacing:.18em;color:#968ca8}.menu-open .mobile-menu{visibility:visible;opacity:1;pointer-events:auto}.menu-open .mobile-link{transform:translateY(0);opacity:1}.menu-open .mobile-link:nth-of-type(1){transition-delay:.08s}.menu-open .mobile-link:nth-of-type(2){transition-delay:.13s}.menu-open .mobile-link:nth-of-type(3){transition-delay:.18s}.menu-open .mobile-link:nth-of-type(4){transition-delay:.23s}.menu-open .mobile-link:nth-of-type(5){transition-delay:.28s}
/* BUTTONS */
.btn-primary{--btn-bg:linear-gradient(118deg,#b65cff,#8028ed);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:space-between;gap:28px;min-height:62px;padding:16px 20px 16px 26px;border:1px solid rgba(231,185,255,.4);border-radius:12px;background:var(--btn-bg);color:#fff;font-size:14px;font-weight:700;overflow:hidden;box-shadow:0 15px 47px rgba(123,36,226,.29);transition:transform .35s var(--ease),box-shadow .35s}.btn-primary:before{position:absolute;inset:0;content:'';z-index:-1;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.23) 45%,transparent 70%);transform:translateX(-130%) skewX(-16deg);transition:transform .8s var(--ease)}.btn-primary:hover:before{transform:translateX(140%) skewX(-16deg)}.btn-primary:hover{box-shadow:0 20px 60px rgba(152,59,253,.45)}.btn-primary svg{height:21px;width:21px;stroke:#fff;fill:none;stroke-width:1.8;transition:transform .3s}.btn-primary:hover svg{transform:translateX(4px) rotate(-30deg)}
/* CURSOR */
.cursor-dot,.cursor-ring{pointer-events:none;position:fixed;z-index:1100;top:0;left:0;border-radius:50%;opacity:0}.cursor-dot{width:6px;height:6px;background:#e6c5ff;box-shadow:0 0 19px #a541ff}.cursor-ring{width:38px;height:38px;border:1px solid rgba(223,173,255,.65);box-shadow:inset 0 0 15px rgba(139,44,255,.12);transition:width .25s,height .25s,border-color .25s}.cursor-ring.cursor-hover{width:64px;height:64px;border-color:#b466ff}.cursor-dot.is-visible,.cursor-ring.is-visible{opacity:1}
/* HERO */
.hero-home{position:relative;min-height:min(1000px,100svh);height:max(800px,100svh);padding-top:var(--header-h);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 80% 75% at 85% 33%,#17092c 0%,transparent 59%),#08060d}.hero-particles,.hero-grid,.hero-aurora{position:absolute;inset:0;pointer-events:none}.hero-particles{z-index:-1;opacity:.88}.hero-grid{z-index:-1;opacity:.19;background-image:linear-gradient(90deg,rgba(161,99,210,.13) 1px,transparent 1px),linear-gradient(0deg,rgba(161,99,210,.13) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 9%,#000 75%);transform:perspective(780px) rotateX(18deg) scale(1.22);transform-origin:bottom}.hero-aurora{z-index:-1;background:radial-gradient(circle at 81% 52%,rgba(114,18,212,.24),transparent 30%),radial-gradient(circle at 48% 27%,rgba(76,25,136,.14),transparent 34%);animation:auroraShift 13s ease-in-out infinite alternate}.hero-orbit{position:absolute;z-index:-1;width:750px;height:750px;right:-140px;top:13%;border:1px solid rgba(161,69,255,.2);border-radius:50%;box-shadow:0 0 100px rgba(118,33,221,.05);transform:rotateX(61deg) rotate(-16deg);animation:orbitalRotate 25s linear infinite}.orbit-two{width:590px;height:590px;right:-30px;top:22%;animation-direction:reverse;animation-duration:34s;border-style:dashed;border-color:rgba(170,76,255,.1)}.hero-container{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;min-height:calc(100% - 115px);z-index:2}.hero-copy{position:relative;z-index:3;padding:22px 0 35px}.hero-eyebrow{margin:0 0 33px;color:#d6c6e7}.eyebrow-line{display:inline-block;width:30px;height:1px;background:#6c597b}.hero-title{font-size:clamp(58px,6.55vw,112px);font-weight:700;line-height:.98;letter-spacing:-.09em;margin:0 0 39px;white-space:nowrap}.hero-title-line{display:block;overflow:hidden;padding:0 .05em .06em 0}.hero-title-line>span{display:inline-block;transform:translateY(110%);transition:transform 1.2s var(--ease)}.intro-done .hero-title-line>span{transform:translateY(0)}.intro-done .hero-title-line:nth-child(2)>span{transition-delay:.1s}.intro-done .hero-title-line:nth-child(3)>span{transition-delay:.2s}.intro-done .hero-title-line:nth-child(4)>span{transition-delay:.3s}.hero-title .emphasis{color:#b95aff;text-shadow:0 0 75px rgba(147,51,245,.22)}.title-dot{color:var(--purple)}.hero-after{display:flex;align-items:start;flex-wrap:wrap;gap:28px}.hero-after>p{max-width:365px;color:#c9c0d3;line-height:1.85;font-size:16px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.hero-discover{display:inline-flex;align-items:center;gap:10px;color:#d7c6df;font-size:12px;font-weight:700}.down-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(228,188,255,.27);border-radius:50%;font-size:19px;animation:arrowBounce 3s ease-in-out infinite}.hero-visual{position:absolute;right:-5%;top:51%;width:60%;aspect-ratio:1.12;transform:translateY(-50%);z-index:1;perspective:1100px;pointer-events:none}.visual-halo{position:absolute;inset:10%;border-radius:50%;filter:blur(48px);background:radial-gradient(circle,rgba(149,56,255,.25),rgba(126,42,251,.08) 38%,transparent 66%);animation:breath 7s ease-in-out infinite}.hero-emblem{position:absolute;inset:2%;width:98%;height:98%;object-fit:contain;filter:drop-shadow(0 30px 55px rgba(67,10,120,.55));animation:emblemFloat 7s ease-in-out infinite;transform-origin:50% 50%}.visual-ring{position:absolute;inset:16% 7%;border:1px solid rgba(175,97,255,.26);border-radius:50%;transform:rotate(-24deg) rotateX(70deg);animation:orbitalRotate 14s linear infinite}.visual-ring-b{inset:24% 14%;border-color:rgba(218,174,255,.18);animation-duration:22s;animation-direction:reverse}.visual-cross{position:absolute;z-index:2;color:#bd72ff;text-shadow:0 0 16px #b04fff;animation:twinkle 3s ease-in-out infinite}.cross-1{top:14%;left:23%;font-size:31px}.cross-2{bottom:16%;right:17%;font-size:21px;animation-delay:1s}.visual-vertical{position:absolute;right:-30px;top:44%;writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:.28em;color:#9683ae}.hero-bottom{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;gap:20px;color:#998ba9;font-size:10px;letter-spacing:.13em;font-weight:600;z-index:3}.hero-bottom a{color:#d6bded;transition:color .2s}.hero-bottom a:hover{color:#fff}.hero-bottom-star{color:#bb55ff}.hero-ghost{position:absolute;z-index:0;bottom:-.13em;left:50%;transform:translateX(-50%);font-family:'Space Grotesk',sans-serif;font-size:clamp(145px,26vw,470px);font-weight:700;letter-spacing:-.1em;color:rgba(143,87,182,.026);pointer-events:none;white-space:nowrap;line-height:1}
/* MARQUEE */
.marquee-strip{overflow:hidden;border-block:1px solid rgba(160,85,255,.22);padding:18px 0;background:linear-gradient(90deg,rgba(63,14,110,.2),rgba(27,12,49,.55),rgba(63,14,110,.2));position:relative;z-index:4}.marquee-track{width:max-content;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:clamp(14px,1.8vw,21px);font-weight:700;letter-spacing:.2em;color:#e6d6f7;animation:marquee 37s linear infinite}.marquee-track span{color:var(--purple);padding:0 24px}.marquee-strip:hover .marquee-track{animation-play-state:paused}
/* MANIFESTO */
.manifesto-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#08060d,#0b0812)}.manifesto-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:45px}.section-aside{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.aside-line{height:1px;width:100px;background:#6b398f}.side-label{font-size:11px;letter-spacing:.19em;color:#887c97;writing-mode:vertical-lr;margin-top:80px}.manifesto-head{font-size:clamp(52px,6.4vw,109px);line-height:1.04;letter-spacing:-.085em;font-weight:700;margin-bottom:39px}.manifesto-content .body-copy{margin-bottom:26px}.floating-asterisk{position:absolute;bottom:-85px;right:-.08em;font-size:clamp(270px,37vw,610px);font-family:Arial,sans-serif;color:rgba(113,32,204,.07);line-height:1;animation:slowSpin 65s linear infinite;pointer-events:none}
/* SERVICES */
.services-section{background:#0b0812;position:relative}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:77px}.heading-note{max-width:275px;color:#a79db7;line-height:1.8;font-size:15px}.services-list{border-top:1px solid var(--line-strong)}.service-row{display:grid;grid-template-columns:65px minmax(0,1fr) 235px 42px;align-items:center;gap:25px;min-height:138px;border-bottom:1px solid var(--line);position:relative;transition:padding .5s var(--ease);isolation:isolate}.service-row:before{position:absolute;z-index:-1;inset:0 -12px;content:'';opacity:0;background:linear-gradient(90deg,rgba(135,45,255,.14),rgba(135,45,255,.015));transform:scaleY(.35);transition:opacity .4s,transform .5s var(--ease)}.service-row:hover:before{opacity:1;transform:scaleY(1)}.service-row:hover{padding-inline:12px}.service-n{align-self:center;font-size:13px;color:#b05eff;font-weight:700}.service-name{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,3.2vw,51px);font-weight:600;letter-spacing:-.055em;line-height:1.1;transition:color .3s}.service-row:hover .service-name{color:#cc8cff}.service-tag{color:#968ba4;letter-spacing:.12em;font-size:10px;font-weight:700}.service-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;font-size:21px;transition:background .3s,transform .3s}.service-row:hover .service-arrow{background:#a44cf3;transform:rotate(45deg);border-color:#a44cf3}.section-end-link{display:flex;justify-content:flex-end;padding-top:33px}
/* WORK — art deliberately edge-to-edge, never boxed photos */
.work-section{background:#08060d;padding-top:140px}.work-heading{padding-bottom:70px}.work-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.work-heading .display-heading{font-size:clamp(45px,6.2vw,94px)}.concept-disclaimer{font-size:12px;color:#93889c;letter-spacing:.02em;margin:35px 0 0}.work-panel{position:relative;display:block;overflow:hidden;isolation:isolate;min-height:640px;height:clamp(540px,55vw,790px);border-top:1px solid rgba(255,255,255,.12);transform:translateZ(0)}.work-panel:after{position:absolute;inset:0;content:'';z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.69) 0%,transparent 50%)}.panel-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(0deg,#fff 1px,transparent 1px);background-size:70px 70px;mix-blend-mode:overlay}.work-panel-coffee{background:radial-gradient(circle at 74% 37%,#bd7346 0%,transparent 36%),linear-gradient(120deg,#2a1a15,#a16542 48%,#3b2319)}.work-panel-street{background:radial-gradient(ellipse at 90% 30%,#bd25e7,transparent 45%),linear-gradient(115deg,#14061f,#6b11a8 53%,#360454)}.work-panel-atelier{background:radial-gradient(circle at 74% 45%,#efcdad,transparent 34%),linear-gradient(110deg,#503d33,#a88976 62%,#735a4b)}.panel-art-coffee,.panel-art-street,.panel-art-atelier{position:absolute;inset:0;display:grid;place-items:center;transition:transform 1.2s var(--ease)}.work-panel:hover .panel-art-coffee,.work-panel:hover .panel-art-street,.work-panel:hover .panel-art-atelier{transform:scale(1.055)}.coffee-outline{position:absolute;top:-.55em;right:6%;font-family:Georgia,serif;font-size:clamp(550px,66vw,1100px);font-style:italic;color:transparent;-webkit-text-stroke:2px rgba(255,234,219,.25);line-height:1;transform:rotate(-14deg)}.coffee-orbit{position:absolute;top:7%;left:24%;border:2px solid rgba(255,236,206,.65);border-radius:50%;width:45vw;height:45vw;max-width:580px;max-height:580px;transform:rotateX(66deg) rotate(-28deg);box-shadow:0 0 140px rgba(255,238,180,.11);animation:orbitalRotate 22s linear infinite}.coffee-tiny{position:absolute;top:20%;left:9%;font-size:13px;letter-spacing:.2em;color:#ffdbc6}.coffee-title{position:relative;z-index:1;font-family:Georgia,serif;font-size:clamp(125px,20vw,340px);letter-spacing:-.13em;font-weight:700;color:#ffe5cb;line-height:.85;text-shadow:0 30px 80px rgba(71,27,8,.3)}.coffee-title span{display:block;text-align:right;font-size:.28em;letter-spacing:-.06em;font-weight:400;font-style:italic}.street-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(170px,30vw,540px);line-height:1;font-weight:700;letter-spacing:-.14em;color:#fbf3ff;transform:rotate(-9deg);text-shadow:23px 22px 0 rgba(37,0,60,.45)}.street-title span{color:#db7bff}.street-small{position:absolute;top:18%;left:12%;font-weight:700;font-size:12px;letter-spacing:.29em}.street-barcode{position:absolute;top:24%;right:9%;writing-mode:vertical-rl;font-size:13px;letter-spacing:.19em;color:#eacdf9}.atelier-title{font-family:Georgia,serif;font-size:clamp(230px,34vw,600px);letter-spacing:-.115em;line-height:1;color:#f5ebdc;position:relative;z-index:1;text-shadow:0 10px 90px rgba(50,20,9,.23)}.atelier-title span{font-style:italic;color:#edcfb7}.atelier-mark{position:absolute;top:0;right:8%;color:#ead0b3;font-size:clamp(170px,22vw,390px);line-height:1;opacity:.75;animation:slowSpin 50s linear infinite}.atelier-mini{position:absolute;top:23%;left:13%;color:#f5ddc8;font-size:12px;letter-spacing:.27em}.atelier-base{position:absolute;top:33%;right:8%;writing-mode:vertical-rl;color:#f3e0d1;font-size:11px;letter-spacing:.3em}.panel-caption{position:absolute;bottom:46px;left:clamp(25px,6.5vw,115px);right:clamp(25px,6.5vw,115px);display:flex;align-items:end;justify-content:space-between;z-index:2;gap:20px}.panel-caption>div>span{font-size:11px;letter-spacing:.17em;color:#e2d2ec;font-weight:700}.panel-caption h3{font-size:clamp(30px,3.8vw,65px);margin:15px 0 0;line-height:1.05;letter-spacing:-.055em}.panel-open{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:30px;transition:background .3s,transform .4s var(--ease)}.work-panel:hover .panel-open{background:#fff;color:#280d36;transform:rotate(45deg)}
/* APPROACH + CTA */
.approach-section{overflow:hidden;background:radial-gradient(ellipse 45% 60% at 12% 58%,rgba(74,17,140,.16),transparent),#090610}.approach-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8vw}.approach-symbol{position:relative;min-height:480px;display:grid;place-items:center}.approach-symbol:before{position:absolute;content:'';width:82%;aspect-ratio:1;border:1px solid rgba(143,56,255,.23);border-radius:50%;animation:slowSpin 38s linear infinite}.approach-symbol:after{position:absolute;content:'';width:100%;aspect-ratio:1;border:1px dashed rgba(143,56,255,.12);border-radius:50%;animation:slowSpin 65s linear infinite reverse}.approach-symbol img{position:relative;z-index:1;width:76%;filter:drop-shadow(0 10px 50px rgba(118,25,234,.2));animation:emblemFloat 8s ease-in-out infinite}.approach-satellite{position:absolute;color:#bb69ff;z-index:2}.satellite-a{top:16%;left:9%;font-size:39px}.satellite-b{bottom:16%;right:8%;font-size:21px}.approach-copy .display-heading{font-size:clamp(53px,5.9vw,98px)}.approach-copy .body-copy{margin:34px 0 30px}.approach-points{margin-top:38px;border-top:1px solid var(--line)}.approach-points>div{display:flex;gap:33px;padding:17px 0;border-bottom:1px solid var(--line);color:#ded7e8;font-size:15px}.approach-points strong{color:#bc72ff;font-size:12px;letter-spacing:.1em}.full-cta{position:relative;isolation:isolate;overflow:hidden;min-height:780px;display:flex;align-items:center;padding:110px 0;background:radial-gradient(ellipse at 60% 120%,rgba(134,24,247,.44),transparent 49%),linear-gradient(135deg,#12071f,#1d0c32 50%,#12091c)}.cta-aurora{position:absolute;inset:-40%;z-index:-1;background:radial-gradient(circle at 50% 65%,rgba(151,54,244,.14),transparent 25%);animation:auroraShift 8s ease-in-out infinite alternate}.full-cta-inner{position:relative}.cta-title{font-size:clamp(68px,10vw,160px);font-weight:700;line-height:.96;letter-spacing:-.085em;margin:48px 0 60px}.cta-title>span{color:transparent;-webkit-text-stroke:1px #d5abf3}.cta-title em{color:#d8a5ff}.cta-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-bottom>span{font-size:11px;letter-spacing:.16em;color:#e1cce9}.cta-circle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;width:152px;height:152px;border-radius:50%;background:#efddff;color:#301147;box-shadow:0 0 90px rgba(191,113,255,.26);transition:background .3s,box-shadow .3s}.cta-circle svg{width:37px;height:37px;stroke:currentColor;fill:none;stroke-width:1.6}.cta-circle span{text-align:center;line-height:1.1;font-size:11px;font-weight:800;letter-spacing:.12em}.cta-circle:hover{background:#fff;box-shadow:0 0 100px rgba(220,173,255,.52)}
/* FOOTER */
.site-footer{position:relative;overflow:hidden;background:#08060d;border-top:1px solid rgba(217,164,255,.12);padding-top:105px}.footer-glow{position:absolute;bottom:-400px;left:50%;transform:translateX(-50%);width:900px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(128,37,230,.12),transparent 61%);pointer-events:none}.footer-top{position:relative;display:grid;grid-template-columns:1.7fr 1fr;gap:40px}.footer-intro h2{font-size:clamp(43px,5vw,77px);margin:28px 0 31px}.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:10px}.footer-columns>div{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.footer-heading{display:block;margin-bottom:20px;font-size:11px;letter-spacing:.17em;color:#9d89ad;font-weight:700}.footer-columns a{font-size:14px;color:#d2cbdc;transition:color .2s,transform .2s}.footer-columns a:hover{color:#c07aff;transform:translateX(3px)}.footer-subtle{font-size:14px;color:#8a8296;margin-top:12px;line-height:1.75}.footer-bottom{position:relative;margin-top:95px;padding-bottom:30px}.footer-logo{display:block;width:100%;max-width:720px;overflow:hidden}.footer-logo img{display:block;width:100%;height:auto;object-fit:contain;object-position:left}.footer-base{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:24px;padding-top:22px;color:#90889c;font-size:12px}.replay-intro{background:transparent;border:0;color:#aba2bd;font-size:12px;text-decoration:underline;text-decoration-color:#6c4d87;text-underline-offset:4px}.replay-intro:hover{color:#fff}.back-top{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;height:40px;width:40px;color:#f0e2fb;transition:background .2s}.back-top:hover{background:#572390}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:700;display:flex;align-items:center;justify-content:center;width:59px;height:59px;border-radius:50%;background:linear-gradient(130deg,#b761ff,#7d20d3);box-shadow:0 12px 42px rgba(110,16,193,.4);border:1px solid rgba(245,209,255,.42);transition:transform .3s,box-shadow .3s}.floating-whatsapp:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(173,67,255,.55)}.floating-whatsapp svg{width:31px;height:31px;stroke:white;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.wa-hint{position:absolute;right:calc(100% + 12px);white-space:nowrap;background:#1b1028;color:#fff;padding:9px 15px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transform:translateX(8px);transition:opacity .2s,transform .2s}.floating-whatsapp:hover .wa-hint{opacity:1;transform:translateX(0)}
/* INNER HERO */
.inner-hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;min-height:min(800px,90svh);display:flex;align-items:end;padding:175px 0 105px;background:radial-gradient(ellipse at 80% 45%,rgba(93,19,160,.24),transparent 43%),#09060f}.inner-hero-content{position:relative;z-index:2}.inner-orb{position:absolute;pointer-events:none;right:-9%;top:-16%;width:min(750px,70vw);aspect-ratio:1;border:1px solid rgba(168,93,243,.18);border-radius:50%;box-shadow:inset 0 0 130px rgba(112,35,205,.08),0 0 160px rgba(81,13,160,.12);animation:emblemFloat 11s ease-in-out infinite}.inner-orb:before,.inner-orb:after{content:'';position:absolute;border:1px solid rgba(162,65,255,.2);border-radius:50%;inset:10%;transform:rotateX(54deg) rotate(25deg)}.inner-orb:after{inset:24%;transform:rotateX(54deg) rotate(-25deg)}.page-title{font-size:clamp(64px,9vw,149px);line-height:1.01;letter-spacing:-.085em;margin:28px 0 48px;font-weight:700;max-width:1200px}.inner-hero-foot{display:flex;justify-content:space-between;align-items:end;gap:28px;max-width:1060px}.inner-hero-foot p{font-size:clamp(17px,1.4vw,21px);color:#c4bacf;max-width:450px;margin:0;line-height:1.65}.inner-hero-foot>span{color:#b18cc9;font-size:11px;font-weight:700;letter-spacing:.16em;white-space:nowrap}.outline-word{position:absolute;left:4%;bottom:-.27em;font-family:'Space Grotesk',sans-serif;font-size:25vw;letter-spacing:-.11em;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(148,56,254,.11);pointer-events:none}.inner-contact .inner-orb{right:5%;top:-40%}
/* ABOUT */
.about-mission{background:#0b0811}.about-mission-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:50px}.side-note{display:flex;flex-direction:column;gap:30px}.side-note-no{color:#817589;font-size:13px}.large-statement{font-size:clamp(50px,6.2vw,107px);margin:0 0 43px}.giant-brand-line{padding:17px 0;overflow:hidden;white-space:nowrap;background:#a043f4;color:#1c0b2d;font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,5vw,70px);font-weight:700;letter-spacing:-.035em}.giant-brand-line span{display:inline-block;animation:marquee 24s linear infinite}.values-section{background:#09060e}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:93px}.value-item{border-top:1px solid var(--line-strong);padding:21px 25px 20px 0;min-height:270px}.value-item>span{font-size:13px;color:#ac72d3}.value-icon{font-size:54px;color:#a649f1;margin:22px 0;line-height:1}.value-item h3{font-size:31px;margin:0 0 15px}.value-item p{color:#aea4bd;font-size:15px;max-width:290px;line-height:1.75}.about-national{background:radial-gradient(ellipse at 21% 50%,rgba(127,34,198,.16),transparent 39%),#100b17}.national-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:11vw;align-items:center}.national-art{position:relative;aspect-ratio:1;max-width:580px;display:grid;place-items:center}.national-circle{position:absolute;inset:10%;border:1px solid rgba(185,113,255,.4);border-radius:50%;box-shadow:0 0 100px rgba(172,44,255,.08);animation:slowSpin 34s linear infinite}.national-circle:before{content:'';position:absolute;inset:13%;border:1px dashed rgba(185,113,255,.28);border-radius:50%}.national-circle-b{inset:24%;transform:rotateX(70deg) rotate(45deg);animation-duration:13s;animation-direction:reverse}.national-center{font-family:'Space Grotesk',sans-serif;font-size:clamp(140px,17vw,280px);font-weight:700;letter-spacing:-.15em;line-height:1;background:linear-gradient(150deg,#fff 16%,#bd76ff 54%,#6424a6);color:transparent;background-clip:text;filter:drop-shadow(0 12px 22px rgba(120,23,190,.3))}.national-label{position:absolute;font-size:10px;letter-spacing:.2em;color:#bdb1cb}.nl-a{top:0;left:46%}.nl-b{bottom:0;right:46%}.nl-c{right:0;top:50%}.nl-d{left:0;top:50%}.national-layout .body-copy{margin:35px 0}
/* SERVICES PAGE */
.inner-services{background:radial-gradient(ellipse at 75% 30%,rgba(137,34,255,.23),transparent 44%),#09060f}.service-detail-section{background:#0b0811;padding:90px 0 140px}.service-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:60px}.service-intro p{max-width:430px;color:#aca3b8;margin:0}.service-detail{display:grid;grid-template-columns:23% 1fr;gap:35px;border-top:1px solid var(--line-strong);padding:56px 0 65px;scroll-margin-top:115px}.service-detail:last-child{border-bottom:1px solid var(--line-strong)}.detail-index{display:flex;align-items:flex-start;justify-content:space-between;padding-right:35px;color:#b58acf;font-weight:700;font-size:13px;letter-spacing:.12em}.detail-icon{font-size:31px;color:#9a4fe6;line-height:1;animation:slowSpin 36s linear infinite}.detail-main h2{font-size:clamp(48px,6.5vw,99px);margin:0 0 25px;line-height:1.02}.detail-hook{color:#ce90ff;font-size:clamp(19px,2.1vw,28px);margin:0 0 15px;font-weight:600}.detail-description{max-width:740px;color:#bcb1c8;font-size:18px;line-height:1.85;margin:0 0 32px}.detail-foot{display:flex;justify-content:space-between;align-items:center;gap:27px;padding-top:28px;border-top:1px solid var(--line)}.detail-foot>span{color:#817889;font-size:12px;line-height:1.6;max-width:370px}.detail-quote{display:flex;align-items:center;gap:15px;font-weight:700;font-size:14px;white-space:nowrap;color:#e4c6ff}.detail-quote svg{height:19px;width:19px;stroke:#e4c6ff;fill:none;transition:transform .3s}.detail-quote:hover svg{transform:translateX(5px)}.process-section{background:#100a1c}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;gap:30px}.process-step{border-top:1px solid rgba(206,143,255,.35);padding-top:28px}.process-step>span{color:#bb73ef;font-size:25px;font-family:'Space Grotesk',sans-serif;font-weight:700}.process-step h3{font-size:28px;margin:36px 0 15px}.process-step p{color:#a69bad;font-size:15px;line-height:1.75}.short-cta{background:radial-gradient(ellipse at 75% 110%,rgba(116,21,228,.18),transparent 50%),#0a0610}.short-cta h2{font-size:clamp(49px,7.5vw,117px);margin:34px 0 38px}.short-cta .btn-primary{gap:50px}
/* PORTFOLIO: unframed edge-to-edge creative canvases */
.inner-portfolio{background:radial-gradient(ellipse at 80% 40%,rgba(164,65,255,.16),transparent 45%),#09060f}.portfolio-section{padding-top:80px;background:#09070e}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}.portfolio-toolbar p{font-size:13px;color:#93889d;max-width:530px;line-height:1.7}.filter-bar{display:flex;flex-wrap:wrap;gap:7px}.filter-btn{border:1px solid var(--line-strong);border-radius:50px;padding:10px 16px;background:transparent;color:#c0b5cc;font-size:12px;font-weight:700;transition:color .3s,background .3s,border-color .3s}.filter-btn span{font-size:9px;color:#b68adb;margin-left:5px}.filter-btn:hover,.filter-btn.is-active{background:#b066f3;color:#1b0c2a;border-color:#b066f3}.filter-btn.is-active span{color:#321140}.project-case{border-top:1px solid var(--line-strong);transition:opacity .35s}.project-case[hidden]{display:none!important}.project-visual{position:relative;height:clamp(460px,62vw,820px);overflow:hidden;display:grid;place-items:center;isolation:isolate}.project-visual:before{content:'';position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(0deg,#fff 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(125deg,#000,transparent 85%)}.pv-corner{position:absolute;top:28px;left:clamp(25px,6vw,100px);font-size:11px;letter-spacing:.16em;font-weight:700;z-index:3}.pv-foot{position:absolute;bottom:40px;right:8%;font-size:12px;letter-spacing:.2em}.pv-aura{background:radial-gradient(circle at 72% 40%,#d08a59,transparent 44%),#4b2b1c;color:#ffe4cc}.pv-aura-big{font-family:Georgia,serif;font-size:clamp(135px,23vw,390px);font-weight:700;letter-spacing:-.14em;line-height:.9;position:relative;z-index:2}.pv-aura-big span{font-size:.26em;font-weight:400;font-style:italic;display:block;text-align:right}.pv-aura-circle{font-size:clamp(350px,55vw,800px);position:absolute;right:0;top:-30%;line-height:1;color:rgba(255,225,192,.18);animation:slowSpin 55s linear infinite}.pv-nova{background:radial-gradient(ellipse at 76% 35%,#c75cf2,transparent 38%),linear-gradient(120deg,#2e0646,#800bb3 65%,#32014e);color:#fff}.pv-nova-type{font-family:'Space Grotesk',sans-serif;position:relative;font-size:clamp(200px,32vw,540px);font-weight:700;letter-spacing:-.15em;line-height:1;transform:rotate(-10deg);text-shadow:25px 30px #360050}.pv-nova-type span{color:#e5a0ff}.pv-nova-slogan{position:absolute;bottom:15%;right:9%;letter-spacing:.24em;font-size:11px}.pv-nova-graphic{position:absolute;left:2%;top:0;font-size:70vw;color:rgba(255,255,255,.055);line-height:1}.pv-solis{background:radial-gradient(circle at 72% 33%,#e6bd95,transparent 38%),linear-gradient(120deg,#8a6c57,#c2a98c);color:#fff1e3}.pv-solis-sun{position:absolute;font-size:70vw;top:-.64em;right:-.12em;line-height:1;opacity:.27;animation:slowSpin 70s linear infinite}.pv-solis-type{position:relative;font-family:Georgia,serif;font-size:clamp(200px,32vw,550px);letter-spacing:-.115em;line-height:1}.pv-solis-type span{color:#f8e1b8}.pv-solis-label{position:absolute;bottom:14%;right:12%;font-size:11px;letter-spacing:.17em}.pv-menu{background:radial-gradient(ellipse at 83% 33%,#dfac3c,transparent 37%),linear-gradient(115deg,#1d311e,#536330 65%,#344c27);color:#faf2c9}.pv-menu-type{position:relative;z-index:2;font-family:'Space Grotesk',sans-serif;font-size:clamp(110px,19vw,310px);font-weight:700;letter-spacing:-.09em;line-height:.85;text-align:center}.pv-menu-type em{font-family:Georgia,serif;font-style:italic;color:#f6d55e}.pv-menu-round{position:absolute;right:4%;top:-.7em;font-family:Georgia,serif;font-size:67vw;line-height:1;color:rgba(245,236,166,.17)}.pv-menu-micro{position:absolute;bottom:9%;left:10%;font-size:12px;letter-spacing:.3em}.pv-pulse{background:radial-gradient(ellipse at 60% 42%,#fb6482,transparent 48%),linear-gradient(110deg,#7e183b,#d83b74 60%,#6d174a);color:#ffe5ee}.pv-pulse-type{position:relative;z-index:2;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(160px,29vw,480px);letter-spacing:-.12em;line-height:1;transform:rotate(-8deg);text-shadow:22px 25px rgba(97,3,45,.33)}.pv-pulse-type span{color:#ffbdc9}.pv-pulse-orbit{position:absolute;width:60%;aspect-ratio:1;border:16px solid rgba(255,212,235,.35);border-radius:50%;transform:rotateX(70deg);box-shadow:0 0 150px rgba(255,170,209,.15)}.pv-pulse-label{position:absolute;bottom:10%;right:10%;font-size:11px;letter-spacing:.2em}.pv-orbit{background:radial-gradient(ellipse at 70% 40%,#612acf,transparent 47%),linear-gradient(115deg,#030d2a,#1d1965 65%,#160943);color:#eeeaff}.pv-orbit-type{position:relative;z-index:2;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(145px,27vw,450px);letter-spacing:-.1em;line-height:1;text-shadow:0 0 70px rgba(168,127,255,.45)}.pv-orbit-type span{font-size:.15em;vertical-align:top;letter-spacing:0}.pv-orbit-ring{position:absolute;width:80%;height:70%;border:15px solid rgba(194,170,255,.5);border-radius:50%;transform:rotate(-27deg) rotateX(65deg);box-shadow:0 0 75px rgba(157,94,255,.34);animation:orbitalRotate 32s linear infinite}.pv-orbit-label{position:absolute;bottom:12%;right:9%;font-size:11px;letter-spacing:.2em}.project-info{min-height:165px;display:grid;grid-template-columns:170px 1.1fr 1.2fr 45px;align-items:center;gap:25px}.project-info>span:first-child{color:#ab75c5;font-size:12px;letter-spacing:.15em;font-weight:700}.project-info h2{margin:0;font-size:clamp(28px,3.6vw,53px)}.project-info p{max-width:380px;margin:0;color:#a89eb2;font-size:14px;line-height:1.65}.project-symbol{font-size:30px;color:#c184fc}.project-empty{padding:35px 0;color:#bbb}
/* CONTACT */
.contact-section{background:radial-gradient(ellipse at 80% 30%,rgba(78,26,127,.14),transparent 40%),#0d0814}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.contact-aside{position:relative}.contact-aside .display-heading{font-size:clamp(48px,5.1vw,82px)}.contact-aside>.body-copy{margin:29px 0 58px}.contact-method{border-top:1px solid var(--line);padding:20px 0;display:flex;flex-direction:column;gap:9px}.contact-method>span{color:#a488b9;font-size:11px;letter-spacing:.18em}.contact-method>a,.contact-method>strong{font-size:19px;font-weight:600}.contact-method>a:hover{color:#be73ff}.contact-decor{font-size:240px;color:rgba(138,50,218,.11);line-height:1;margin-top:70px;animation:slowSpin 50s linear infinite}.contact-form-wrap{border-radius:24px;padding:clamp(22px,3.5vw,60px);background:rgba(30,21,43,.63);box-shadow:0 30px 100px rgba(0,0,0,.21)}.form-topline{display:flex;justify-content:space-between;color:#c299dc;letter-spacing:.2em;font-size:11px;font-weight:700;margin-bottom:43px}.form-topline>span:last-child{font-size:23px;line-height:1}.quote-form{display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:9px}.field label{font-size:14px;color:#e5d9ec;font-weight:600}.field label>span:not(.optional){color:#c67dff}.field label .optional{font-weight:400;color:#948ba0;font-size:12px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(226,189,255,.2);border-radius:9px;background:rgba(9,5,15,.57);color:#f8f3ff;outline:none;padding:16px;font-size:14px;resize:vertical;transition:border-color .3s,box-shadow .3s}.field input::placeholder,.field textarea::placeholder{color:#786d82}.field select{color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 6 5 5 5-5' stroke='%23cb90f0' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-color:#100c18}.field option{background:#140d20}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ae5af5;box-shadow:0 0 0 4px rgba(151,52,245,.1)}.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:#ef9fa9}.field-error{font-size:12px;color:#ffa6b0;min-height:0}.field-error:empty{display:none}.submit-quote{border:0;width:100%;min-height:66px;margin-top:6px}.form-note{color:#978a9f;font-size:12px;line-height:1.7;margin:0}.form-status{font-size:13px;color:#d9b5ff;min-height:0}.faq-section{background:#09060f}.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.faq-list{border-top:1px solid var(--line-strong)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:28px 0;list-style:none;font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,1.6vw,25px);font-weight:600;letter-spacing:-.035em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:#b970ee;font-size:28px;font-weight:400;transition:transform .3s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{color:#aca1b8;max-width:640px;line-height:1.85;padding:0 45px 27px 0;margin:0}
/* INTRO: water surface, launch, three axis rotations, splash, typewriter */
.intro-overlay{position:fixed;z-index:2000;inset:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 64%,#200b3c 0%,#090411 50%,#020104 100%);perspective:1100px;isolation:isolate;touch-action:none}.intro-overlay.is-exiting{animation:introExit 1s var(--ease) forwards;pointer-events:none}.intro-overlay.is-hidden{display:none}.intro-starfield{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#c483ff 99%,transparent),radial-gradient(1px 1px at 81% 18%,#e6baff 99%,transparent),radial-gradient(2px 2px at 72% 77%,#d08dff 99%,transparent),radial-gradient(1px 1px at 9% 83%,#e9daff 99%,transparent);opacity:.4;animation:twinkle 2.6s ease-in-out infinite}.intro-skip{position:absolute;top:30px;right:clamp(20px,5vw,80px);z-index:10;border:1px solid rgba(222,186,255,.32);border-radius:999px;background:rgba(55,28,80,.36);color:#f7edff;padding:12px 20px;letter-spacing:.1em;font-size:11px;font-weight:700;backdrop-filter:blur(15px)}.intro-caption{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:8;white-space:nowrap;color:rgba(224,195,255,.64);font-size:10px;letter-spacing:.3em}.intro-water{position:absolute;left:50%;bottom:10%;width:110vw;max-width:1750px;height:25%;transform:translateX(-50%);filter:blur(2px);background:radial-gradient(ellipse at 50% 100%,rgba(151,49,253,.21),transparent 60%);border-bottom:1px solid rgba(182,80,255,.32)}.water-ring{position:absolute;left:50%;bottom:18%;width:min(68vw,730px);height:120px;border:2px solid rgba(188,83,255,.8);box-shadow:0 0 35px rgba(146,42,255,.7),inset 0 0 30px rgba(153,54,255,.2);border-radius:50%;transform:translate(-50%,0) scale(.13);opacity:0}.intro-overlay.is-playing .water-ring{animation:waterRipple 1.6s ease-out .45s both}.intro-overlay.is-playing .water-ring.ring-2{animation-delay:.7s}.intro-overlay.is-playing .water-ring.ring-3{animation-delay:.98s}.intro-logo-wrap{position:absolute;left:50%;top:47%;width:min(57vw,680px);aspect-ratio:1.25;transform:translate(-50%,-50%);transform-style:preserve-3d;z-index:4}.intro-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 45px rgba(142,37,255,.65));opacity:0;backface-visibility:visible;transform:translateY(130vh) rotateY(0deg) rotateZ(-25deg) scale(.32);will-change:transform,opacity}.intro-overlay.is-playing .intro-logo{animation:logoEmerge 3.1s cubic-bezier(.2,.8,.22,1) .25s both}.intro-splash{position:absolute;left:50%;top:48%;z-index:3;width:300px;height:300px;border:12px solid rgba(181,84,255,.7);border-radius:50%;transform:translate(-50%,-50%) scale(.08);opacity:0;box-shadow:0 0 45px #aa41ff,inset 0 0 45px #ae53ff}.intro-overlay.is-playing .intro-splash{animation:impactRing 1.5s ease-out 2.93s both}.intro-splash.splash-2{border-width:3px;animation-delay:3.07s!important}.intro-flash{position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(204,128,255,.75),rgba(110,31,255,.18) 27%,transparent 55%);opacity:0;z-index:5}.intro-overlay.is-playing .intro-flash{animation:impactFlash .72s ease-out 3s both}.intro-droplet{position:absolute;left:50%;bottom:19%;height:var(--size,8px);width:var(--size,8px);border-radius:50% 50% 50% 10%;background:linear-gradient(145deg,#f5dcff,#ad4cff 50%,#46118f);box-shadow:0 0 24px rgba(173,72,255,.8);opacity:0;z-index:2;transform:translate(-50%,0) scale(.4)}.intro-overlay.is-playing .intro-droplet{animation:liquidDrop var(--dur,1.2s) cubic-bezier(.2,.4,.3,1) var(--delay,0s) both}.intro-impact-particle{position:absolute;top:48%;left:50%;width:var(--size,5px);height:var(--size,5px);border-radius:50%;background:#d69eff;box-shadow:0 0 20px 5px rgba(171,72,255,.6);z-index:6;opacity:0}.intro-overlay.is-playing .intro-impact-particle{animation:impactParticle 1.3s ease-out 3s both}.intro-word{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,43%);font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(64px,11vw,180px);font-weight:700;line-height:1;letter-spacing:-.08em;white-space:nowrap;text-shadow:0 0 70px rgba(158,50,255,.5);color:#f6f0ff;opacity:0;display:flex}.intro-overlay.is-playing .intro-word{animation:introWordAppear .25s linear 3.45s both}.intro-word span{display:inline-block;opacity:0;transform:translateY(35px);color:var(--white)}.intro-word span:nth-child(4){color:#ae4dff}.intro-overlay.is-playing .intro-word span{animation:letterStamp .35s var(--ease) calc(3.55s + var(--i)*.105s) both}.intro-word:after{content:'|';color:#c471ff;opacity:0;animation:caretBlink .45s steps(1) 3.55s 3 alternate}.intro-brandline{position:absolute;z-index:7;top:calc(50% + clamp(120px,16vw,240px));left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.35em;color:#c8a0e7;opacity:0;white-space:nowrap}.intro-overlay.is-playing .intro-brandline{animation:brandlineReveal .7s ease 4.1s both}
/* IN-VIEW REVEALS */
.js .reveal{opacity:0;transform:translateY(42px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.js .reveal.in-view{opacity:1;transform:translateY(0)}.js .split-reveal{opacity:0;clip-path:inset(0 0 95% 0);transform:translateY(24px);transition:clip-path 1.2s var(--ease),opacity 1s,transform 1.2s var(--ease)}.js .split-reveal.in-view{opacity:1;clip-path:inset(0);transform:translateY(0)}.js .service-row{opacity:0;transform:translateY(30px);transition:opacity .75s,transform .75s var(--ease),padding .5s var(--ease)}.js .service-row.in-view{opacity:1;transform:translateY(0)}
/* KEYFRAMES */
@keyframes livePulse{0%,100%{box-shadow:0 0 0 5px rgba(160,55,255,.12),0 0 17px rgba(172,78,255,.7)}50%{box-shadow:0 0 0 9px rgba(160,55,255,0),0 0 28px rgba(172,78,255,1)}}
@keyframes marquee{to{transform:translateX(-33.333%)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes orbitalRotate{0%{rotate:0deg}100%{rotate:360deg}}@keyframes auroraShift{from{transform:translate(-2%,-1%) scale(1)}to{transform:translate(4%,3%) scale(1.12)}}@keyframes emblemFloat{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(0,-25px,0) rotate(2deg)}}@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes breath{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes arrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes waterRipple{0%{opacity:0;transform:translate(-50%,0) scale(.13)}15%{opacity:.95}100%{opacity:0;transform:translate(-50%,0) scale(2.25)}}
@keyframes logoEmerge{0%{opacity:0;transform:translateY(130vh) rotateY(0deg) rotateZ(-25deg) scale(.32)}17%{opacity:1}48%{transform:translateY(-8vh) rotateY(720deg) rotateZ(18deg) scale(.86)}77%{transform:translateY(-1vh) rotateY(1080deg) rotateZ(0deg) scale(1.08)}86%{transform:translateY(0) rotateY(1080deg) rotateZ(0deg) scale(1.42)}92%{transform:translateY(0) rotateY(1080deg) rotateZ(0deg) scale(.93)}100%{opacity:1;transform:translateY(-9vh) rotateY(1080deg) rotateZ(0deg) scale(.6)}}
@keyframes impactRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}10%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(5)}}@keyframes impactFlash{0%,100%{opacity:0}17%{opacity:.9}50%{opacity:.16}}
@keyframes liquidDrop{0%{opacity:0;transform:translate(-50%,20px) scale(.1)}25%{opacity:1}70%{opacity:.85}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-1 * var(--dy))) rotate(var(--rotate)) scale(.3)}}@keyframes impactParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}14%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.05)}}@keyframes introWordAppear{to{opacity:1}}@keyframes letterStamp{0%{opacity:0;transform:translateY(40px) scale(1.4);filter:blur(12px)}70%{opacity:1;transform:translateY(-5px) scale(.98);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes caretBlink{from{opacity:0}to{opacity:1}}@keyframes brandlineReveal{from{opacity:0;letter-spacing:.7em;filter:blur(8px)}to{opacity:1;letter-spacing:.35em;filter:blur(0)}}@keyframes introExit{0%{opacity:1;clip-path:circle(150% at 50% 50%)}100%{opacity:0;clip-path:circle(0% at 50% 50%)}}
/* RESPONSIVE */
@media(max-width:1190px){.container{width:min(var(--container),calc(100% - 72px))}.desktop-nav{gap:17px}.brand-link img{width:155px}.header-contact{padding-inline:12px;gap:9px}.hero-title{font-size:clamp(59px,7vw,88px)}.hero-visual{width:59%;right:-7%}.hero-after{flex-direction:column}.hero-after>p{max-width:420px}.work-panel{min-height:570px}.contact-layout{gap:5vw}}
@media(max-width:980px){:root{--header-h:80px}.site-header{padding:14px 22px}.nav-shell{height:64px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex}.brand-link img{width:165px;height:48px}.hero-home{height:auto;min-height:880px}.hero-container{grid-template-columns:1fr;min-height:780px;align-items:start}.hero-copy{padding-top:175px}.hero-title{font-size:clamp(58px,8vw,92px)}.hero-visual{width:68%;top:56%;right:-15%;opacity:.61}.hero-after{position:relative;z-index:3;flex-direction:row}.hero-after>p{max-width:315px}.hero-bottom{bottom:25px}.section-pad{padding:105px 0}.manifesto-grid{grid-template-columns:1fr 2.6fr}.section-heading{align-items:start}.service-row{grid-template-columns:46px 1fr 38px;min-height:115px}.service-tag{display:none}.work-heading-row{align-items:start}.work-heading-row .text-link{white-space:nowrap}.approach-grid{gap:30px}.approach-symbol{min-height:330px}.cta-title{font-size:clamp(62px,10vw,120px)}.footer-top{grid-template-columns:1fr 1fr}.inner-hero{min-height:660px}.page-title{font-size:clamp(63px,9vw,115px)}.contact-layout{grid-template-columns:1fr 1.1fr}.contact-aside .display-heading{font-size:clamp(40px,5vw,58px)}.project-info{grid-template-columns:130px 1fr 1fr 25px}.portfolio-toolbar{align-items:start;flex-direction:column}.intro-logo-wrap{width:min(75vw,650px)}}
@media(max-width:700px){:root{--header-h:74px}.container{width:calc(100% - 42px)}.section-pad{padding:86px 0}.site-header{padding:12px 11px}.nav-shell{height:62px;border-radius:15px;padding:0 9px 0 3px}.brand-link img{width:159px;height:49px}.eyebrow{font-size:10px;letter-spacing:.14em}.hero-home{min-height:845px;min-height:100svh;height:auto}.hero-container{min-height:calc(100svh - 65px)}.hero-copy{padding:140px 0 200px}.hero-eyebrow{margin-bottom:29px;flex-wrap:wrap;max-width:340px;font-size:9px}.hero-title{font-size:clamp(48px,11.5vw,80px);white-space:normal;letter-spacing:-.084em;margin-bottom:24px}.hero-title-line{white-space:nowrap}.hero-after{flex-direction:column;gap:22px}.hero-after>p{max-width:320px;font-size:14px;line-height:1.7}.hero-actions{gap:17px}.btn-primary{min-height:57px;padding:13px 15px 13px 19px;font-size:13px;gap:13px}.hero-discover{font-size:12px}.hero-visual{top:89%;width:86%;right:-4%;opacity:.76}.hero-bottom{bottom:18px;font-size:9px;letter-spacing:.08em}.hero-bottom span:nth-child(2){display:none}.hero-ghost{font-size:40vw;bottom:10%}.visual-vertical{display:none}.marquee-strip{padding:13px 0}.marquee-track{font-size:14px}.manifesto-grid{grid-template-columns:1fr;gap:35px}.section-aside{flex-direction:row;align-items:center}.aside-line{width:55px}.side-label{display:none}.manifesto-head{font-size:clamp(48px,10.1vw,75px);margin-bottom:26px}.body-copy{font-size:16px;line-height:1.78}.floating-asterisk{bottom:-40px}.section-heading{flex-direction:column;gap:14px;margin-bottom:37px}.display-heading{font-size:clamp(46px,10.7vw,77px);margin-top:18px}.heading-note{max-width:440px}.service-row{grid-template-columns:30px 1fr 35px;gap:9px;min-height:94px}.service-name{font-size:clamp(23px,6.3vw,38px)}.service-n{font-size:11px}.service-arrow{width:33px;height:33px;font-size:18px}.work-section{padding-top:90px}.work-heading{padding-bottom:34px}.work-heading-row{flex-direction:column;gap:18px}.work-heading .display-heading{font-size:clamp(44px,9.7vw,72px)}.concept-disclaimer{margin-top:25px;line-height:1.55}.work-panel{height:560px;min-height:480px}.coffee-title{font-size:clamp(125px,22vw,220px)}.street-title{font-size:32vw}.atelier-title{font-size:36vw}.coffee-outline{right:-23%;font-size:150vw}.panel-caption{bottom:25px;left:23px;right:23px}.panel-caption h3{font-size:clamp(30px,7vw,45px)}.panel-caption>div>span{font-size:10px}.panel-open{width:55px;height:55px;font-size:24px}.approach-grid{grid-template-columns:1fr;gap:10px}.approach-symbol{min-height:320px}.approach-symbol img{width:65%}.approach-copy .display-heading{font-size:clamp(51px,10vw,80px)}.full-cta{min-height:660px;padding:85px 0}.cta-title{font-size:clamp(58px,10.7vw,100px);margin:32px 0 60px}.cta-bottom{align-items:end}.cta-bottom>span{font-size:10px;max-width:160px}.cta-circle{width:110px;height:110px;flex:0 0 110px}.cta-circle svg{width:28px;height:28px}.footer-top{grid-template-columns:1fr;gap:55px}.footer-intro h2{font-size:clamp(46px,9vw,75px)}.footer-columns{gap:18px}.footer-heading{margin-bottom:10px}.footer-bottom{margin-top:70px}.footer-base{flex-wrap:wrap}.footer-logo{width:100%}.floating-whatsapp{width:53px;height:53px;right:17px;bottom:17px}.wa-hint{display:none}.inner-hero{min-height:640px;min-height:82svh;padding:165px 0 75px}.page-title{font-size:clamp(54px,10.8vw,89px);line-height:1.045}.inner-hero-foot{align-items:start;flex-direction:column;gap:30px}.inner-hero-foot p{font-size:16px}.outline-word{font-size:36vw;bottom:-.08em}.about-mission-grid,.national-layout{grid-template-columns:1fr}.large-statement{font-size:clamp(49px,9.5vw,76px)}.values-grid{grid-template-columns:1fr;gap:17px;margin-top:60px}.value-item{min-height:0;padding-bottom:24px}.value-icon{margin:10px 0;font-size:43px}.value-item h3{font-size:28px;margin-bottom:7px}.national-art{order:2;max-width:500px;margin:auto;width:100%}.national-layout .display-heading{font-size:clamp(42px,9vw,69px)}.service-detail-section{padding:50px 0 80px}.service-intro{align-items:start;flex-direction:column;padding-bottom:35px}.service-detail{grid-template-columns:1fr;gap:16px;padding:40px 0}.detail-index{padding-right:0}.detail-main h2{font-size:clamp(41px,9vw,70px)}.detail-description{font-size:16px}.detail-foot{flex-direction:column;align-items:start;gap:18px}.process-steps{grid-template-columns:repeat(2,1fr);gap:35px 17px;margin-top:55px}.process-step h3{margin:19px 0 10px;font-size:24px}.process-step p{font-size:14px}.short-cta h2{font-size:clamp(45px,9.4vw,75px)}.portfolio-toolbar{margin-bottom:35px}.filter-bar{gap:7px}.filter-btn{padding:9px 12px;font-size:11px}.project-visual{height:470px}.pv-aura-big{font-size:29vw}.pv-nova-type{font-size:36vw}.pv-solis-type{font-size:38vw}.pv-menu-type{font-size:19vw}.pv-pulse-type{font-size:32vw}.pv-orbit-type{font-size:30vw}.project-info{min-height:0;padding-top:23px;padding-bottom:32px;grid-template-columns:1fr auto;gap:5px 20px}.project-info>span:first-child{grid-column:1/2}.project-info h2{grid-column:1/2}.project-info p{grid-column:1/2;max-width:450px;font-size:14px;margin-top:7px}.project-symbol{grid-row:1/4;grid-column:2;align-self:center}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-aside>.body-copy{margin-bottom:32px}.contact-decor{display:none}.contact-form-wrap{padding:28px 22px;border-radius:19px}.faq-layout{grid-template-columns:1fr;gap:37px}.faq-item summary{font-size:18px;padding:20px 0}.intro-logo-wrap{width:95vw;top:44%}.intro-word{font-size:16vw;top:48%;transform:translate(-50%,90%)}.intro-brandline{top:calc(50% + 130px);font-size:8px;letter-spacing:.18em!important}.intro-caption{font-size:8px;letter-spacing:.18em}.intro-water{bottom:19%}.water-ring{bottom:27%;height:60px}.intro-splash{top:44%}.intro-flash{top:-40%}.intro-impact-particle{top:44%}}
@media(max-width:390px){.hero-copy{padding-top:130px}.hero-title{font-size:11.2vw}.hero-after>p{font-size:13px}.hero-actions{gap:10px}.hero-discover{font-size:10px}.hero-bottom{font-size:8px}.hero-visual{top:89%}.intro-brandline{top:calc(50% + 110px)}}
@media(hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}.magnetic{transform:none!important}.work-panel:hover .panel-art-coffee,.work-panel:hover .panel-art-street,.work-panel:hover .panel-art-atelier{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js .reveal,.js .split-reveal,.js .service-row{opacity:1!important;clip-path:none!important;transform:none!important}.hero-title-line>span{transform:none!important}.intro-overlay{display:none!important}}
/* Tiny celebratory particles on calls to action */
.click-spark{position:fixed;z-index:950;pointer-events:none;width:5px;height:5px;border-radius:50%;background:#d39aff;box-shadow:0 0 13px #a652ff;animation:clickSpark .58s ease-out forwards}
@keyframes clickSpark{from{opacity:1;transform:translate(0,0) scale(1.5)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0)}}

@media(prefers-reduced-motion:reduce){.mobile-link{transition-delay:0s!important}}