@font-face{font-family:"Jaapokki Subtract";src:url("/assets/fonts/jaapokki-subtract.woff") format("woff"),url("/assets/fonts/jaapokki-subtract.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@layer reset, tokens, base, components, pages, utilities;
@layer reset{
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
  ul,ol{margin:0;padding:0;list-style:none}
  img,picture,svg,canvas,video{display:block;max-width:100%}
  button,input,textarea,select{font:inherit;color:inherit}
  button,a{touch-action:manipulation}
  a{color:inherit;text-decoration:none}
}
@layer tokens{
  :root{
    color-scheme:dark;
    --bg:#090b0d;--bg-soft:#0e1216;--surface:#13181e;--surface-2:#192028;
    --ink:#f1f0eb;--muted:#a6afb9;--quiet:#737f8c;--line:#2d3742;
    --accent:#ff5a2b;--accent-soft:#ff9a7b;--cyan:#26c6cf;--green:#9ac9a4;
    --brand:"Jaapokki Subtract",Inter,ui-sans-serif,sans-serif;
    --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
    --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
    --step--1:clamp(.78rem,.74rem + .16vw,.9rem);--step-0:clamp(1rem,.95rem + .2vw,1.13rem);
    --step-1:clamp(1.22rem,1.08rem + .55vw,1.65rem);--step-2:clamp(1.6rem,1.28rem + 1.2vw,2.6rem);
    --step-3:clamp(2.2rem,1.45rem + 3vw,4.8rem);--step-4:clamp(3.2rem,1.5rem + 7vw,8.6rem);
    --space-1:.5rem;--space-2:.8rem;--space-3:1.25rem;--space-4:2rem;--space-5:3.5rem;--space-6:6rem;--space-7:10rem;
    --radius:.45rem;--radius-lg:1.2rem;--content:1480px;--text:760px;
    --ease:cubic-bezier(.2,.7,.2,1);--shadow:0 24px 80px rgb(0 0 0 / .32)
  }
  html[data-contrast="high"]{--muted:#d9dde1;--quiet:#bcc4cb;--line:#64717d}
  html[data-quiet="true"] .ambient-field,html[data-quiet="true"] .cursor-orbit{display:none}
}
@layer base{
  body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--step-0);line-height:1.55;text-rendering:optimizeLegibility;overflow-x:hidden}
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 72% 15%,rgb(38 198 207 / .08),transparent 30%),radial-gradient(circle at 12% 76%,rgb(255 90 43 / .07),transparent 27%)}
  ::selection{background:var(--accent);color:#060708}
  :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
  h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.98;text-wrap:balance}
  h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}
  p{max-width:72ch}small,.small{font-size:var(--step--1)}
  code{font-family:var(--mono)}
  .skip-link{position:fixed;top:1rem;left:1rem;z-index:1000;transform:translateY(-180%);background:var(--ink);color:var(--bg);padding:.7rem 1rem;border-radius:var(--radius)}
  .skip-link:focus{transform:none}
}
@layer components{
  .site-header{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1rem clamp(1rem,3vw,3rem);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}
  .site-header[data-scrolled="true"]{background:rgb(9 11 13 / .82);border-color:var(--line);backdrop-filter:blur(18px)}
  .wordmark{font-family:var(--brand);font-weight:400;font-size:.92rem;letter-spacing:.18em;white-space:nowrap}
  .primary-nav{justify-self:center;display:flex;gap:clamp(.8rem,2vw,2rem);align-items:center;font-size:.77rem;letter-spacing:.09em;text-transform:uppercase}
  .primary-nav a{position:relative;padding:.5rem 0;color:var(--muted)}
  .primary-nav a:hover,.primary-nav a[aria-current="page"]{color:var(--ink)}
  .primary-nav a::after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease)}
  .primary-nav a:hover::after,.primary-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
  .header-actions{display:flex;align-items:center;gap:.55rem}
  .icon-button,.menu-toggle{width:2.6rem;height:2.6rem;border:1px solid var(--line);background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer}
  .menu-toggle{display:none}.menu-toggle span{width:1rem;height:1px;background:currentColor;box-shadow:0 .3rem currentColor,0 -.3rem currentColor}
  .mode-switch{display:flex;align-items:center;gap:.2rem;padding:.22rem;border:1px solid var(--line);border-radius:99px;background:rgb(15 18 22 / .75)}
  .mode-switch a{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.45rem .65rem;border-radius:99px;color:var(--muted)}
  .mode-switch a[aria-current="page"]{background:var(--ink);color:var(--bg)}
  main{min-height:70vh}.page-shell{max-width:var(--content);margin:auto;padding-inline:clamp(1rem,4vw,4rem)}
  .eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:700}
  .lede{font-family:var(--serif);font-size:var(--step-1);line-height:1.35;color:var(--muted)}
  .button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.9rem;padding:.75rem 1.2rem;border:1px solid var(--ink);border-radius:99px;background:var(--ink);color:var(--bg);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s var(--ease),background .2s,color .2s}
  .button:hover{transform:translateY(-2px)}.button--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.button--ghost:hover{border-color:var(--ink)}
  .text-link{display:inline-flex;align-items:center;gap:.5rem;border:0;background:none;padding:.25rem 0;color:var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
  .text-link::after{content:"↗";color:var(--accent)}
  .card{border:1px solid var(--line);background:linear-gradient(145deg,rgb(255 255 255 / .035),transparent);border-radius:var(--radius-lg)}
  .statement{padding-block:var(--space-7);border-top:1px solid var(--line)}
  .statement-grid{display:grid;grid-template-columns:minmax(15rem,.65fr) minmax(20rem,1fr);gap:clamp(2rem,7vw,9rem)}
  .statement-copy{display:grid;gap:1.5rem}.statement-copy p{color:var(--muted)}
  .numbered-list{counter-reset:item;display:grid;border-top:1px solid var(--line)}
  .numbered-list li{counter-increment:item;display:grid;grid-template-columns:4rem 1fr auto;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line);align-items:start}
  .numbered-list li::before{content:counter(item,decimal-leading-zero);font: .75rem var(--mono);color:var(--quiet)}
  .numbered-list strong{font-family:var(--serif);font-size:var(--step-1);font-weight:400}
  .tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag{padding:.36rem .62rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.7rem}
  .site-footer{max-width:var(--content);margin:auto;padding:var(--space-6) clamp(1rem,4vw,4rem) var(--space-4);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem;border-top:1px solid var(--line)}
  .footer-manifesto{font-family:var(--serif);font-size:var(--step-2);line-height:1.05}.footer-group{display:grid;align-content:start;gap:.6rem}.footer-group h2{font-family:var(--sans);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--quiet)}.footer-group a{color:var(--muted)}.footer-group a:hover{color:var(--ink)}
  .footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1rem;color:var(--quiet);font-size:.7rem}
  label{display:grid;gap:.45rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}
  input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.85rem 1rem;color:var(--ink);text-transform:none;letter-spacing:normal}
  textarea{min-height:9rem;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid .full{grid-column:1/-1}.form-note{font-size:.76rem;color:var(--quiet)}output{display:block;min-height:1.5rem;color:var(--green);font-size:.8rem}
  .status-pill{display:inline-flex;padding:.3rem .55rem;border-radius:99px;border:1px solid var(--line);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.status-pill[data-tone="live"]{color:var(--green)}
}
@layer pages{
  .hero{position:relative;min-height:calc(100svh - 74px);display:grid;align-items:end;overflow:hidden;padding:clamp(2rem,5vw,5rem)}
  .hero-copy{position:relative;z-index:2;max-width:1250px;display:grid;gap:1.4rem}.hero h1{max-width:15ch}.hero .lede{max-width:54ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}
  .ambient-field{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,transparent 50%),linear-gradient(90deg,rgb(9 11 13 / .75),transparent 70%);pointer-events:none}
  .hero-index{position:absolute;right:clamp(1rem,4vw,4rem);bottom:clamp(2rem,5vw,5rem);z-index:2;display:grid;gap:.35rem;text-align:right;font: .68rem var(--mono);text-transform:uppercase;color:var(--quiet)}
  .living-modes{padding-block:var(--space-6)}.living-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
  .living-mode{position:relative;min-height:22rem;padding:1.4rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
  .living-mode:last-child{border-right:0}.living-mode span{font: .7rem var(--mono);color:var(--quiet)}.living-mode h3{font-size:clamp(1.8rem,2.7vw,3.5rem)}.living-mode p{color:var(--muted);font-size:.88rem}.living-mode::after{content:"";position:absolute;width:11rem;height:11rem;border:1px solid var(--line);border-radius:50%;right:-5rem;top:30%;transition:transform .7s var(--ease),border-color .5s}.living-mode:hover::after{transform:scale(1.35);border-color:var(--accent)}
  .visual-journey{max-width:var(--content);margin:auto;padding:0 clamp(1rem,4vw,4rem) var(--space-7);display:grid;grid-template-columns:1.35fr .65fr;gap:1rem}.visual-panel{position:relative;min-height:clamp(25rem,52vw,48rem);overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);isolation:isolate}.visual-panel--wide{grid-row:span 2}.visual-panel:not(.visual-panel--wide){min-height:clamp(17rem,25vw,24rem)}.visual-panel img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;transform:translate3d(0,var(--depth-y,0),0) scale(1.02);filter:saturate(.72) contrast(1.08);transition:filter .7s var(--ease)}.visual-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgb(4 6 8 / .78));z-index:1}.visual-panel div{position:absolute;z-index:2;left:1.4rem;right:1.4rem;bottom:1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:end}.visual-panel span{font:.68rem var(--mono);color:var(--accent)}.visual-panel p{max-width:25rem;color:var(--ink);font-family:var(--serif);font-size:var(--step-1);line-height:1.2}.visual-panel:hover img{filter:saturate(.95) contrast(1.04)}
  .orchestration{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,6vw,8rem);padding-block:var(--space-7);align-items:center}.orchestration-map{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.orchestration-map::before,.orchestration-map::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:16%}.orchestration-map::after{inset:34%}.orchestration-core{z-index:2;width:8rem;height:8rem;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.orchestration-node{position:absolute;border:1px solid var(--line);border-radius:99px;background:var(--bg);padding:.45rem .7rem;font-size:.68rem}.orchestration-node:nth-of-type(2){top:3%;left:42%}.orchestration-node:nth-of-type(3){right:-3%;top:46%}.orchestration-node:nth-of-type(4){bottom:5%;left:42%}.orchestration-node:nth-of-type(5){left:-3%;top:46%}
  .page-hero{padding:clamp(5rem,10vw,10rem) 0 var(--space-6);display:grid;gap:1.5rem;border-bottom:1px solid var(--line)}.page-hero h1{max-width:15ch}.page-hero .lede{max-width:55ch}
  .editorial-layout{display:grid;grid-template-columns:minmax(13rem,.45fr) minmax(20rem,1fr);gap:clamp(3rem,8vw,10rem);padding-block:var(--space-6)}.editorial-aside{position:sticky;top:7rem;align-self:start;display:grid;gap:1rem}.editorial-body{display:grid;gap:2.1rem}.editorial-body p{color:var(--muted);font-size:var(--step-1);line-height:1.5}.editorial-media{margin-top:1rem;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface)}.editorial-media img{width:100%;height:auto;filter:saturate(.72) contrast(1.04);transition:filter .5s,transform 1s var(--ease)}.editorial-media:hover img{filter:saturate(1);transform:scale(1.01)}
  .source-visuals{padding-block:var(--space-7);border-top:1px solid var(--line);overflow:hidden}.source-visuals>header{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,7vw,8rem);align-items:end;margin-bottom:clamp(2rem,5vw,5rem)}.source-visuals>header h2{max-width:15ch}.source-visual-grid{display:grid;grid-template-columns:1.15fr .7fr;grid-template-rows:auto auto;gap:clamp(1rem,2vw,2rem);align-items:start}.source-visual{display:grid;gap:.85rem}.source-visual>div{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);isolation:isolate}.source-visual img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;transform:translate3d(0,var(--depth-y,0),0) scale(1.02);filter:saturate(.74) contrast(1.07);transition:filter .7s var(--ease),scale 1.2s var(--ease)}.source-visual:hover img{filter:saturate(.98) contrast(1.03);scale:1.015}.source-visual--1{grid-row:1/3}.source-visual--1>div{min-height:clamp(34rem,58vw,56rem)}.source-visual--2>div,.source-visual--3>div{min-height:clamp(18rem,28vw,27rem)}.source-visual figcaption{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;color:var(--muted);font-family:var(--serif);font-size:var(--step-1);line-height:1.2}.source-visual figcaption span{font:.68rem var(--mono);color:var(--accent);padding-top:.25rem}
  .concept-section{padding-block:var(--space-7);border-top:1px solid var(--line)}.concept-toolbar{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.concept-card{background:var(--bg);min-height:22rem;padding:1.5rem;display:grid;align-content:space-between;gap:2rem;transition:background .3s}.concept-card:hover{background:var(--surface)}.concept-card header{display:flex;justify-content:space-between;gap:1rem}.concept-card h3{max-width:12ch}.concept-card p{color:var(--muted)}.concept-meta{display:flex;justify-content:space-between;color:var(--quiet);font: .68rem var(--mono);text-transform:uppercase}
  .concept-detail{padding-block:var(--space-6)}.concept-detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,10rem)}.concept-signal{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:sticky;top:7rem;overflow:hidden}.concept-signal canvas{width:100%;height:100%}.concept-copy{display:grid;gap:2rem}.concept-copy .description{font-family:var(--serif);font-size:var(--step-2);line-height:1.25}.matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.matrix>div{background:var(--bg);padding:1.2rem}.matrix span{display:block;color:var(--quiet);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.35rem}
  .role-paths{padding-block:var(--space-7)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.role-card{padding:1.5rem;min-height:18rem;display:flex;flex-direction:column;justify-content:space-between}.role-card p{color:var(--muted)}
  .partner-sections{display:grid;gap:1px;background:var(--line);margin-block:var(--space-6)}.partner-panel{background:var(--bg);display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem;padding:clamp(1.5rem,5vw,5rem)}.partner-panel .copy{display:grid;gap:1.5rem}.partner-panel .copy p{color:var(--muted)}
  .brochure-gate{display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(24rem,1.18fr);gap:clamp(2rem,7vw,8rem);align-items:center;padding-block:var(--space-7);border-top:1px solid var(--line)}.brochure-cover{position:relative;min-height:clamp(30rem,48vw,46rem);overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 2rem 6rem rgb(0 0 0 / .25)}.brochure-cover img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;transform:translate3d(0,var(--depth-y,0),0) scale(1.02)}.brochure-gate-copy{display:grid;gap:1.35rem}.brochure-gate-copy>p{color:var(--muted)}.brochure-form{display:grid;gap:1rem;padding-top:1rem}.brochure-form .form-grid{gap:.8rem}.consent-field span{display:flex;align-items:flex-start;gap:.65rem;line-height:1.45;text-transform:none;letter-spacing:normal}.consent-field input{width:auto;margin-top:.18rem}.brochure-download{justify-self:start}.brochure-download[hidden]{display:none}
  .criteria-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.criteria-grid li{background:var(--bg);padding:1rem}
  .contact-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(3rem,8vw,10rem);padding-block:var(--space-6)}.contact-meta{display:grid;gap:1.8rem;align-content:start}.contact-form{padding:clamp(1.25rem,4vw,3rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
  .experience-shell{min-height:calc(100svh - 74px);display:grid;grid-template-columns:.75fr 1.25fr}.experience-copy{padding:clamp(2rem,6vw,6rem);display:grid;align-content:center;gap:1.5rem;border-right:1px solid var(--line)}.experience-copy h1{font-size:clamp(3rem,6vw,7.5rem)}.experience-copy p{color:var(--muted)}.experience-goals{display:flex;flex-wrap:wrap;gap:.5rem}.experience-goals button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:.55rem .8rem;font-size:.72rem;cursor:pointer}.experience-goals button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.experience-actions{display:flex;gap:1rem;align-items:center}.experience-visual{position:relative;min-height:40rem;overflow:hidden}.experience-visual canvas{position:absolute;inset:0;width:100%;height:100%}.scenario-card{position:absolute;left:8%;right:8%;bottom:8%;padding:1.5rem;background:rgb(9 11 13 / .76);border:1px solid var(--line);backdrop-filter:blur(20px);border-radius:var(--radius-lg);display:grid;gap:.8rem;transform:translateY(20px);opacity:.2;transition:.6s var(--ease)}.scenario-card[data-active="true"]{transform:none;opacity:1}.scenario-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.scenario-card h2{font-size:var(--step-2)}.scenario-card p{color:var(--muted)}.scenario-card ul{display:flex;flex-wrap:wrap;gap:.4rem}.scenario-card li{font-size:.68rem;padding:.35rem .55rem;border:1px solid var(--line);border-radius:99px}
  .login-shell{max-width:1100px;margin:auto;min-height:calc(100svh - 74px);padding:clamp(3rem,8vw,8rem) 1rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.auth-panel{border:1px solid var(--line);padding:1.2rem;border-radius:var(--radius-lg);background:var(--surface)}.auth-panel [role="tablist"]{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1rem}.auth-panel [role="tab"]{border:0;border-bottom:1px solid var(--line);background:none;padding:1rem;cursor:pointer;color:var(--muted)}.auth-panel [role="tab"][aria-selected="true"]{color:var(--ink);border-color:var(--accent)}.auth-panel form{display:grid;gap:1rem;padding:1rem}.password-field{display:flex;gap:.5rem}.password-field button{border:1px solid var(--line);background:transparent;border-radius:var(--radius);padding:.6rem;cursor:pointer}
  .private-landing,.not-found,.offline{min-height:70vh;display:grid;place-content:center;text-align:center;gap:1.4rem;padding:2rem}.not-found span{font: .75rem var(--mono);color:var(--accent)}
  .studio-page{background:#080a0c}.studio-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.studio-shell aside{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.studio-shell aside p{font-size:.7rem;color:var(--quiet);text-transform:uppercase;letter-spacing:.15em}.studio-shell aside nav{display:grid;gap:.2rem;overflow:auto}.studio-shell aside button{border:0;background:none;text-align:left;padding:.65rem .75rem;border-radius:.35rem;color:var(--muted);cursor:pointer}.studio-shell aside button:hover,.studio-shell aside button[aria-current="page"]{background:var(--surface);color:var(--ink)}.studio-main{min-width:0}.studio-main>header{position:sticky;top:0;z-index:10;background:rgb(8 10 12 / .88);backdrop-filter:blur(15px);padding:1rem 1.5rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.studio-main>header h1{font-family:var(--sans);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.studio-main>header span{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--quiet)}.studio-auth-wall,.studio-view,.studio-dashboard{padding:2rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric{padding:1rem;border:1px solid var(--line);border-radius:.6rem}.metric strong{display:block;font-size:2rem}.metric span{font-size:.7rem;color:var(--muted);text-transform:uppercase}.studio-table{width:100%;border-collapse:collapse}.studio-table th,.studio-table td{text-align:left;border-bottom:1px solid var(--line);padding:.75rem;font-size:.78rem}.studio-table th{color:var(--quiet);text-transform:uppercase;font-size:.63rem}.studio-editor{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.studio-editor .full{grid-column:1/-1}.studio-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-block:1rem}.studio-card{padding:1rem;border:1px solid var(--line);border-radius:.6rem;margin-bottom:1rem}.studio-json{font: .72rem var(--mono);white-space:pre-wrap;overflow:auto;max-height:32rem;background:#050607;padding:1rem;border-radius:.4rem}
  .insights-index,.insight-detail,.generic-page{max-width:var(--content);margin:auto;padding-inline:clamp(1rem,4vw,4rem)}.insight-list{display:grid;gap:1px;background:var(--line);margin-block:var(--space-5)}.insight-card{background:var(--bg);padding:1.4rem;display:grid;grid-template-columns:9rem 1fr auto;gap:2rem}.rich-text{display:grid;gap:1.1rem}.rich-text p,.rich-text li{color:var(--muted)}.rich-text ul{list-style:disc;padding-left:1.2rem}
  [data-reveal]{opacity:0;transform:translateY(2rem);transition:opacity .8s var(--ease),transform .9s var(--ease)}[data-reveal][data-visible="true"]{opacity:1;transform:none}
}
@layer utilities{
  [hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .muted{color:var(--muted)}.quiet{color:var(--quiet)}.max-text{max-width:var(--text)}
}
@media(max-width:980px){
  .primary-nav{position:fixed;inset:4.6rem 0 auto;background:var(--bg);border-bottom:1px solid var(--line);padding:1.2rem;display:grid;transform:translateY(-140%);transition:transform .35s var(--ease)}.primary-nav[data-open="true"]{transform:none}.menu-toggle{display:grid}.mode-switch{display:none}.living-mode-grid{grid-template-columns:1fr 1fr}.living-mode:nth-child(2){border-right:0}.orchestration,.editorial-layout,.concept-detail-grid,.contact-layout,.partner-panel,.login-shell,.experience-shell,.brochure-gate{grid-template-columns:1fr}.editorial-aside,.concept-signal{position:relative;top:auto}.source-visuals>header{grid-template-columns:1fr}.brochure-cover{min-height:min(65rem,80svh)}.experience-copy{border-right:0;border-bottom:1px solid var(--line)}.experience-visual{min-height:60svh}.studio-shell{grid-template-columns:1fr}.studio-shell aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.studio-shell aside nav{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}.footer-manifesto{grid-column:1/-1}
}
@media(max-width:640px){
  :root{--space-7:6rem}.site-header{grid-template-columns:1fr auto;padding:.8rem 1rem}.header-actions .icon-button{display:none}.hero{min-height:88svh;padding:1rem 1rem 2rem}.hero h1{font-size:clamp(3.1rem,16vw,5.2rem)}.hero-index{display:none}.living-mode-grid,.concept-grid,.role-grid,.criteria-grid,.form-grid,.matrix,.studio-editor{grid-template-columns:1fr}.living-mode{border-right:0;border-bottom:1px solid var(--line);min-height:17rem}.visual-journey,.source-visual-grid{grid-template-columns:1fr}.visual-panel,.visual-panel:not(.visual-panel--wide){min-height:70svh}.source-visual--1{grid-row:auto}.source-visual--1>div,.source-visual--2>div,.source-visual--3>div{min-height:min(72svh,34rem)}.source-visual figcaption{font-size:1.08rem}.statement-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-bottom{display:grid;gap:.4rem}.page-hero{padding-top:4rem}.editorial-body p{font-size:1.1rem}.contact-form{padding:1rem}.brochure-cover{min-height:68svh}.insight-card{grid-template-columns:1fr}.studio-shell aside nav{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:1fr}.studio-main>header{align-items:flex-start;gap:1rem}.scenario-card{left:1rem;right:1rem;bottom:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient-field{display:none}[data-reveal]{opacity:1;transform:none}.visual-panel img,.source-visual img,.brochure-cover img{transform:none}}
@media(prefers-color-scheme:light){html[data-theme="system"]{color-scheme:light;--bg:#efeee9;--bg-soft:#e6e5df;--surface:#f7f6f1;--surface-2:#deddd7;--ink:#101214;--muted:#525a61;--quiet:#747b81;--line:#c7c8c4}}
@media print{.site-header,.site-footer,.ambient-field,.header-actions,.button{display:none!important}body{background:#fff;color:#000}.page-shell{max-width:none}.editorial-body p{color:#222}}