:root{--ink:#0A0908;--paper:#F4F0EA;--cream:#F4F0EA;--or:#E85D04;--or-hot:#FF7A1F;--or-deep:#B84A02;--muted:#B9B1A6;--line:rgba(244,240,234,.12);--violet:var(--or);--lime:var(--or);--coral:var(--or);--pad:clamp(22px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:'General Sans',Arial,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%}::selection{background:var(--lime);color:#000}
.noise{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(232,93,4,.12),transparent 68%);z-index:2;pointer-events:none;will-change:transform}.section{padding:clamp(90px,12vw,180px) var(--pad)}.kicker,.eyebrow{font:500 11px/1.2 'Space Mono',monospace;letter-spacing:.18em;text-transform:uppercase}.kicker{color:var(--lime);margin:0 0 30px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}
.site-header{position:fixed;z-index:100;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px var(--pad);transition:.35s}.site-header.scrolled{background:rgba(10,9,8,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);padding-top:14px;padding-bottom:14px}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700;letter-spacing:.11em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--paper);color:#0b0b0c;border-radius:50%}.brand small{display:block;font:400 8px/1.1 'Space Mono';color:#aaa;letter-spacing:.23em}.desktop-nav{display:flex;gap:34px;font-size:12px}.desktop-nav a{position:relative;color:#c7c6c2}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta{justify-self:end;font-size:12px;border-bottom:1px solid #686866;padding-bottom:5px}.nav-cta span,.text-link span{color:var(--lime)}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;position:relative}.menu-toggle span{position:absolute;width:22px;height:1px;background:white;left:9px;top:17px;transition:.3s}.menu-toggle span+span{top:24px}.menu-toggle[aria-expanded=true] span{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:none}
.hero{height:max(740px,100svh);min-height:720px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px var(--pad) 90px}.hero-image{position:absolute;inset:0;background:url('images/hero-home.webp') center/cover no-repeat;transform:scale(1.02);animation:heroIn 1.5s cubic-bezier(.22,1,.36,1) both}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#0A0908 0%,rgba(10,9,8,.91) 27%,rgba(10,9,8,.08) 66%,rgba(10,9,8,.22) 100%),linear-gradient(0deg,rgba(10,9,8,.78),transparent 38%)}@keyframes heroIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.02)}}.hero-content{position:relative;z-index:3;max-width:870px}.eyebrow{display:flex;align-items:center;gap:12px;color:#b9b8b4}.eyebrow span{width:27px;height:1px;background:var(--lime)}h1{font-size:clamp(68px,10.3vw,158px);line-height:.79;letter-spacing:-.075em;margin:37px 0 45px;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:transparent;-webkit-text-stroke:1px #f1efe9;letter-spacing:-.05em}h2{font-size:clamp(50px,7vw,105px);font-weight:400;line-height:.91;letter-spacing:-.06em;margin:0}h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--violet)}.hero-copy{max-width:500px;font-size:clamp(16px,1.6vw,22px);line-height:1.55;color:#c4c2bd;font-weight:300}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:56px;padding:0 21px;border:1px solid transparent;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:.3s}.button-primary{background:var(--lime);color:#080909}.button-primary:hover{background:#FF7A1F;transform:translateY(-2px)}.button-primary:disabled{opacity:.55;cursor:wait}.text-link{font-size:12px;border-bottom:1px solid #5c5c5c;padding-bottom:7px}.hero-index{position:absolute;z-index:3;right:var(--pad);bottom:36px;text-align:right;font:400 9px/1.6 'Space Mono';letter-spacing:.15em;text-transform:uppercase}.hero-index span{display:block;color:#777}.scroll-cue{position:absolute;z-index:3;left:var(--pad);bottom:34px;display:flex;align-items:center;gap:15px;font:400 9px 'Space Mono';letter-spacing:.12em;text-transform:uppercase;color:#777}.scroll-cue i{width:60px;height:1px;background:#666;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;width:25px;height:1px;background:var(--lime);animation:scan 2s infinite}@keyframes scan{from{left:-25px}to{left:65px}}
.marquee{background:var(--lime);color:#0a0a0b;overflow:hidden;padding:16px 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:4}.marquee-track{display:flex;gap:28px;width:max-content;align-items:center;font-size:14px;font-weight:700;letter-spacing:.06em;animation:marquee 26s linear infinite}.marquee-track b{font-size:10px}@keyframes marquee{to{transform:translateX(-50%)}}
.section-heading{display:grid;grid-template-columns:1.5fr .5fr;gap:8vw;align-items:end;margin-bottom:70px}.section-heading>p{max-width:420px;color:#aaa8a3;line-height:1.75;font-weight:300}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.filter{border:1px solid #303033;background:transparent;color:#aaa;padding:9px 15px;border-radius:50px;font:400 10px 'Space Mono';text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:.25s}.filter:hover,.filter.active{background:var(--paper);color:#080809;border-color:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,32px)}.project-card{grid-column:span 6;animation:cardIn .6s both;animation-delay:var(--delay)}@keyframes cardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.project-card.large{grid-column:span 8}.project-card.portrait{grid-column:span 4}.project-card.wide{grid-column:span 12}.project-card button{width:100%;height:clamp(350px,42vw,690px);padding:0;border:0;background:#151518;overflow:hidden;position:relative;cursor:pointer;text-align:left}.project-card.portrait button{height:clamp(470px,53vw,760px)}.project-card.wide button{height:clamp(380px,46vw,700px)}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s;filter:saturate(.8)}.project-card:hover img{transform:scale(1.045);filter:saturate(1.1)}.project-tint{position:absolute;inset:0;mix-blend-mode:color;opacity:.45;transition:.5s}.project-card:hover .project-tint{opacity:.13}.tint-motion{background:#f45d4f}.tint-spatial{background:#3d70ff}.tint-brand{background:#E85D04}.tint-3d{background:#a063ff}.project-arrow{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(10,10,10,.72);backdrop-filter:blur(10px);font-size:18px;transform:scale(0);transition:.3s}.project-card:hover .project-arrow{transform:scale(1)}.project-meta{display:flex;justify-content:space-between;padding:16px 1px 36px}.project-meta p{font:400 9px 'Space Mono';text-transform:uppercase;color:#777;letter-spacing:.13em;margin:0 0 9px}.project-meta h3{font-size:21px;font-weight:500;margin:0}.project-meta>span{font:400 10px 'Space Mono';color:#777}
.services{background:var(--paper);color:#0b0b0d;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.service-intro{position:sticky;top:130px;align-self:start}.service-intro h2{font-size:clamp(46px,5vw,76px)}.service-intro p:not(.kicker){max-width:400px;line-height:1.75;color:#686866;margin-top:34px}.services .kicker{color:#B84A02}.service-list{border-top:1px solid #bebcb6}.service-row{border-bottom:1px solid #bebcb6;cursor:pointer}.service-top{display:grid;grid-template-columns:45px 1fr 1fr 44px;align-items:center;gap:24px;padding:28px 0}.service-top>span{font:400 10px 'Space Mono';color:#888}.service-top h3{font-size:clamp(23px,2.5vw,38px);font-weight:500;letter-spacing:-.04em;margin:0}.service-top p{font-size:13px;line-height:1.55;color:#757571;margin:0}.service-top button{border:1px solid #999;border-radius:50%;width:40px;height:40px;background:transparent;font-size:22px;font-weight:300;transition:.3s;cursor:pointer}.service-row:hover .service-top button{background:#111;color:white;border-color:#111}.service-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.service-detail>div{overflow:hidden;margin-left:69px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.service-detail p{line-height:1.7;margin:0;padding:4px 0 32px}.service-detail ul{list-style:none;margin:0;padding:0 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-detail li{font:400 10px 'Space Mono';text-transform:uppercase;color:#6f6f6c}.service-detail li:before{content:'↳ ';color:#B84A02}.service-row.open .service-detail{grid-template-rows:1fr}.service-row.open .service-top button{transform:rotate(45deg);background:#111;color:#fff}.service-row.open .service-top h3{color:#B84A02}
.manifesto{padding:clamp(120px,15vw,230px) var(--pad);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.manifesto blockquote{font-size:clamp(43px,7vw,105px);line-height:1.07;letter-spacing:-.055em;margin:0;position:relative;z-index:2}.manifesto blockquote em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.manifesto-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:5vw;align-items:end;margin-top:100px;position:relative;z-index:2}.manifesto-grid>p{color:#aaa;line-height:1.8;max-width:540px}.stat strong{font-size:clamp(42px,5vw,78px);font-weight:300;letter-spacing:-.06em}.stat span{display:block;font:400 9px 'Space Mono';color:#777;text-transform:uppercase;letter-spacing:.12em;margin-top:8px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}.orb-a{width:480px;height:480px;right:-180px;top:-170px;background:radial-gradient(circle at 35% 35%,#E85D04,rgba(232,93,4,.25) 42%,transparent 70%)}.orb-b{width:360px;height:360px;left:32%;bottom:-250px;background:radial-gradient(circle,#E85D04,transparent 70%);opacity:.15}
.process-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-steps li{padding:35px 28px 20px 0;border-right:1px solid var(--line);min-height:290px}.process-steps li+li{padding-left:28px}.process-steps span{font:400 10px 'Space Mono';color:var(--lime)}.process-steps h3{font-size:28px;font-weight:500;margin:74px 0 18px}.process-steps p{color:#8e8c88;line-height:1.7;font-size:14px}
.contact{background:#E85D04;color:#08080a;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact .kicker{color:#111}.contact-copy h2{font-size:clamp(60px,8vw,120px)}.contact-copy>p:not(.kicker){max-width:450px;font-size:18px;line-height:1.7;margin:36px 0}.contact-copy>a{font-weight:600;border-bottom:1px solid #111;padding-bottom:5px}.project-form{background:var(--paper);padding:clamp(25px,4vw,60px);align-self:start}.field{position:relative;margin-bottom:32px}.field label,fieldset legend{display:block;font:500 9px 'Space Mono';text-transform:uppercase;letter-spacing:.14em;margin-bottom:11px;color:#555}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;border-radius:0;padding:10px 0 13px;outline:none;color:#111}.field input:focus,.field textarea:focus,.field select:focus{border-color:#E85D04}.field textarea{resize:vertical}fieldset{padding:0;border:0;margin:0 0 32px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:9px 12px;border:1px solid #aaa;border-radius:50px;font-size:10px;cursor:pointer}.choice-grid input:checked+span{background:#111;color:white;border-color:#111}.honeypot{position:absolute;left:-9999px}.submit-button{width:100%;border:0}.form-status{font-size:12px;line-height:1.5;margin:16px 0 0;min-height:18px}.form-status.success{color:#277242}.form-status.error{color:#a62e27}
footer{padding:55px var(--pad);display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:6vw;align-items:end;border-top:1px solid var(--line)}footer p{font-size:12px;line-height:1.6;color:#888;margin:0}footer>div{display:flex;flex-direction:column;gap:7px;font-size:12px}footer>small{font:400 9px 'Space Mono';color:#777;white-space:nowrap}
.project-modal{width:min(1180px,94vw);max-height:90vh;padding:0;border:1px solid #333;background:#101012;color:white;grid-template-columns:1.3fr .7fr;overflow:hidden}.project-modal[open]{display:grid;animation:modalIn .45s cubic-bezier(.22,1,.36,1)}@keyframes modalIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}.project-modal::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}.modal-art{min-height:610px}.modal-art img{width:100%;height:100%;object-fit:cover}.modal-copy{padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.modal-copy h2{font-size:clamp(42px,5vw,74px);margin-bottom:28px}.modal-copy>p:not(.kicker){color:#aaa;line-height:1.75}.modal-copy dl{margin:30px 0 45px;padding-top:20px;border-top:1px solid #333}.modal-copy dl div{display:grid;grid-template-columns:110px 1fr;margin:12px 0}.modal-copy dt{font:400 9px 'Space Mono';text-transform:uppercase;color:#777}.modal-copy dd{margin:0;font-size:12px}.modal-close{position:absolute;z-index:2;right:15px;top:15px;width:42px;height:42px;border-radius:50%;border:1px solid #777;background:rgba(0,0,0,.6);color:white;font-size:25px;cursor:pointer}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.mobile-menu{display:block;position:fixed;z-index:90;inset:0;background:#0b0b0c;transform:translateY(-100%);transition:.55s cubic-bezier(.22,1,.36,1);padding:120px var(--pad) 50px}.mobile-menu.open{transform:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu a{font-size:clamp(35px,9vw,70px);letter-spacing:-.04em;padding:8px 0;border-bottom:1px solid #29292b}.hero-wash{background:linear-gradient(90deg,#0A0908 0%,rgba(10,9,8,.85) 46%,rgba(10,9,8,.15)),linear-gradient(0deg,#0A0908,transparent 55%)}.hero-image{background-position:64% center}.section-heading{grid-template-columns:1fr}.services{grid-template-columns:1fr}.service-intro{position:relative;top:auto}.manifesto-grid{grid-template-columns:1fr 1fr}.manifesto-grid>p{grid-column:span 2}.process-steps{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.project-modal[open]{grid-template-columns:1fr;overflow:auto}.modal-art{min-height:330px}.modal-copy{padding:32px}.modal-copy .button{align-self:flex-start}footer{grid-template-columns:1fr 1fr}.cursor-glow{display:none}}
@media(max-width:620px){:root{--pad:20px}.site-header{padding:16px 20px}.hero{min-height:720px;padding-top:115px;align-items:flex-start}.hero-content{margin-top:90px}.hero-image{background-size:auto 70%;background-position:63% 8%;background-repeat:no-repeat}.hero-wash{background:linear-gradient(0deg,#0A0908 18%,rgba(10,9,8,.65) 55%,rgba(10,9,8,.1)),linear-gradient(90deg,#0A0908 0%,transparent 70%)}h1{font-size:clamp(64px,22vw,94px);margin:31px 0}.hero-copy{font-size:15px;max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:21px}.hero-index{display:none}.scroll-cue{bottom:21px}.project-card,.project-card.large,.project-card.portrait,.project-card.wide{grid-column:span 12}.project-card button,.project-card.portrait button,.project-card.wide button{height:115vw;max-height:650px}.project-card.wide button{height:82vw}.service-top{grid-template-columns:28px 1fr 36px;gap:10px}.service-top p{display:none}.service-top h3{font-size:23px}.service-detail>div{margin-left:38px;grid-template-columns:1fr}.service-detail ul{grid-template-columns:1fr 1fr}.manifesto-grid{grid-template-columns:1fr}.manifesto-grid>p{grid-column:auto}.process-steps{grid-template-columns:1fr}.process-steps li,.process-steps li+li{padding:28px 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.process-steps h3{margin:35px 0 12px}.contact{padding-left:20px;padding-right:20px}.project-form{padding:26px 20px}.contact-copy>a{font-size:13px}footer{grid-template-columns:1fr;gap:28px}.project-modal{width:100vw;max-height:100dvh;height:100dvh;border:0}.modal-art{min-height:40vh}.modal-copy h2{font-size:45px}.modal-copy dl{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.legal-page{min-height:100vh;padding:150px var(--pad) 90px;max-width:1050px}.legal-page h1{font-size:clamp(54px,9vw,120px);margin:25px 0 65px}.legal-content{max-width:720px;color:#aaa}.legal-content h2{font-size:24px;color:var(--paper);letter-spacing:-.02em;margin:45px 0 15px}.legal-content p,.legal-content li{line-height:1.8}.legal-content a{color:var(--lime)}
.hero-image{background-image:url('images/hero-home.webp')}
.tint-search{background:#a063ff}.tint-paid{background:#E85D04}.tint-creative{background:#f45d4f}.tint-automation{background:#7647ff}.tint-saas{background:#3d70ff}
.project-meta>span{font:400 10px/1.4 'Space Mono';color:#aaa;text-align:right;max-width:42%}
.page-hero{min-height:78svh;padding:170px var(--pad) 90px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0A0908 0%,rgba(10,9,8,.58) 58%,rgba(10,9,8,.15)),linear-gradient(0deg,#0A0908,transparent 60%)}.page-hero-content{position:relative;z-index:2;width:min(1100px,100%)}.page-hero h1{font-size:clamp(64px,10vw,150px);margin:25px 0 35px;max-width:1100px}.page-hero p:not(.kicker){max-width:650px;color:#bbb;font-size:clamp(16px,1.5vw,22px);line-height:1.65}.page-shell{padding:clamp(85px,11vw,160px) var(--pad)}.page-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;margin-bottom:90px}.page-lead h2{font-size:clamp(48px,6vw,88px)}.page-lead p{color:#999;line-height:1.8;align-self:end}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#28282b;border:1px solid #28282b}.detail-card{background:#0d0d0f;padding:clamp(28px,4vw,58px);min-height:410px;display:flex;flex-direction:column}.detail-card .number{font:400 10px 'Space Mono';color:var(--lime)}.detail-card h2{font-size:clamp(32px,4vw,57px);margin:55px 0 22px}.detail-card>p{color:#999;line-height:1.75}.detail-card ul{list-style:none;margin:auto 0 0;padding:30px 0 0;border-top:1px solid #29292c;display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-card li{font:400 9px/1.4 'Space Mono';text-transform:uppercase;color:#bbb}.detail-card li:before{content:'↳ ';color:var(--lime)}.wide-cta{margin-top:1px;background:var(--lime);color:#09090a;padding:clamp(36px,6vw,85px);display:flex;justify-content:space-between;align-items:end;gap:40px}.wide-cta h2{font-size:clamp(45px,7vw,100px);max-width:900px}.wide-cta .button{background:#09090a;color:white}.case-stack{display:grid;gap:2px}.case-study{min-height:620px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(25px,5vw,70px)}.case-study img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.case-study:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,7,.95),transparent 72%)}.case-copy{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;width:100%;gap:30px}.case-copy h2{font-size:clamp(40px,6vw,90px);margin:10px 0}.case-copy p{max-width:620px;color:#bbb;line-height:1.7}.case-result{text-align:right}.case-result strong{display:block;font-size:clamp(34px,5vw,72px);font-weight:400;color:var(--lime);letter-spacing:-.05em}.case-result span{font:400 9px 'Space Mono';text-transform:uppercase;color:#999}.timeline{border-top:1px solid #333}.timeline article{display:grid;grid-template-columns:90px .7fr 1.3fr;gap:50px;padding:52px 0;border-bottom:1px solid #333}.timeline .number{font:400 11px 'Space Mono';color:var(--lime)}.timeline h2{font-size:clamp(30px,4vw,55px)}.timeline p{color:#999;line-height:1.8;max-width:700px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;margin-top:100px}.principles article{background:#101012;padding:40px;min-height:270px}.principles h3{font-size:25px;margin:70px 0 16px}.principles p{color:#999;line-height:1.7}.audit-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.audit-aside{position:sticky;top:140px;align-self:start}.audit-aside h2{font-size:clamp(45px,6vw,85px)}.audit-aside ul{list-style:none;padding:25px 0 0;margin-top:35px;border-top:1px solid #333}.audit-aside li{margin:13px 0;color:#aaa;font-size:13px}.audit-aside li:before{content:'✓ ';color:var(--lime)}.audit-form{background:var(--paper);color:#101012;padding:clamp(28px,5vw,70px)}.audit-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.faq-list{border-top:1px solid #333}.faq-item{border-bottom:1px solid #333;cursor:pointer}.faq-question{display:grid;grid-template-columns:1fr 40px;align-items:center;padding:26px 0}.faq-question h3{font-size:20px;font-weight:500;margin:0}.faq-question span{font-size:24px;transition:.3s}.faq-answer{display:grid;grid-template-rows:0fr;transition:.4s}.faq-answer p{overflow:hidden;color:#999;line-height:1.7;margin:0;max-width:760px}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:28px}.faq-item.open .faq-question span{transform:rotate(45deg)}
@media(max-width:800px){.page-lead,.audit-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.case-copy{grid-template-columns:1fr}.case-result{text-align:left}.timeline article{grid-template-columns:45px 1fr;gap:20px}.timeline article p{grid-column:2}.principles{grid-template-columns:1fr}.audit-aside{position:relative;top:auto}.audit-form .form-row{grid-template-columns:1fr}.wide-cta{align-items:flex-start;flex-direction:column}.page-hero{min-height:72svh}}

/* React-powered Gen-Z interaction layer */
.hero-stickers{position:absolute;z-index:5;right:var(--pad);top:19%;width:260px;height:260px;pointer-events:none}.sticker{position:absolute;display:grid;place-items:center;text-align:center;width:94px;height:94px;border-radius:50%;color:#09090a;font:700 11px/1.15 'Space Mono';letter-spacing:-.03em;box-shadow:0 12px 40px rgba(0,0,0,.28);animation:stickerFloat 5s ease-in-out infinite}.sticker-lime{background:var(--lime);right:0;top:0;transform:rotate(11deg)}.sticker-violet{background:#F4F0EA;left:0;bottom:10px;transform:rotate(-13deg);animation-delay:-1.3s}.sticker-coral{background:var(--coral);right:18px;bottom:0;width:70px;height:70px;transform:rotate(8deg);animation-delay:-2.8s}@keyframes stickerFloat{0%,100%{translate:0 0}50%{translate:0 -11px}}
.vibe-lab{background:#E85D04;color:#09090b;position:relative;overflow:hidden;padding-top:clamp(90px,11vw,150px);padding-bottom:clamp(90px,11vw,150px)}.vibe-fallback{max-width:780px}.growth-playground{position:relative;isolation:isolate;--mx:70%;--my:30%}.lab-blob{position:absolute;z-index:-1;left:calc(var(--mx) - 260px);top:calc(var(--my) - 260px);width:520px;height:520px;background:radial-gradient(circle,rgba(244,240,234,.35),rgba(244,240,234,.1) 42%,transparent 70%);filter:blur(8px);pointer-events:none;transition:left .12s linear,top .12s linear}.lab-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}.lab-header .kicker{color:#171719}.lab-header h2{font-size:clamp(62px,9vw,135px);max-width:1000px}.lab-header h2 span{color:#0A0908;-webkit-text-stroke:0}.lab-tabs{display:flex;border:1px solid #111;border-radius:999px;padding:4px;flex-shrink:0}.lab-tabs button{border:0;background:transparent;color:#111;border-radius:999px;padding:12px 17px;font:600 10px 'Space Mono';text-transform:uppercase;cursor:pointer}.lab-tabs button.active{background:#111;color:white}.lab-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22px,4vw,60px);align-items:stretch}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.channel-card{min-height:130px;padding:18px;border:1.5px solid #111;background:rgba(244,242,235,.55);color:#111;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;text-align:left;cursor:pointer;transform:rotate(var(--card-rotate));transition:.25s cubic-bezier(.22,1,.36,1);box-shadow:4px 4px 0 #111}.channel-card:hover{transform:rotate(0) translate(-2px,-3px);box-shadow:8px 9px 0 #111}.channel-card.active{background:var(--card-color);transform:rotate(0) translate(-2px,-3px)}.channel-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #111;border-radius:50%;font-size:21px}.channel-copy{display:flex;flex-direction:column}.channel-copy strong{font-size:17px}.channel-copy small{font:400 9px 'Space Mono';margin-top:6px;text-transform:uppercase}.channel-switch{font:700 9px 'Space Mono';border:1px solid #111;border-radius:99px;padding:5px 8px}.shuffle-button{grid-column:span 2;min-height:60px;border:1.5px solid #111;background:#111;color:white;font:700 11px 'Space Mono';letter-spacing:.12em;cursor:pointer;transition:.2s}.shuffle-button:hover{background:#0A0908;transform:translateY(-2px)}.stack-output{background:#0d0d0f;color:white;border:1.5px solid #111;padding:clamp(24px,4vw,55px);display:flex;flex-direction:column;align-items:flex-start;min-height:540px;position:relative;overflow:hidden}.stack-output:after{content:'SYSTEM ONLINE';position:absolute;right:-42px;top:52px;transform:rotate(90deg);font:500 8px 'Space Mono';letter-spacing:.25em;color:#5f5f65}.growth-orbit{position:relative;width:min(310px,76vw);height:min(310px,76vw);margin:0 auto 25px;align-self:center}.orbit-ring{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.25);border-radius:50%;animation:orbitSpin 14s linear infinite}.ring-two{inset:28%;border-style:dashed;animation-direction:reverse;animation-duration:9s}.orbit-core{position:absolute;inset:34%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--lime);color:#09090a;box-shadow:0 0 60px rgba(232,93,4,.35)}.orbit-core span,.orbit-core small{font:700 7px 'Space Mono';letter-spacing:.13em}.orbit-core strong{font-size:34px;line-height:1;margin:5px 0}.orbit-node{--radius:130px;position:absolute;left:50%;top:50%;display:grid;place-items:center;width:41px;height:41px;margin:-20px;background:var(--node-color);color:#111;border-radius:50%;transform:rotate(var(--node-angle)) translateX(var(--radius)) rotate(calc(-1 * var(--node-angle)));box-shadow:0 0 0 5px #0d0d0f}.stack-label{font:600 9px 'Space Mono';color:var(--lime);text-transform:uppercase;letter-spacing:.13em;margin:0 0 8px}.stack-output h3{font-size:clamp(27px,3vw,45px);letter-spacing:-.04em;margin:0 0 12px}.stack-line{color:#98989f;font:400 9px/1.6 'Space Mono';text-transform:uppercase;min-height:30px}.stack-output .button{margin-top:auto}.signal-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.signal-score,.signal-bars,.signal-note{border:1.5px solid #111;background:#0d0d0f;color:white;padding:clamp(25px,4vw,55px)}.signal-score{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.signal-score span,.signal-score small,.signal-note span{font:600 9px 'Space Mono';letter-spacing:.13em;color:var(--lime)}.signal-score strong{font-size:clamp(90px,15vw,200px);line-height:.9;letter-spacing:-.09em}.signal-bars>div{display:grid;grid-template-columns:145px 1fr 28px;align-items:center;gap:12px;margin:17px 0;font:500 10px 'Space Mono';text-transform:uppercase}.signal-bars i{height:8px;background:#29292d;position:relative}.signal-bars i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar);background:linear-gradient(90deg,#B84A02,var(--lime))}.signal-bars b{color:var(--lime)}.signal-note{background:#F4F0EA;color:#111}.signal-note span{color:#111}.signal-note p{font-size:clamp(24px,3vw,42px);line-height:1.08;letter-spacing:-.04em;margin:35px 0 0}.lab-ticker{margin:55px calc(-1 * var(--pad)) calc(-1 * clamp(90px,11vw,150px));background:#111;color:white;overflow:hidden;padding:13px 0;white-space:nowrap;transform:rotate(.7deg) scale(1.02)}.lab-ticker span{display:inline-block;font:700 11px 'Space Mono';letter-spacing:.08em;animation:miniTicker 12s linear infinite}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes miniTicker{to{transform:translateX(-45%)}}
.chaos-banner{display:grid;grid-template-columns:.72fr 1.28fr;background:#E85D04;min-height:760px}.chaos-copy{padding:clamp(55px,8vw,125px) var(--pad);color:#0c0c0d;display:flex;flex-direction:column;justify-content:center}.chaos-copy .kicker{color:#111}.chaos-copy h2{font-size:clamp(62px,8vw,125px)}.chaos-copy h2 span{color:#E85D04}.chaos-copy>p:not(.kicker){max-width:540px;line-height:1.7;font-size:17px}.chaos-copy .button{align-self:flex-start;margin-top:25px}.chaos-visual{position:relative;overflow:hidden;min-height:700px}.chaos-visual img{width:100%;height:100%;object-fit:cover}.floating-tag{position:absolute;background:#E85D04;color:#111;border:1px solid #111;padding:10px 14px;border-radius:999px;font:700 10px 'Space Mono';text-transform:uppercase;box-shadow:4px 4px 0 #111;animation:tagBob 3.5s ease-in-out infinite}.tag-one{left:8%;top:14%;transform:rotate(-8deg)}.tag-two{right:7%;top:45%;background:#F4F0EA;transform:rotate(7deg);animation-delay:-1s}.tag-three{left:25%;bottom:10%;background:#fff;transform:rotate(-3deg);animation-delay:-2s}@keyframes tagBob{50%{translate:0 -10px}}
@media(max-width:1000px){.hero-stickers{opacity:.78;scale:.8;transform-origin:top right}.lab-grid,.chaos-banner{grid-template-columns:1fr}.chaos-visual{min-height:540px}.stack-output{min-height:500px}.orbit-node{--radius:115px}}
@media(max-width:650px){.hero-stickers{display:none}.lab-header{align-items:flex-start;flex-direction:column}.lab-tabs{width:100%}.lab-tabs button{flex:1}.channel-grid{grid-template-columns:1fr}.channel-card{min-height:105px}.shuffle-button{grid-column:1}.signal-panel{grid-template-columns:1fr}.signal-score{grid-row:auto}.signal-bars>div{grid-template-columns:115px 1fr 24px}.growth-orbit{scale:.9;margin-top:-12px;margin-bottom:0}.orbit-node{--radius:105px}.chaos-visual{min-height:430px}.sticker{animation:none}}

/* ===== MADLADS brand layer — ink #0A0908 / orange #E85D04 / cream #F4F0EA · Clash Display + General Sans + Space Mono ===== */
::selection{background:var(--or);color:var(--ink)}
.brand-logo{height:40px;width:auto;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
footer .brand-logo{height:58px}
h1,h2,h3,.marquee-track,.stat strong,blockquote{font-family:'Clash Display','General Sans',Arial,sans-serif}
h1{font-size:clamp(54px,8.2vw,134px);line-height:.9;letter-spacing:-.012em;font-weight:700;text-transform:uppercase}
h1 em{font-family:inherit;font-style:normal;font-weight:700;color:var(--ink);-webkit-text-stroke:0;letter-spacing:inherit;background:var(--or);padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
h2{font-size:clamp(40px,5.6vw,92px);font-weight:700;line-height:.94;letter-spacing:-.01em;text-transform:uppercase}
h2 span{font-family:inherit;font-weight:700;font-style:normal;color:var(--or)}
h3{font-weight:600;letter-spacing:-.005em}
.kicker{color:var(--or);font-weight:700}
.eyebrow{color:var(--muted);font-weight:700}
.button{font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border-radius:4px}
.button-primary{background:var(--or);color:var(--ink);box-shadow:0 10px 40px rgba(232,93,4,.25)}
.button-primary:hover{background:var(--or-hot)}
.nav-cta{font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px;border:1.5px solid rgba(232,93,4,.6);border-radius:4px;padding:11px 16px}
.nav-cta:hover{background:var(--or);color:var(--ink)}.nav-cta:hover span{color:var(--ink)}
.desktop-nav a{font-weight:500}
.hero-wash{background:linear-gradient(90deg,#0A0908 0%,rgba(10,9,8,.92) 30%,rgba(10,9,8,.15) 58%,transparent 100%),linear-gradient(0deg,rgba(10,9,8,.85),transparent 30%)}
.hero-index strong{color:var(--or)}
/* marquee: ink band, orange type */
.marquee{background:var(--ink);color:var(--or);border-block:1.5px solid var(--or)}
.marquee-track{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
/* playground on orange */
.vibe-lab{background:var(--or);color:var(--ink)}
.lab-header h2 span{color:var(--cream)}
.channel-card{background:rgba(244,240,234,.9);border-radius:6px}
.channel-card.active{background:var(--ink);color:var(--cream)}
.channel-card.active .channel-icon,.channel-card.active .channel-switch{border-color:var(--or);color:var(--or)}
.shuffle-button{border-radius:6px}.shuffle-button:hover{background:#2A1A10}
.stack-output,.signal-score,.signal-bars{border-radius:8px}
.orbit-core{color:var(--ink)}
.signal-note{background:var(--cream);border-radius:8px}
.signal-bars i:after{background:linear-gradient(90deg,var(--or-deep),var(--or))}
.lab-tabs button.active{background:var(--ink);color:var(--cream)}
/* work grid */
.project-tint{display:none}
.project-card button{background:#14100D;border-radius:6px}
.project-card img,.project-card:hover img{filter:none}
.project-arrow{background:var(--or);color:var(--ink)}
.filter.active,.filter:hover{background:var(--or);border-color:var(--or);color:var(--ink)}
.project-meta>span{color:var(--or)}
/* services (cream) */
.services .kicker,.service-row.open .service-top h3{color:var(--or-deep)}
.service-detail li:before{color:var(--or-deep)}
.service-row:hover .service-top button,.service-row.open .service-top button{background:var(--or);border-color:var(--or);color:var(--ink)}
/* creative banner (orange) */
.chaos-banner{background:var(--or)}
.chaos-copy h2 span{color:var(--cream)}
.chaos-copy .button-primary{background:var(--ink);color:var(--cream);box-shadow:none}
.chaos-visual{background:var(--ink)}
.floating-tag{background:var(--cream);color:var(--ink);border-color:var(--ink);font-family:'Space Mono',monospace}
.tag-two{background:var(--or)}.tag-three{background:var(--ink);color:var(--or);border-color:var(--or)}
/* manifesto */
.manifesto blockquote{font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:.98}
.manifesto blockquote em{font-family:inherit;font-style:normal;font-weight:700;color:var(--or)}
.orb-a{background:radial-gradient(circle at 35% 35%,rgba(232,93,4,.9),rgba(232,93,4,.2) 42%,transparent 70%)}
.orb-b{background:radial-gradient(circle,rgba(232,93,4,.8),transparent 70%)}
.stat strong{font-weight:700;letter-spacing:-.01em;color:var(--cream)}
/* contact (orange) */
.contact{background:var(--or);color:var(--ink)}
.project-form,.audit-form{border-radius:8px}
.choice-grid input:checked+span{background:var(--or);color:var(--ink);border-color:var(--or)}
.wide-cta,.case-study{border-radius:8px}
.case-result strong{font-family:'Clash Display',sans-serif;font-weight:700}
.page-hero-bg{opacity:.95}
.page-hero:after{background:linear-gradient(90deg,#0A0908 0%,rgba(10,9,8,.86) 38%,rgba(10,9,8,.1) 75%),linear-gradient(0deg,#0A0908,transparent 45%)}
.detail-card,.principles article{background:#100D0B}
.detail-grid,.principles{background:#2A241F;border-color:#2A241F}
.legal-content a{color:var(--or)}
@media(max-width:620px){.brand-logo{height:34px}h1{font-size:clamp(46px,13.5vw,80px)}.hero-image{background-size:cover;background-position:72% center}}
@media(max-width:900px){.hero{align-items:flex-end;padding-bottom:110px}.hero-image{background-image:url('images/hero-home-mobile.webp');background-size:100% auto;background-position:center top;background-color:#0A0908}.hero-wash{background:linear-gradient(0deg,#0A0908 0%,#0A0908 38%,rgba(10,9,8,.55) 58%,transparent 75%)}.hero-index{display:none}}
@media(max-width:900px){.hero{display:block;height:auto;min-height:0;padding:80vw var(--pad) 90px}.hero-content{margin-top:0}.hero-wash{display:none}.hero-image{background-size:100% auto;background-position:center top}.scroll-cue{display:none}}
.chaos-visual img{object-fit:contain}
/* page heroes: designed visual lives on the right, headline on the left */
.page-hero-bg{left:40%;opacity:1;background-size:cover;background-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.page-hero:after{background:linear-gradient(0deg,#0A0908,transparent 40%)}
.page-hero h1{font-size:clamp(48px,6.4vw,112px);max-width:62%}
.page-hero p:not(.kicker){max-width:560px}
@media(max-width:900px){.page-hero-bg{left:0;opacity:.32;-webkit-mask-image:none;mask-image:none}.page-hero h1{max-width:none}.hero{padding-top:88vw}}
.page-hero-bg{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 8%,#000 40%);mask-image:linear-gradient(90deg,transparent 0,transparent 8%,#000 40%)}

/* ===== Audit fixes (9 Oct 2026): layout, type scale, contrast, touch targets ===== */
html,body{overflow-x:clip}
:root{--muted:#B9B1A6;--dim:#A39A90;--ink-soft:#5E554D}

/* header: readable over any image, consistent spacing */
.site-header{background:linear-gradient(180deg,rgba(10,9,8,.9),rgba(10,9,8,0));padding-top:18px;padding-bottom:18px}
.site-header.scrolled{background:rgba(10,9,8,.9)}
.desktop-nav{font-size:13px;gap:30px}.desktop-nav a[aria-current=page]{color:var(--or)}
.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}
.mobile-menu nav a{font-family:'Clash Display',sans-serif;font-weight:700;text-transform:uppercase}
.mobile-menu nav a[aria-current=page]{color:var(--or)}
.mobile-menu-meta{display:flex;flex-direction:column;gap:12px;margin-top:34px;font:700 12px/1.4 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

/* type scale: nothing under 11px, labels readable */
.kicker,.eyebrow{font-size:12px;letter-spacing:.16em}
.project-meta p,.stat span,.case-result span,.modal-copy dt,.detail-card li,.service-detail li,.timeline .number,.detail-card .number,.process-steps span,.principles .kicker{font-size:11px;letter-spacing:.1em}
.project-meta p,.stat span,.case-result span,.modal-copy dt{color:var(--dim)}
.project-meta>span{font-size:11px}
.project-meta h3{font-size:22px}
.field label,fieldset legend{font-size:11px;color:#4A423B}
.choice-grid span{font-size:12px;padding:10px 14px}
.form-note{font-size:12px;line-height:1.6;color:var(--ink-soft);margin:14px 0 0}
.filter{font-size:11px;min-height:40px;padding:10px 16px}
.text-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:600}
.lab-tabs button{font-size:11px}
.channel-copy small,.channel-switch,.stack-line,.signal-bars>div,.signal-score span,.signal-score small,.signal-note span,.stack-label{font-size:11px}
.lab-ticker span{font-size:12px}
.service-top>span{font-size:11px;color:var(--ink-soft)}
.service-top p{color:var(--ink-soft);font-size:14px}
.service-detail li{color:var(--ink-soft)}
.section-heading>p,.page-lead p,.detail-card>p,.timeline p,.principles p,.process-steps p,.case-copy p,.manifesto-grid>p{color:var(--muted)}
.process-steps p{font-size:15px}
.detail-card>p,.timeline p{font-size:16px}
.hero-copy{color:#D9D2C8;font-weight:400}

/* footer */
.site-footer{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px 6vw;align-items:start;padding:70px var(--pad) 40px;border-top:1px solid var(--line)}
.site-footer p{font-size:14px;color:var(--muted);margin-top:18px}
.footer-col{display:flex;flex-direction:column;gap:4px;font-size:14px}
.footer-col span{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--or);margin-bottom:8px}
.footer-col a{padding:6px 0;color:var(--cream);width:fit-content}.footer-col a:hover{color:var(--or)}
.site-footer small{grid-column:1/-1;font:400 12px 'Space Mono',monospace;color:var(--dim);padding-top:26px;border-top:1px solid var(--line)}

/* HOME HERO: copy left, visual right — never underneath the headline */
.hero{align-items:center;padding:120px var(--pad) 80px;height:auto;min-height:max(680px,100svh)}
.hero-image{left:44%;background-image:url('images/hero-home.webp');background-size:cover;background-position:left center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
.hero-wash{display:none}
.hero-content{max-width:min(56%,820px)}
.hero h1{font-size:clamp(52px,7.2vw,124px)}

/* RESULTS GRID: every image shown whole at its own ratio */
.project-grid{align-items:start}
.project-card button,.project-card.portrait button,.project-card.wide button{height:auto!important;display:block}
.project-card img{height:auto;aspect-ratio:auto}
.project-card:hover img{transform:scale(1.03)}

/* PAGE HEROES: compact, visual on the right, consistent gap under the header */
.page-hero{min-height:0;height:auto;padding:150px var(--pad) 90px;align-items:center}
.page-hero-content{min-height:clamp(340px,40vw,560px);display:flex;flex-direction:column;justify-content:center}
.page-hero-bg{left:42%}
.page-shell{padding-top:clamp(60px,7vw,110px)}

/* CASE STUDIES */
.case-study img{object-position:right center}

/* misc */
.legal-page{padding-top:160px}
.error-page{min-height:70vh}
.error-actions{display:flex;flex-wrap:wrap;gap:14px}
.legal-content a.button-primary{color:var(--ink)}
.button-ghost{border:1.5px solid rgba(232,93,4,.6);color:var(--cream)}
.button-ghost:hover{background:var(--or);color:var(--ink)}
.service-intro .text-link{margin-top:26px;border-color:#B8AFA5}
.process-more{margin-top:34px}
.contact-mail{display:inline-block;padding:8px 0}
.chaos-copy h2,.lab-header h2,.contact-copy h2,.wide-cta h2{overflow-wrap:break-word}

@media(max-width:1100px){
  .hero-content{max-width:60%}
}
@media(max-width:900px){
  /* home hero: visual on top, copy underneath */
  .hero{display:block;min-height:0;padding:calc(84vw) var(--pad) 70px}
  .hero-image{left:0;right:0;height:92vw;bottom:auto;background-image:url('images/hero-home-mobile.webp');background-size:100% auto;background-position:center top;-webkit-mask-image:none;mask-image:none}
  .hero-content{max-width:none}
  /* page heroes: visual as a banner above the copy */
  .page-hero{display:flex;flex-direction:column;align-items:stretch;padding:76px 0 40px}
  .page-hero-bg{position:relative;inset:auto;left:auto;order:-1;height:62vw;max-height:420px;opacity:1;background-size:cover;background-position:85% center;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 30%);mask-image:linear-gradient(0deg,transparent 0,#000 30%)}
  .page-hero:after{display:none}
  .page-hero-content{min-height:0;padding:0 var(--pad);margin-top:-30px}
  .page-hero h1{max-width:none}
  /* case studies: image above copy */
  .case-study{display:block;min-height:0;padding:0;background:#100D0B}
  .case-study img{position:relative;height:auto;aspect-ratio:2400/1100;object-position:right center}
  .case-study:after{display:none}
  .case-copy{padding:26px 22px 32px}
  .site-footer{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  h2{font-size:clamp(34px,10vw,56px)}
  .chaos-copy h2,.lab-header h2,.contact-copy h2{font-size:clamp(40px,11.5vw,64px)}
  .wide-cta h2{font-size:clamp(34px,9.6vw,52px)}
  .page-hero h1,.hero h1{font-size:clamp(42px,12.4vw,72px)}
  .project-card button,.project-card.portrait button,.project-card.wide button{height:auto!important;max-height:none}
  .channel-grid{grid-template-columns:1fr 1fr}
  .channel-card{grid-template-columns:1fr;min-height:0;padding:14px;gap:8px}
  .channel-card .channel-switch{justify-self:start}
  .shuffle-button{grid-column:1/-1}
  .site-footer{grid-template-columns:1fr}
  .footer-col a{padding:9px 0}
  .menu-toggle{width:44px;height:44px}
  .choice-grid span{padding:11px 14px}
}
@media(max-width:900px){
  .page-hero-bg{height:80vw;max-height:520px;background-size:auto 100%;background-position:right center}
  .case-study img{aspect-ratio:4/3;object-fit:cover;object-position:62% center}
}
@media(max-width:620px){.detail-card ul{grid-template-columns:1fr}}
@media(min-width:901px){.hero-image{background-position:center}}
.mobile-menu{visibility:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),visibility 0s .55s}
.mobile-menu.open{visibility:visible;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.mobile-menu .mobile-menu-meta a{font:700 12px/1.4 'Space Mono',monospace;letter-spacing:.08em;border:0;padding:8px 0}
.hero-image{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 12%)}
.orbit-core span,.orbit-core small{font-size:9px}
@media(max-width:900px){.hero-image{-webkit-mask-image:none;mask-image:none}}

/* ===== Service explorer (home "Growth you can actually track") ===== */
.explorer{display:grid;grid-template-columns:minmax(260px,.8fr) 1.6fr;gap:clamp(20px,3vw,44px);align-items:start}
.explorer-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.explorer-tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;padding:15px 12px;border-bottom:1px solid var(--line);color:var(--muted);transition:background .2s,color .2s}
.explorer-tab span{font:700 11px 'Space Mono',monospace;color:var(--dim)}
.explorer-tab strong{font:600 clamp(17px,1.5vw,21px)/1.2 'Clash Display',sans-serif;color:var(--cream)}
.explorer-tab b{color:var(--or);opacity:0;transform:translateX(-6px);transition:.2s}
.explorer-tab:hover,.explorer-tab[aria-selected=true]{background:#16110D}
.explorer-tab[aria-selected=true]{box-shadow:inset 3px 0 0 var(--or)}
.explorer-tab[aria-selected=true] span{color:var(--or)}
.explorer-tab[aria-selected=true] b{opacity:1;transform:none}
.explorer-tab:focus-visible{outline:2px solid var(--or);outline-offset:-2px}
.explorer-panel{background:#100D0B;border:1px solid #2A241F;border-radius:10px;overflow:hidden;animation:panelIn .35s ease}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.explorer-panel figure{margin:0;aspect-ratio:16/9;background:#14100D;overflow:hidden}
.explorer-panel figure img{width:100%;height:100%;object-fit:cover}
.explorer-body{padding:clamp(22px,3vw,36px);display:grid;gap:18px}
.explorer-body h3{font:700 clamp(28px,3vw,44px)/.95 'Clash Display',sans-serif;text-transform:uppercase;margin:0}
.explorer-body>p{margin:0;color:var(--muted);line-height:1.65;max-width:620px}
.explorer-proof{display:flex;flex-wrap:wrap;gap:12px}
.explorer-proof div{border:1px solid #2A241F;border-radius:8px;padding:12px 16px;min-width:140px}
.explorer-proof strong{display:block;font:700 26px 'Clash Display',sans-serif;color:var(--or)}
.explorer-proof span{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.explorer-clients{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.explorer-clients li{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(232,93,4,.45);color:var(--cream);border-radius:99px;padding:7px 12px}
.explorer-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
@media(max-width:900px){
  .explorer{grid-template-columns:1fr}
  .explorer-tabs{flex-direction:row;overflow-x:auto;border:0;gap:8px;padding-bottom:6px;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--pad));padding-left:var(--pad);padding-right:var(--pad)}
  .explorer-tab{grid-template-columns:auto auto;border:1px solid #2A241F;border-radius:99px;padding:10px 14px;white-space:nowrap;scroll-snap-align:start;min-height:44px}
  .explorer-tab strong{font-size:15px}.explorer-tab b{display:none}
  .explorer-tab[aria-selected=true]{background:var(--or);box-shadow:none}.explorer-tab[aria-selected=true] strong,.explorer-tab[aria-selected=true] span{color:var(--ink)}
}

/* ===== Service pages ===== */
.page-hero .kicker a{color:var(--or);border-bottom:1px solid rgba(232,93,4,.4)}
.svc-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:30px}
.svc-proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-block:1px solid var(--line);margin:0 var(--pad)}
.svc-stat{padding:26px 22px;border-right:1px solid var(--line)}.svc-stat:last-child{border-right:0}
.svc-stat strong{display:block;font:700 clamp(30px,3.4vw,48px) 'Clash Display',sans-serif;color:var(--or)}
.svc-stat span{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.svc-deliverables{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:#2A241F;border:1px solid #2A241F;border-radius:8px;overflow:hidden}
.svc-deliverables li{background:#100D0B;padding:22px;font-size:16px;line-height:1.45;display:flex;gap:12px}
.svc-deliverables b{color:var(--or)}
.work-list{display:grid;gap:clamp(40px,6vw,80px)}
.work-item{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.work-item:nth-child(even) .work-media{order:2}
.work-media img{width:100%;border-radius:8px;border:1px solid #2A241F;background:#14100D}
.work-media>img{aspect-ratio:16/10;object-fit:cover}
.work-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.work-thumbs img{aspect-ratio:1;object-fit:cover}
.work-placeholder{aspect-ratio:16/10;border-radius:8px;background:radial-gradient(circle at 70% 30%,rgba(232,93,4,.35),transparent 60%),#14100D;border:1px solid #2A241F}
.work-copy h3{font:700 clamp(30px,3.4vw,52px)/.95 'Clash Display',sans-serif;text-transform:uppercase;margin:10px 0 12px}
.work-headline{font-size:18px;color:var(--cream);font-weight:500;margin:0 0 12px}
.work-copy>p{color:var(--muted);line-height:1.7}
.work-results{list-style:none;padding:0;margin:22px 0;display:flex;flex-wrap:wrap;gap:10px}
.work-results li{border:1px solid rgba(232,93,4,.45);border-radius:8px;padding:12px 16px;min-width:130px}
.work-results strong{display:block;font:700 24px 'Clash Display',sans-serif;color:var(--or)}
.work-results span{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
.work-deliverables{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:6px}
.work-deliverables li{font:700 11px/1.5 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.work-deliverables li:before{content:'↳ ';color:var(--or)}
.work-link{display:inline-flex;min-height:40px;align-items:center;font:700 12px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--or);border-bottom:1px solid rgba(232,93,4,.4)}
.work-empty{color:var(--muted)}
.svc-others{margin-top:60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:#2A241F;border:1px solid #2A241F;border-radius:8px;overflow:hidden}
.svc-others .kicker{grid-column:1/-1;background:var(--ink);margin:0;padding:18px 0}
.svc-others a{background:#100D0B;padding:20px;display:flex;align-items:center;gap:12px;font:600 17px 'Clash Display',sans-serif}
.svc-others a span{font:700 11px 'Space Mono',monospace;color:var(--dim)}.svc-others a b{margin-left:auto;color:var(--or)}
.svc-others a:hover{background:#1A140F;color:var(--or)}
.amazon{background:var(--cream);color:var(--ink);border-radius:10px;margin:0 var(--pad);padding:clamp(28px,5vw,70px);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:center}
.amazon .kicker{color:var(--or-deep)}
.amazon h2 span{color:var(--or-deep)}
.amazon p{color:#4A423B;line-height:1.7}
.amazon ul{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.amazon li{background:#fff;border:1px solid #E2D9CE;border-radius:8px;padding:14px;font-size:15px;line-height:1.4}
.amazon li b{display:block;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--or-deep);margin-bottom:4px}
.amazon img{width:100%;border-radius:8px}
@media(max-width:900px){.work-item{grid-template-columns:1fr}.work-item:nth-child(even) .work-media{order:0}.amazon{grid-template-columns:1fr}.svc-stat{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:620px){.amazon ul{grid-template-columns:1fr}}
.detail-link{display:inline-flex;margin-top:22px;min-height:40px;align-items:center;font:700 12px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--or)}
.detail-link:hover{color:var(--cream)}
.explorer-proof div{flex:1 1 140px}
.work-more{margin-top:clamp(50px,7vw,90px)}
.work-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:#2A241F;border:1px solid #2A241F;border-radius:8px;overflow:hidden}
.work-mini{background:#100D0B;padding:26px;display:flex;flex-direction:column;gap:10px}
.work-mini .kicker{margin:0;font-size:11px}
.work-mini h3{font:700 26px/1 'Clash Display',sans-serif;text-transform:uppercase;margin:0}
.work-mini .work-headline{font-size:15px;margin:0}
.work-mini p{color:var(--muted);line-height:1.6;margin:0;font-size:14px}
.work-mini-results{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:4px;font-size:14px;color:var(--muted)}
.work-mini-results strong{color:var(--or);font-family:'Clash Display',sans-serif;font-size:18px}
.work-mini .work-link{margin-top:auto}
@media(max-width:620px){.svc-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:18px}}

/* ===== Service pages v2: evidence layouts ===== */
.work-media .shot{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#fff;border-radius:8px;border:1px solid #2A241F}
.work-shots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.work-gallery{display:grid;gap:10px}
.work-gallery img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #2A241F;aspect-ratio:4/5}
.work-gallery.n2{grid-template-columns:1fr 1fr}
.work-gallery.n3{grid-template-columns:1fr 1fr 1fr}
.work-gallery.n4{grid-template-columns:1fr 1fr}
.work-gallery.n1 img{aspect-ratio:auto}
.work-item.is-shot{grid-template-columns:1.35fr 1fr}
.svc-channel+.svc-channel{padding-top:0}
.svc-channel .page-lead h2{font-size:clamp(44px,6vw,96px)}
.aeo{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,70px);align-items:center;border-top:1px solid var(--line)}
.aeo-copy>p{color:var(--muted);line-height:1.75;max-width:600px}
.aeo-list{list-style:none;padding:0;margin:26px 0;display:grid;gap:12px}
.aeo-list li{border-left:3px solid var(--or);padding:4px 0 4px 16px;color:var(--muted);line-height:1.55}
.aeo-list b{display:block;color:var(--cream);font:600 18px 'Clash Display',sans-serif;margin-bottom:2px}
.aeo-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.aeo-proof div{border:1px solid rgba(232,93,4,.45);border-radius:8px;padding:12px 16px;flex:1 1 150px}
.aeo-proof strong{display:block;font:700 24px 'Clash Display',sans-serif;color:var(--or)}
.aeo-proof span{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
.aeo-note{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-top:16px}
.aeo-shot{margin:0}.aeo-shot img{width:100%;border-radius:10px;background:#fff;border:1px solid #2A241F}
.aeo-shot figcaption{margin-top:10px;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
@media(max-width:900px){.aeo,.work-item.is-shot{grid-template-columns:1fr}.work-gallery.n3{grid-template-columns:1fr 1fr}}
.work-shots:has(> :only-child){grid-template-columns:1fr}
.work-gallery.n1 img{aspect-ratio:4/5;max-height:560px;object-fit:cover}
/* Mobile hero v3: short logo band, tighter copy, CTA above the fold */
@media(max-width:900px){
  .hero{padding:68vw var(--pad) 56px}
  .hero-image{height:71.7vw}
}
@media(max-width:620px){
  .hero .eyebrow{margin:0 0 14px;font-size:11px}
  .hero h1{font-size:clamp(38px,11vw,60px);line-height:.94;margin:0 0 18px}
  .hero-copy{font-size:15px;line-height:1.55;margin:0;max-width:34ch}
  .hero-actions{margin-top:24px;gap:6px;align-items:stretch}
  .hero-actions .button{width:100%;min-height:52px}
  .hero-actions .text-link{align-self:flex-start}
}

/* ===== MADLADS icon set (assets/icons/mi.svg) ===== */
.mi{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none;overflow:visible;--mi-acc:var(--or)}
.button-primary .mi,.nav-cta:hover .mi,.filter.active .mi,.channel-card .mi{--mi-acc:currentColor}
.button .mi{width:1.15em;height:1.15em}
.text-link .mi,.work-link .mi,.detail-link .mi{width:1.1em;height:1.1em}
.marquee-track b .mi{width:.9em;height:.9em;color:var(--or)}
.svc-deliverables b .mi{width:.8em;height:.8em}
.faq-question span .mi,.service-top button .mi{width:20px;height:20px}
.faq-question span,.service-top button{display:grid;place-items:center}
.explorer-tab{grid-template-columns:30px 26px 1fr 20px}
.explorer-tab .tab-icon{display:grid;place-items:center;color:var(--muted);font-style:normal}
.explorer-tab .tab-icon .mi{width:22px;height:22px}
.explorer-tab[aria-selected=true] .tab-icon{color:var(--cream)}
.explorer-tab b .mi{width:18px;height:18px}
.svc-others a .mi{width:22px;height:22px;color:var(--muted)}
.svc-others a:hover .mi{color:var(--cream)}
.svc-kicker{display:flex;align-items:center;gap:10px}.svc-kicker .mi{width:22px;height:22px;color:var(--cream)}
.svc-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#16110D;border:1px solid rgba(232,93,4,.4);color:var(--cream);margin-bottom:22px}
.svc-icon .mi{width:28px;height:28px}
.channel-icon .mi{width:22px;height:22px}
.orbit-node .mi{width:18px;height:18px;--mi-acc:currentColor}
.shuffle-button .mi{width:1.2em;height:1.2em}
.service-detail li:before,.detail-card li:before,.work-deliverables li:before{content:'';display:inline-block;width:.9em;height:.9em;margin-right:.45em;vertical-align:-.1em;background:var(--or);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%209h10l-2.5%206h-10z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%209h10l-2.5%206h-10z%22/%3E%3C/svg%3E") center/contain no-repeat}
.services .service-detail li:before{background:var(--or-deep)}
.audit-aside li:before{content:'';display:inline-block;width:1em;height:1em;margin-right:.5em;vertical-align:-.15em;background:var(--or);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22skewX%28-10%29%20translate%282.1%200%29%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M4.5%2012.5l4.5%204.5L19.5%206.5%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22skewX%28-10%29%20translate%282.1%200%29%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M4.5%2012.5l4.5%204.5L19.5%206.5%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:900px){.explorer-tab{grid-template-columns:auto auto auto}.explorer-tab .tab-icon .mi{width:18px;height:18px}.explorer-tab[aria-selected=true] .tab-icon{color:var(--ink)}}

/* ===== Section-to-section flow (scroll-driven; visitor keeps full control, compositor-only properties) ===== */
main>section{position:relative}
main>section:not(.hero){border-top-left-radius:clamp(18px,3vw,36px);border-top-right-radius:clamp(18px,3vw,36px);box-shadow:0 -24px 60px rgba(0,0,0,.35)}
main>section:not(.hero):not([class*=vibe]):not(.services):not(.chaos-banner):not(.contact):not(.marquee){background:var(--ink)}
main>section.marquee{border-radius:0;box-shadow:none}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    main>section:not(.marquee){
      animation:flow-in linear both;will-change:transform;
      animation-timeline:view();
      animation-range:entry 0% entry 100%;
      transform-origin:50% 100%;
    }
    main>section.hero{animation:none}
    .reveal{transition-duration:.6s}
  }
}
@keyframes flow-in{from{transform:translate3d(0,48px,0)}to{transform:none}}
@media(max-width:620px){@keyframes flow-in{from{transform:translate3d(0,28px,0)}to{transform:none}}}
/* cards overlap so the incoming section slides over the outgoing one (no gap band) */
main>section:not(.hero):not(.marquee){margin-top:calc(-1*clamp(18px,3vw,36px))}
main>section.marquee+section{margin-top:0}

/* ===== Page-to-page transitions (cross-document View Transitions) ===== */
@view-transition{navigation:auto}
.site-header{view-transition-name:site-header}
::view-transition-old(root){animation:vt-out .32s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vt-in .48s cubic-bezier(.22,1,.36,1) both}
::view-transition-group(site-header){animation-duration:0s}
@keyframes vt-out{to{opacity:0;transform:translate3d(0,-24px,0) scale(.985)}}
@keyframes vt-in{from{opacity:0;transform:translate3d(0,40px,0)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Lenis smooth scrolling */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
/* footer services column */
.site-footer{grid-template-columns:1.2fr 1.6fr .8fr 1.1fr}
.footer-services div{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.footer-services a{display:flex;align-items:center;gap:10px}
.footer-services .mi{width:18px;height:18px;color:var(--muted)}
.footer-services a:hover .mi{color:var(--cream)}
@media(max-width:1100px){.site-footer{grid-template-columns:1fr 1fr}.footer-brand,.footer-services{grid-column:1/-1}}
@media(max-width:620px){.footer-services div{grid-template-columns:1fr}}

/* ===== Playground v2: system map + signal check ===== */
.lab-sub{max-width:520px;margin:18px 0 0;font-size:16px;line-height:1.6;color:#2A1A10}
.lab-tabs button{display:inline-flex;align-items:center;gap:8px}
.lab-tabs .mi{width:16px;height:16px;--mi-acc:currentColor}
.sys{background:var(--ink);color:var(--cream);border-radius:10px;padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:20px;box-shadow:0 30px 80px rgba(10,9,8,.35)}
.sys-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.sys-label{font:700 12px 'Space Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--or);margin:0}
.sys-meter{display:flex;align-items:baseline;gap:8px}
.sys-meter strong{font:700 48px/1 'Clash Display',sans-serif;color:var(--or)}
.sys-meter span{font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.sys-flow{list-style:none;margin:0;padding:0;display:grid;gap:8px;position:relative}
.sys-flow li{display:grid;grid-template-columns:36px 150px 1fr;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;border:1px solid #2A241F;background:#100D0B;transition:border-color .25s,background .25s}
.sys-flow li.on{border-color:rgba(232,93,4,.55);background:#16110D}
.sys-flow li.off{border-style:dashed}
.sys-step{font:700 11px 'Space Mono',monospace;color:var(--dim)}
.sys-flow li.on .sys-step{color:var(--or)}
.sys-flow strong{font:600 17px 'Clash Display',sans-serif}
.sys-flow li.off strong{color:var(--dim)}
.sys-chips{display:flex;flex-wrap:wrap;gap:6px}
.sys-chips i{font-style:normal;display:inline-flex;align-items:center;gap:6px;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.04em;background:var(--or);color:var(--ink);padding:5px 9px;border-radius:99px;animation:chipIn .3s ease both}
.sys-chips i .mi{width:13px;height:13px;--mi-acc:currentColor}
.sys-chips em{font:700 11px 'Space Mono',monospace;text-transform:uppercase;color:#6E665D;font-style:normal}
@keyframes chipIn{from{opacity:0;transform:scale(.85)}}
.sys-gap{border-left:3px solid var(--or);padding:4px 0 4px 16px}
.sys-gap span{display:flex;align-items:center;gap:6px;font:700 12px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--or)}
.sys-gap span .mi{width:15px;height:15px}
.sys-gap p{margin:8px 0 12px;color:var(--muted);line-height:1.6;font-size:15px}
.sys-gap.ok p{margin-bottom:0}
.sys-add{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font:700 12px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--cream);border:1.5px solid rgba(232,93,4,.6);border-radius:6px;padding:9px 14px}
.sys-add:hover{background:var(--or);color:var(--ink)}
.sys-add .mi{width:14px;height:14px}
.sys .button{align-self:flex-start}
.shuffle-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase}

.sig{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(18px,3vw,40px);align-items:start}
.sig-qs{display:grid;gap:12px}
.sig-q{margin:0;border:1.5px solid #111;border-radius:8px;background:rgba(244,240,234,.92);padding:16px 18px;transition:background .25s}
.sig-q.done{background:var(--cream)}
.sig-q legend{float:left;width:100%;display:flex;gap:12px;font:600 17px/1.35 'General Sans',sans-serif;color:var(--ink);margin-bottom:12px;padding:0}
.sig-q legend span{font:700 11px 'Space Mono',monospace;color:var(--or-deep);padding-top:4px}
.sig-opts{clear:both;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sig-opt{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;font:600 13px/1.3 'General Sans',sans-serif;color:var(--ink);border:1.5px solid #CFC5B9;border-radius:6px;padding:10px 8px;min-height:44px;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s}
.sig-opt:hover{border-color:var(--ink)}
.sig-opt.on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.sig-opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sig-out{position:sticky;top:96px;background:var(--ink);color:var(--cream);border-radius:10px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px rgba(10,9,8,.35)}
.sig-ring{position:relative;width:150px;height:150px;align-self:center}
.sig-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sig-ring circle{fill:none;stroke-width:12}
.sig-ring .trk{stroke:#2A241F}
.sig-ring .val{stroke:var(--or);stroke-linecap:butt;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}
.sig-ring div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.sig-ring strong{font:700 48px/1 'Clash Display',sans-serif}
.sig-ring span{font:700 10px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-top:4px}
.sig-verdict{margin:0;text-align:center;font:600 20px/1.25 'Clash Display',sans-serif}
.sig-progress{margin:-6px 0 4px;text-align:center;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.sig-bars{display:grid;gap:9px}
.sig-bars div{display:grid;grid-template-columns:128px 1fr 56px;gap:10px;align-items:center;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.03em}
.sig-bars div.pending{opacity:.45}
.sig-bars i{height:8px;border-radius:4px;background:#2A241F;position:relative;overflow:hidden}
.sig-bars i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar);background:linear-gradient(90deg,var(--or-deep),var(--or));transition:width .5s cubic-bezier(.22,1,.36,1)}
.sig-bars b{color:var(--or);text-align:right}
.sig-leak{border:1.5px solid rgba(232,93,4,.6);border-radius:8px;padding:14px 16px;display:grid;gap:4px}
.sig-leak span{display:flex;align-items:center;gap:6px;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--or)}
.sig-leak span .mi{width:14px;height:14px}
.sig-leak strong{font:700 22px 'Clash Display',sans-serif;text-transform:uppercase}
.sig-leak .text-link{color:var(--cream);font-size:13px;min-height:32px}
.sig-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sig-reset{all:unset;cursor:pointer;font:700 12px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);border-bottom:1px solid #3A322B;padding:6px 0}
.sig-reset:hover{color:var(--cream)}
@media(max-width:1000px){.sig{grid-template-columns:1fr}.sig-out{position:relative;top:auto}}
@media(max-width:620px){.sys-flow li{grid-template-columns:28px 1fr}.sys-chips{grid-column:1/-1}.sig-opts{grid-template-columns:1fr}.sig-bars div{grid-template-columns:110px 1fr 48px}}
.sig-q legend{font:600 17px/1.35 'General Sans',sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important}
/* stats strip under service heroes: not a stacked card, never overlapped */
main>section.svc-proof{border-radius:0!important;box-shadow:none!important;margin-top:0!important;animation:none!important;transform:none!important}
main>section.svc-proof+section{margin-top:0!important}