﻿@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;900&display=swap');
:root{--ink:#1d2524;--muted:#65706d;--paper:#f4f0e8;--surface:#fbf9f4;--line:#d9d4c9;--accent:#d95f32;--accent-2:#a8b979;--night:#101a1e;--soft:#e5eadf;--shadow:0 20px 60px rgba(26,33,30,.08);--serif:'Noto Serif SC',Georgia,serif;--sans:'Manrope','Microsoft YaHei',sans-serif;--mono:'DM Mono','Microsoft YaHei',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);transition:background .5s ease,color .5s ease}body[data-theme=orbit]{--ink:#e8f5f0;--muted:#8fa9a1;--paper:#091316;--surface:#102024;--line:#244149;--accent:#a4f27d;--accent-2:#58c8e8;--soft:#152d30;--shadow:0 24px 80px rgba(0,0,0,.28)}body[data-theme=field]{--ink:#30241d;--muted:#79685d;--paper:#f5ebdf;--surface:#fff9ef;--line:#dfccba;--accent:#bb5d46;--accent-2:#aab27d;--soft:#e7e0c9;--shadow:0 20px 60px rgba(112,70,40,.10)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;font-family:var(--serif);font-weight:700;font-size:20px}.brand-copy{display:grid;gap:2px;line-height:1}.brand-copy b{font-size:14px;letter-spacing:.08em}.brand-copy small{font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.nav{display:flex;gap:32px;margin-left:auto;margin-right:34px}.nav a{color:var(--muted);text-decoration:none;font-size:12px}.nav a:hover,.text-link:hover,.project-footer a:hover,.footer-contact a:hover{color:var(--accent)}.theme-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 14px;border-radius:3px;font:500 11px var(--mono);cursor:pointer}.theme-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.chevron{font-size:15px;margin-left:4px}.theme-menu{position:absolute;display:none;right:0;top:76px;width:255px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px}.theme-menu.open{display:grid;gap:3px}.theme-menu button{width:100%;display:grid;grid-template-columns:1fr;text-align:left;border:0;background:transparent;color:var(--ink);padding:12px 10px;cursor:pointer;border-radius:2px}.theme-menu button:hover{background:var(--soft)}.theme-menu b,.theme-menu small{display:block}.theme-menu b{font:500 12px var(--mono)}.theme-menu small{color:var(--muted);font:10px var(--sans);margin-top:5px}
.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;padding:72px 0 90px}.eyebrow,.kicker,.manual-label{font:500 10px var(--mono);letter-spacing:.13em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;height:1px;width:30px;background:var(--accent)}.eyebrow-status{color:var(--accent);margin-left:7px}.hero h1{font:900 clamp(46px,6vw,79px)/1.12 var(--serif);letter-spacing:-.065em;margin:26px 0 22px}.hero h1 em,.explore-panel h2 em,.manual-card em,.footer h2 em{color:var(--accent);font-style:normal}.hero-intro{max-width:475px;color:var(--muted);font-size:16px;line-height:1.85;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:18px;padding:14px 18px;text-decoration:none;font-size:12px}.button-primary{color:var(--paper);background:var(--ink)}.button-primary span{color:var(--accent);font-size:18px}.text-link{color:var(--ink);text-decoration:none;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.text-link span{color:var(--accent);margin-left:7px}.hero-meta{border-top:1px solid var(--line);display:flex;gap:26px;margin-top:58px;padding-top:16px;color:var(--muted);font:10px var(--mono)}.hero-meta b{color:var(--accent);margin-right:5px}
.hero-visual{min-height:450px;position:relative;background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.visual-caption{position:absolute;top:22px;left:24px;color:var(--muted);font:10px var(--mono);letter-spacing:.09em}.visual-caption span{color:var(--accent);margin-left:12px}.orbit-stage{position:absolute;inset:55px 28px 52px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%;transform:rotate(-20deg) skewX(-10deg)}.ring-one{width:260px;height:260px}.ring-two{width:382px;height:148px;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.ring-three{width:170px;height:390px}.orbit-core{display:grid;place-items:center;width:106px;height:106px;background:var(--ink);color:var(--paper);border-radius:50%;position:relative;z-index:2}.orbit-core span{font:700 36px var(--serif);line-height:1}.orbit-core small{font:9px var(--mono);text-align:center;line-height:1.3;color:var(--accent)}.orbit-node{position:absolute;z-index:3;display:grid;gap:4px;padding:9px 11px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent)}.orbit-node b{font-size:13px}.orbit-node span{color:var(--muted);font:9px var(--mono)}.node-a{top:30px;right:26px}.node-b{bottom:33px;left:5px}.node-c{bottom:4px;right:38px}.visual-footer{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono)}.visual-footer i{width:3px;height:3px;background:var(--accent);border-radius:50%;align-self:center}
.marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.marquee{display:flex;gap:60px;white-space:nowrap;padding:16px 0;color:var(--muted);font:10px var(--mono);letter-spacing:.12em;animation:marquee 28s linear infinite}.marquee span{display:block;flex:0 0 auto}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section{padding:130px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.section-heading h2,.explore-panel h2,.footer h2{margin:16px 0 0;font:800 clamp(33px,4vw,56px)/1.1 var(--serif);letter-spacing:-.055em}.section-note{max-width:310px;color:var(--muted);font-size:13px;line-height:1.8;margin:0}.project-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:16px}.project-card{background:var(--surface);border:1px solid var(--line);min-height:452px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.project-card:hover{transform:translateY(-4px);transition:transform .25s ease}.project-top{display:flex;justify-content:space-between;padding:17px 18px 0;color:var(--muted);font:9px var(--mono)}.project-tag{color:var(--accent)}.project-art{height:190px;margin:18px;position:relative;overflow:hidden}.policy-art{background:#1d2a2a}.policy-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 20%,rgba(168,185,121,.7) 20.2%,transparent 20.8% 43%,rgba(217,95,50,.85) 43.2%,transparent 44% 67%,rgba(168,185,121,.5) 67.2%,transparent 68%)}.chart-lines{position:absolute;inset:22px;border-left:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28);background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(255,255,255,.10) 26px)}.art-label{position:absolute;bottom:14px;right:16px;color:#f8f1e8;font:10px/1.5 var(--mono);text-align:right}.art-scan{position:absolute;inset:0 auto 0 32%;width:1px;background:var(--accent);box-shadow:0 0 16px 2px var(--accent);animation:scan 3s ease-in-out infinite}@keyframes scan{0%,100%{transform:translateX(0);opacity:.2}50%{transform:translateX(120px);opacity:1}}.supply-art{background:var(--soft);display:flex;align-items:end;justify-content:space-evenly;padding:30px 22px 22px}.supply-art:before{content:"";position:absolute;left:16px;right:16px;bottom:24px;border-bottom:1px dashed var(--muted)}.supply-bars{width:100%;height:100%;display:flex;align-items:end;justify-content:space-around;position:relative;z-index:1}.supply-bars i{width:18%;background:var(--accent)}.supply-bars i:nth-child(1){height:34%}.supply-bars i:nth-child(2){height:60%;background:var(--accent-2)}.supply-bars i:nth-child(3){height:42%}.supply-bars i:nth-child(4){height:82%;background:var(--accent-2)}.supply-bars i:nth-child(5){height:50%}.supply-art span{position:absolute;top:14px;right:15px;color:var(--ink);font:10px/1.3 var(--mono);text-align:right}.llm-art{background:var(--ink);padding:22px 16px;display:grid;align-content:center;gap:13px}.terminal-line{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);border-bottom:1px solid color-mix(in srgb,var(--muted) 30%,transparent);padding-bottom:8px}.terminal-line b{color:var(--accent);font-weight:500}.project-body{display:flex;flex-direction:column;flex:1;padding:0 18px 19px}.project-body h3{font:700 21px/1.35 var(--serif);margin:0 0 10px;letter-spacing:-.03em}.project-body p,.project-wide p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.project-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:9px var(--mono)}.project-footer a{color:var(--ink);text-decoration:none}.project-wide{grid-column:1/-1;min-height:220px;padding-bottom:19px}.project-wide-content{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;padding:24px 18px 22px}.project-wide h3{font:700 27px var(--serif);margin:0 0 9px}.stat-block{display:grid;grid-template-columns:65px 1fr;align-items:end;gap:5px 10px;border-left:1px solid var(--line);padding-left:24px}.stat-block b{font:700 29px var(--serif);color:var(--accent)}.stat-block span{color:var(--muted);font:9px var(--mono);padding-bottom:4px}
.manual-section{background:var(--soft)}.manual-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:16px}.manual-card{background:var(--surface);border:1px solid var(--line);min-height:350px;padding:26px;position:relative}.manual-main{background:var(--ink);color:var(--paper)}.manual-main .manual-label,.manual-main p{color:color-mix(in srgb,var(--paper) 64%,transparent)}.manual-symbol{position:absolute;right:23px;top:17px;font:31px var(--serif);color:var(--accent)}.manual-card h3{font:700 25px/1.4 var(--serif);letter-spacing:-.04em;margin:44px 0 16px}.manual-card p{color:var(--muted);font-size:12px;line-height:1.8}.manual-main p{max-width:440px}.process{position:absolute;left:26px;right:26px;bottom:27px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--paper) 25%,transparent);display:flex;justify-content:space-between;color:var(--paper);font:10px var(--mono)}.process i{color:var(--accent);font-style:normal}.manual-card strong{color:var(--accent)}.feedback-lines{position:absolute;bottom:27px;left:26px;right:26px;display:grid;gap:9px;color:var(--muted);font:10px var(--mono)}.feedback-lines span{border-top:1px solid var(--line);padding-top:8px}.feedback-lines i{display:inline-block;width:6px;height:6px;background:var(--accent-2);margin-right:6px}
.explore-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding:72px;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.explore-panel:after{content:"03";position:absolute;right:28px;bottom:-48px;font:900 210px var(--serif);color:color-mix(in srgb,var(--paper) 5%,transparent)}.explore-panel .kicker{color:color-mix(in srgb,var(--paper) 55%,transparent)}.horizon-list{display:grid;gap:0;position:relative;z-index:1}.horizon-list>div{display:grid;grid-template-columns:42px 120px 1fr;gap:14px;align-items:baseline;padding:18px 0;border-bottom:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}.horizon-list span,.horizon-list p{color:color-mix(in srgb,var(--paper) 55%,transparent);font:10px var(--mono)}.horizon-list b{color:var(--accent);font:700 18px var(--serif)}.horizon-list p{margin:0;line-height:1.5}.footer{padding:120px 0 30px;display:grid;grid-template-columns:1fr .7fr;gap:80px}.footer-contact{align-self:end;display:grid;gap:13px}.footer-contact p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 14px}.footer-contact a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0;font:12px var(--mono);display:flex;justify-content:space-between}.footer-contact a span{color:var(--accent);font-size:18px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:55px;padding-top:15px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono)}
body[data-theme=orbit] .hero-visual{background:radial-gradient(circle at 50% 48%,#1e4c4d 0%,#10272b 22%,#102024 53%,#0b1719 100%)}body[data-theme=orbit] .hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(164,242,125,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(164,242,125,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}body[data-theme=orbit] .manual-section{background:#0d2024}body[data-theme=orbit] .manual-main{background:#a4f27d;color:#081316}body[data-theme=orbit] .manual-main .manual-label,body[data-theme=orbit] .manual-main p{color:#19332a}body[data-theme=orbit] .manual-main em{color:#0d6f63}body[data-theme=orbit] .explore-panel{background:#152d30}
body[data-theme=field] .brand-mark{border-radius:12px 50% 50% 50%;transform:rotate(-10deg)}body[data-theme=field] .hero-visual{border-radius:42% 10px 10px 10px}body[data-theme=field] .project-card:first-child{border-radius:22px 4px 4px 4px}body[data-theme=field] .project-card:nth-child(2){border-radius:4px 22px 4px 4px}body[data-theme=field] .project-card:nth-child(3){border-radius:4px 4px 22px 4px}body[data-theme=field] .project-wide{border-radius:4px 4px 22px 22px}body[data-theme=field] .manual-section{background:#e7e0c9}body[data-theme=field] .manual-main{border-radius:24px 4px 4px 4px}body[data-theme=field] .explore-panel{border-radius:28px 4px 28px 4px;background:#5d6753}
@media (max-width:900px){.shell{width:min(100% - 36px,680px)}.nav{display:none}.hero{grid-template-columns:1fr;gap:36px;padding-top:45px}.hero-visual{min-height:410px}.project-grid,.manual-grid{grid-template-columns:1fr 1fr}.project-featured,.project-wide,.manual-main{grid-column:1/-1}.explore-panel,.footer{grid-template-columns:1fr;gap:42px}.explore-panel{padding:42px 28px}.footer{padding-top:80px}.footer-bottom{margin-top:20px}}
@media (max-width:570px){.shell{width:calc(100% - 28px)}.site-header{height:76px}.theme-trigger{padding:9px}.theme-trigger #themeLabel{display:none}.hero h1{font-size:45px}.hero-meta{gap:12px;flex-wrap:wrap}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.section{padding:82px 0}.section-heading{display:block;margin-bottom:35px}.section-note{margin-top:20px}.project-grid,.manual-grid{grid-template-columns:1fr}.project-featured,.project-wide,.manual-main{grid-column:auto}.project-wide-content{grid-template-columns:1fr;gap:24px}.stat-block{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.manual-card{min-height:310px}.explore-panel{padding:35px 22px}.horizon-list>div{grid-template-columns:28px 75px 1fr;gap:9px}.footer{gap:30px}.footer-bottom{display:grid;gap:8px}.theme-menu{right:0;top:66px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.signal-card{background:color-mix(in srgb,var(--surface) 80%,var(--accent-2) 20%)}
.signal-line{position:absolute;left:26px;right:26px;bottom:30px;display:flex;align-items:center;gap:10px;color:var(--muted);font:10px var(--mono)}
.signal-pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 14%,transparent)}
.resource-card{background:var(--paper)}
.resource-tags{position:absolute;left:26px;right:26px;bottom:26px;display:flex;flex-wrap:wrap;gap:7px}
.resource-tags span{border:1px solid var(--line);padding:7px 9px;color:var(--muted);font:9px var(--mono)}
.fit-card{background:var(--ink);color:var(--paper)}
.fit-card .manual-label,.fit-card p{color:color-mix(in srgb,var(--paper) 62%,transparent)}
.fit-card strong{color:var(--accent)}
.fit-list{position:absolute;left:26px;right:26px;bottom:26px;display:grid;gap:8px}
.fit-list span{border-top:1px solid color-mix(in srgb,var(--paper) 20%,transparent);padding-top:8px;color:var(--paper);font:10px var(--mono)}
.fit-list b{color:var(--accent);margin-right:8px}
.ai-card{grid-column:1/-1;min-height:290px}
.ai-card p{max-width:900px}
.ai-boundary{position:absolute;left:26px;right:26px;bottom:26px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font:10px var(--mono)}
@media (max-width:570px){.ai-card{grid-column:auto}.ai-boundary{position:static;margin-top:24px;display:grid;gap:8px}.signal-line,.resource-tags,.fit-list{position:static;margin-top:24px}.manual-card h3{margin-top:36px}}

.identity-boundary{max-width:510px;margin:19px 0 0;color:var(--muted);font-size:11px;line-height:1.8;border-left:2px solid var(--accent);padding-left:12px}@media (max-width:570px){.identity-boundary{margin-top:18px}}
.project-grid-real{grid-template-columns:1.2fr .8fr .8fr;align-items:stretch}
.project-primary{grid-column:1/-1;min-height:0}
.project-real-card{min-height:440px}
.project-screenshot{display:block;position:relative;margin:18px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 24px rgba(26,33,30,.10);isolation:isolate}
.project-screenshot:before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:22px;background:linear-gradient(90deg,var(--soft),var(--surface));border-bottom:1px solid var(--line)}
.project-screenshot:after{content:"●  ●  ●";position:absolute;z-index:3;top:4px;left:10px;color:var(--accent);font:9px var(--mono);letter-spacing:2px}
.project-screenshot img{display:block;width:100%;height:190px;object-fit:cover;object-position:top center;padding-top:22px;transition:transform .45s ease,filter .45s ease}
.project-screenshot:hover img{transform:scale(1.035);filter:saturate(1.05)}
.project-screenshot-large{margin:24px 26px 20px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:0;min-height:300px}
.project-screenshot-large img{grid-column:1/-1;height:100%;min-height:300px;object-fit:cover;object-position:top center}
.project-screenshot-large:before{height:25px}
.project-screenshot-large:after{top:5px}
.screenshot-corner{position:absolute;z-index:4;right:10px;top:4px;color:var(--ink);font:9px var(--mono);letter-spacing:.08em}
.project-screenshot-large .screenshot-corner{top:auto;right:16px;bottom:14px;color:var(--paper);background:var(--ink);padding:8px 10px;border:1px solid var(--accent);box-shadow:4px 4px 0 var(--accent)}
.project-body{position:relative}
.project-title-row{display:flex;align-items:start;justify-content:space-between;gap:18px}
.project-title-row h3{margin:0 0 10px}
.project-title-row h3 em{font:600 14px var(--mono);color:var(--accent);letter-spacing:.06em}
.project-status{color:var(--accent);font:9px var(--mono);white-space:nowrap;padding-top:5px}
.project-evidence{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 18px}
.project-evidence span{border:1px solid var(--line);padding:7px 9px;color:var(--muted);font:9px var(--mono)}
.project-evidence b{color:var(--accent);margin-right:5px}
.screenshot-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink)!important;border:1px solid var(--ink);padding:8px 10px;text-decoration:none!important;box-shadow:3px 3px 0 var(--accent);transition:transform .2s ease,box-shadow .2s ease}
.screenshot-link:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}
.screenshot-link i{color:var(--accent);font-style:normal;font-size:15px}
.project-real-card .project-body{padding-bottom:18px}
.project-real-card .project-screenshot{margin-bottom:20px}
.project-real-card .project-footer{gap:12px}
.project-real-card .project-footer>span{max-width:52%}
@media (max-width:900px){
  .project-grid-real{grid-template-columns:1fr 1fr}
  .project-primary{grid-column:1/-1}
  .project-screenshot-large{grid-template-columns:1fr;min-height:0}
  .project-screenshot-large img{height:330px;min-height:0}
  .project-screenshot-large .screenshot-corner{bottom:12px}
}
@media (max-width:570px){
  .project-grid-real{grid-template-columns:1fr}
  .project-primary{grid-column:auto}
  .project-screenshot-large{margin:18px}
  .project-screenshot-large img{height:270px}
  .project-title-row{display:block}
  .project-status{display:block;margin-bottom:10px}
  .project-evidence{display:grid}
  .project-real-card .project-screenshot img{height:210px}
  .project-real-card .project-footer{align-items:flex-start;flex-direction:column}
  .project-real-card .project-footer>span{max-width:100%}
}



/* restrained depth layer: layout, typography, palette and content stay unchanged */
.project-card,.manual-card,.hero-visual,.explore-panel,.theme-menu,.project-wide{
  box-shadow:0 1px 6px rgba(0,0,0,.03),0 6px 18px rgba(0,0,0,.06)
}
.project-card,.manual-card,.hero-visual,.explore-panel,.project-wide{
  transition:transform .25s ease,box-shadow .25s ease
}
.project-card:hover,.manual-card:hover,.hero-visual:hover,.explore-panel:hover,.project-wide:hover{
  transform:translateY(-3px);
  box-shadow:0 2px 8px rgba(0,0,0,.04),0 9px 22px rgba(0,0,0,.075)
}
.project-screenshot{
  box-shadow:0 1px 5px rgba(0,0,0,.04),0 8px 20px rgba(0,0,0,.10),0 14px 28px rgba(0,0,0,.035)
}
.project-screenshot:hover{
  box-shadow:0 2px 7px rgba(0,0,0,.05),0 10px 24px rgba(0,0,0,.12),0 16px 32px rgba(0,0,0,.04)
}
.project-screenshot:hover img{transform:none;filter:none}
.screenshot-link:hover{transform:none;box-shadow:3px 3px 0 var(--accent)}
body[data-theme=signal] .manual-section{background:color-mix(in srgb,var(--soft) 72%,var(--paper) 28%)}
body[data-theme=signal] .explore-section{background:color-mix(in srgb,var(--paper) 94%,var(--soft) 6%)}
body[data-theme=signal] .footer{background:color-mix(in srgb,var(--paper) 97%,var(--soft) 3%)}
.resource-card,.signal-card{box-shadow:inset 0 1px 5px rgba(0,0,0,.025),0 1px 6px rgba(0,0,0,.03),0 6px 18px rgba(0,0,0,.06)}



/* offset-frame system: reference-inspired crisp edge with restrained accent riser */
.project-card,.manual-card,.hero-visual,.explore-panel,.theme-menu,.project-wide{
  border-color:color-mix(in srgb,var(--ink) 74%,var(--line) 26%);
  box-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 78%,transparent),0 1px 6px rgba(0,0,0,.03),0 6px 18px rgba(0,0,0,.06)
}
.project-card:hover,.manual-card:hover,.hero-visual:hover,.explore-panel:hover,.project-wide:hover{
  box-shadow:4px 5px 0 color-mix(in srgb,var(--accent) 82%,transparent),0 2px 8px rgba(0,0,0,.04),0 10px 24px rgba(0,0,0,.075)
}
.project-screenshot{
  border-color:color-mix(in srgb,var(--ink) 68%,var(--line) 32%);
  box-shadow:4px 4px 0 color-mix(in srgb,var(--accent) 82%,transparent),0 2px 7px rgba(0,0,0,.05),0 10px 24px rgba(0,0,0,.10)
}
.project-screenshot:hover{
  box-shadow:5px 6px 0 color-mix(in srgb,var(--accent) 86%,transparent),0 3px 9px rgba(0,0,0,.06),0 12px 28px rgba(0,0,0,.12)
}
.theme-trigger,.button-primary,.screenshot-link,.footer-contact a{
  border:1px solid var(--ink);
  box-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 80%,transparent);
  transition:transform .2s ease,box-shadow .2s ease,color .2s ease
}
.theme-trigger:hover,.button-primary:hover,.screenshot-link:hover,.footer-contact a:hover{
  transform:translateY(-3px);
  box-shadow:4px 5px 0 color-mix(in srgb,var(--accent) 84%,transparent)
}
.orbit-node,.project-evidence span,.resource-tags span{
  border-color:color-mix(in srgb,var(--ink) 62%,var(--line) 38%);
  box-shadow:2px 2px 0 color-mix(in srgb,var(--accent) 58%,transparent)
}
.fit-card{
  box-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 88%,transparent),0 1px 6px rgba(0,0,0,.08),0 8px 22px rgba(0,0,0,.14)
}
.fit-card:hover{
  box-shadow:4px 5px 0 color-mix(in srgb,var(--accent) 90%,transparent),0 2px 10px rgba(0,0,0,.10),0 12px 28px rgba(0,0,0,.18)
}

/* type tuning: slightly larger, slightly darker, layout-safe */
body[data-theme=signal]{--muted:#5d6764}
body[data-theme=field]{--muted:#705f55}
.nav a{font-size:13px}
.theme-trigger{font-size:12px}
.theme-menu b{font-size:13px}
.theme-menu small{font-size:11px}
.hero-intro{font-size:16.5px;line-height:1.9}
.hero-meta{font-size:11px}
.visual-caption{font-size:11px}
.visual-footer{font-size:10px}
.orbit-node b{font-size:14px}
.orbit-node span{font-size:10px}
.section-note{font-size:14px;line-height:1.9}
.project-top{font-size:10px}
.project-body h3{font-size:22px}
.project-body p,.project-wide p{font-size:13px;line-height:1.85;color:color-mix(in srgb,var(--muted) 84%,var(--ink) 16%)}
.project-footer{font-size:10px}
.project-evidence span{font-size:10px}
.screenshot-corner{font-size:10px}
.manual-card h3{font-size:26px}
.manual-card p{font-size:13px;line-height:1.9;color:color-mix(in srgb,var(--muted) 84%,var(--ink) 16%)}
.feedback-lines{font-size:11px;color:color-mix(in srgb,var(--muted) 84%,var(--ink) 16%)}
.process{font-size:11px}
.signal-line{font-size:11px;color:color-mix(in srgb,var(--muted) 84%,var(--ink) 16%)}
.resource-tags span{font-size:10px}
.fit-card .manual-label,.fit-card p{color:color-mix(in srgb,var(--paper) 76%,transparent)}
.fit-list span{font-size:11px}
.ai-boundary{font-size:11px;color:color-mix(in srgb,var(--muted) 84%,var(--ink) 16%)}
.footer-contact p{font-size:14px;line-height:1.85;color:color-mix(in srgb,var(--muted) 84%,var(--ink) 16%)}
.footer-contact a{font-size:13px;line-height:1.45}
.footer-bottom{font-size:10px}
body[data-theme=orbit] .project-body p,body[data-theme=orbit] .project-wide p,body[data-theme=orbit] .manual-card p,body[data-theme=orbit] .section-note,body[data-theme=orbit] .footer-contact p{color:color-mix(in srgb,var(--muted) 90%,var(--paper) 10%)}

/* typography layout corrections */
.fit-card{min-height:382px}
.fit-card .manual-label,.fit-card p{color:color-mix(in srgb,var(--paper) 84%,transparent)}
.manual-main .manual-label,.manual-main p{color:color-mix(in srgb,var(--paper) 82%,transparent)}
.feedback-lines{line-height:1.35}
.ai-card p{line-height:1.95}
body[data-theme=orbit] .manual-main .manual-label,body[data-theme=orbit] .manual-main p{color:#19332a}
@media (max-width:570px){.fit-card{min-height:310px}.feedback-lines{line-height:1.4}}

/* responsive type guard */
.hero-copy,.hero-visual,.project-card,.manual-card,.explore-panel,.footer{min-width:0}
.hero h1,.section-heading h2,.explore-panel h2,.footer h2,.manual-card h3,.project-body h3{overflow-wrap:anywhere}

