:root{
  /* Core palette */
  --ink:#090909;
  --paper:#f3efe6;
  --white:#fffdf8;
  --lime:#caff4d;
  --blue:#5f73ff;
  --orange:#ff6b2d;

  /* Text, dividers, and elevation */
  --muted:#67635c;
  --line:rgba(9,9,9,.16);
  --line-light:rgba(255,255,255,.18);
  --shadow:0 24px 80px rgba(0,0,0,.16);

  /* Shape, layout, and motion */
  --radius:28px;
  --radius-sm:18px;
  --shell:min(1240px,calc(100vw - 48px));
  --ease:cubic-bezier(.22,.8,.2,1);
}


*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}
body.nav-open{overflow:hidden}
::selection{background:var(--lime);color:var(--ink)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img,svg{display:block;max-width:100%}
.shell{width:var(--shell);margin:0 auto}
.skip{position:fixed;top:8px;left:8px;z-index:1000;background:var(--lime);color:var(--ink);padding:10px 14px;border-radius:999px;transform:translateY(-160%)}
.skip:focus{transform:none}
main{overflow:hidden}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:900}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}


.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 19px;border-radius:999px;font-weight:800;font-size:.84rem;transition:.25s var(--ease)}
.button.primary{background:var(--lime);color:var(--ink)}
.button.secondary{border:1px solid rgba(255,255,255,.3);color:var(--white)}
.button.secondary.dark{color:var(--ink);border-color:var(--ink)}
.button:hover{transform:translateY(-3px)}

/* General sections */
.section{padding:108px 0}.section.tight{padding:82px 0}
.section-head{display:grid;grid-template-columns:180px 1fr;gap:46px;align-items:start;margin-bottom:45px}
.section-head h2{font-size:clamp(2.8rem,5.1vw,6.25rem);line-height:.92;letter-spacing:-.065em;margin:0;max-width:980px}
.section-head p{max-width:700px;color:var(--muted);font-size:1.03rem;margin:21px 0 0}

.approach-teaser{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:32px}.approach-teaser h2{font-size:clamp(2.6rem,4.9vw,5.6rem);line-height:.91;letter-spacing:-.06em;margin:17px 0 0;max-width:900px}.approach-teaser .button.primary{background:var(--ink);color:var(--white);flex:0 0 auto}
.contact-strip{background:var(--lime);padding:82px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.contact-grid h2{font-size:clamp(3.4rem,6.5vw,7.4rem);line-height:.84;letter-spacing:-.075em;margin:0}.contact-card{border-top:2px solid var(--ink);padding-top:20px}.contact-card p{font-size:1.05rem;margin:0 0 24px}.contact-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.contact-links a{border:1px solid var(--ink);border-radius:999px;padding:10px 14px;font-size:.74rem;font-weight:850}.contact-links small{width:100%;font-size:.67rem;margin-top:4px;opacity:.65}.footer{background:var(--ink);color:rgba(255,255,255,.62);padding:30px 0;font-size:.72rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}

/* Concept D v5 — sharper hierarchy, trailer-level evidence, denser rhythm */
a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.menu{cursor:pointer;line-height:1}.menu span{display:block;width:28px;text-align:center}
.section{padding:88px 0}.section.tight{padding:70px 0}
.compact-head{margin-bottom:34px}.compact-head h2{font-size:clamp(2.65rem,4.4vw,5.35rem)}


/* Floating navigation */
.site-header{position:fixed;inset:18px 0 auto;z-index:100;color:var(--white);pointer-events:none}
.nav-shell{width:var(--shell);height:60px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 10px 8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(12,12,12,.78);box-shadow:0 16px 45px rgba(0,0,0,.2);backdrop-filter:blur(20px);pointer-events:auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;padding-right:12px}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:var(--ink);border-radius:50%;font-size:.72rem;letter-spacing:-.05em}
.nav-links{display:flex;align-items:center;gap:22px;font-size:.82rem;font-weight:750}
.nav-links a{position:relative;padding:10px 0;color:rgba(255,255,255,.72)}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--white)}
.nav-links a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--lime)}
.nav-contact{border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:9px 15px!important}
.nav-contact::after{display:none!important}
.menu{display:none;background:transparent;border:0;font-size:1.5rem}


/* Concept D v4, final aesthetic motion pass */
.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:120;pointer-events:none}
.scroll-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--lime),var(--blue));transform:scaleX(0);transform-origin:left center;box-shadow:0 0 18px rgba(202,255,77,.55)}
.nav-shell{transition:height .3s var(--ease),transform .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}
.nav-shell.compact{height:52px;transform:translateY(-4px);background:rgba(8,8,8,.9);box-shadow:0 10px 32px rgba(0,0,0,.28)}


.what-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.what-card{position:relative;padding:34px 30px 32px;border-right:1px solid var(--line);min-height:300px}
.what-card:last-child{border-right:0}
.what-accent{display:block;width:15px;height:15px;border-radius:50%;margin-bottom:30px}.what-accent.a1{background:var(--orange)}.what-accent.a2{background:var(--blue);border-radius:3px}.what-accent.a3{background:var(--lime);box-shadow:0 0 0 7px rgba(202,255,77,.2)}
.what-card .num{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--muted)}
.what-card h3{font-size:clamp(1.65rem,2.4vw,2.5rem);line-height:1;letter-spacing:-.05em;margin:34px 0 15px}
.what-card p{margin:0;color:var(--muted);font-size:.91rem}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.project-card{position:relative;min-height:540px;padding:22px;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 0 rgba(0,0,0,.08);transition:.35s var(--ease)}
.project-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.project-card.large{grid-column:span 7}.project-card.small{grid-column:span 5}
.project-card.orange{background:var(--orange)}.project-card.blue{background:var(--blue);color:var(--white)}.project-card.ink{background:var(--ink);color:var(--white)}.project-card.paper{background:var(--white)}
.project-meta{display:flex;justify-content:space-between;gap:16px;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;opacity:.68}
.project-card h3{font-size:clamp(2.35rem,3.8vw,4.9rem);line-height:.89;letter-spacing:-.065em;margin:20px 0 14px;max-width:820px}
.project-card p{font-size:.94rem;max-width:640px;margin:0;opacity:.78}
.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.project-tags span{border:1px solid currentColor;border-radius:999px;padding:7px 10px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;opacity:.75}
.project-arrow{position:absolute;right:20px;bottom:20px;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:1.15rem}
.project-visual{height:220px;margin:18px 0 22px;border-radius:18px;overflow:hidden;position:relative}
.signal-dashboard-mini{height:100%;background:#101010;color:white;padding:16px;display:grid;grid-template-columns:98px 1fr;gap:10px}.signal-dashboard-mini aside{display:flex;flex-direction:column;gap:9px;border-right:1px solid rgba(255,255,255,.16);padding-right:10px;font-size:.56rem;color:rgba(255,255,255,.6)}.signal-dashboard-mini aside b{color:white;font-size:.64rem}.mini-chart{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:7px;padding:26px 5px 12px}.mini-chart i{display:block;border-radius:8px 8px 2px 2px;background:var(--lime);height:var(--h);animation:barBreathe 3s ease-in-out infinite;animation-delay:var(--d)}.mini-chart i:nth-child(2n){background:var(--orange)}.mini-chart i:nth-child(3n){background:var(--blue)}
@keyframes barBreathe{0%,100%{transform:scaleY(.9);transform-origin:bottom}50%{transform:scaleY(1.04);transform-origin:bottom}}

/* OS feature */
.os-section-work{background:var(--paper)}
.os-feature{color:var(--ink);border:2px solid var(--ink);border-radius:34px;padding:42px;display:grid;grid-template-columns:.84fr 1.16fr;gap:46px;align-items:center;background:transparent;box-shadow:10px 10px 0 var(--ink)}
.os-feature h2{font-size:clamp(3.2rem,5.2vw,6.3rem);line-height:.88;letter-spacing:-.07em;margin:17px 0 22px}.os-feature p{color:var(--muted);max-width:600px}.os-feature .button.primary{background:var(--ink);color:var(--white)}
.os-mini-network{position:relative;min-height:470px;border-radius:25px;background:var(--ink);color:white;padding:18px;overflow:hidden}.os-mini-network svg{width:100%;height:360px}.os-mini-edges path{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.5;transition:.25s}.os-mini-edges path.active{stroke:var(--lime);stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(202,255,77,.5))}.os-mini-nodes circle{fill:#151515;stroke:rgba(255,255,255,.22);stroke-width:1.5;transition:.25s}.os-mini-nodes g.active circle,.os-mini-nodes .core circle{fill:rgba(202,255,77,.12);stroke:var(--lime)}.os-mini-nodes .output circle{fill:rgba(95,115,255,.18);stroke:var(--blue)}.os-mini-nodes text{fill:rgba(255,255,255,.72);font-size:12px;text-anchor:middle}.os-mini-controls{display:flex;flex-wrap:wrap;gap:7px}.os-mini-controls button{border:1px solid rgba(255,255,255,.25);background:transparent;color:white;border-radius:999px;padding:7px 9px;font-size:.59rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;cursor:pointer}.os-mini-controls button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.os-explain{margin:12px 0 0;color:rgba(255,255,255,.65);font-size:.75rem;min-height:42px}

/* Same marker shape, three colors */
.what-accent{border-radius:50%!important;box-shadow:none!important;width:14px;height:14px}
.what-accent.a1{background:var(--orange)}.what-accent.a2{background:var(--blue)}.what-accent.a3{background:var(--lime)}

.project-navigation{padding:38px 0 20px;background:var(--paper)}
.project-navigation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.project-nav-card{position:relative;min-height:190px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
.project-nav-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-100px;background:radial-gradient(circle,var(--lime),transparent 68%);opacity:.22;transition:transform .35s var(--ease),opacity .35s var(--ease)}
.project-nav-card.previous::after{right:auto;left:-85px;background:radial-gradient(circle,var(--blue),transparent 68%)}
.project-nav-card:hover{transform:translateY(-5px);background:var(--ink);color:var(--white)}
.project-nav-card:hover::after{transform:scale(1.35);opacity:.36}
.project-nav-card span{text-transform:uppercase;letter-spacing:.11em;font-size:.66rem;font-weight:900;opacity:.62}
.project-nav-card strong{font-size:clamp(1.8rem,3vw,3rem);line-height:.95;letter-spacing:-.05em;margin-top:28px}
.project-nav-card small{font-size:.82rem;opacity:.68;margin-top:8px}


/* Reconstructed interface artifacts */
.artifact-preview{background:#0e0e0e;color:var(--white);border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column}
.artifact-bar{height:34px;flex:0 0 34px;padding:0 11px;display:grid;grid-template-columns:66px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.13);background:#151515;font-size:.55rem;color:rgba(255,255,255,.56)}
.artifact-bar>span{display:flex;gap:5px}.artifact-bar>span i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25)}.artifact-bar>span i:first-child{background:var(--orange)}.artifact-bar>span i:nth-child(2){background:var(--lime)}.artifact-bar>span i:nth-child(3){background:var(--blue)}
.artifact-bar b{font-weight:720;color:rgba(255,255,255,.72)}.artifact-bar em{font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.proof-app{flex:1;display:grid;grid-template-columns:104px 1fr;min-height:0}
.proof-app>aside{padding:13px 10px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:5px;background:#111}
.proof-app>aside b{font-size:.65rem;margin-bottom:5px}.proof-app>aside span{padding:6px 7px;border-radius:6px;font-size:.55rem;color:rgba(255,255,255,.5)}.proof-app>aside span.active{background:rgba(202,255,77,.12);color:var(--lime)}
.proof-board{padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.artifact-heading{display:flex;justify-content:space-between;gap:8px;align-items:start}.artifact-heading span{display:block;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.43)}.artifact-heading strong{display:block;font-size:.75rem;margin-top:3px}.artifact-heading>b{font-size:.52rem;color:var(--orange);border:1px solid rgba(255,107,45,.55);padding:4px 6px;border-radius:99px}
.proof-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.proof-status-grid article{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px;min-width:0}.proof-status-grid span,.proof-status-grid small{display:block;font-size:.48rem;color:rgba(255,255,255,.48)}.proof-status-grid i{display:block;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--lime) var(--fill),rgba(255,255,255,.1) var(--fill));margin:8px 0}
.proof-intervention{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}.proof-intervention span{font-size:.48rem;text-transform:uppercase;color:rgba(255,255,255,.45)}.proof-intervention b{font-size:.6rem}.proof-intervention em{grid-column:2;grid-row:1/3;align-self:center;font-size:.49rem;font-style:normal;color:var(--lime)}
.signal-dashboard-mini{flex:1;min-height:0}
.signal-dashboard-mini aside span.active{color:var(--lime);font-weight:800}
.signal-mini-main{display:flex;flex-direction:column;min-width:0}.signal-mini-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.signal-mini-head strong{font-size:.66rem}.signal-mini-head span{font-size:.46rem;color:rgba(255,255,255,.5)}.signal-mini-head span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin:0 3px}.signal-mini-head span i:nth-of-type(2){background:var(--lime)}
.signal-mini-main .mini-chart{flex:1}.signal-mini-main>small{font-size:.48rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);padding-bottom:2px}
.voice-console{flex:1;display:grid;grid-template-columns:1.15fr .85fr;gap:10px;padding:11px;min-height:0}
.voice-conversation,.handoff-packet{border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:11px;background:#121212;min-width:0}
.voice-conversation>span,.handoff-packet>span{display:block;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);margin-bottom:9px}
.voice-conversation p{font-size:.6rem;line-height:1.3;margin:6px 0;padding:7px 8px;border-radius:8px;max-width:88%}.caller-line{background:rgba(95,115,255,.2)}.assistant-line{background:rgba(202,255,77,.12);margin-left:auto!important}
.voice-meter{height:28px;display:flex;align-items:center;gap:3px;margin-top:auto}.voice-meter i{width:2px;height:var(--h);background:var(--orange);border-radius:4px}
.handoff-packet strong{display:block;font-size:.72rem;color:var(--lime)}.handoff-packet ul{list-style:none;padding:0;margin:9px 0;display:grid;gap:5px}.handoff-packet li{font-size:.52rem;color:rgba(255,255,255,.6)}.handoff-packet li::before{content:"✓";color:var(--lime);margin-right:5px}.handoff-packet>b{display:block;margin-top:auto;padding:7px;border-radius:7px;background:var(--lime);color:var(--ink);font-size:.52rem;text-align:center}
.access-console{flex:1;display:grid;grid-template-columns:.75fr 1.25fr;gap:11px;padding:11px;min-height:0;background:#e7e1d7;color:var(--ink)}
.kiosk-frame{border:5px solid #222;border-radius:16px;padding:12px;background:var(--white);display:flex;flex-direction:column;min-width:0}.kiosk-frame>span:not(.kiosk-choice),.access-matrix span{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.kiosk-frame>strong{font-size:.74rem;line-height:1.2;margin:9px 0}.kiosk-frame .kiosk-choice{display:block;border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:6px;text-align:left;font-size:.53rem;margin-top:5px}.kiosk-frame small{font-size:.45rem;color:var(--muted);margin-top:auto}
.access-matrix{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}.access-matrix article{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:8px}.access-matrix article b{display:block;font-size:.64rem;margin-top:5px}.access-matrix p{grid-column:1/3;background:var(--ink);color:var(--white);border-radius:9px;padding:9px;font-size:.5rem;margin:0}.access-matrix p strong{display:block;color:var(--lime);font-size:.6rem;margin-top:4px}


.selected-work-home{padding-top:82px}
.project-grid-primary .project-card.wide{grid-column:span 12;min-height:485px}
.project-grid-primary .project-card.wide .project-visual{height:245px}
.home-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.secondary-case{min-height:235px;padding:25px;border:1px solid var(--line);border-radius:24px;background:var(--white);display:flex;flex-direction:column;justify-content:space-between;transition:.25s var(--ease)}
.secondary-case.lab{background:var(--ink);color:var(--white);border-color:var(--ink)}
.secondary-case:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.secondary-case>span,.secondary-case>b{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;opacity:.66}
.secondary-case h3{font-size:clamp(2.1rem,3.5vw,4rem);line-height:.92;letter-spacing:-.06em;margin:28px 0 8px;max-width:590px}
.secondary-case p{margin:0;color:var(--muted)}
.secondary-case.lab p{color:rgba(255,255,255,.62)}


/* Compact Approach and About previews */
.home-approach-section{background:var(--paper)}
.home-approach-head{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;margin-bottom:32px}
.home-approach-head h2{font-size:clamp(3.2rem,5.3vw,6.2rem);line-height:.87;letter-spacing:-.07em;margin:17px 0 0}
.home-approach-head>p{font-size:1.05rem;color:var(--muted);max-width:560px;margin:0 0 8px}
.home-approach-section .what-card{min-height:245px;padding:27px}
.home-approach-section .what-card h3{margin:28px 0 12px}
.section-link{display:flex;justify-content:flex-end;margin-top:26px}
.section-link .button.primary{background:var(--ink);color:var(--white)}
.about-preview-section{background:var(--white)}
.about-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.about-preview-mark{min-height:390px;border-radius:28px;background:var(--ink);color:var(--white);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;overflow:hidden}
.about-preview-mark::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-170px;background:radial-gradient(circle,var(--blue),transparent 68%);opacity:.55}
.about-preview-mark span{position:relative;z-index:1;font-size:clamp(2rem,4vw,4.3rem);line-height:.9;letter-spacing:-.06em;font-weight:850}
.about-preview-mark i{position:relative;z-index:1;width:40%;height:1px;background:linear-gradient(90deg,var(--orange),var(--lime))}
.about-preview h2{font-size:clamp(3rem,5vw,5.8rem);line-height:.88;letter-spacing:-.07em;margin:20px 0}
.about-preview p{max-width:680px;color:var(--muted);font-size:1.04rem}
.about-preview small{display:block;max-width:620px;color:var(--muted);margin:20px 0 28px}
.about-preview .button{width:max-content}


/* Homepage direction — Radical Clarity opening + Throughline working surface */
.home-radical{
  padding:94px 8px 8px;
  background:var(--ink);
  color:var(--ink);
}
.home-radical-stage{
  position:relative;
  min-height:min(900px,calc(100vh - 102px));
  padding:clamp(94px,10vh,124px) clamp(38px,5.6vw,84px) 76px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  background:var(--lime);
}
.home-radical-stage::before{
  content:"";
  position:absolute;
  z-index:-2;
  right:4.6%;
  bottom:7%;
  width:clamp(260px,29vw,470px);
  aspect-ratio:1;
  border-radius:50%;
  background:var(--orange);
}
.home-radical-stage::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  bottom:0;
  width:32px;
  height:42%;
  background:var(--blue);
}
.home-radical-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  font-size:.64rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.home-radical-head span:first-child{
  display:flex;
  align-items:center;
  gap:11px;
}
.home-radical-head span:first-child::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--orange);
}
.home-radical-head span:last-child{opacity:.5}
.home-radical h1{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin:clamp(48px,8vh,82px) 0 0;
  font-size:clamp(5.25rem,8.65vw,9.7rem);
  line-height:.79;
  letter-spacing:-.082em;
  font-weight:880;
}
.home-radical h1 em{
  position:relative;
  display:inline;
  font-style:normal;
  white-space:nowrap;
}
.home-radical h1 em::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:.02em;
  right:-.02em;
  bottom:.04em;
  height:.11em;
  background:var(--blue);
}
.home-radical-bottom{
  position:relative;
  z-index:2;
  width:100%;
  margin-top:auto;
  padding:54px 0 34px;
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(470px,1fr);
  gap:clamp(36px,7vw,110px);
  align-items:end;
}
.home-radical-dek{
  max-width:650px;
  margin:0;
  font-size:clamp(1.08rem,1.55vw,1.42rem);
  line-height:1.35;
  font-weight:680;
  letter-spacing:-.025em;
}
.home-radical-dek>span{
  display:block;
  margin-bottom:15px;
  color:rgba(9,9,9,.54);
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home-reframe{
  position:relative;
  min-height:150px;
  padding:17px 20px 0;
  border:1.5px solid var(--ink);
  background:rgba(255,253,248,.78);
  box-shadow:10px 10px 0 var(--ink);
  backdrop-filter:blur(7px);
}
.home-reframe-head,
.throughline-sheet-head,
.throughline-decision-head,
.throughline-decision-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:12px;
  border-bottom:1px solid currentColor;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.home-reframe-head b{color:rgba(9,9,9,.5)}
.home-reframe>strong{
  display:block;
  margin:16px 0 19px;
  font-size:clamp(2.2rem,3.15vw,3.8rem);
  line-height:.88;
  letter-spacing:-.065em;
}
.home-reframe-path{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(9,9,9,.28);
}
.home-reframe-path span{
  padding:9px 8px 10px 0;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-reframe-path span:not(:last-child)::after{
  content:"→";
  float:right;
  opacity:.45;
}
.home-evidence-line{
  position:absolute;
  z-index:2;
  right:clamp(38px,5.6vw,84px);
  bottom:21px;
  left:clamp(38px,5.6vw,84px);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding-top:11px;
  border-top:1px solid rgba(9,9,9,.72);
}
.home-evidence-line span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-right:18px;
  font-size:.53rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.home-evidence-line span:not(:last-child)::after{
  content:"→";
  color:rgba(9,9,9,.42);
  font-size:.78rem;
}

.home-throughline{
  padding:94px 0;
  background:var(--ink);
  color:var(--ink);
}
.throughline-stage{
  padding:10px;
  border:1px solid rgba(255,255,255,.17);
  background-color:#131313;
  background-image:
    linear-gradient(rgba(255,255,255,.033) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.033) 1px,transparent 1px);
  background-size:44px 44px;
}
.throughline-table{
  min-height:820px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(8,minmax(0,1fr));
  gap:10px;
}
.throughline-sheet{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:22px;
  overflow:hidden;
  border:1px solid rgba(9,9,9,.42);
  cursor:default;
}
.throughline-sheet-head{color:inherit;opacity:.65}
.throughline-sheet h3{
  max-width:520px;
  margin:auto 0 12px;
  font-size:clamp(1.6rem,2.2vw,2.65rem);
  line-height:.92;
  letter-spacing:-.055em;
}
.throughline-sheet>p{
  max-width:540px;
  margin:0 0 18px;
  font-size:.76rem;
  line-height:1.4;
  opacity:.66;
}
.throughline-tags{
  display:block;
  padding-top:12px;
  border-top:1px solid currentColor;
  font-size:.52rem;
  line-height:1.45;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
  opacity:.52;
}
.throughline-hero{
  z-index:1;
  grid-column:1 / 7;
  grid-row:1 / 6;
  padding:clamp(27px,3vw,44px);
  background:var(--blue);
}
.throughline-hero::after{
  content:"";
  position:absolute;
  right:-15%;
  bottom:-45%;
  width:74%;
  aspect-ratio:1;
  border:1px solid rgba(9,9,9,.34);
  border-radius:50%;
}
.throughline-hero h2{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:auto 0 24px;
  font-size:clamp(3.75rem,5.45vw,6.6rem);
  line-height:.82;
  letter-spacing:-.075em;
}
.throughline-hero>p{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:0;
  font-size:clamp(.88rem,1.12vw,1.08rem);
  opacity:.78;
}
.throughline-white{
  grid-column:7 / 10;
  grid-row:1 / 3;
  background:var(--white);
}
.throughline-orange{
  grid-column:10 / 13;
  grid-row:1 / 4;
  background:var(--orange);
}
.throughline-paper{
  grid-column:1 / 4;
  grid-row:6 / 9;
  background:var(--paper);
}
.throughline-ink{
  grid-column:4 / 7;
  grid-row:6 / 9;
  border-color:rgba(255,255,255,.22);
  background:#050505;
  color:var(--white);
}
.throughline-lime{
  grid-column:10 / 13;
  grid-row:6 / 9;
  background:var(--lime);
}
.throughline-decision{
  position:relative;
  z-index:4;
  grid-column:7 / 11;
  grid-row:3 / 7;
  min-width:0;
  padding:22px 28px 19px;
  display:flex;
  flex-direction:column;
  border:2px solid var(--lime);
  background:var(--white);
  box-shadow:18px 18px 0 rgba(9,9,9,.72);
}
.throughline-decision-head{color:var(--muted)}
.throughline-decision-head span{color:#8fbf00}
.throughline-decision>strong{
  max-width:570px;
  margin:auto 0 18px;
  font-size:clamp(2.8rem,4.15vw,4.95rem);
  line-height:.86;
  letter-spacing:-.072em;
}
.throughline-decision>p{
  max-width:560px;
  margin:0 0 20px;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.4;
}
.throughline-decision-foot{
  padding:12px 0 0;
  border-top:1px solid var(--line);
  border-bottom:0;
}
.throughline-decision-foot b{color:#8fbf00}
.throughline-participant{
  position:absolute;
  z-index:2;
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  border:2px solid var(--ink);
  border-radius:50%;
  background:var(--white);
  font-size:.54rem;
  font-weight:950;
  letter-spacing:.02em;
}
.p-people{left:-25px;top:14%;background:var(--blue)}
.p-interface{right:-25px;top:14%;background:var(--orange)}
.p-operations{left:-25px;bottom:14%}
.p-evidence{right:-25px;bottom:14%;background:var(--lime)}

@media(max-width:980px){
  .home-radical-stage{min-height:820px}
  .home-radical h1{font-size:clamp(4.7rem,10.7vw,7.4rem)}
  .home-radical-bottom{grid-template-columns:1fr 1.12fr;gap:32px}
  .throughline-table{
    min-height:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
    grid-template-areas:
      "hero hero"
      "decision decision"
      "white orange"
      "paper lime"
      "ink ink";
  }
  .throughline-hero{grid-area:hero;min-height:480px}
  .throughline-decision{grid-area:decision;min-height:390px}
  .throughline-white{grid-area:white;min-height:250px}
  .throughline-orange{grid-area:orange;min-height:250px}
  .throughline-paper{grid-area:paper;min-height:250px}
  .throughline-lime{grid-area:lime;min-height:250px}
  .throughline-ink{grid-area:ink;min-height:260px}
  .throughline-sheet h3{font-size:clamp(1.8rem,4.4vw,2.8rem)}
}

@media(max-width:720px){
  .home-radical{padding:82px 4px 4px}
  .home-radical-stage{
    min-height:970px;
    padding:62px 20px 65px;
  }
  .home-radical-stage::before{
    right:-27%;
    bottom:19%;
    width:330px;
  }
  .home-radical-stage::after{width:18px;height:38%}
  .home-radical-head{display:block;font-size:.56rem;line-height:1.5}
  .home-radical-head span{display:flex!important}
  .home-radical-head span:last-child{margin:6px 0 0 19px}
  .home-radical h1{
    max-width:100%;
    margin-top:52px;
    font-size:clamp(3.8rem,17.2vw,5.6rem);
    line-height:.81;
  }
  .home-radical h1 br{display:none}
  .home-radical h1 em{white-space:normal}
  .home-radical-bottom{
    margin-top:auto;
    padding:54px 0 26px;
    grid-template-columns:1fr;
    gap:34px;
  }
  .home-radical-dek{max-width:100%;font-size:1rem}
  .home-reframe{min-height:0;padding:14px 14px 0;box-shadow:7px 7px 0 var(--ink)}
  .home-reframe-head b{display:none}
  .home-reframe>strong{font-size:2.38rem}
  .home-reframe-path span{font-size:.47rem}
  .home-evidence-line{
    right:20px;
    bottom:14px;
    left:20px;
    grid-template-columns:1fr 1fr;
    gap:4px 15px;
  }
  .home-evidence-line span:nth-child(2)::after{display:none}
  .home-throughline{padding:58px 0}
  .throughline-stage{padding:7px;background-size:30px 30px}
  .throughline-table{gap:7px}
  .throughline-hero{min-height:450px;padding:25px 18px}
  .throughline-hero h2{font-size:clamp(3.25rem,14vw,4.45rem)}
  .throughline-decision{min-height:375px;padding:19px 20px 17px}
  .throughline-decision>strong{font-size:clamp(2.75rem,11.8vw,3.75rem)}
  .throughline-sheet{padding:15px}
  .throughline-white,.throughline-orange,.throughline-paper,.throughline-lime{min-height:235px}
  .throughline-ink{min-height:230px}
  .throughline-sheet h3{font-size:clamp(1.45rem,6.2vw,2rem)}
  .throughline-sheet>p{font-size:.7rem}
  .throughline-tags{display:none}
  .throughline-sheet-head{font-size:.49rem}
  .throughline-participant{width:39px;height:39px;font-size:.47rem}
  .p-people,.p-operations{left:-20px}
  .p-interface,.p-evidence{right:-20px}
}


/* Work */
.page-hero{padding:150px 0 76px;background:var(--ink);color:var(--white)}.page-hero .shell{display:grid;grid-template-columns:180px 1fr;gap:46px}.page-hero h1{font-size:clamp(4rem,8vw,9rem);line-height:.84;letter-spacing:-.075em;margin:0}.page-hero p{font-size:1.15rem;color:rgba(255,255,255,.72);max-width:780px;margin:24px 0 0}
.work-list{display:grid;gap:18px}.work-row{display:grid;grid-template-columns:.8fr 1.3fr;gap:20px;padding:20px;border-radius:24px;background:var(--white);border:1px solid var(--line);transition:.25s}.work-row:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.work-row .project-visual{margin:0;height:300px}.work-row h2{font-size:clamp(2.5rem,4.8vw,5.5rem);line-height:.88;letter-spacing:-.065em;margin:18px 0}.work-row p{color:var(--muted);max-width:680px}
.additional-section{background:#e9e4da}.additional-head{max-width:760px;margin-bottom:34px}.additional-head h2{font-size:clamp(2.1rem,3.6vw,4rem);line-height:.95;letter-spacing:-.055em;margin:17px 0 14px}.additional-head p{color:var(--muted);margin:0}.additional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.additional-card{min-height:215px;padding:21px;border:1px solid var(--line);border-radius:20px;background:var(--white);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;text-align:left;transition:.25s}.additional-card:hover,.additional-card.active{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 14px 38px rgba(0,0,0,.08)}.additional-card h3{font-size:1.5rem;line-height:1.05;letter-spacing:-.04em;margin:0 0 14px}.additional-card p{color:var(--muted);font-size:.84rem;margin:0}.additional-card span{font-size:.63rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900}
.additional-popover{position:fixed;z-index:220;display:none;background:var(--paper);border:1px solid var(--ink);border-radius:24px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.28)}.additional-popover.open{display:block;animation:popin .23s var(--ease)}@keyframes popin{from{opacity:0;transform:translateY(8px) scale(.98)}}.popover-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;font-size:1.2rem;cursor:pointer}.additional-popover h2{font-size:2.8rem;line-height:.95;letter-spacing:-.06em;margin:22px 0 15px}.additional-popover p{color:var(--muted)}.additional-popover ul{padding:0;list-style:none;border-top:1px solid var(--line);margin:24px 0 0}.additional-popover li{padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}.popover-connector{position:absolute;width:18px;height:18px;background:var(--paper);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);left:-10px;top:60px;transform:rotate(45deg)}


/* Work index adds context without becoming the case study */
.work-page-hero h1{font-size:clamp(4rem,7.2vw,8.1rem);max-width:1050px}
.work-row{grid-template-columns:.9fr 1.1fr;gap:28px;padding:18px}
.work-row-visual{position:relative;min-width:0}.work-index{position:absolute;left:12px;top:12px;z-index:3;border-radius:999px;padding:6px 9px;background:var(--lime);color:var(--ink);font-size:.58rem;font-weight:900}
.work-row .project-visual{height:338px}
.work-row h2{font-size:clamp(2.45rem,4.25vw,4.9rem);margin:14px 0}
.work-row-copy{padding:8px 8px 8px 0}
.work-context{display:grid;grid-template-columns:1.2fr .8fr .8fr;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-context>div{padding:14px 13px 14px 0;border-right:1px solid var(--line)}.work-context>div+div{padding-left:13px}.work-context>div:last-child{border-right:0}
.work-context p{font-size:.72rem;line-height:1.35;margin:7px 0 0;color:var(--ink)}


/* Approach */
.approach-hero{background:var(--orange);padding:158px 0 108px;min-height:72vh;display:flex;align-items:flex-end}.approach-hero h1{font-size:clamp(4.6rem,8.2vw,9.4rem);line-height:.84;letter-spacing:-.075em;margin:24px 0 28px;max-width:1100px}.approach-hero p{font-size:1.18rem;max-width:760px;margin:0}
.approach-map-section{padding:94px 0;background:var(--paper)}.approach-map{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px}.approach-map-track{display:grid;gap:10px;align-content:start}.approach-map-track>i{height:44px;width:1px;background:var(--line);margin-left:34px}.approach-step{border:1px solid var(--line);border-radius:20px;background:var(--white);padding:21px;text-align:left;display:grid;grid-template-columns:48px 1fr;gap:3px 14px;cursor:pointer;transition:.25s}.approach-step span{grid-row:1/3;font-size:.68rem;font-weight:900;color:var(--muted)}.approach-step b{font-size:2rem;line-height:1;letter-spacing:-.05em}.approach-step small{color:var(--muted)}.approach-step.active{background:var(--ink);color:var(--white);transform:translateX(12px)}.approach-step.active span,.approach-step.active small{color:rgba(255,255,255,.65)}
.approach-detail{border-radius:28px;background:var(--blue);color:var(--white);padding:38px;min-height:560px;display:flex;flex-direction:column}.approach-detail>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;opacity:.65}.approach-detail h2{font-size:clamp(3.2rem,5.3vw,6.2rem);line-height:.88;letter-spacing:-.07em;margin:25px 0 20px}.approach-detail>p{font-size:1.05rem;max-width:720px;color:rgba(255,255,255,.76)}.approach-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:auto}.approach-detail-grid div{padding:16px;border:1px solid rgba(255,255,255,.27);border-radius:14px;font-size:.82rem}.approach-detail aside{margin-top:16px;border-top:1px solid rgba(255,255,255,.25);padding-top:17px;color:rgba(255,255,255,.75)}.approach-detail aside b{display:block;color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;margin-bottom:8px}
.discipline-strip{background:var(--ink);color:var(--white);padding:90px 0}.discipline-strip .section-head p{color:rgba(255,255,255,.67)}.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.discipline-card{padding:26px;border:1px solid var(--line-light);border-radius:19px;min-height:220px}.discipline-card>span{font-size:.64rem;color:var(--lime);font-weight:900}.discipline-card h3{font-size:1.75rem;letter-spacing:-.04em;margin:38px 0 15px}.discipline-card p{color:rgba(255,255,255,.66);font-size:.86rem;margin:0}


.approach-map-track>i{position:relative;overflow:hidden}
.approach-map-track>i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--lime),transparent);transform:translateX(-120%);animation:approachPulse 5.5s ease-in-out infinite}
@keyframes approachPulse{0%,25%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}

.approach-hero{min-height:60vh;padding:140px 0 78px}
.approach-conditions{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}
.approach-conditions span{border:1px solid rgba(0,0,0,.34);border-radius:999px;padding:8px 12px;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}


/* About */
.about-hero{padding:150px 0 96px;background:var(--paper)}.about-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.about-hero h1{font-size:clamp(4rem,7.1vw,8rem);line-height:.86;letter-spacing:-.075em;margin:22px 0 28px}.about-hero p{font-size:1.05rem;color:var(--muted);max-width:720px}.about-hero .about-dek{font-size:1.25rem;color:var(--ink);font-weight:650}
.career-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.career-card{padding:27px;border-right:1px solid var(--line);min-height:270px}.career-card:last-child{border-right:0}.career-card .year{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.career-card h3{font-size:1.65rem;line-height:1.04;letter-spacing:-.045em;margin:35px 0 14px}.career-card p{color:var(--muted);font-size:.86rem}
.servicenow-section{background:#b9ff66;color:var(--ink)}.servicenow-section .section-head p{color:rgba(10,10,10,.68)}.servicenow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.servicenow-card{padding:27px;border-right:1px solid rgba(0,0,0,.25)}.servicenow-card:last-child{border-right:0}.servicenow-card span{font-size:.63rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.servicenow-card h3{font-size:2rem;line-height:1;letter-spacing:-.05em;margin:34px 0 16px}.servicenow-card p{font-size:.86rem;opacity:.72}
.outside-section{padding-bottom:125px}


.about-portrait{
  --portrait-x:0px;
  --portrait-y:0px;
  --field-x:0px;
  --field-y:0px;
  margin:0;
  min-width:0;
}
.portrait-stage{
  position:relative;
  min-height:550px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.13);
  border-radius:34px;
  background:
    radial-gradient(circle at 76% 22%,rgba(95,115,255,.19),transparent 34%),
    linear-gradient(145deg,#161616 0%,var(--ink) 58%,#111 100%);
  box-shadow:var(--shadow);
}
.portrait-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(112deg,transparent 0 48%,rgba(255,255,255,.025) 48% 62%,transparent 62%);
}
.portrait-stage::after{
  content:"";
  position:absolute;
  right:-14%;
  bottom:-24%;
  z-index:0;
  width:72%;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
}
.portrait-grid-field{
  position:absolute;
  left:7%;
  top:20%;
  z-index:1;
  width:37%;
  height:26%;
  opacity:.52;
  background-image:
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:21px 21px;
  mask-image:linear-gradient(135deg,#000 45%,transparent 95%);
  transform:translate3d(var(--field-x),var(--field-y),0);
  transition:transform .7s var(--ease);
}
.portrait-disc{
  position:absolute;
  right:-10%;
  top:7%;
  z-index:2;
  width:78%;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 100px rgba(95,115,255,.22);
  transform:translate3d(var(--portrait-x),var(--portrait-y),0);
  transition:transform .8s var(--ease);
}
.portrait-orbit{
  position:absolute;
  z-index:3;
  border:1px solid rgba(255,255,255,.46);
  border-radius:50%;
  pointer-events:none;
}
.portrait-orbit-one{
  right:5%;
  top:12%;
  width:64%;
  aspect-ratio:1;
  transform:translate3d(var(--field-x),var(--field-y),0);
}
.portrait-orbit-two{
  right:16%;
  top:23%;
  width:39%;
  aspect-ratio:1;
  border-color:rgba(202,255,77,.72);
  transform:translate3d(var(--portrait-x),var(--portrait-y),0);
}
.portrait-lime-block{
  position:absolute;
  left:7%;
  bottom:8%;
  z-index:2;
  width:27%;
  height:34%;
  border-radius:24px 4px 24px 4px;
  background:var(--lime);
  transform:translate3d(var(--field-x),var(--field-y),0) rotate(-4deg);
  box-shadow:0 20px 45px rgba(0,0,0,.22);
}
.portrait-orange-rail{
  position:absolute;
  left:-8%;
  top:49%;
  z-index:4;
  width:60%;
  height:13px;
  border-radius:99px;
  background:var(--orange);
  transform:translate3d(var(--portrait-x),var(--portrait-y),0) rotate(-7deg);
  box-shadow:0 0 28px rgba(255,107,45,.2);
}
.portrait-axis{
  position:absolute;
  left:7%;
  top:12%;
  bottom:9%;
  z-index:3;
  width:1px;
  background:linear-gradient(transparent,rgba(255,255,255,.32) 8% 88%,transparent);
}
.portrait-axis::before{
  content:"";
  position:absolute;
  left:-4px;
  top:31%;
  width:9px;
  height:34%;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.8) 0 2px,transparent 2px 11px);
}
.portrait-note{
  position:absolute;
  left:10%;
  bottom:9%;
  z-index:8;
  max-width:238px;
  color:var(--white);
  text-shadow:0 2px 20px rgba(0,0,0,.48);
}
.portrait-note span{
  display:block;
  margin-bottom:6px;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--lime);
}
.portrait-note b{
  display:block;
  font-size:clamp(1.4rem,2.05vw,1.95rem);
  line-height:.92;
  letter-spacing:-.055em;
}
.portrait-sticker-back,.portrait-image{
  position:absolute;
  right:-10%;
  bottom:-3%;
  width:104%;
  max-width:none;
  height:auto;
  transform-origin:center bottom;
  transition:transform .55s var(--ease),filter .35s var(--ease);
}
.portrait-sticker-back{
  z-index:5;
  transform-origin:center;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));
  transform:translate3d(var(--portrait-x),var(--portrait-y),0) scale(1.07);
}
.portrait-image{
  z-index:6;
  filter:
    grayscale(1)
    brightness(1.02)
    contrast(.97)
    drop-shadow(0 20px 24px rgba(0,0,0,.28));
  transform:translate3d(var(--portrait-x),var(--portrait-y),0);
}
.about-portrait:hover .portrait-image{filter:grayscale(1) brightness(1.035) contrast(.98) drop-shadow(0 24px 28px rgba(0,0,0,.32))}
.portrait-dot-field{
  position:absolute;
  right:8%;
  bottom:12%;
  z-index:7;
  width:126px;
  height:72px;
  opacity:.66;
  background-image:radial-gradient(rgba(255,255,255,.9) 1.1px,transparent 1.1px);
  background-size:11px 11px;
  transform:translate3d(var(--portrait-x),var(--portrait-y),0);
}
.portrait-marker{
  position:absolute;
  right:7%;
  bottom:7%;
  z-index:8;
  display:flex;
  align-items:center;
}
.portrait-marker i{
  width:52px;
  height:8px;
  border:2px solid var(--orange);
}
.portrait-marker span{
  width:68px;
  height:1px;
  background:rgba(255,255,255,.52);
}
.about-portrait figcaption{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  padding:14px 5px 0;
  color:var(--muted);
  font-size:.64rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.about-portrait figcaption span{display:inline-flex;align-items:center;gap:7px}
.about-portrait figcaption span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.about-portrait figcaption span:nth-child(2)::before{background:var(--orange)}
.about-portrait figcaption span:nth-child(3)::before{background:var(--lime);box-shadow:0 0 0 1px var(--ink)}
.about-portrait figcaption span:nth-child(4)::before{background:var(--ink)}
.outside-intro{display:grid;grid-template-columns:180px 1fr;gap:46px;margin-bottom:38px}.outside-intro h2{font-size:clamp(3.4rem,5.8vw,6.9rem);line-height:.86;letter-spacing:-.07em;margin:0}.outside-intro p{grid-column:2;max-width:770px;color:var(--muted);font-size:1.04rem;margin:0}
.photo-feature{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
.photo-placeholder{min-height:560px;border-radius:28px;background:linear-gradient(145deg,#111,#252525);color:var(--white);padding:27px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.photo-placeholder::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 38%,rgba(95,115,255,.28) 38% 52%,transparent 52%),radial-gradient(circle at 80% 20%,rgba(255,107,45,.3),transparent 28%);filter:saturate(.75)}
.photo-placeholder span,.photo-placeholder b,.photo-placeholder small{position:relative}.photo-placeholder span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;opacity:.65}.photo-placeholder b{font-size:clamp(2rem,3.6vw,4rem);line-height:.92;letter-spacing:-.055em;max-width:680px}.photo-placeholder small{font-size:.7rem;color:rgba(255,255,255,.55)}
.making-list{border:1px solid var(--line);border-radius:28px;padding:27px;background:var(--white)}.making-list>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.making-list p{font-size:1.45rem;font-weight:790;letter-spacing:-.04em;padding:14px 0;margin:0;border-bottom:1px solid var(--line)}.making-list small{display:block;color:var(--muted);margin-top:22px}


/* Project pages */
.project-hero{padding:140px 0 74px;position:relative}.project-hero.orange{background:var(--orange)}.project-hero.blue{background:var(--blue);color:var(--white)}.project-hero.ink{background:var(--ink);color:var(--white)}.project-hero.paper{background:var(--white)}
.project-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}.project-hero h1{font-size:clamp(4.5rem,8.2vw,9.4rem);line-height:.8;letter-spacing:-.08em;margin:22px 0 28px}.project-hero .subtitle{font-size:1.17rem;max-width:760px;opacity:.74}.project-hero-art{height:430px!important;margin:0!important}
.project-overview{padding:84px 0;background:var(--paper)}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.overview-card{padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.overview-card span{font-size:.61rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.overview-card p{font-size:.86rem;color:var(--muted);margin:26px 0 0}.investigation-section{padding:95px 0;background:var(--ink);color:var(--white)}.investigation-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.investigation-grid h2{font-size:clamp(3.2rem,5.8vw,7rem);line-height:.87;letter-spacing:-.07em;margin:23px 0 0}.investigation-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:end}.investigation-columns article{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:22px;min-height:290px}.investigation-columns span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lime);font-weight:900}.investigation-columns h3{font-size:1.7rem;line-height:1.02;letter-spacing:-.045em;margin:34px 0 14px}.investigation-columns p{color:rgba(255,255,255,.65);font-size:.86rem}
.interactive-section{padding:94px 0;background:var(--white)}.interactive-title{display:grid;grid-template-columns:180px 1fr;gap:44px;margin-bottom:38px}.interactive-title h2{font-size:clamp(3rem,5vw,6rem);line-height:.9;letter-spacing:-.06em;margin:0}.interactive-title p{color:var(--muted);max-width:720px}
.proof-chain{display:grid;grid-template-columns:.3fr .7fr;gap:18px}.proof-steps{display:grid;gap:8px}.proof-step{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-align:left;cursor:pointer;font-weight:800}.proof-step.active{background:var(--orange);border-color:var(--orange)}.proof-stage{border:1px solid var(--line);border-radius:24px;padding:28px;background:var(--ink);color:var(--white);min-height:430px;display:grid;grid-template-rows:1fr auto auto}.proof-diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center;position:relative}.proof-diagram::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:rgba(255,255,255,.24)}.proof-node{position:relative;z-index:1;padding:18px 12px;min-height:110px;border:1px solid rgba(255,255,255,.24);background:#151515;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.proof-node.active{background:var(--lime);color:var(--ink);transform:translateY(-12px)}.proof-node span{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;opacity:.65}.proof-node b{font-size:.85rem;line-height:1.2}.proof-path-label{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:rgba(255,255,255,.5);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.proof-path-label i{height:1px;background:linear-gradient(90deg,var(--orange),var(--lime))}.proof-explain{border-top:1px solid rgba(255,255,255,.18);padding-top:18px;color:rgba(255,255,255,.72);min-height:82px}
.dashboard-shell{border-radius:28px;background:var(--ink);color:var(--white);padding:20px;box-shadow:var(--shadow)}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-light);padding-bottom:16px}.dashboard-top h3{margin:0;font-size:1.2rem}.dashboard-tabs{display:flex;flex-wrap:wrap;gap:8px}.dashboard-tabs button{border:1px solid rgba(255,255,255,.24);background:transparent;color:white;border-radius:999px;padding:8px 11px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;cursor:pointer}.dashboard-tabs button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.dashboard-body{display:grid;grid-template-columns:1fr 300px;gap:20px;padding-top:20px}.dashboard-chart{min-height:430px;border:1px solid var(--line-light);border-radius:18px;padding:18px;background:#111}.dashboard-caption{border:1px solid var(--line-light);border-radius:18px;padding:20px;background:rgba(255,255,255,.04)}.dashboard-caption>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;color:var(--lime);font-weight:900}.dashboard-caption h4{font-size:1.5rem;line-height:1.05;letter-spacing:-.04em;margin:18px 0}.dashboard-caption p{font-size:.82rem;color:rgba(255,255,255,.66)}.dashboard-path{display:flex;align-items:center;gap:7px;margin-top:35px;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45)}.dashboard-path i{height:1px;flex:1;background:rgba(255,255,255,.25)}
.dumbbell{display:grid;gap:16px}.dumb-row{display:grid;grid-template-columns:145px 1fr;gap:14px;align-items:center}.dumb-label{font-size:.72rem;color:rgba(255,255,255,.72)}.dumb-track{position:relative;height:22px;background:rgba(255,255,255,.08);border-radius:999px}.dumb-track::before{content:"";position:absolute;left:var(--a);right:calc(100% - var(--b));top:10px;height:2px;background:rgba(255,255,255,.45)}.dumb-dot{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;transform:translateX(-50%)}.dumb-dot.a{left:var(--a);background:var(--orange)}.dumb-dot.b{left:var(--b);background:var(--lime)}
.diverging{display:grid;gap:12px;padding-top:10px}.div-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:8px;align-items:center}.div-row label{font-size:.68rem;color:rgba(255,255,255,.66)}.div-bar{height:18px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;display:flex}.div-bar.left{justify-content:flex-end}.div-bar i{display:block;height:100%;width:var(--w);background:var(--orange)}.div-bar.right i{background:var(--blue)}
.stacked{display:grid;gap:17px;padding-top:8px}.stack-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.stack-row label{font-size:.7rem;color:rgba(255,255,255,.7)}.stack-bar{display:flex;height:24px;border-radius:6px;overflow:hidden;background:#222}.stack-bar i:nth-child(1){background:var(--lime);width:var(--p)}.stack-bar i:nth-child(2){background:var(--blue);width:var(--f)}.stack-bar i:nth-child(3){background:var(--orange);width:var(--d)}
.cohorts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:100%;align-items:stretch}.cohort{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.cohort strong{font-size:3.5rem;letter-spacing:-.07em}.cohort:nth-child(1){background:rgba(202,255,77,.12)}.cohort:nth-child(2){background:rgba(95,115,255,.17)}.cohort:nth-child(3){background:rgba(255,107,45,.17)}
.voice-system{border-radius:28px;background:#090909;color:white;padding:24px;min-height:520px}.voice-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.voice-controls button{border:1px solid rgba(255,255,255,.24);background:transparent;color:white;border-radius:999px;padding:8px 11px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;cursor:pointer}.voice-controls button.active{background:var(--orange);color:var(--ink);border-color:var(--orange)}.voice-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;padding-top:48px}.voice-flow::before{content:"";position:absolute;left:8%;right:8%;top:111px;height:2px;background:rgba(255,255,255,.18)}.voice-box{position:relative;z-index:1;min-height:160px;padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#131313;transition:.25s}.voice-box.active{background:var(--lime);color:var(--ink);transform:translateY(-14px)}.voice-box span{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;opacity:.65}.voice-box h4{font-size:1.15rem;line-height:1.05;margin:22px 0 10px}.voice-box p{font-size:.72rem;opacity:.68;margin:0}.wave-line{height:90px;margin-top:36px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden}.wave-line i{display:block;width:3px;height:var(--h);background:var(--orange);border-radius:4px;animation:wave 1.2s ease-in-out infinite;animation-delay:var(--d)}@keyframes wave{0%,100%{transform:scaleY(.35);opacity:.45}50%{transform:scaleY(1);opacity:1}}.voice-explain{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.7);min-height:62px}
.access-system{border:1px solid var(--line);border-radius:28px;background:var(--paper);padding:20px}.access-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.access-controls button{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:9px 13px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;cursor:pointer}.access-controls button.active{background:var(--blue);color:var(--white);border-color:var(--blue)}.access-compare{display:grid;grid-template-columns:.65fr 1.35fr;gap:16px}.role-label,.condition-card{border-radius:21px;padding:26px;min-height:410px}.role-label{background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:center;position:relative}.role-label span,.condition-card>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;opacity:.6}.role-label h3{font-size:clamp(2.8rem,5vw,5.6rem);line-height:.86;letter-spacing:-.07em;margin:30px 0 18px}.role-label p{color:rgba(255,255,255,.62);max-width:360px}.role-label i{position:absolute;left:18%;right:18%;top:51%;height:4px;background:var(--orange);transform:rotate(-7deg)}.condition-card{background:var(--white);border:1px solid var(--line)}.condition-card h3{font-size:clamp(2.7rem,4.5vw,5rem);line-height:.88;letter-spacing:-.06em;margin:28px 0 28px}.condition-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.condition-scale b{padding:15px 8px;border:1px solid var(--line);border-radius:14px;text-align:center;font-size:.75rem}.condition-card p{font-size:1rem;color:var(--muted);max-width:720px;margin-top:34px}
.chapter-mosaic{padding:104px 0;background:var(--paper)}.chapter-lead{display:grid;grid-template-columns:180px 1fr;gap:44px;padding-bottom:66px}.chapter-lead>span,.chapter-card>span,.chapter-closing>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted)}.chapter-lead h2{font-size:clamp(3rem,5.3vw,6.3rem);line-height:.89;letter-spacing:-.065em;margin:0 0 20px}.chapter-lead p{font-size:1.05rem;color:var(--muted);max-width:780px}.chapter-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chapter-card{border-radius:26px;padding:30px;min-height:480px;display:flex;flex-direction:column}.chapter-card.dark{background:var(--ink);color:var(--white)}.chapter-card.dark>span{color:rgba(255,255,255,.5)}.chapter-card.accent.blue{background:var(--blue);color:var(--white)}.chapter-card.accent.orange{background:var(--orange);color:var(--ink)}.chapter-card h2{font-size:clamp(2.5rem,4.4vw,5.2rem);line-height:.9;letter-spacing:-.06em;margin:45px 0 18px}.chapter-card p{margin-top:auto;max-width:650px;font-size:.95rem;opacity:.72}.chapter-closing{margin-top:16px;border:1px solid var(--line);border-radius:26px;background:var(--white);padding:34px;display:grid;grid-template-columns:150px 1fr;gap:32px}.chapter-closing h2{font-size:clamp(2.7rem,4.8vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:0 0 16px}.chapter-closing p{max-width:760px;color:var(--muted);font-size:1rem}
.outcome-section{padding:100px 0;background:var(--lime)}.outcome-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:58px}.outcome-grid h2{font-size:clamp(3.6rem,6vw,7.2rem);line-height:.84;letter-spacing:-.075em;margin:18px 0 0}.outcome-list{display:grid;gap:0;border-top:2px solid var(--ink)}.outcome-item{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(0,0,0,.28)}.outcome-item span{font-size:.68rem;font-weight:900}.outcome-item p{font-size:1.15rem;line-height:1.35;font-weight:740;margin:0}.limit-section{padding:72px 0;background:var(--ink);color:var(--white)}.limit-grid{display:grid;grid-template-columns:180px 1fr;gap:44px}.limit-grid p{font-size:1.08rem;color:rgba(255,255,255,.72);max-width:850px;margin:0}.project-exit{background:var(--paper)}.exit-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}


/* Case pages: quick context first, then optional depth */
.project-hero{padding:124px 0 62px}.project-hero-grid{gap:46px}.project-hero h1{font-size:clamp(4rem,7.3vw,8.2rem);line-height:.82;margin:20px 0 24px}.project-hero .subtitle{max-width:720px}
.case-public-note{display:inline-flex;gap:9px;align-items:center;border:1px solid currentColor;border-radius:999px;padding:8px 11px;margin-top:25px;font-size:.63rem;opacity:.7}.case-public-note span{font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.case-brief-section{background:var(--ink);color:var(--white);border-top:1px solid rgba(255,255,255,.12)}
.case-brief-grid{display:grid;grid-template-columns:1.25fr .85fr .9fr}
.case-brief-grid article{min-height:150px;padding:25px 27px;border-right:1px solid rgba(255,255,255,.15);display:grid;align-content:center}.case-brief-grid article:last-child{border-right:0}.case-brief-grid span{color:rgba(255,255,255,.48)}.case-brief-grid p{font-size:1rem;line-height:1.35;font-weight:710;letter-spacing:-.02em;margin:9px 0 0;max-width:420px}
.project-overview{padding:62px 0}.overview-card{padding:19px}.overview-card p{margin-top:20px}
.investigation-section,.interactive-section{padding:78px 0}.chapter-mosaic{padding:84px 0}.chapter-lead{padding-bottom:48px}.chapter-card{min-height:410px}.chapter-card h2{font-size:clamp(2.35rem,3.8vw,4.5rem);margin-top:35px}.chapter-closing h2{font-size:clamp(2.55rem,4.2vw,4.9rem)}
.outcome-section{padding:82px 0}.outcome-grid h2{font-size:clamp(3.25rem,5.35vw,6.2rem)}.limit-section{padding:58px 0}.project-exit{padding:68px 0}
.chart-legend{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;margin-bottom:26px}.chart-legend span{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.chart-legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:6px}.chart-legend .orange{color:var(--orange)}.chart-legend .lime{color:var(--lime)}.chart-legend .blue{color:var(--blue)}.chart-legend small{margin-left:auto;color:rgba(255,255,255,.4);font-size:.57rem}
.chart-axis{display:flex;justify-content:space-between;margin:11px 0 0 159px;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35)}
.voice-artifact-footer{display:grid;grid-template-columns:1fr 270px;gap:12px;margin-top:28px}.voice-artifact-footer>div,.voice-artifact-footer aside{border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:14px;background:#111}.voice-artifact-footer span{font-size:.57rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45)}.voice-artifact-footer .wave-line{height:58px;margin:5px 0 0}.voice-artifact-footer aside{display:grid;gap:7px}.voice-artifact-footer aside b{font-size:.65rem;color:rgba(255,255,255,.72)}.voice-artifact-footer aside b::before{content:"✓";color:var(--lime);margin-right:7px}
.access-product-response{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;padding:12px;border-radius:14px;background:var(--ink);color:var(--white)}.access-product-response span{width:100%;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45)}.access-product-response b{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 8px;font-size:.59rem}


/* Research that remembers — a distinct system case, not a standard product case */
.os-system-hero{
  padding:132px 0 68px;
  background:var(--lime);
  color:var(--ink);
}
.os-system-hero .eyebrow{opacity:.68}
.os-system-hero-grid{
  display:grid;
  grid-template-columns:1.22fr .78fr;
  gap:clamp(36px,7vw,108px);
  align-items:end;
  margin-top:44px;
}
.os-system-hero h1{
  max-width:900px;
  margin:0;
  font-size:clamp(4.6rem,8.4vw,9.6rem);
  line-height:.79;
  letter-spacing:-.085em;
}
.os-system-hero-copy{padding-bottom:8px}
.os-system-hero-copy>p{
  max-width:590px;
  margin:0;
  font-size:clamp(1.05rem,1.35vw,1.25rem);
  line-height:1.48;
  font-weight:640;
}
.os-system-themes{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:25px 0 29px;
}
.os-system-themes span{
  padding:8px 11px;
  border:1px solid rgba(9,9,9,.42);
  border-radius:999px;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.os-system-hero .button.primary{background:var(--ink);color:var(--white)}

.os-system-visual{
  position:relative;
  background:var(--ink);
  color:var(--white);
  padding-bottom:24px;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.os-system-visual-bar{
  width:var(--shell);
  margin:0 auto;
  padding:24px 0 4px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
}
.os-system-visual-bar>div{display:flex;align-items:center;gap:24px}
.os-system-visual-bar .eyebrow{color:var(--lime);white-space:nowrap}
.os-system-visual-bar p{
  max-width:660px;
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:.78rem;
}
.os-system-visual-bar>a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  color:var(--white);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.25s var(--ease);
}
.os-system-visual-bar>a:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
.os-system-frame{
  display:block;
  width:100%;
  height:1780px;
  min-height:1180px;
  border:0;
  background:var(--ink);
}
.os-system-mobile-note{display:none}

.os-system-reading{
  padding:102px 0 96px;
  background:var(--paper);
}
.os-system-reading-head{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:44px;
  margin-bottom:58px;
}
.os-system-reading-head h2{
  max-width:1000px;
  margin:0;
  font-size:clamp(3.2rem,5.6vw,6.7rem);
  line-height:.87;
  letter-spacing:-.072em;
}
.os-system-principles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.os-system-principles article{
  min-height:330px;
  padding:27px;
  border-right:1px solid var(--line);
}
.os-system-principles article:last-child{border-right:0}
.os-system-principles article>span{
  display:block;
  color:var(--muted);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.1em;
}
.os-system-principles h3{
  max-width:290px;
  margin:64px 0 18px;
  font-size:clamp(1.75rem,2.35vw,2.65rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.os-system-principles p{
  max-width:390px;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}

.os-system-grounding{
  padding:102px 0;
  background:var(--blue);
  color:var(--white);
}
.os-system-grounding-grid{
  display:grid;
  grid-template-columns:.83fr 1.17fr;
  gap:clamp(48px,7vw,106px);
}
.os-system-grounding h2{
  max-width:670px;
  margin:23px 0 0;
  font-size:clamp(3.35rem,5.75vw,6.8rem);
  line-height:.86;
  letter-spacing:-.072em;
}
.os-system-grounding-copy>p{
  max-width:750px;
  margin:0 0 20px;
  color:rgba(255,255,255,.74);
  font-size:1.02rem;
}
.os-system-status{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:38px;
  border-top:1px solid rgba(255,255,255,.3);
  border-bottom:1px solid rgba(255,255,255,.3);
}
.os-system-status article{padding:23px 24px 23px 0}
.os-system-status article+article{
  padding-left:24px;
  border-left:1px solid rgba(255,255,255,.3);
}
.os-system-status span{
  display:block;
  margin-bottom:13px;
  color:var(--lime);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.os-system-status p{margin:0;color:var(--white);font-size:.88rem}
.os-system-links{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:30px;
}
.os-system-links small{
  max-width:340px;
  color:rgba(255,255,255,.55);
  font-size:.68rem;
  line-height:1.4;
}
.os-system-grounding .button.secondary{border-color:rgba(255,255,255,.48)}

@media(max-width:980px){
  .os-system-hero-grid,.os-system-reading-head,.os-system-grounding-grid{grid-template-columns:1fr}
  .os-system-hero-grid{gap:34px}
  .os-system-hero-copy{max-width:680px}
  .os-system-visual-bar>div{display:block}
  .os-system-visual-bar p{margin-top:9px}
  .os-system-principles{grid-template-columns:1fr}
  .os-system-principles article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .os-system-principles article:last-child{border-bottom:0}
  .os-system-principles h3{max-width:none;margin:36px 0 14px}
}

@media(max-width:720px){
  .os-system-hero{padding:108px 0 54px}
  .os-system-hero-grid{margin-top:30px}
  .os-system-hero h1{font-size:clamp(4rem,18vw,6rem)}
  .os-system-visual-bar{display:block;padding:20px 0 12px}
  .os-system-visual-bar>a{margin-top:17px}
  .os-system-visual-bar p{font-size:.72rem}
  .os-system-mobile-note{
    display:block;
    width:var(--shell);
    margin:0 auto;
    padding:7px 0 0;
    color:rgba(255,255,255,.46);
    font-size:.68rem;
  }
  .os-system-frame{height:1180px;min-height:1080px}
  .os-system-visual{padding-bottom:18px}
  .os-system-reading,.os-system-grounding{padding:68px 0}
  .os-system-reading-head{gap:18px;margin-bottom:38px}
  .os-system-reading-head h2,.os-system-grounding h2{font-size:clamp(3rem,13.5vw,4.6rem)}
  .os-system-principles article{padding:23px 2px 28px}
  .os-system-principles h3{font-size:2.05rem}
  .os-system-status{grid-template-columns:1fr}
  .os-system-status article{padding:20px 0}
  .os-system-status article+article{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.3)}
  .os-system-links{display:block}
  .os-system-links small{display:block;margin-top:16px}
}


.reveal{opacity:0;filter:blur(5px);transform:translateY(28px) scale(.992);transition:opacity .78s var(--ease),transform .78s var(--ease),filter .78s var(--ease)}
.reveal.visible{opacity:1;filter:none;transform:none}

.button span{display:inline-block;transition:transform .25s var(--ease)}
.button:hover span{transform:translate(3px,-2px)}

.project-card,.work-row{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .28s var(--ease),box-shadow .28s var(--ease),filter .28s var(--ease)}
.project-card:hover,.work-row:hover{filter:saturate(1.05);box-shadow:0 34px 80px rgba(0,0,0,.18)}
.project-card .project-visual,.work-row .project-visual{transform:translateZ(16px)}

.os-mini-network .os-mini-edges path{stroke-dasharray:5 7;animation:dash 12s linear infinite}
@keyframes dash{to{stroke-dashoffset:-120}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .project-card,.work-row{transform:none!important}
}


@media(max-width:980px){
  :root{--shell:min(100% - 30px,1240px)}
  .project-card.large,.project-card.small{grid-column:span 12}
  .section-head,.page-hero .shell,.interactive-title,.limit-grid,.chapter-lead,.investigation-grid{grid-template-columns:1fr;gap:20px}
  .what-grid,.career-grid,.servicenow-grid{grid-template-columns:1fr}
  .what-card,.career-card,.servicenow-card{border-right:0;border-bottom:1px solid var(--line)}
  .what-card:last-child,.career-card:last-child,.servicenow-card:last-child{border-bottom:0}
  .os-feature,.contact-grid,.outcome-grid,.project-hero-grid,.about-hero-grid,.approach-map{grid-template-columns:1fr}
  .work-row{grid-template-columns:1fr}
  .additional-grid,.discipline-grid{grid-template-columns:1fr 1fr}
  .approach-map-track{grid-template-columns:repeat(3,1fr);gap:8px}
  .approach-map-track>i{display:none}
  .approach-step{grid-template-columns:1fr}
  .approach-step span{grid-row:auto}
  .approach-step.active{transform:translateY(-7px)}
  .overview-grid{grid-template-columns:1fr 1fr}
  .dashboard-body,.chapter-pair,.chapter-closing,.investigation-columns,.access-compare{grid-template-columns:1fr}
  .about-hero-grid{gap:48px}
  .about-portrait{width:100%;max-width:680px;margin:0 auto}
  .portrait-stage{min-height:620px}
  .portrait-sticker-back,.portrait-image{right:-3%;width:92%}
  .work-row-copy{padding:8px}
  .work-context{grid-template-columns:1fr}
  .work-context>div{border-right:0;border-bottom:1px solid var(--line);padding:13px 0}
  .work-context>div+div{padding-left:0}
  .work-context>div:last-child{border-bottom:0}
  .case-brief-grid{grid-template-columns:1fr}
  .case-brief-grid article{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .case-brief-grid article:last-child{border-bottom:0}
}

@media(max-width:720px){
  .site-header{inset:10px 0 auto}
  .nav-shell{height:56px}
  .menu{display:block}
  .nav-links{position:fixed;inset:76px 14px auto;background:var(--ink);display:flex;flex-direction:column;align-items:flex-start;padding:26px;gap:18px;border-radius:25px;border:1px solid rgba(255,255,255,.17);transform:translateY(-16px);opacity:0;pointer-events:none;transition:.25s}
  .nav-links.open{transform:none;opacity:1;pointer-events:auto}
  .nav-links a{font-size:1.35rem}
  .section{padding:58px 0}
  .section.tight{padding:52px 0}
  .section-head{margin-bottom:31px}
  .section-head h2{font-size:clamp(2.7rem,13vw,4.5rem)}
  .project-card{min-height:500px;padding:18px;border-radius:22px}
  .project-card h3{font-size:clamp(2.6rem,13vw,4rem)}
  .project-visual{height:200px}
  .signal-dashboard-mini{grid-template-columns:80px 1fr}
  .os-feature{padding:22px;border-radius:24px;box-shadow:6px 6px 0 var(--ink)}
  .os-mini-network{min-height:390px;padding:10px}
  .os-mini-network svg{height:290px}
  .approach-teaser{display:block}
  .approach-teaser .button{margin-top:25px}
  .page-hero{padding:120px 0 58px}
  .page-hero h1{font-size:clamp(4rem,18vw,6.2rem)}
  .work-row .project-visual{height:245px}
  .additional-grid,.discipline-grid,.overview-grid{grid-template-columns:1fr}
  .additional-popover{left:18px!important;right:18px!important;top:110px!important;width:auto!important}
  .popover-connector{display:none}
  .approach-hero{padding:116px 0 66px;min-height:auto}
  .approach-conditions{margin-top:27px}
  .approach-map-track{grid-template-columns:1fr}
  .approach-detail{padding:24px;min-height:500px}
  .approach-detail-grid{grid-template-columns:1fr}
  .career-grid,.servicenow-grid{display:block}
  .about-hero{padding:120px 0 65px}
  .about-hero h1{font-size:clamp(3.65rem,15vw,5.2rem)}
  .about-hero-grid{gap:38px}
  .portrait-stage{min-height:470px;border-radius:26px}
  .portrait-sticker-back,.portrait-image{right:-22%;bottom:-1%;width:116%}
  .portrait-disc{right:-25%;top:10%;width:94%}
  .portrait-orbit-one{right:-5%;top:15%;width:74%}
  .portrait-orbit-two{right:8%;top:27%;width:45%}
  .portrait-grid-field{left:8%;top:20%;width:42%;height:25%;background-size:17px 17px}
  .portrait-lime-block{left:7%;bottom:8%;width:32%;height:31%;border-radius:18px 3px 18px 3px}
  .portrait-orange-rail{top:51%;width:72%;height:10px}
  .portrait-note{left:11%;bottom:9%;max-width:158px}
  .portrait-note b{font-size:1.4rem}
  .portrait-dot-field{right:5%;bottom:13%;width:90px;height:58px;background-size:10px 10px}
  .portrait-marker{right:5%;bottom:7%}
  .portrait-marker i{width:36px;height:7px}
  .portrait-marker span{width:40px}
  .about-portrait figcaption{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding-top:12px;font-size:.58rem}
  .outside-intro h2{font-size:clamp(3rem,13vw,4.5rem)}
  .photo-placeholder{min-height:430px}
  .making-list p{font-size:1.2rem}
  .project-hero{padding:110px 0 50px}
  .project-hero h1{font-size:clamp(3.55rem,15vw,5.15rem)}
  .project-hero-art{height:300px!important}
  .case-public-note{border-radius:16px;align-items:flex-start}
  .case-brief-grid article{padding:20px 0}
  .project-overview{padding:50px 0}
  .investigation-section,.interactive-section{padding:62px 0}
  .proof-chain,.proof-diagram,.voice-flow{grid-template-columns:1fr}
  .proof-diagram::before,.voice-flow::before{display:none}
  .proof-node,.voice-box{min-height:auto}
  .dashboard-top{display:block}
  .dashboard-tabs{margin-top:14px}
  .dashboard-chart{min-height:360px;padding:12px}
  .dumb-row{grid-template-columns:102px 1fr}
  .cohorts{grid-template-columns:1fr}
  .voice-flow{padding-top:0}
  .condition-scale{grid-template-columns:1fr 1fr}
  .chapter-mosaic{padding:66px 0}
  .chapter-lead{padding-bottom:38px}
  .chapter-card{min-height:330px}
  .outcome-section{padding:64px 0}
  .outcome-grid{gap:34px}
  .outcome-item{grid-template-columns:46px 1fr}
  .outcome-item p{font-size:1rem}
  .limit-section{padding:48px 0}
  .exit-actions{margin-top:26px}
  .voice-artifact-footer{grid-template-columns:1fr}
  .voice-artifact-footer aside{display:none}
  .chart-legend small{width:100%;margin-left:0}
  .chart-axis{margin-left:116px}
  .project-navigation-grid{grid-template-columns:1fr}
  .project-nav-card{min-height:155px}
  .contact-strip{padding:62px 0}
  .contact-grid h2{font-size:3.35rem}
  .footer-inner{display:block}
  .footer-inner span{display:block;margin:5px 0}
}