:root{
  --paper:#f4efe7; --paper2:#ebe1d6; --ink:#1c1815; --muted:#70655d; --line:rgba(28,24,21,.15);
  --copper:#9e5f3e; --copper2:#d5a48b; --dark:#171310; --dark2:#221b17; --white:#fffdf8;
  --green:#647b67; --amber:#a97d43; --red:#9e5d54; --blue:#5f7182;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}.shell{width:min(1440px,94vw);margin:auto}.cursor{position:fixed;width:32px;height:32px;transform:translate(-50%,-50%);pointer-events:none;z-index:9999}
.cursor:before,.cursor:after{content:"";position:absolute;inset:0;border:1px solid rgba(158,95,62,.7)}
.cursor:before{clip-path:polygon(0 0,34% 0,34% 6%,6% 6%,6% 34%,0 34%,0 0,66% 0,100% 0,100% 34%,94% 34%,94% 6%,66% 6%)}
.cursor:after{clip-path:polygon(0 66%,6% 66%,6% 94%,34% 94%,34% 100%,0 100%,0 66%,66% 94%,94% 94%,94% 66%,100% 66%,100% 100%,66% 100%)}
.cursor.hot{width:48px;height:48px}.cursor-glow{position:fixed;width:62px;height:62px;border-radius:50%;background:rgba(158,95,62,.08);transform:translate(-50%,-50%);pointer-events:none;z-index:9998}
.topbar{position:sticky;top:0;z-index:80;background:rgba(244,239,231,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.topin{height:72px;display:flex;align-items:center;gap:20px}.brand{font:26px Georgia,serif;text-decoration:none;white-space:nowrap}.brand b{color:var(--copper)}
.nav{margin-left:auto;display:flex;gap:2px;overflow:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{font-size:9px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:29px 9px 25px;border-bottom:2px solid transparent;white-space:nowrap;color:var(--muted)}.nav a:hover,.nav a.active{color:var(--ink);border-color:var(--copper)}
.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:4vw;align-items:center;padding:7vh 0}.kicker{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}
.hero h1{font:400 clamp(58px,7vw,104px)/.9 Georgia,serif;letter-spacing:-.04em;margin:16px 0}.hero h2{font:400 clamp(28px,3.2vw,46px)/1.06 Georgia,serif;margin:0 0 20px}.hero p{font-size:15px;line-height:1.7;color:var(--muted);max-width:760px}
.hero-visual{min-height:550px;border:1px solid var(--line);background:linear-gradient(145deg,#ede3d8,#f9f5ef);position:relative;overflow:hidden}.hero-visual svg{width:100%;height:100%;display:block}
.section{padding:90px 0;border-top:1px solid var(--line);scroll-margin-top:78px}.head{display:grid;grid-template-columns:minmax(120px,.34fr) minmax(0,1.66fr);gap:38px;margin-bottom:38px}.head>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--copper);font-weight:700;padding-top:9px}.head h3{font:400 clamp(40px,5vw,70px)/.98 Georgia,serif;margin:0}.head p{max-width:800px;color:var(--muted);line-height:1.7}
.reader-note{background:#fff8ef;border:1px solid var(--line);border-left:3px solid var(--copper);padding:16px 18px;margin:20px 0;color:#5d524b;font-size:13px;line-height:1.6}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{min-width:0;padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.25)}.card.accent{border-top:2px solid var(--copper)}.card small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--copper)}.card h4{font:400 26px/1.08 Georgia,serif;margin:16px 0 10px}.card p{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.thinking{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line)}.think{padding:20px;min-height:205px;border-right:1px solid var(--line);position:relative}.think:last-child{border-right:0}.think b{font-size:9px;color:var(--copper);letter-spacing:.13em}.think h4{font:400 24px Georgia,serif;margin:18px 0 9px}.think p{font-size:11px;line-height:1.55;color:var(--muted)}
.think:not(:last-child):after{content:"→";position:absolute;right:-12px;top:48%;z-index:4;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--copper)}
.transfer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transfer .card{min-height:210px}.transfer .diff{font-size:11px;padding:8px 10px;background:#f0e4d8;margin-top:12px;color:#5c4d44}
.arch-shell{background:var(--dark);color:#fff;border:1px solid #2f2722;padding:24px;overflow:hidden}.legend{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:16px}.legend span{display:flex;gap:7px;align-items:center;font-size:9px;color:#c7bbb1}.legend i{width:30px;height:2px;display:inline-block}.legend .primary i{background:var(--copper2)}.legend .context i{background:#83776f}.legend .control i{background:var(--red)}.legend .eval i{background:repeating-linear-gradient(90deg,var(--amber) 0 7px,transparent 7px 11px)}
.arch{width:100%;max-width:1220px;margin:auto}.arch svg{width:100%;height:auto;display:block}.n{fill:#241e1a;stroke:#554941;stroke-width:1.4}.n.ai{stroke:#b56b49;stroke-width:2}.n.rule{stroke:#d5a48b;stroke-width:1.8;stroke-dasharray:5 5}.n.human{fill:#30241f;stroke:#9e5d54;stroke-width:1.8}.n.eval{fill:#28221d;stroke:#a97d43;stroke-width:1.8}.lbl{font:17px Georgia,serif;fill:#fff}.sub{font:10px Arial;fill:#c7bbb1}.edge{fill:none;stroke:#d5a48b;stroke-width:2}.edge.ctx{stroke:#83776f}.edge.human{stroke:#9e5d54}.edge.eval{stroke:#a97d43;stroke-dasharray:8 7;animation:dash 2s linear infinite}.elabel{font:9px Arial;fill:#a99d94;letter-spacing:.08em}
@keyframes dash{to{stroke-dashoffset:-30}}
.arch-explain{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:18px}.arch-explain .card{background:#211b17;border-color:#3f352e;color:#fff}.arch-explain .card p{color:#c7bbb1}
.pdrs{display:grid;gap:12px}.pdr{display:grid;grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);gap:24px;padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.23)}.pdr h4{font:400 29px Georgia,serif;margin:0}.pdr p{margin:0;font-size:13px;line-height:1.65;color:var(--muted)}
.analysis{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}.panel{border:1px solid var(--line);background:rgba(255,255,255,.24);padding:24px}.panel h4{font:400 28px Georgia,serif;margin:0 0 8px}.panel p{font-size:12px;line-height:1.6;color:var(--muted)}.barrow{display:grid;grid-template-columns:190px 1fr 58px;gap:12px;align-items:center;margin:12px 0}.barrow label{font-size:11px;color:#4f4540}.bar{height:9px;background:#ddd3c8;border-radius:99px;overflow:hidden}.bar i{height:100%;display:block;background:var(--copper)}.barrow b{font-size:11px;text-align:right}.insight{padding:14px 15px;border-left:3px solid var(--copper);background:#f7eee4;margin-top:14px;font-size:12px;line-height:1.55;color:#5d5048}
.prototype{background:var(--dark);border:1px solid #332a24;color:#fff;overflow:hidden}.proto-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid #3d332c}.proto-top span{font-size:9px;letter-spacing:.13em;color:var(--copper2)}.proto-stepper{display:flex;gap:5px;flex-wrap:wrap}.proto-stepper b{font-size:9px;border:1px solid #4e423a;padding:6px 8px;border-radius:99px;color:#a99e96}.proto-stepper b.on{border-color:var(--copper2);color:#fff;background:#2b211c}
.proto-body{display:grid;grid-template-columns:315px 1fr;min-height:620px}.proto-guide{padding:22px;border-right:1px solid #3d332c;background:#1d1815}.proto-main{padding:26px;min-width:0}.why-click{padding:13px 14px;border:1px solid #51463d;background:#241f1a;margin:16px 0;font-size:11px;line-height:1.55;color:#c9bdb3}.why-click b{color:#fff}
.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#a99e95}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #51463d;background:#27211d;color:#fff;font:inherit}.field textarea{min-height:90px}.btn{border:1px solid #5b4d43;background:transparent;color:#fff;padding:11px 13px;cursor:pointer}.btn.primary{background:var(--copper);border-color:var(--copper)}.btn:hover{filter:brightness(1.08)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.screen{display:none}.screen.on{display:block}.screen h4{font:400 34px Georgia,serif;margin:0 0 9px}.screen>p{color:#c5b9b0;line-height:1.6}.trace{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.trace span{font-size:9px;border:1px solid #4b4038;padding:7px 8px;border-radius:99px;color:#a99e95}.trace span.done{color:#d7e6d8;border-color:#647b67;background:#202b22}.trace span.live{color:#fff;border-color:var(--copper2);background:#33251d}
.proto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.proto-card{border:1px solid #433a33;background:#211d19;padding:15px}.proto-card small{font-size:9px;color:var(--copper2);letter-spacing:.1em}.proto-card h5{font:400 22px Georgia,serif;margin:9px 0}.proto-card p{font-size:11px;line-height:1.5;color:#bdb1a8}.proto-card.selectable{cursor:pointer}.proto-card.selectable.sel{border-color:var(--copper2);box-shadow:inset 0 0 0 1px var(--copper2)}
.output{margin-top:16px;padding:19px;background:#2a211c;border:1px solid #695447}.output h4{font-size:29px}.output p{color:#d1c5bc}
.timeline{display:grid;gap:8px}.time-row{display:grid;grid-template-columns:92px 1fr 125px;gap:12px;align-items:center;border:1px solid #413832;padding:11px}.time-row time{font:20px Georgia,serif}.status{font-size:9px;padding:6px 8px;border-radius:99px;width:max-content;background:#2a2521}.good{color:#9ac19c}.warn{color:#d8aa64}.bad{color:#d99086}
footer{text-align:center;padding:48px 0 65px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.four,.thinking{grid-template-columns:1fr 1fr}.thinking .think{border-bottom:1px solid var(--line)}.think:after{display:none}.three,.transfer,.arch-explain{grid-template-columns:1fr 1fr}.analysis{grid-template-columns:1fr}.proto-body{grid-template-columns:1fr}.proto-guide{border-right:0;border-bottom:1px solid #3d332c}}
@media(max-width:700px){.section{padding:70px 0}.head{grid-template-columns:1fr;gap:10px}.four,.three,.two,.thinking,.transfer,.arch-explain,.proto-grid{grid-template-columns:1fr}.pdr{grid-template-columns:1fr}.proto-top{align-items:flex-start;flex-direction:column}.time-row{grid-template-columns:70px 1fr}.time-row .status{grid-column:2}.nav{max-width:68vw}.cursor,.cursor-glow{display:none}}

/* --- 10/10 refinement layer --- */
.edge-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.edge-key .ek{padding:14px;border:1px solid #3f352e;background:#211b17;color:#fff;min-height:100px}
.edge-key .ek b{display:block;font:400 18px Georgia,serif;margin-bottom:7px}
.edge-key .ek p{margin:0;color:#c7bbb1;font-size:10px;line-height:1.5}
.autonomy-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.autonomy-matrix .cell{padding:16px;border:1px solid var(--line);background:#fff9f0}
.autonomy-matrix .cell h4{font:400 22px Georgia,serif;margin:0 0 8px}
.autonomy-matrix .cell p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}
.evidence-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.evidence-status .statuscard{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.24)}
.statuscard b{font-size:9px;letter-spacing:.12em;color:var(--copper);text-transform:uppercase}
.statuscard h4{font:400 24px Georgia,serif;margin:10px 0 8px}.statuscard p{font-size:11px;color:var(--muted);line-height:1.55}
.client-bridge{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.client-bridge .bigq{padding:24px;background:var(--dark);color:#fff;min-height:220px}
.client-bridge .bigq h4{font:400 30px Georgia,serif;margin:0 0 12px}.client-bridge .bigq p{color:#c9beb5;line-height:1.6;font-size:12px}
.client-bridge .apply{padding:24px;border:1px solid var(--line);background:#fffaf3}.client-bridge .apply h4{font:400 30px Georgia,serif;margin:0 0 12px}.client-bridge .apply p{font-size:12px;line-height:1.6;color:var(--muted)}
.failure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.failure{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.22)}.failure h4{font:400 22px Georgia,serif;margin:0 0 8px}.failure p{font-size:11px;line-height:1.55;color:var(--muted)}
.canonical{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.canonical .obj{padding:14px;border:1px solid var(--line);background:#fffaf3;min-height:110px}.canonical .obj b{font:400 20px Georgia,serif}.canonical .obj span{display:block;margin-top:8px;font-size:10px;color:var(--muted);line-height:1.45}
.live-link{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--copper);color:var(--copper);text-decoration:none;margin-top:12px;font-size:11px}
@media(max-width:800px){.edge-key,.autonomy-matrix,.evidence-status,.failure-grid,.canonical,.client-bridge{grid-template-columns:1fr}}

/* final refinement: cleaner routed architecture + research/evidence */
.hero-visual svg .hline{stroke:#9e5f3e;stroke-width:3;fill:none}
.hero-visual svg .hsub{stroke:#7d7168;stroke-width:2;fill:none}
.hero-visual svg .hctrl{stroke:#9e5d54;stroke-width:2.5;fill:none}
.hero-visual svg .hbox{fill:#fffaf3;stroke:#1c1815;stroke-width:2}
.hero-visual svg .ht{font:24px Georgia,serif;fill:#1c1815}.hero-visual svg .hs{font:12px Arial;fill:#6f645c}
.edge.live{stroke-dasharray:10 9;animation:dash 1.7s linear infinite}
.edge.validation{stroke:#a97d43;stroke-dasharray:4 6}
.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.source-card{padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.25);min-height:260px;display:flex;flex-direction:column}
.source-card small{font-size:9px;letter-spacing:.12em;color:var(--copper);text-transform:uppercase}
.source-card h4{font:400 24px Georgia,serif;margin:12px 0 9px}
.source-card p{font-size:11px;line-height:1.6;color:var(--muted)}
.source-card a{margin-top:auto;color:var(--copper);font-size:11px;text-underline-offset:4px}
.validation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.workbook-card{padding:20px;border:1px solid var(--line);background:#fffaf3}
.workbook-card h4{font:400 25px Georgia,serif;margin:0 0 10px}
.workbook-card p,.workbook-card li{font-size:11px;line-height:1.55;color:var(--muted)}
.workbook-card a{display:inline-block;margin-top:10px;color:var(--copper);font-size:11px}
.data-note{font-size:11px;padding:12px 14px;background:#f1e5d9;border-left:3px solid var(--copper);color:#574b44;line-height:1.55}
@media(max-width:850px){.research-grid,.validation-grid{grid-template-columns:1fr}}

/* FINAL MASTER additions */
.visual-flow{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;gap:0;align-items:center;padding:34px;background:#eee4d8;min-height:500px}
.visual-flow .vf-node{background:#fffaf3;border:2px solid #211d19;border-radius:24px;padding:24px;text-align:center;min-width:0}
.visual-flow .vf-node.emph{border-color:var(--copper)}.visual-flow .vf-node.human{border-color:var(--red);background:#f3e1dc}.visual-flow .vf-node.safe{border-color:var(--green);background:#e9efe8}
.visual-flow .vf-node h4{font:400 clamp(26px,2.4vw,39px)/1.05 Georgia,serif;margin:0 0 8px;overflow-wrap:anywhere}.visual-flow .vf-node p{font-size:12px;color:var(--muted);margin:0;line-height:1.45}
.visual-flow .vf-arrow{text-align:center;color:var(--copper);font-size:34px}
.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.persona{padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.24);min-height:245px}.persona b{font-size:9px;color:var(--copper);letter-spacing:.13em;text-transform:uppercase}.persona h4{font:400 27px Georgia,serif;margin:12px 0}.persona p{font-size:11px;line-height:1.55;color:var(--muted)}
.jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.job{padding:22px;border-top:3px solid var(--copper);background:#fffaf3;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:200px}.job h4{font:400 25px Georgia,serif;margin:9px 0}.job p{font-size:12px;color:var(--muted);line-height:1.55}
.empathy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.em{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.23);min-height:160px}.em b{font-size:9px;color:var(--copper);letter-spacing:.12em}.em p{font-size:11px;line-height:1.55;color:var(--muted)}
.journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.jstage{padding:18px;background:var(--dark);color:#fff;min-height:225px;position:relative}.jstage small{font-size:9px;color:var(--copper2);letter-spacing:.12em}.jstage h4{font:400 22px Georgia,serif;margin:12px 0}.jstage p{font-size:10px;color:#c8bdb4;line-height:1.5}.jstage:not(:last-child):after{content:"→";position:absolute;right:-10px;top:46%;width:20px;height:20px;display:grid;place-items:center;background:var(--paper);color:var(--copper);z-index:3;border-radius:50%}
.ai-build{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ai-step{padding:19px;border:1px solid var(--line);background:#fffaf3;min-height:210px}.ai-step .numb{font:400 31px Georgia,serif;color:var(--copper)}.ai-step h4{font:400 22px Georgia,serif;margin:8px 0}.ai-step p{font-size:11px;color:var(--muted);line-height:1.55}
.eval-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.eval-step{padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.24);min-height:180px}.eval-step b{font-size:9px;color:var(--copper);letter-spacing:.11em}.eval-step h4{font:400 20px Georgia,serif;margin:10px 0}.eval-step p{font-size:10px;color:var(--muted);line-height:1.5}
.prd{border:1px solid var(--line);background:#fffaf3}.prd summary{cursor:pointer;padding:20px 24px;font:400 28px Georgia,serif;list-style:none}.prd summary::-webkit-details-marker{display:none}.prd summary:after{content:"＋";float:right;color:var(--copper)}.prd[open] summary:after{content:"—"}.prd-body{padding:0 24px 24px}.prd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prd-block{padding:16px;border:1px solid var(--line);background:#f8f1e8}.prd-block h5{font:400 19px Georgia,serif;margin:0 0 8px}.prd-block p,.prd-block li{font-size:11px;color:var(--muted);line-height:1.55}
.gtm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gtm{padding:20px;background:var(--dark);color:#fff;min-height:235px}.gtm small{font-size:9px;color:var(--copper2);letter-spacing:.12em}.gtm h4{font:400 25px Georgia,serif;margin:12px 0}.gtm p{font-size:11px;line-height:1.55;color:#c8bdb4}
.stack-grid{display:flex;flex-wrap:wrap;gap:10px}.brand-tile{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);background:#fffaf3;min-width:150px}.brand-mark{width:34px;height:34px;border-radius:9px;background:#efe1d4;display:grid;place-items:center;font:700 12px Arial;color:var(--copper)}.brand-tile b{display:block;font-size:12px}.brand-tile span{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.evidence-preview{width:100%;max-width:900px;border:1px solid var(--line);display:block;margin-top:14px}.arch-note2{margin-top:16px;padding:14px;background:#211b17;border:1px solid #3e342e;color:#c7bbb1;font-size:11px;line-height:1.55}
.edge.live{stroke-dasharray:10 9;animation:dash 1.7s linear infinite}.edge.validation{stroke:#a97d43;stroke-dasharray:4 6}
@media(max-width:1050px){.persona-grid,.jobs,.empathy,.ai-build,.gtm-grid{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr}.eval-pipeline{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.persona-grid,.jobs,.empathy,.journey,.ai-build,.eval-pipeline,.gtm-grid,.prd-grid{grid-template-columns:1fr}.jstage:after{display:none}}
/* Architecture legibility safety */
.arch .lbl{font-size:16px}
.arch .sub{font-size:9px}
.arch .elabel{font-size:8.5px}

/* V9 final integration refinements */
.workbook-links-only{grid-template-columns:1fr!important}
.arch{overflow:hidden}
.arch svg{display:block;width:100%;height:auto;overflow:visible}
.arch .lbl{font-size:14px!important}
.arch .sub{font-size:8px!important}
.arch .elabel{
  font-size:8px!important;
  paint-order:stroke;
  stroke:#171310;
  stroke-width:5px;
  stroke-linejoin:round;
}
.hero-visual svg .ht{font-size:20px!important}
.hero-visual svg .hs{font-size:10px!important}
.hero-visual svg text{paint-order:stroke;stroke:#eee4d8;stroke-width:2.5px;stroke-linejoin:round}
.hero-visual,.arch{max-width:100%;min-width:0}
.hero-visual svg,.arch svg{max-width:100%}
@media(max-width:760px){
  .arch .lbl{font-size:12px!important}
  .arch .sub,.arch .elabel{font-size:7px!important}
  .hero-visual svg .ht{font-size:17px!important}
  .hero-visual svg .hs{font-size:8px!important}
}

/* ==========================================================
   V9.1 project chrome — matches main RIKA UI
   ========================================================== */
html{scroll-padding-top:86px}
body{cursor:none}
body *{cursor:none!important}
.project-header{
  height:78px;position:sticky;top:0;z-index:120;display:flex;align-items:center;
  gap:24px;padding:0 28px;background:rgba(244,239,231,.93);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)
}
.project-brand{display:flex;flex-direction:column;justify-content:center;gap:1px;margin-right:auto;min-width:175px;text-decoration:none;color:inherit}
.project-brand-row{display:flex;align-items:center;height:37px}
.project-brand-row img{width:35px;height:35px;display:block}
.project-brand-row .ika{font-family:Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.06em;margin-left:3px}
.project-brand-sub{font-size:9px;font-weight:700;letter-spacing:.16em;margin-left:1px}
.project-nav{display:flex;gap:7px;overflow:auto;scrollbar-width:none;max-width:62vw}
.project-nav::-webkit-scrollbar{display:none}
.project-nav a{
  font-size:10px;line-height:1;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;
  padding:29px 7px 27px;border-bottom:2px solid transparent;color:var(--muted);white-space:nowrap
}
.project-nav a:hover,.project-nav a.active{color:var(--ink);border-color:var(--copper)}
.project-actions{display:flex;align-items:center;gap:10px}
.project-languages{display:flex;border:1px solid var(--line);border-radius:99px;padding:3px}
.project-languages button{border:0;background:transparent;color:inherit;font-size:9px;padding:6px 8px;border-radius:99px}
.project-languages button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.project-back{font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}
.cursor-glow{position:fixed;left:-200px;top:-200px;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .18s,height .18s,opacity .18s;background:radial-gradient(circle,rgba(96,50,37,.32),rgba(139,78,56,.11) 34%,rgba(139,78,56,0) 70%);mix-blend-mode:multiply}
.cursor-focus{position:fixed;left:-100px;top:-100px;width:34px;height:34px;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:width .16s ease,height .16s ease,transform .12s ease}
.cursor-focus.hover{width:52px;height:52px}.cursor-focus.active{transform:translate(-50%,-50%) scale(.78)}
.cursor-focus i{position:absolute;width:12px;height:12px;border-color:#603225}
.cursor-focus i:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}.cursor-focus i:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}.cursor-focus i:nth-child(3){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}.cursor-focus i:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}
.cursor-glow.hover{width:390px;height:390px}.cursor-focus.hover{width:58px;height:58px}
.cursor-glow.on-dark{background:radial-gradient(circle,rgba(244,239,231,.38),rgba(244,239,231,.15) 34%,rgba(244,239,231,0) 70%);mix-blend-mode:screen}
.cursor-focus.on-dark i{border-color:#fff8ef}
.cursor-glow.on-light{background:radial-gradient(circle,rgba(96,50,37,.32),rgba(139,78,56,.11) 34%,rgba(139,78,56,0) 70%);mix-blend-mode:multiply}
.cursor-focus.on-light i{border-color:#603225}
@media(max-width:980px){.project-header{gap:12px;padding:0 14px}.project-brand{min-width:135px}.project-brand-row img{width:30px;height:30px}.project-brand-row .ika{font-size:21px}.project-brand-sub{font-size:7px}.project-nav{max-width:48vw}.project-back{display:none}}
@media(max-width:700px){body{cursor:auto}body *{cursor:auto!important}.cursor-glow,.cursor-focus{display:none}.project-languages{display:none}.project-nav{max-width:64vw}.project-header{height:68px}.project-nav a{padding:24px 6px 22px;font-size:8px}}

/* V9.2 — exact main-site RIKA identity + compact interaction cursor */
.project-brand-row img{
  width:39px!important;height:39px!important;flex:0 0 39px!important;margin:0 -1px 0 0!important;
}
.project-brand-row .ika{
  font-size:31px!important;font-weight:800!important;letter-spacing:-.035em!important;
  line-height:1!important;margin:0!important;padding:0!important;transform:translateY(1px)!important;
}
.project-brand-sub{font-size:9px!important;letter-spacing:.16em!important}
.cursor-glow{width:84px!important;height:84px!important;opacity:.92!important;z-index:99998!important}
.cursor-focus{width:24px!important;height:24px!important;z-index:99999!important}
.cursor-focus i{width:9px!important;height:9px!important}
.cursor-glow.hover{width:118px!important;height:118px!important;opacity:1!important}
.cursor-focus.hover{width:38px!important;height:38px!important}
.cursor-focus.hover i{width:12px!important;height:12px!important}
.cursor-glow.on-light{background:radial-gradient(circle,rgba(75,37,26,.42),rgba(96,50,37,.17) 36%,rgba(96,50,37,0) 72%)!important;mix-blend-mode:multiply!important}
.cursor-focus.on-light i{border-color:#4b251a!important}
.cursor-glow.on-dark{background:radial-gradient(circle,rgba(255,248,239,.46),rgba(255,248,239,.18) 36%,rgba(255,248,239,0) 72%)!important;mix-blend-mode:screen!important}
.cursor-focus.on-dark i{border-color:#fff8ef!important}
@media(pointer:fine){
  .project-header a:hover,.project-header button:hover,.btn:hover,.pc.click:hover,.prd summary:hover{
    outline:1px solid rgba(154,96,65,.30);outline-offset:3px
  }
}

/* V10 clickable affordance */
@media(pointer:fine){
  a:hover,button:hover,summary:hover,.click:hover,.btn:hover,.pc.click:hover{
    outline:1px solid rgba(154,96,65,.38)!important;
    outline-offset:4px!important;
  }
}


/* V10.1 feedback layer */
.rika-feedback{margin:48px auto 18px;padding:22px;border:1px solid rgba(120,80,55,.22);max-width:920px}
.rika-feedback .feedback-title{font-size:26px;line-height:1.15;margin:0 0 7px}
.rika-feedback .feedback-copy{font-size:12px;line-height:1.55;opacity:.68;margin:0 0 15px}
.rika-feedback .feedback-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.rika-feedback button{border:1px solid currentColor;background:transparent;padding:9px 12px;color:inherit}
.rika-feedback textarea{width:100%;padding:11px;background:transparent;color:inherit;border:1px solid rgba(120,80,55,.22);margin:0 0 9px;resize:vertical}
.rika-feedback .feedback-status{font-size:11px;min-height:16px;margin-top:7px}