:root{
 --paper:#f4efe7; --paper2:#e8ded3; --ink:#181512; --muted:#72685f; --line:rgba(24,21,18,.16);
 --copper:#9a6041; --copper2:#d2a083; --dark:#171310; --dark2:#211a16; --cream:#fffaf3;
 --rose:#a15f56; --green:#647a68; --blue:#63798b; --amber:#a57a43;
}
*{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(1420px,94vw);margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(244,239,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.topin{height:70px;display:flex;align-items:center;gap:18px}.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 a{font-size:9px;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;padding:28px 9px 25px;border-bottom:2px solid transparent;white-space:nowrap;color:var(--muted)}.nav a:hover{color:var(--ink);border-color:var(--copper)}
.hero{min-height:calc(100vh - 70px);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(60px,7.5vw,110px)/.88 Georgia,serif;letter-spacing:-.045em;margin:15px 0}.hero h2{font:400 clamp(27px,3.2vw,47px)/1.06 Georgia,serif;margin:0 0 20px}.hero p{font-size:15px;line-height:1.7;color:var(--muted);max-width:760px}.heroart{min-height:550px;border:1px solid var(--line);background:linear-gradient(145deg,#eee4d8,#faf6f0);overflow:hidden;position:relative}
.section{padding:88px 0;border-top:1px solid var(--line);scroll-margin-top:76px}.head{display:grid;grid-template-columns:minmax(120px,.34fr) minmax(0,1.66fr);gap:38px;margin-bottom:36px}.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(38px,5vw,68px)/.98 Georgia,serif;margin:0}.head p{max-width:850px;color:var(--muted);line-height:1.7}
.note{padding:15px 18px;border-left:3px solid var(--copper);background:#fff7ed;color:#5b5048;font-size:12px;line-height:1.6}
.thinking{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line)}.think{padding:19px;min-height:200px;border-right:1px solid var(--line);position:relative}.think:last-child{border-right:0}.think b{font-size:9px;letter-spacing:.12em;color:var(--copper)}.think h4{font:400 23px 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:-11px;top:47%;width:22px;height:22px;border-radius:50%;background:var(--paper);color:var(--copper);display:grid;place-items:center;z-index:3}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.card{padding:21px;border:1px solid var(--line);background:rgba(255,255,255,.25);min-width:0}.card small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)}.card h4{font:400 27px Georgia,serif;margin:13px 0 9px}.card p,.card li{font-size:11px;line-height:1.58;color:var(--muted)}
.pill{display:inline-block;padding:6px 9px;border:1px solid var(--line);border-radius:99px;margin:3px 3px 3px 0;font-size:9px;color:var(--muted)}
.persona{min-height:250px}.persona strong{font-size:10px;color:var(--copper);letter-spacing:.12em}.journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.j{padding:18px;background:var(--dark);color:#fff;min-height:220px;position:relative}.j small{color:var(--copper2);font-size:9px;letter-spacing:.11em}.j h4{font:400 22px Georgia,serif;margin:12px 0}.j p{font-size:10px;color:#c7bbb1;line-height:1.52}.j:not(:last-child):after{content:"→";position:absolute;right:-10px;top:47%;z-index:2;background:var(--paper);color:var(--copper);width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.pdr{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:24px;padding:23px;border:1px solid var(--line);background:rgba(255,255,255,.23);margin-bottom:10px}.pdr h4{font:400 28px Georgia,serif;margin:0}.pdr p{margin:0;font-size:12px;line-height:1.62;color:var(--muted)}
.archshell{background:var(--dark);color:#fff;padding:22px;border:1px solid #322922;overflow:hidden}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.legend span{display:flex;gap:7px;align-items:center;color:#c6bbb1;font-size:9px}.legend i{width:28px;height:2px;display:inline-block}.leg-primary i{background:var(--copper2)}.leg-context i{background:#82776e}.leg-human i{background:var(--rose)}.leg-eval i{background:repeating-linear-gradient(90deg,var(--amber) 0 6px,transparent 6px 10px)}
.arch svg{width:100%;height:auto;display:block}.n{fill:#241e1a;stroke:#554940;stroke-width:1.4}.n.ai{stroke:#b56b49;stroke-width:2}.n.rule{stroke:#d2a083;stroke-width:1.8;stroke-dasharray:5 5}.n.human{fill:#31241f;stroke:#a15f56;stroke-width:1.8}.n.eval{fill:#28211d;stroke:#a57a43;stroke-width:1.8}.lbl{font:16px Georgia,serif;fill:#fff}.sub{font:9px Arial;fill:#c8bdb4}.edge{fill:none;stroke:#d2a083;stroke-width:2}.edge.ctx{stroke:#82776e}.edge.human{stroke:#a15f56}.edge.eval{stroke:#a57a43;stroke-dasharray:8 7;animation:dash 1.8s linear infinite}.elabel{font:9px Arial;fill:#aaa096;letter-spacing:.06em}@keyframes dash{to{stroke-dashoffset:-30}}
.ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ai-step{padding:18px;border:1px solid var(--line);background:#fffaf3;min-height:205px}.ai-step b{font:400 30px Georgia,serif;color:var(--copper)}.ai-step h4{font:400 22px Georgia,serif;margin:8px 0}.ai-step p{font-size:11px;line-height:1.55;color:var(--muted)}
.eval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.eval{padding:19px;border:1px solid var(--line);background:rgba(255,255,255,.24);min-height:180px}.eval b{font-size:9px;color:var(--copper);letter-spacing:.12em}.eval h4{font:400 22px Georgia,serif;margin:10px 0}.eval p{font-size:11px;line-height:1.52;color:var(--muted)}
.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}.prdgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.prdb{padding:15px;border:1px solid var(--line);background:#f8f1e8}.prdb h5{font:400 19px Georgia,serif;margin:0 0 8px}.prdb p,.prdb li{font-size:11px;line-height:1.55;color:var(--muted)}
.road{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.phase{padding:18px;border-top:3px solid var(--copper);background:#fffaf3;min-height:200px}.phase small{font-size:9px;color:var(--copper);letter-spacing:.11em}.phase h4{font:400 22px Georgia,serif;margin:12px 0}.phase p{font-size:10px;color:var(--muted);line-height:1.5}
.research{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.src{padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.24);min-height:260px;display:flex;flex-direction:column}.src small{font-size:9px;color:var(--copper);letter-spacing:.12em}.src h4{font:400 23px Georgia,serif;margin:12px 0}.src p{font-size:11px;line-height:1.58;color:var(--muted)}.src a{margin-top:auto;color:var(--copper);font-size:11px;text-underline-offset:4px}
.stack{display:flex;gap:9px;flex-wrap:wrap}.tool{padding:11px 13px;border:1px solid var(--line);background:#fffaf3;min-width:155px}.tool b{display:block;font-size:12px}.tool span{font-size:9px;color:var(--muted)}
.proto{background:var(--dark);color:#fff;border:1px solid #332a24;overflow:hidden}.proto-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #40352e;gap:15px}.proto-top span{font-size:9px;letter-spacing:.12em;color:var(--copper2)}.steps{display:flex;gap:5px;flex-wrap:wrap}.steps b{font-size:9px;border:1px solid #50443b;color:#a99f96;padding:6px 8px;border-radius:99px}.steps b.on{color:#fff;border-color:var(--copper2);background:#30231d}.proto-body{display:grid;grid-template-columns:315px 1fr;min-height:630px}.guide{padding:22px;background:#1d1815;border-right:1px solid #40352e}.main{padding:26px;min-width:0}.guide h4{font:400 29px Georgia,serif;margin:0 0 8px}.guide p{font-size:11px;line-height:1.58;color:#c7bbb1}.why{padding:12px 13px;border:1px solid #51463d;background:#25201b;margin:14px 0;font-size:10px;line-height:1.55;color:#c8bdb4}.why b{color:#fff}.field{display:grid;gap:5px;margin-bottom:11px}.field label{font-size:9px;color:#aaa096;text-transform:uppercase;letter-spacing:.1em}.field input,.field textarea,.field select{width:100%;background:#27211d;color:#fff;border:1px solid #51463d;padding:11px;font:inherit}.field textarea{min-height:90px}.btn{padding:11px 13px;border:1px solid #5a4c43;background:transparent;color:#fff;cursor:pointer}.btn.primary{background:var(--copper);border-color:var(--copper)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.screen{display:none}.screen.on{display:block}.screen h4{font:400 36px Georgia,serif;margin:0 0 9px}.screen p{color:#c8bdb4;line-height:1.6}.proto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pc{border:1px solid #433930;background:#211c19;padding:15px;min-width:0}.pc small{font-size:9px;color:var(--copper2);letter-spacing:.11em}.pc h5{font:400 22px Georgia,serif;margin:8px 0}.pc p{font-size:10px;line-height:1.5;color:#bdb1a8}.pc.click{cursor:pointer}.pc.sel{border-color:var(--copper2);box-shadow:inset 0 0 0 1px var(--copper2)}.output{margin-top:15px;padding:18px;border:1px solid #6a5548;background:#2a211b}.output h4{font-size:29px}.hidden{display:none!important}
.metricbar{display:grid;grid-template-columns:180px 1fr 60px;gap:11px;align-items:center;margin:12px 0}.track{height:9px;background:#dfd4c8;border-radius:99px;overflow:hidden}.fill{height:100%;background:var(--copper)}.metricbar label{font-size:11px}.metricbar b{font-size:11px;text-align:right}
.footer{padding:45px 0 65px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:12px}
.cursor{position:fixed;width:30px;height:30px;border:1px solid rgba(154,96,65,.7);pointer-events:none;z-index:999;transform:translate(-50%,-50%);border-radius:4px}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.grid4,.ai-grid{grid-template-columns:1fr 1fr}.grid3,.research,.eval-grid{grid-template-columns:1fr 1fr}.thinking{grid-template-columns:1fr 1fr}.journey,.road{grid-template-columns:1fr 1fr}.proto-body{grid-template-columns:1fr}.guide{border-right:0;border-bottom:1px solid #40352e}}
@media(max-width:700px){.section{padding:68px 0}.head{grid-template-columns:1fr;gap:10px}.grid2,.grid3,.grid4,.thinking,.journey,.ai-grid,.eval-grid,.prdgrid,.road,.research,.proto-grid{grid-template-columns:1fr}.j:after,.think:after{display:none}.nav{max-width:68vw}.cursor{display:none}}

/* ==========================================================
   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}