/* ALZAPRIMA - site styles. Plain CSS, no preprocessor, no build step.
   Ported verbatim from the previous app/globals.css; the only changes were
   removing three unused framework @imports, making asset paths relative, and
   inlining the one Tailwind utility the page used. */
/* Inter variable (self-hosted). weight 100-900 is a continuous range, which the design relies on: it uses 420, 450, 510, 520, 530, 650 and 750. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ivory:#f3f1e8;--ink:#101411;--forest:#081b14;--emerald:#43d98e;--lime:#b9ef76;--line:rgba(16,20,17,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.section{padding:140px 0}.kicker{font-size:11px;font-weight:700;letter-spacing:.2em;color:#52705f}.kicker.light{color:#84c9a7}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#227c55}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;color:white;background:var(--forest)}.hero-bg{position:absolute;inset:-8% 0;background:url('assets/hero.webp') center/cover no-repeat;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,14,.94),rgba(5,20,14,.68) 36%,rgba(5,20,14,.12) 68%,rgba(5,20,14,.26)),linear-gradient(0deg,rgba(2,12,8,.5),transparent 45%)}.nav{height:96px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:.12em}.brand-mark{height:34px;width:34px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:var(--lime)}.brand-dot{color:var(--lime)}.nav-links{display:flex;gap:34px;font-size:13px;color:rgba(255,255,255,.72)}.nav-links a{transition:.25s}.nav-links a:hover{color:white}.nav-cta{font-size:13px;display:flex;align-items:center;gap:8px;padding:12px 17px;border:1px solid rgba(255,255,255,.35);border-radius:100px;backdrop-filter:blur(12px);transition:.3s}.nav-cta:hover{background:white;color:var(--forest)}.menu{display:none;color:white;background:none;border:0;padding:0;cursor:pointer}.menu-close,.menu[aria-expanded="true"] .menu-open,.nav-links-cta{display:none}.menu[aria-expanded="true"] .menu-close{display:block}.hero-content{position:relative;z-index:2;height:calc(100% - 150px);display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-copy{max-width:700px;margin-top:26px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:29px;font-size:11px;letter-spacing:.15em;color:rgba(255,255,255,.68);text-transform:uppercase}.live-dot{height:7px;width:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 15px var(--lime)}.hero h1{font-size:clamp(64px,6.6vw,96px);line-height:.85;letter-spacing:-.065em;margin:0 0 36px;font-weight:530}.hero h1 em{color:var(--lime)}.hero-copy>p{max-width:560px;margin:0 0 12px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.77)}.hero-copy>p strong{color:white;font-weight:650}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:34px}.hero-note{font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.55)}.button{min-height:51px;padding:0 23px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:650;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);color:#102214}.button.primary:hover{background:white}.button.ghost{border:1px solid rgba(255,255,255,.35);background:rgba(6,24,16,.26);backdrop-filter:blur(12px)}
/* Hero scene: people and robots at work on the plaza, birds over the water. Inline SVG animated with CSS.
   .scene reproduces the background's cover box (hero.webp is 1672x941), so every position is a % of the photo and stays
   pinned to the walkway at any viewport. It lives inside .hero-bg, so it rides the scroll parallax and sits under the shade. */
.hero-bg{container-type:size}.scene{position:absolute;left:50%;top:50%;width:max(100cqw,100cqh*1.7768);height:max(100cqh,100cqw/1.7768);transform:translate(-50%,-50%);container-type:size;pointer-events:none}
.actor{position:absolute;left:var(--x);top:calc(var(--y) - var(--h));width:0;height:var(--h);transform-origin:0 100%}.fig{position:absolute;bottom:0;left:0;height:100%;width:auto;overflow:visible;transform:translateX(calc(var(--ax,.5)*-100%))}.fig.flip{transform:translateX(-50%) scaleX(-1)}
.fig g{transform-box:view-box}.fig .thigh,.fig .lean{transform-origin:20px 50px}.fig .shin{transform-origin:20px 74px}.fig .arm{transform-origin:20px 25.5px}.fig .fore{transform-origin:20px 42.5px}.fig .cast{fill:#16221c;opacity:.24}.fig .shade{fill:#000;opacity:.14}
.person{--hip:1;--knee:1;--sw:1}.person .pants{fill:none;stroke:var(--pants);stroke-width:6.4;stroke-linecap:round}.person .sw{stroke-width:5.2}.person .hips{fill:var(--pants)}.person .shoe{stroke:#1b1d1c;stroke-width:3.2;stroke-linecap:round}.person .sleeve{fill:none;stroke:var(--top);stroke-width:4.6;stroke-linecap:round}.person .hand{stroke:var(--skin);stroke-width:3.4;stroke-linecap:round}.person .shirt{fill:var(--top)}.person .skin{fill:var(--skin)}.person .hair{fill:var(--hair)}.person .b .pants{stroke:color-mix(in srgb,var(--pants) 72%,#000)}.person .b .sleeve{stroke:color-mix(in srgb,var(--top) 74%,#000)}
.bot{--hip:.8;--knee:.6;--sw:.55}.bot .plate{fill:#e6e9e4;stroke:rgba(20,30,25,.28);stroke-width:.7}.bot .limb{fill:none;stroke:#bfc6c1;stroke-width:7;stroke-linecap:round}.bot .thin{stroke-width:6}.bot .aw{stroke-width:5}.bot .fw{stroke-width:4.4}.bot .b .limb{stroke:#8e9690}.bot .joint,.bot .pelvis{fill:#2a302d}.bot .foot{stroke:#2a302d;stroke-width:3.4;stroke-linecap:round}.bot .visor{fill:#131816}.bot .glow{fill:var(--lime);filter:drop-shadow(0 0 1.5px var(--lime))}
.walk .bob{animation:bob calc(var(--gait)/4) ease-in-out var(--gd,0s) infinite alternate}.walk .thigh.a{animation:thigh var(--gait) ease-in-out var(--gd,0s) infinite}.walk .thigh.b{animation:thigh var(--gait) ease-in-out calc(var(--gd,0s) - var(--gait)/2) infinite}.walk .shin.a{animation:shin var(--gait) ease-in-out var(--gd,0s) infinite}.walk .shin.b{animation:shin var(--gait) ease-in-out calc(var(--gd,0s) - var(--gait)/2) infinite}.walk .arm.a{animation:arm var(--gait) ease-in-out var(--gd,0s) infinite}.walk .arm.b{animation:arm var(--gait) ease-in-out calc(var(--gd,0s) - var(--gait)/2) infinite}.walk .fore.a{animation:fore var(--gait) ease-in-out var(--gd,0s) infinite}.walk .fore.b{animation:fore var(--gait) ease-in-out calc(var(--gd,0s) - var(--gait)/2) infinite}
@keyframes bob{from{transform:translateY(.7px)}to{transform:translateY(-.7px)}}@keyframes thigh{0%,100%{transform:rotate(calc(-22deg*var(--hip)))}30%{transform:rotate(0deg)}56%{transform:rotate(calc(17deg*var(--hip)))}78%{transform:rotate(calc(-10deg*var(--hip)))}}@keyframes shin{0%,100%{transform:rotate(calc(4deg*var(--knee)))}14%{transform:rotate(calc(15deg*var(--knee)))}38%{transform:rotate(calc(5deg*var(--knee)))}60%{transform:rotate(calc(32deg*var(--knee)))}72%{transform:rotate(calc(56deg*var(--knee)))}88%{transform:rotate(calc(20deg*var(--knee)))}}@keyframes arm{0%,100%{transform:rotate(calc(15deg*var(--sw)))}50%{transform:rotate(calc(-15deg*var(--sw)))}}@keyframes fore{0%,100%{transform:rotate(calc(-6deg*var(--sw)))}50%{transform:rotate(calc(-24deg*var(--sw)))}}
.walk.porter .arm.a,.walk.porter .arm.b{animation:none;transform:rotate(-30deg)}.walk.porter .fore.a,.walk.porter .fore.b{animation:none;transform:rotate(-60deg)}.porter .box{fill:#a78a5f}.porter .slat{fill:none;stroke:#7d6443;stroke-width:.8}.porter .leaf{fill:#6b9a52}
.cleaner .thigh.a{transform:rotate(-6deg)}.cleaner .thigh.b{transform:rotate(8deg)}.cleaner .shin{transform:rotate(3deg)}.cleaner .fore{transform:rotate(-58deg)}.cleaner .push-arm{animation:pushArm 1.9s ease-in-out infinite alternate}.cleaner .push{animation:push 1.9s ease-in-out infinite alternate}.cleaner .bob{animation:bob .95s ease-in-out infinite alternate}.cleaner .handle{stroke:#3a403d;stroke-width:1.8;stroke-linecap:round}.cleaner .pad{fill:#2f3532}.cleaner .sheen{fill:#fff;opacity:.2;animation:sheen 1.9s ease-in-out infinite alternate}
@keyframes pushArm{from{transform:rotate(-22deg)}to{transform:rotate(-42deg)}}@keyframes push{from{transform:translateX(-2.4px)}to{transform:translateX(2.6px)}}@keyframes sheen{to{opacity:.32}}
.gardener .thigh.a{transform:rotate(-7deg)}.gardener .thigh.b{transform:rotate(9deg)}.gardener .shin{transform:rotate(4deg)}.gardener .lean{animation:lean 5s ease-in-out infinite alternate}.gardener .arm.b{transform:rotate(-14deg)}.gardener .fore.b{transform:rotate(-18deg)}.gardener .reach{transform:rotate(-48deg)}.gardener .fore.a{animation:snip 3.2s ease-in-out infinite}.gardener .shears{fill:none;stroke:#2a302d;stroke-width:1.2;stroke-linecap:round}.gardener .leaf-fall{fill:#7fae5c;transform-box:fill-box;transform-origin:center;animation:leaf 6.4s ease-in 1.2s infinite}
@keyframes lean{from{transform:rotate(22deg)}to{transform:rotate(28deg)}}@keyframes snip{0%,44%,100%{transform:rotate(-14deg)}9%,27%{transform:rotate(-26deg)}18%,36%{transform:rotate(-12deg)}}@keyframes leaf{0%{transform:translate(0,0) rotate(0deg);opacity:0}4%{opacity:1}40%{transform:translate(-3px,17px) rotate(260deg);opacity:0}100%{opacity:0}}
.bird{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;overflow:visible;fill:#27332f;animation:flock 26s linear var(--d,0s) infinite}.bird.west{animation:westward 34s linear -13s infinite}.bird .wing{transform-box:view-box;animation:flap 3.4s ease-in-out var(--fd,0s) infinite}.bird .l{transform-origin:19px 9px;--dir:1}.bird .r{transform-origin:21px 9px;--dir:-1}
@keyframes flap{0%,36%,100%{transform:rotate(calc(5deg*var(--dir)))}6%,18%,30%{transform:rotate(calc(-24deg*var(--dir)))}12%,24%{transform:rotate(calc(20deg*var(--dir)))}}@keyframes flock{0%{transform:translate(0,0);opacity:0}5%,54%{opacity:.85}60%,100%{transform:translate(24cqw,-17cqh);opacity:0}}@keyframes westward{0%{transform:translate(0,0);opacity:0}6%,50%{opacity:.8}58%,100%{transform:translate(-19cqw,2.5cqh);opacity:0}}
.pair{--x:51%;--y:78%;--h:4.2%;--gait:1.2s;animation:approach 22s infinite,approachFade 22s linear infinite}.stroll{--x:83%;--y:76.8%;--h:3.3%;--gait:1.4s;animation:stroll 26s linear -9s infinite}.stroll .fig{filter:saturate(.7) contrast(.85) brightness(1.05)}.gardening{--x:65.2%;--y:80.4%;--h:5.4%}.cleaning{--x:55%;--y:91%;--h:10%;animation:drift 18s ease-in-out infinite alternate}
@keyframes approach{0%{transform:none;animation-timing-function:cubic-bezier(.4,.1,.8,.9)}78%,100%{transform:translate(37cqw,37cqh) scale(3.9)}}@keyframes approachFade{0%{opacity:0}4%,78%{opacity:1}79%,100%{opacity:0}}@keyframes stroll{0%{transform:none;opacity:0}4%,78%{opacity:.9}78%{transform:translateX(21cqw)}79%,100%{transform:translateX(21cqw);opacity:0}}@keyframes drift{to{transform:translateX(1.8cqw)}}
.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.55)}.scroll-cue div{height:1px;width:65px;background:rgba(255,255,255,.4)}
.section-head{display:grid;grid-template-columns:.8fr 1.35fr .85fr;gap:45px;align-items:end;margin-bottom:70px}.section-head h2,.system-copy h2,.work-head h2,.process-intro h2{font-size:clamp(48px,5.6vw,80px);letter-spacing:-.055em;line-height:.95;font-weight:510;margin:0}.section-head p,.work-head>p{font-size:15px;color:#5d665f;line-height:1.7;max-width:340px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-card{padding:35px 34px 38px 0;min-height:380px;position:relative;border-right:1px solid var(--line)}.service-card+article{padding-left:34px}.service-card:last-child{border-right:0}.service-top{display:flex;justify-content:space-between;color:#77867d;font-size:11px}.service-top svg{width:28px;color:#2a845c;stroke-width:1.4}.service-card h3{font-size:27px;font-weight:510;letter-spacing:-.035em;margin:92px 0 16px}.service-card p{max-width:280px;color:#6b716d;line-height:1.65;font-size:14px}.service-card>a{position:absolute;bottom:12px;right:34px;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s}.service-card>a:hover{background:var(--forest);color:white;transform:rotate(45deg)}.service-card>a svg{width:17px}
.system{background:var(--forest);color:white;position:relative;overflow:hidden}.organic-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-250px;bottom:-330px;background:radial-gradient(circle,rgba(67,217,142,.17),transparent 65%)}.system-copy{display:grid;grid-template-columns:.7fr 1.5fr .9fr;gap:55px;align-items:end}.system-copy h2 em{color:var(--lime)}.system-copy p{color:rgba(255,255,255,.56);line-height:1.7;font-size:15px}.system-map{--nw:150px;--ni:84px;position:relative;aspect-ratio:2/1;margin:80px 0 40px}.system-map::before{content:"";position:absolute;inset:16% 24%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(67,217,142,.14),transparent 68%)}.system-web{position:absolute;inset:0;width:100%;height:100%}.web-line{fill:none;stroke:rgba(185,239,118,.22);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke .35s,stroke-width .35s,opacity .35s}.web-pulse{fill:none;stroke:var(--lime);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:100;opacity:0;transition:opacity .35s}.system-map.is-live .web-line{animation:web-draw 1.3s cubic-bezier(.4,0,.2,1) calc(var(--i)*.06s) forwards}.system-map.is-drawn .web-line{animation:none;stroke-dashoffset:0}.system-map.is-drawn .web-pulse{opacity:.9;animation:web-flow 6s linear calc(var(--i)*-.6s) infinite}@keyframes web-draw{to{stroke-dashoffset:0}}@keyframes web-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}.system-node{position:absolute;z-index:2;cursor:pointer;width:var(--nw);left:calc(var(--x) - var(--nw)/2);top:calc(var(--y) - var(--ni)/2);text-align:center}.system-node>*{transition:opacity .35s}.node-icon{width:var(--ni);height:var(--ni);margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#0b2c20;border:1px solid rgba(185,239,118,.32);box-shadow:0 0 0 10px var(--forest);transition:border-color .35s,box-shadow .35s}.node-icon svg{width:26px;color:var(--lime);stroke-width:1.4}.system-node strong,.system-node small{display:block}.system-node strong{font-size:15px;white-space:nowrap}.system-node small{font-size:10px;margin-top:6px;color:rgba(255,255,255,.42)}.web-story{position:absolute;left:50%;top:50%;width:440px;height:118px;transform:translate(-50%,-50%);pointer-events:none}.web-note{position:absolute;inset:0;margin:0;display:grid;align-content:center;text-align:center;padding:0 26px;opacity:0;transition:opacity .55s;background:radial-gradient(ellipse at center,rgba(8,27,20,.95) 42%,rgba(8,27,20,0) 74%)}.web-note.is-on{opacity:1}.web-note strong{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin-bottom:12px}.web-note span{font-size:15px;line-height:1.55;color:rgba(255,255,255,.72)}.system-map.is-focused .system-node>*{opacity:.35}.system-map.is-focused .system-node.is-on>*{opacity:1}.system-node.is-on .node-icon{border-color:rgba(185,239,118,.8);box-shadow:0 0 0 10px var(--forest),0 0 30px rgba(185,239,118,.25)}.system-map.is-focused .web-line{opacity:.15}.system-map.is-focused .web-pulse{opacity:0}.web-line.is-on{stroke:rgba(185,239,118,.85);stroke-width:1.6}.system-map.is-focused .web-line.is-on{opacity:1}.web-line.is-active{stroke:rgba(185,239,118,.9);stroke-width:1.8;opacity:1}.system-stat{border-top:1px solid rgba(255,255,255,.14);padding-top:35px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.system-stat>span{font-size:11px;letter-spacing:.13em;color:#7db397}.system-stat strong{font-size:80px;font-weight:420;text-align:center;line-height:1}.system-stat sup{font-size:34px;color:var(--lime)}.system-stat p{text-align:right;color:rgba(255,255,255,.45);font-size:12px}
.work{background:#efede4}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.work-head .kicker{display:block;margin-bottom:28px}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:560px 460px;gap:16px}.case{position:relative;border-radius:5px;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:white;isolation:isolate}.case-photo{background:url('assets/studio.webp') center/cover}.case-dark{background:#18201c}.case-light{background:#d5d5cb;color:#101411}.case-green{background:#1d563e}.case-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,13,9,.8),transparent 65%)}.case-light .case-wash{background:radial-gradient(circle at 72% 25%,rgba(70,178,125,.55),transparent 25%),linear-gradient(135deg,transparent 50%,rgba(4,54,35,.15))}.case-dark:after,.case-green:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(185,239,118,.24);border-radius:50%;width:330px;height:330px;right:-80px;top:70px;box-shadow:0 0 0 50px rgba(185,239,118,.035),0 0 0 100px rgba(185,239,118,.025)}.case-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.case-top span+span{border:1px solid currentColor;border-radius:100px;padding:7px 11px;opacity:.65}.case-bottom{display:flex;justify-content:space-between;align-items:flex-end}.case h3{font-size:32px;letter-spacing:-.04em;font-weight:500;margin:0 0 10px}.case-bottom p{display:flex;align-items:center;gap:8px;font-size:11px;opacity:.6}.case-metric{text-align:right}.case-metric strong,.case-metric span{display:block}.case-metric strong{font-size:48px;font-weight:450;letter-spacing:-.05em}.case-metric span{font-size:10px;opacity:.55;max-width:100px}
.process-intro{display:flex;justify-content:space-between;align-items:flex-start}.process-intro .kicker{margin-top:10px}.process-track{display:grid;grid-template-columns:repeat(5,1fr);margin-top:95px;border-top:1px solid #a8b0aa}.process-step{position:relative;padding:35px 26px 0 0}.process-number{font-size:10px;color:#738077;position:absolute;top:-25px}.process-dot{width:8px;height:8px;background:var(--ivory);border:2px solid #4d8d6b;border-radius:50%;position:absolute;top:-5px}.process-step h3{font-size:20px;font-weight:520;margin:10px 0 15px}.process-step p{font-size:12px;line-height:1.65;color:#69716b;max-width:185px}
.final-cta{height:700px;background:#0b251b;color:white;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.cta-copy{position:relative;z-index:2}.cta-copy h2{font-size:clamp(60px,7.7vw,110px);letter-spacing:-.06em;line-height:.9;font-weight:500;margin:30px 0 45px}.cta-copy h2 em{color:var(--lime)}.button.ivory{background:var(--ivory);color:var(--forest);margin:auto;min-width:180px}.button.ivory:hover{background:var(--lime)}.cta-orbit{position:absolute;border:1px solid rgba(185,239,118,.12);border-radius:50%;width:800px;height:800px}.orbit-b{width:1100px;height:500px;transform:rotate(-20deg)}.brand-watermark{position:absolute;left:8%;bottom:13%;color:rgba(185,239,118,.18)}.brand-watermark svg{width:180px;height:180px;stroke-width:.5}footer{background:#0a1510;color:white;padding:80px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr 1fr;gap:55px}.footer-grid>p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.45);margin:0}.footer-grid>div{display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-grid>div>span{font-size:9px;letter-spacing:.17em;color:#6d8e7c;margin-bottom:8px}.footer-grid>div>a{color:rgba(255,255,255,.7)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:75px;padding-top:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.35)}.footer-bottom a{display:flex;gap:8px;align-items:center}
@media(max-width:900px){.shell{width:min(100% - 38px,720px)}.section{padding:95px 0}.nav{height:74px}.nav-links,.nav-cta{display:none}.menu{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px}.nav.is-open .nav-links{display:flex;flex-direction:column;gap:0;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:6px 22px 22px;font-size:17px;color:white;background:rgba(8,27,20,.97);border:1px solid rgba(255,255,255,.16);border-radius:18px}.nav.is-open .nav-links a{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.nav.is-open .nav-links .nav-links-cta{display:block;margin-top:18px;padding:15px 0;border:0;border-radius:100px;background:var(--lime);color:var(--forest);font-weight:650;text-align:center}.hero{min-height:750px}.hero-content{display:block;padding-top:90px}.hero-copy{margin:0}.hero h1{font-size:clamp(56px,11.5vw,82px)}.section-head,.system-copy{grid-template-columns:1fr;gap:26px}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line);min-height:260px;padding:30px 0}.service-card+article{padding-left:0}.service-card h3{margin-top:50px}.work-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,430px)}.process-track{grid-template-columns:1fr;margin-top:60px;border-top:0;border-left:1px solid #a8b0aa}.process-step{padding:0 0 45px 35px}.process-dot{top:4px;left:-5px}.process-number{top:4px;left:-32px}.process-step h3{margin-top:0}.system-map{--nw:120px;--ni:66px;aspect-ratio:1.45/1;margin:55px 0 35px}.web-story{width:380px}.web-note span{font-size:14px}.system-node strong{font-size:14px}.system-stat{grid-template-columns:1fr 1fr}.system-stat p{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.shell{width:calc(100% - 32px)}.hero{height:820px}.hero-bg{background-position:58% center}.hero-content{padding-top:72px}.eyebrow{font-size:9px}.hero h1{font-size:12.4vw}.hero-actions{flex-wrap:wrap}.scene{left:58%;transform:translate(-58%,-50%)}.section-head h2,.system-copy h2,.work-head h2,.process-intro h2{font-size:48px}.system-map{--nw:104px;--ni:58px;aspect-ratio:1/1.05;margin:45px 0 120px}.web-story{top:100%;height:88px;width:min(100%,330px);transform:translate(-50%,0);margin-top:16px}.web-note{background:none;padding:0}.web-note strong{margin-bottom:8px}.web-note span{font-size:13px}.system-node{left:calc(50% + (var(--x) - 50%)*.86 - var(--nw)/2);top:calc(50% + (var(--y) - 50%)*.92 - var(--ni)/2)}.system-node strong{font-size:13px}.system-node small{font-size:9px}.node-icon svg{width:22px}.system-stat{grid-template-columns:1fr;gap:24px}.system-stat strong{text-align:left;font-size:67px}.work-head,.process-intro{display:block}.work-head>p{margin-top:25px}.work-grid{grid-template-rows:repeat(4,380px)}.case{padding:22px}.case-bottom{display:block}.case-metric{text-align:left;margin-top:20px}.case-metric strong{font-size:38px}.final-cta{height:610px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.footer-bottom a{margin-top:12px}.cta-orbit{width:560px;height:560px}.orbit-b{width:700px;height:300px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.hero-bg{transform:none!important}.web-line{stroke-dashoffset:0}.web-pulse{display:none}}