:root{--ink:#080a09;--paper:#f3f2ec;--acid:#b8ff18;--blue:#69caff;--muted:#a8ada7;--line:rgba(255,255,255,.16);--max:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.skip{position:fixed;left:1rem;top:-5rem;background:var(--acid);color:#000;padding:.8rem 1rem;z-index:99}
.skip:focus{top:1rem}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;width:100%;z-index:10;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.7rem;font-size:.9rem;font-weight:850;letter-spacing:.18em}
.mark{position:relative;display:block;width:44px;height:44px;color:transparent;font-size:0;background:#080a09 url('/assets/vezarok-glass-v.webp') center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(184,255,24,.3));transform:perspective(200px) rotateY(var(--mark-rx,0deg)) rotateX(var(--mark-ry,0deg));transition:transform .35s ease,filter .35s ease}
.brand:hover .mark{filter:drop-shadow(0 0 16px rgba(184,255,24,.62)) saturate(1.15);transform:perspective(200px) rotateY(-9deg) rotateX(4deg) scale(1.06)}
.nav nav{display:flex;align-items:center;gap:2rem;font-size:.84rem}
.nav-cta{border:1px solid var(--paper);padding:.8rem 1rem}
.menu{display:none}
.hero{height:min(940px,100vh);min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-art,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%}
.hero-art{object-fit:cover}
.hero-shade{background:linear-gradient(90deg,rgba(5,6,5,.96) 0%,rgba(5,6,5,.72) 42%,rgba(5,6,5,.06) 75%),linear-gradient(0deg,rgba(5,6,5,.7),transparent 40%)}
.hero-grid{opacity:.12;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,#000,transparent 65%)}
.hero-copy{position:relative;z-index:2;width:min(850px,88vw);margin-left:7vw;padding-top:5rem}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}
.eyebrow{display:flex;align-items:center;gap:.7rem}
.eyebrow span{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 20px var(--acid)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(4rem,7.8vw,8.8rem);line-height:.86;letter-spacing:-.065em;margin:2.2rem 0 2rem;max-width:1050px}
.hero h1 em,.cta em{color:var(--acid);font-style:normal}
.lede{font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.55;max-width:640px;color:#d1d4cf}
.actions{display:flex;gap:1rem;margin-top:2.2rem}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem 1.25rem;font-weight:750;font-size:.86rem}
.primary{background:var(--acid);color:#071000}
.ghost{border:1px solid var(--line);backdrop-filter:blur(8px)}
.hero-foot{position:absolute;z-index:2;left:4vw;right:4vw;bottom:1.6rem;display:flex;align-items:center;gap:1.2rem;color:#b9bdb7;text-transform:uppercase;font-size:.62rem;letter-spacing:.15em}
.hero-foot .line{height:1px;background:var(--line);flex:1}
.manifesto,.services-preview,.proof,.work-preview,.cta{padding:clamp(6rem,11vw,11rem) 6vw}
.manifesto{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}
.manifesto h2,.section-head h2,.proof h2,.cta h2{font-size:clamp(3rem,6vw,7rem);line-height:.92;letter-spacing:-.06em}
.manifesto h2 span,.proof h2 span{color:#747872}
.manifesto-copy{align-self:end;font-size:1.12rem;line-height:1.65;max-width:560px}
.section-head{display:grid;grid-template-columns:.5fr 1.4fr .4fr;align-items:end;gap:2rem;margin-bottom:5rem}
.section-head>p{color:var(--acid);text-transform:uppercase;font-size:.72rem;letter-spacing:.17em}
.section-head h2{margin:0}
.section-head>a{justify-self:end;border-bottom:1px solid;padding-bottom:.4rem;font-size:.85rem}
.service-list>a{display:grid;grid-template-columns:70px 1.2fr 1fr 40px;align-items:center;gap:2rem;padding:2.3rem 0;border-top:1px solid var(--line);transition:.25s}
.service-list>a:last-child{border-bottom:1px solid var(--line)}
.service-list>a:hover{padding-left:1rem;background:rgba(184,255,24,.045)}
.service-list span{color:var(--acid);font-size:.75rem}
.service-list h3{font-size:clamp(1.6rem,3vw,3.3rem);letter-spacing:-.04em;margin:0}
.service-list p{color:var(--muted);line-height:1.5;margin:0}
.service-list b{font-size:1.4rem}
.proof{background:var(--acid);color:#071000}
.proof .kicker{border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:1rem}
.proof{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw}
.work-preview{background:#101311}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.project{min-height:480px;padding:2.2rem;display:flex;justify-content:space-between;overflow:hidden}
.project:first-child{grid-column:1/-1}
.project span{text-transform:uppercase;letter-spacing:.14em;font-size:.66rem}
.project h3{font-size:clamp(2.5rem,5vw,5.5rem);letter-spacing:-.05em;margin:1rem 0}
.project p{max-width:370px;line-height:1.6}
.acid{background:#c3ff33;color:#071000}
.blue{background:#103255;color:#eef8ff}
.light{background:#e9e5da;color:#151614}
.project-orbit{align-self:center;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:min(30vw,300px);aspect-ratio:1;font-size:clamp(3rem,8vw,8rem);font-weight:900;letter-spacing:-.08em;transition:transform .5s}
.project:hover .project-orbit{transform:rotate(12deg) scale(1.05)}
.cta{text-align:center;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#183218,#080a09 55%)}
.cta .button{margin-top:2rem}
footer{padding:5rem 5vw 2rem;background:#050605;border-top:1px solid var(--line)}
.footer-top{display:flex;justify-content:space-between;padding-bottom:4rem}
.footer-top p{color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:3rem 0;border-top:1px solid var(--line)}
.footer-grid div{display:flex;flex-direction:column;gap:.7rem}
.footer-grid h2{font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.15em}
.footer-grid a{font-size:.9rem}
.footer-bottom{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;justify-content:space-between;color:#858a84;font-size:.72rem}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav{height:70px}
.menu{display:block;background:none;border:1px solid var(--line);color:#fff;padding:.6rem}
.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#080a09;padding:2rem;flex-direction:column;align-items:flex-start}
.nav nav.open{display:flex}
.hero{min-height:760px}
.hero-copy{margin-left:6vw}
.hero h1{font-size:clamp(3.5rem,16vw,6rem)}
.hero-art{object-position:65% center}
.hero-shade{background:linear-gradient(90deg,rgba(5,6,5,.94),rgba(5,6,5,.3)),linear-gradient(0deg,#050605,transparent 60%)}
.actions{align-items:stretch;flex-direction:column;max-width:350px}
.manifesto,.proof{grid-template-columns:1fr}
.section-head{grid-template-columns:1fr}
.section-head>a{justify-self:start}
.service-list>a{grid-template-columns:35px 1fr 25px}
.service-list p{grid-column:2/-1}
.work-grid{grid-template-columns:1fr}
.project:first-child{grid-column:auto}
.project{min-height:410px;flex-direction:column}
.project-orbit{align-self:flex-end}
.footer-top,.footer-bottom{flex-direction:column;gap:1rem}
.footer-grid{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.reveal{opacity:1;transform:none}
}

.inner-nav{position:relative;background:#080a09}
.page-hero{padding:9rem 6vw 6rem;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 20%,#1d3520,transparent 36%),#080a09}
.page-hero .eyebrow{color:var(--acid)}
.page-hero h1{font-size:clamp(4rem,9vw,9rem);line-height:.85;letter-spacing:-.07em;max-width:1200px;margin:2rem 0}
.page-hero>p:last-child{font-size:1.2rem;line-height:1.6;max-width:680px;color:#b8bdb7}
.content{padding:6rem 6vw;background:var(--paper);color:var(--ink)}
.content.dark{background:#101311;color:var(--paper)}
.content h2{font-size:clamp(2.8rem,5vw,5.5rem);letter-spacing:-.055em;line-height:.95}
.content h3{font-size:1.5rem}
.content p{line-height:1.7}
.cap-grid,.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.cap-card,.principles article{border:1px solid rgba(0,0,0,.16);padding:2rem;min-height:270px}
.dark .cap-card,.dark .principles article{border-color:var(--line)}
.cap-card .num{color:#66705f;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.cap-card ul{padding-left:1.2rem;line-height:1.9}
.process{counter-reset:step}
.process article{display:grid;grid-template-columns:80px 1fr 1fr;gap:2rem;padding:2rem 0;border-top:1px solid currentColor}
.process article:before{counter-increment:step;content:'0' counter(step);color:#687063}
.process p{max-width:600px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}
.contact-form{display:grid;gap:1rem}
.contact-form label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:1rem;border:1px solid #9da19b;background:transparent;font:inherit}
.contact-form textarea{min-height:150px}
.contact-note{font-size:.75rem;color:#5f645e}
.legal{max-width:850px}
.legal h2{font-size:2rem;margin-top:3rem}
.legal h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.05em}
.legal a{text-decoration:underline}
.credential-band{padding:2rem 6vw;background:#e7e6df;color:#101210;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.credential-band article{background:#f3f2ec;padding:1.6rem}
.credential-band strong{display:block;font-size:1.1rem;margin-bottom:.45rem}
.credential-band span{font-size:.72rem;color:#686d66;line-height:1.5}
.studio-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}
.studio-photo{min-height:620px;position:relative;overflow:hidden;background:#121612}
.studio-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.8) contrast(1.05)}
.studio-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,9,.65),transparent 50%)}
.studio-copy .role{color:var(--acid);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}
.studio-copy blockquote{font-size:clamp(1.8rem,3vw,3.4rem);letter-spacing:-.04em;line-height:1.08;margin:2rem 0}
.faq-list details{border-top:1px solid currentColor;padding:1.5rem 0}
.faq-list details:last-child{border-bottom:1px solid currentColor}
.faq-list summary{cursor:pointer;font-size:1.25rem;font-weight:750;display:flex;justify-content:space-between;gap:2rem}
.faq-list summary:after{content:"+";color:var(--acid)}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{max-width:820px;color:var(--muted);padding-top:1rem}
.product-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.product-matrix article{background:#101311;padding:2rem;min-height:260px}
.product-matrix h3{font-size:2rem;letter-spacing:-.04em}
.product-matrix p{color:var(--muted)}
.product-matrix .status{display:inline-block;color:var(--acid);text-transform:uppercase;letter-spacing:.13em;font-size:.64rem;margin-bottom:2rem}
.subnav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.subnav a{border:1px solid currentColor;padding:.7rem .9rem;font-size:.76rem}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.article-card{border:1px solid currentColor;padding:2rem;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}
.article-card h2{font-size:2.2rem}
.article-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#6f746d}
.system-intro{background:var(--paper);color:var(--ink);padding:clamp(6rem,10vw,10rem) 6vw}
.system-intro>p:not(.kicker){max-width:900px;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.55;color:#484d47}
.system-intro h2{font-size:clamp(3rem,6.7vw,7.5rem);line-height:.9;letter-spacing:-.065em;max-width:1200px}
.system-console{margin-top:5rem;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #b9bcb5;min-height:480px}
.system-tabs{display:flex;flex-direction:column;border-right:1px solid #b9bcb5}
.system-tab{appearance:none;border:0;border-bottom:1px solid #c8cbc4;background:transparent;color:#171a17;text-align:left;padding:1.35rem 1.5rem;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:1rem;font:inherit;cursor:pointer}
.system-tab span{font-size:.7rem;color:#777d74}.system-tab strong{font-size:1.15rem}.system-tab b{font-size:1.3rem;font-weight:400}.system-tab[aria-selected="true"]{background:#101310;color:#fff}.system-tab[aria-selected="true"] span,.system-tab[aria-selected="true"] b{color:var(--acid)}
.system-panels{position:relative;overflow:hidden;background:#0b0e0c;color:#fff}
.system-panel{position:absolute;inset:0;padding:clamp(2rem,5vw,5rem);opacity:0;transform:translateX(35px);pointer-events:none;transition:.45s cubic-bezier(.2,.7,.2,1)}
.system-panel.active{opacity:1;transform:none;pointer-events:auto}
.system-panel .panel-num{font-size:clamp(5rem,12vw,12rem);font-weight:900;line-height:.75;color:rgba(184,255,24,.09);letter-spacing:-.08em;position:absolute;right:1rem;top:2rem}
.system-panel h3{font-size:clamp(2.3rem,4vw,4.8rem);letter-spacing:-.05em;margin-bottom:1rem;position:relative}.system-panel p{font-size:1.1rem;color:#bdc2bb;line-height:1.65;max-width:650px;position:relative}.system-panel ul{line-height:1.9;color:#e4e7e1;position:relative;padding-left:1.2rem}
.interactive-note{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#70766e;margin-top:1rem}
.project{position:relative}.project:after{content:"Open system profile →";position:absolute;right:2rem;bottom:2rem;padding:.75rem 1rem;background:#080a09;color:#fff;font-size:.72rem;transform:translateY(16px);opacity:0;transition:.3s}.project:hover:after,.project:focus-visible:after{opacity:1;transform:none}
.button{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.button:before{content:"";position:absolute;inset:-2px;transform:translateX(-110%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:transform .65s}.button:hover:before{transform:translateX(110%) skewX(-20deg)}.button:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.credential-band article{transition:transform .25s ease,background .25s ease}.credential-band article:hover{transform:translateY(-5px);background:#fff}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:3rem}.timeline article{background:#101311;padding:2rem;min-height:240px}.timeline time{color:var(--acid);font-size:.72rem;letter-spacing:.13em}.timeline h3{font-size:1.6rem;margin-top:2rem}.timeline p{color:var(--muted)}
.detail-hero{padding:10rem 6vw 7rem;background:#090b0a;color:#fff}.detail-hero .label{color:var(--acid);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.detail-hero h1{font-size:clamp(4rem,8vw,9rem);letter-spacing:-.07em;line-height:.85;max-width:1200px;margin:2rem 0}.detail-hero .summary{font-size:1.25rem;line-height:1.65;color:#bdc2bb;max-width:760px}
.deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9cbc5}.deliverables article{background:var(--paper);padding:2rem;min-height:250px}.deliverables span{font-size:.7rem;color:#687064}.deliverables h3{font-size:1.6rem}.outcomes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.outcomes article{border:1px solid currentColor;padding:2rem}
.article-body{max-width:850px;margin:auto}.article-body h2{margin-top:4rem}.article-body p,.article-body li{font-size:1.08rem;line-height:1.8}.article-body .callout{border-left:5px solid var(--acid);padding:1.5rem 2rem;background:#151916;color:#fff;margin:3rem 0}
.portfolio-visual{display:block;width:calc(100% + 2px);height:auto;aspect-ratio:3/2;object-fit:contain;margin:-1px -1px 1.35rem;background:#050605;border-bottom:1px solid rgba(255,255,255,.14);filter:saturate(.94);transition:filter .35s ease}.product-matrix article{overflow:hidden}.product-matrix article:hover .portfolio-visual{filter:saturate(1.08)}
.system-panel[hidden]{display:block;visibility:hidden}.system-tab:focus-visible{outline:3px solid var(--acid);outline-offset:-3px}
@media(max-width:1100px){.menu{display:block;background:none;border:1px solid var(--line);color:#fff;padding:.6rem}.nav nav{display:none;position:absolute;top:84px;left:0;right:0;background:#080a09;padding:2rem;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}}
@media(max-width:900px){.credential-band,.product-matrix,.article-grid{grid-template-columns:1fr 1fr}.studio-split{grid-template-columns:1fr}.studio-photo{min-height:520px}}
@media(max-width:900px){.system-console{grid-template-columns:1fr}.system-tabs{border-right:0;border-bottom:1px solid #b9bcb5}.system-tab{grid-template-columns:34px 1fr auto}.system-panels{min-height:480px}.timeline{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.deliverables{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.credential-band,.product-matrix,.article-grid,.timeline,.deliverables,.outcomes{grid-template-columns:1fr}.studio-photo{min-height:460px}.system-panel{padding:2rem}.system-panels{min-height:540px}}
@media(max-width:800px){.cap-grid,.principles,.contact-grid{grid-template-columns:1fr}
.process article{grid-template-columns:40px 1fr}
.process p{grid-column:2}
.page-hero{min-height:500px}
}

/* Premium content system: compact, concrete, and intentionally numbered only for sequence. */
.system-intro{padding:5rem 6vw}.system-console{margin-top:3rem}.services-preview,.proof,.work-preview{padding:5rem 6vw}.section-head{margin-bottom:3rem}.work-preview .project{min-height:400px}.faq-section+.cta{min-height:520px;padding-top:4rem;padding-bottom:4rem}
.system-intro{padding:3rem 6vw}.system-intro h2{font-size:clamp(2.6rem,4.5vw,5rem);margin-bottom:1rem}.system-intro>p:not(.kicker){font-size:1.05rem;max-width:760px}.system-console{margin-top:2rem;min-height:330px}.system-tab{padding:.8rem 1.1rem}.system-panel{padding:2.2rem 3rem}.system-panel h3{font-size:clamp(2rem,3vw,3.5rem)}.system-panel p{font-size:.95rem}.system-panel ul{line-height:1.6;font-size:.88rem}.system-panels{min-height:330px}
.services-preview{padding:3rem 6vw}.services-preview .section-head{grid-template-columns:.35fr 1.2fr .3fr;margin-bottom:1.6rem}.services-preview .section-head h2{font-size:clamp(2.4rem,4.5vw,4.8rem)}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.service-list>a{background:var(--ink);grid-template-columns:1fr 24px;gap:.7rem 1rem;padding:1.25rem 1.4rem;border:0!important;min-height:135px}.service-list>a:hover{padding-left:1.4rem;background:#121713}.service-list h3{font-size:clamp(1.45rem,2.2vw,2.35rem)}.service-list p{grid-column:1;font-size:.8rem}.service-list b{grid-column:2;grid-row:1/3;align-self:center}
.work-preview{padding:3rem 6vw}.work-preview .section-head h2{font-size:clamp(2.5rem,4.5vw,4.8rem)}.work-preview .section-head{margin-bottom:1.8rem}.work-preview .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-preview .project:first-child{grid-column:auto}.work-preview .project{min-height:330px;padding:1.5rem;flex-direction:column}.work-preview .project h3{font-size:clamp(2rem,3.5vw,3.6rem)}.work-preview .project p{font-size:.82rem}.work-preview .project-orbit{width:110px;font-size:2.7rem;align-self:flex-end}.project:after{right:1rem;bottom:1rem}
.service-list>a{grid-template-columns:1.2fr 1fr 40px}.service-list>a>span{display:none}
.system-panel .panel-num,.principles article>.num,.deliverables article>span{display:none}
.proof-lede{max-width:680px;font-size:1.08rem;line-height:1.7;margin-top:2rem}.proof-statements{display:grid;gap:1px;background:rgba(0,0,0,.25)}.proof-statements article{padding:1.35rem;background:#071000;color:var(--paper)}.proof-statements h3{font-size:1.25rem;margin-bottom:.45rem}.proof-statements p{font-size:.82rem;line-height:1.55;color:#c7cbc4;margin:0}
.services-page .page-hero,.work-page .page-hero{min-height:390px;padding-top:7rem;padding-bottom:3.5rem}.services-page .page-hero h1,.work-page .page-hero h1{font-size:clamp(3.5rem,7vw,7rem);margin:1.2rem 0}.capability-screen{padding:2.5rem 4vw 3.5rem}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#bfc2ba;border:1px solid #bfc2ba}.premium-cap{background:var(--paper);padding:1.55rem 1.8rem;min-height:310px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;column-gap:2rem;transition:background .3s ease,transform .3s ease}.premium-cap:hover{background:#fff;z-index:1;box-shadow:0 18px 50px rgba(8,10,9,.12)}.premium-cap .cap-label{grid-column:1/-1;color:#53604c;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;font-weight:800}.premium-cap h2{grid-column:1/-1;font-size:clamp(1.8rem,2.6vw,3rem);margin:.45rem 0 .7rem;letter-spacing:-.045em}.premium-cap p{font-size:.92rem;line-height:1.55;margin:0}.premium-cap ul{font-size:.78rem;line-height:1.65;margin:0;padding-left:1rem}.premium-cap a{grid-column:1/-1;margin-top:1rem;padding-top:.8rem;border-top:1px solid #c8cbc4;font-size:.78rem;font-weight:850}.engagement-section{padding-top:4rem;padding-bottom:4rem}.compact-head{margin-bottom:2rem}.compact-head h2{font-size:clamp(2.7rem,5vw,5rem)}.engagement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}.engagement-grid article{padding:1.6rem;background:#101311;min-height:280px}.engagement-grid span{color:var(--acid);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em}.engagement-grid h3{font-size:1.45rem;margin:1.5rem 0 .7rem}.engagement-grid p{color:var(--muted);font-size:.86rem;line-height:1.6}.engagement-grid strong{display:block;font-size:.75rem;line-height:1.5}.compact-cta{min-height:520px;padding-top:4rem;padding-bottom:4rem}
.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;padding-top:4rem;padding-bottom:4rem}.faq-intro{position:sticky;top:2rem;align-self:start}.faq-intro h2{font-size:clamp(2.8rem,5vw,5rem);margin-bottom:1rem}.faq-intro>p:last-child{color:var(--muted);max-width:380px}.faq-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;align-content:start}.faq-compact details{padding:.9rem 0}.faq-compact summary{font-size:.93rem;line-height:1.3;gap:.8rem}.faq-compact details p{font-size:.78rem;line-height:1.55;padding-top:.65rem;margin:0}.faq-compact details:nth-last-child(-n+2){border-bottom:1px solid currentColor}
.ecosystem-section{padding:2.5rem 5vw}.work-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:4vw;align-items:end;margin-bottom:1.5rem}.work-heading>*{min-width:0}.work-heading h2{font-size:clamp(2.3rem,4vw,4.5rem);overflow-wrap:anywhere;margin-bottom:0}.work-heading>p{color:var(--muted);font-size:.86rem}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.ecosystem-grid article{display:grid;grid-template-columns:52px 1fr;gap:.8rem;background:#101311;padding:.9rem;min-height:155px}.product-sigil{width:46px;height:46px;display:grid;place-items:center;border:1px solid #697068;font-weight:900;font-size:.9rem;letter-spacing:-.05em;background:#161a17}.acid-sigil{background:var(--acid);color:#071000;border:0}.blue-sigil{background:#103255;color:#eef8ff;border:0}.ecosystem-grid small{color:var(--acid);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem}.ecosystem-grid h3{font-size:1.25rem;margin:.3rem 0}.ecosystem-grid p{font-size:.68rem;line-height:1.4;color:var(--muted);margin-bottom:.45rem}.ecosystem-grid a,.quiet-status{font-size:.62rem;font-weight:800}.quiet-status{color:#8f958e}.client-proof{padding:2.8rem 5vw}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}.client-card{padding:1.35rem;min-height:345px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:transform .3s ease}.client-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid currentColor;right:-60px;top:-70px;opacity:.25;transition:transform .5s ease}.client-card:hover{transform:translateY(-5px)}.client-card:hover:before{transform:scale(1.18) rotate(18deg)}.client-card span{font-size:.55rem;text-transform:uppercase;letter-spacing:.11em}.client-card h3{font-size:clamp(1.5rem,2.4vw,2.7rem);letter-spacing:-.05em;margin:.6rem 0}.client-card p{max-width:560px;font-size:.72rem;line-height:1.5}.client-card strong{font-size:.65rem;margin-top:.7rem}.client-lime{background:var(--acid);color:#071000}.client-ink{background:#111411;color:#fff}.client-blue{background:#103255;color:#eef8ff}.client-warm{background:#e9e0d1;color:#181511}.evidence-strip{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.evidence-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.evidence-points article{background:#101311;padding:1.5rem}.evidence-points p{font-size:.82rem;color:var(--muted)}
@media(max-width:1000px){.engagement-grid{grid-template-columns:1fr 1fr}.ecosystem-grid,.client-grid{grid-template-columns:1fr 1fr}.faq-section,.evidence-strip{grid-template-columns:1fr}.faq-intro{position:static}.work-heading{grid-template-columns:1fr}.faq-compact{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.capability-grid,.engagement-grid,.ecosystem-grid,.client-grid,.faq-compact,.evidence-points,.service-list,.work-preview .work-grid{grid-template-columns:1fr}.premium-cap{grid-template-columns:1fr;min-height:auto}.premium-cap>*{grid-column:1!important}.premium-cap ul{margin-top:1rem}.services-page .page-hero,.work-page .page-hero{min-height:430px}.faq-compact details:nth-last-child(-n+2){border-bottom:0}.faq-compact details:last-child{border-bottom:1px solid currentColor}.ecosystem-grid article{grid-template-columns:58px 1fr}.product-sigil{width:50px;height:50px}.client-card{min-height:300px}.services-preview .section-head{grid-template-columns:1fr}.system-console{grid-template-columns:1fr;min-height:580px}.system-tabs{display:grid;grid-template-columns:1fr 1fr}.system-tab{grid-template-columns:30px 1fr auto}.system-panels{min-height:300px}.work-preview .project{min-height:300px}}
@media(max-width:700px){.system-console>*{min-width:0}.system-tabs,.system-panels,.system-panel{width:100%;min-width:0}.system-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.system-tab{min-width:0;grid-template-columns:24px minmax(0,1fr) 18px;gap:.35rem;padding:.75rem .55rem}.system-tab strong{min-width:0;font-size:.95rem;overflow-wrap:anywhere}.system-panel{padding:1.5rem}.system-panel h3{font-size:1.8rem;overflow-wrap:anywhere}}
.about-page .page-hero{min-height:470px;padding-top:7rem;padding-bottom:3rem}.about-page .page-hero h1{font-size:clamp(3.5rem,7vw,7rem);margin:1.2rem 0}.about-page .content{padding:3rem 6vw}.about-page .content h2{font-size:clamp(2.5rem,4vw,4.5rem)}.about-page .studio-photo{min-height:480px}.about-page .principles article{min-height:180px;padding:1.4rem}.about-page .timeline{margin-top:1.8rem}.about-page .timeline article{min-height:185px;padding:1.35rem}.about-page .timeline h3{font-size:1.3rem;margin-top:1rem}.about-page .timeline p{font-size:.78rem;line-height:1.5}.about-page .process{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#bfc2ba}.about-page .process article{display:block;background:var(--paper);padding:1.4rem;min-height:165px;border:0}.about-page .process article:before{display:none}.about-page .process p{font-size:.82rem}.about-page .cta{min-height:520px;padding-top:4rem;padding-bottom:4rem}
.about-page .delivery-capacity{padding-top:2.2rem;padding-bottom:2.2rem}.about-page .delivery-capacity h2{margin:.65rem 0 1rem}.about-page .capacity-intro{max-width:900px;font-size:1.05rem;line-height:1.55;margin-bottom:1.25rem}.about-page .delivery-capacity .principles{gap:.75rem}.about-page .delivery-capacity .principles article{min-height:145px;padding:1.1rem 1.25rem}.about-page .delivery-capacity .principles h3{font-size:1.15rem;margin-bottom:.5rem}.about-page .delivery-capacity .principles p{font-size:.82rem;line-height:1.5}
@media(max-width:700px){.about-page .process{grid-template-columns:1fr}.about-page .timeline{grid-template-columns:1fr}.about-page .studio-photo{min-height:430px}}

/* Inner-page orientation and refined interaction system. */
.inner-nav nav a:not(.nav-cta){position:relative;padding:.55rem .1rem}.inner-nav nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.inner-nav nav a:not(.nav-cta):hover:after,.inner-nav nav a[aria-current="page"]:after{transform:scaleX(1)}.inner-nav nav a[aria-current="page"]{color:var(--acid)}.inner-nav .home-link{border:1px solid rgba(255,255,255,.35);padding:.55rem .7rem!important}.inner-nav .home-link:hover,.inner-nav .home-link[aria-current="page"]{border-color:var(--acid);background:rgba(184,255,24,.08)}

/* Case-study contrast and balanced two-by-two decision grid. */
.dark .deliverables article{background:#111512;color:var(--paper);border:1px solid rgba(255,255,255,.12)}.dark .deliverables article p{color:#c6cbc4}.dm-case .deliverables{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(184,255,24,.22)}.dm-case .deliverables article{min-height:210px;position:relative;overflow:hidden;transition:transform .3s ease,background .3s ease,border-color .3s ease}.dm-case .deliverables article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;bottom:-90px;background:radial-gradient(circle,rgba(184,255,24,.3),transparent 68%);transition:transform .45s ease}.dm-case .deliverables article:hover{background:#172016;border-color:rgba(184,255,24,.55);transform:translateY(-4px)}.dm-case .deliverables article:hover:after{transform:scale(1.55)}

/* Process depth: one visible sequence number, subtle glass light, useful motion. */
.process-page .process{position:relative;background:linear-gradient(135deg,rgba(105,202,255,.04),transparent 42%),linear-gradient(315deg,rgba(184,255,24,.04),transparent 48%)}.process-page .process article{position:relative;isolation:isolate;overflow:hidden;padding:1.65rem 1.4rem;transition:background .3s ease,transform .3s ease,border-color .3s ease}.process-page .process article:before{font-size:1rem;font-weight:850;color:var(--acid);align-self:start}.process-page .process article:after{content:"";position:absolute;z-index:-1;width:190px;height:190px;right:-155px;top:50%;border-radius:50%;background:radial-gradient(circle,rgba(184,255,24,.22),rgba(105,202,255,.06) 45%,transparent 70%);transform:translateY(-50%);transition:right .55s cubic-bezier(.2,.7,.2,1),transform .55s ease}.process-page .process article:hover{background:rgba(255,255,255,.035);transform:translateX(6px)}.process-page .process article:hover:after{right:-60px;transform:translateY(-50%) scale(1.15)}.process-page .process h3{font-size:clamp(1.45rem,2.2vw,2.2rem);margin:0}.process-page .process p{margin:0;color:#c5cac3}
.process-page main>.content:not(.dark){padding-top:3rem;padding-bottom:3rem}.process-page main>.content:not(.dark) .process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background-color:rgba(255,255,255,.13)}.process-page main>.content:not(.dark) .process article{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;gap:.45rem 1rem;min-height:132px;border:0;background-color:#0d100e}.process-page main>.content:not(.dark) .process article:before{grid-column:1;grid-row:1/3}.process-page main>.content:not(.dark) .process p{grid-column:2;font-size:.88rem;line-height:1.55}.process-page main>.content:not(.dark) .process article:last-child{grid-column:1/-1}.process-page main>.content.dark{padding-top:3.5rem;padding-bottom:3.5rem}.process-page main>.content.dark .principles article{min-height:205px;padding:1.55rem}
.process-page .content.dark{position:relative;overflow:hidden}.process-page .content.dark:before{content:"";position:absolute;inset:auto -15% -60% 35%;height:420px;background:radial-gradient(ellipse,rgba(184,255,24,.09),rgba(105,202,255,.035) 42%,transparent 70%);pointer-events:none}.process-page .principles{position:relative}.process-page .principles article,.about-page .principles article{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 58%);transition:transform .3s ease,border-color .3s ease,background .3s ease}.process-page .principles article:after,.about-page .principles article:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,var(--acid),var(--blue));transition:width .4s ease}.process-page .principles article:hover,.about-page .principles article:hover{transform:translateY(-5px);border-color:rgba(184,255,24,.55);background:linear-gradient(145deg,rgba(184,255,24,.08),rgba(105,202,255,.025) 65%)}.process-page .principles article:hover:after,.about-page .principles article:hover:after{width:100%}
@media(max-width:700px){.dm-case .deliverables{grid-template-columns:1fr}.process-page main>.content:not(.dark) .process{grid-template-columns:1fr}.process-page main>.content:not(.dark) .process article:last-child{grid-column:auto}.process-page .process article{grid-template-columns:34px 1fr;padding:1.3rem 1rem}.process-page .process p{grid-column:2}.inner-nav .home-link{width:100%}}

/* Premium interactive treatment for proof, editorial, and service cards. */
.ecosystem-grid article,.article-card,.deliverables article,.about-page .cap-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.ecosystem-grid article:after,.article-card:after,.deliverables article:after,.about-page .cap-card:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;border-radius:50%;right:-150px;bottom:-145px;background:radial-gradient(circle,rgba(184,255,24,.26),rgba(105,202,255,.06) 44%,transparent 70%);transition:transform .5s ease,right .5s ease,bottom .5s ease}.ecosystem-grid article:hover,.article-card:hover,.deliverables article:hover,.about-page .cap-card:hover{transform:translateY(-6px);border-color:rgba(184,255,24,.6);box-shadow:0 18px 48px rgba(0,0,0,.18)}.ecosystem-grid article:hover:after,.article-card:hover:after,.deliverables article:hover:after,.about-page .cap-card:hover:after{right:-65px;bottom:-70px;transform:scale(1.25)}.article-card:hover h2,.deliverables article:hover h3,.about-page .cap-card:hover h2{color:#506d08}.dark .deliverables article:hover h3,.ecosystem-grid article:hover h3{color:var(--acid)}
.product-actions{display:flex;flex-wrap:wrap;gap:.35rem .7rem;align-items:center;margin-top:.55rem}.product-actions a:first-child{color:var(--acid)}.product-actions a:last-child{color:#b8bdb6;font-weight:600}.product-actions a:hover{text-decoration:underline;text-underline-offset:3px}.ecosystem-grid article{min-height:172px}
.article-tool{margin:4rem 0 2rem;padding:2rem;border:1px solid #c9ccc5;background:linear-gradient(145deg,#fff,rgba(184,255,24,.07));position:relative;overflow:hidden}.article-tool:after{content:"";position:absolute;width:220px;height:220px;right:-120px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(105,202,255,.17),transparent 70%)}.article-tool h2{margin-top:.8rem}.article-tool li{margin:.45rem 0}.article-action{margin:2rem 0 0;padding:1.6rem 1.8rem;background:#101411;color:var(--paper);border-left:4px solid var(--acid)}.article-action strong{color:var(--acid);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.article-action p{margin:.65rem 0 1rem}.article-action a{font-weight:850}.article-action a:hover{color:var(--acid)}
@media(max-width:700px){.article-tool{padding:1.35rem;margin-top:2.5rem}.ecosystem-grid article{min-height:165px}}
.ecosystem-grid article>*,.article-card>*,.deliverables article>*,.about-page .cap-card>*{position:relative;z-index:1}.ecosystem-grid article:after,.article-card:after,.deliverables article:after,.about-page .cap-card:after{z-index:0}

/* Light-touch hover for engagement and evidence cards; structure and palette stay unchanged. */
.engagement-grid article,.evidence-points article{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s ease,background-color .28s ease,box-shadow .28s ease}.engagement-grid article:after,.evidence-points article:after{content:"";position:absolute;z-index:0;width:145px;height:145px;right:-125px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,24,.2),transparent 70%);transition:right .42s ease,bottom .42s ease,transform .42s ease}.engagement-grid article>*,.evidence-points article>*{position:relative;z-index:1}.engagement-grid article:hover,.evidence-points article:hover{transform:translateY(-4px);background-color:#151a16;box-shadow:0 16px 38px rgba(0,0,0,.22)}.engagement-grid article:hover:after,.evidence-points article:hover:after{right:-45px;bottom:-55px;transform:scale(1.2)}.evidence-points article:hover h3{color:var(--acid)}
.about-page .delivery-capacity .principles article{min-height:195px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.detail-list{line-height:2}.proof-copy{max-width:800px}.service-proof{max-width:850px;font-size:1.2rem}.case-note{max-width:850px;font-size:1.15rem;line-height:1.75}.article-meta{color:#aeb4ad;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin:-.7rem 0 1.5rem}

/* About-page proof: restrained interaction plus an original glass vision panel. */
.about-page .product-matrix article,.about-page .timeline article{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s ease,background-color .28s ease,box-shadow .28s ease}
.about-page .product-matrix article:after,.about-page .timeline article:after{content:"";position:absolute;z-index:0;width:150px;height:150px;right:-130px;bottom:-125px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,24,.2),rgba(105,202,255,.05) 44%,transparent 70%);transition:right .42s ease,bottom .42s ease,transform .42s ease}
.about-page .product-matrix article>*,.about-page .timeline article>*{position:relative;z-index:1}
.about-page .product-matrix article:hover,.about-page .timeline article:hover{transform:translateY(-4px);background-color:#151a16;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.about-page .product-matrix article:hover:after,.about-page .timeline article:hover:after{right:-48px;bottom:-58px;transform:scale(1.18)}
.about-page .product-matrix article:hover h3,.about-page .timeline article:hover h3{color:var(--acid)}
.about-vision{position:relative;isolation:isolate;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#050706;color:#fff}
.about-vision>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) brightness(.82);transform:scale(1.015);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s ease}
.about-vision:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,5,4,.96) 0%,rgba(3,5,4,.83) 35%,rgba(3,5,4,.32) 66%,rgba(3,5,4,.08) 100%)}
.about-vision-copy{width:min(720px,88%);margin-left:6vw;padding:5rem 0}
.about-vision-copy h2{font-size:clamp(3rem,6vw,6.6rem);line-height:.9;letter-spacing:-.06em;margin:1rem 0 1.5rem}.about-vision-copy h2 em{color:var(--acid);font-style:normal}.about-vision-copy>p:not(.kicker){max-width:630px;color:#d2d7d0;font-size:1.05rem;line-height:1.7}.about-vision-copy .button{margin-top:1rem}
.about-vision:hover>img{transform:scale(1.045);filter:saturate(1.02) brightness(.9)}
@media(max-width:700px){.about-vision{min-height:500px}.about-vision:after{background:linear-gradient(90deg,rgba(3,5,4,.95),rgba(3,5,4,.68))}.about-vision-copy{width:88%;padding:4rem 0}.about-vision-copy h2{font-size:clamp(2.7rem,13vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){.about-page .product-matrix article,.about-page .timeline article,.about-vision>img{transition:none}.about-page .product-matrix article:hover,.about-page .timeline article:hover{transform:none}.about-vision:hover>img{transform:scale(1.015)}}

/* Working principles: light premium feedback without changing the grid. */
.about-page .process article{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s ease,background-color .28s ease,box-shadow .28s ease}
.about-page .process article:after{content:"";position:absolute;z-index:0;width:150px;height:150px;right:-130px;bottom:-125px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,24,.18),rgba(105,202,255,.06) 45%,transparent 70%);transition:right .42s ease,bottom .42s ease,transform .42s ease}
.about-page .process article>*{position:relative;z-index:1}
.about-page .process article:hover{transform:translateY(-4px);background-color:#fff;box-shadow:0 16px 38px rgba(8,10,9,.14)}
.about-page .process article:hover:after{right:-45px;bottom:-55px;transform:scale(1.2)}
.about-page .process article:hover h3{color:#506d08}
@media(prefers-reduced-motion:reduce){.about-page .process article{transition:none}.about-page .process article:hover{transform:none}}

/* Portfolio hierarchy: lead with the strongest proof, then show the wider system range. */
.featured-products{margin-bottom:2rem}.featured-products article{min-height:210px;padding:1.35rem}.featured-products .product-sigil{width:54px;height:54px}.featured-products h3{font-size:1.55rem}.secondary-products-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(300px,1.3fr);gap:3vw;align-items:end;margin:1rem 0 1.2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.secondary-products-heading p{margin:0}.secondary-products-heading>p:last-child{color:var(--muted);font-size:.82rem;line-height:1.55;max-width:680px}.secondary-products article{min-height:145px}.secondary-products h3{font-size:1.1rem}.secondary-products p{font-size:.65rem}
@media(max-width:700px){.secondary-products-heading{grid-template-columns:1fr}.featured-products article,.secondary-products article{min-height:165px}}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.confirmation-page{min-height:100vh}.confirmation-page .page-hero{min-height:720px}.confirmation-page .page-hero p:not(.eyebrow){max-width:680px}