@import url("assets/fonts/fonts.css");
:root{
  --ink:#111315;--ink-2:#25282b;--text:#4e5256;--muted:#73777b;--line:#c9c6c2;
  --warm-2:#d9d6d2;--warm:#e5e2df;--soft:#efeeec;--paper:#f7f6f4;
  --yellow:#f1f35b;--green:#62e87b;--radius:16px;--gutter:24px;
  --sans:"Noto Sans SC",system-ui,"Microsoft YaHei",sans-serif;
  --mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);--header:74px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--warm)}
body{margin:0;color:var(--ink);background:var(--warm);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}
body.modal-open{overflow:hidden}
button,input{font:inherit}
button,a{color:inherit}
a{text-decoration:none}
img{display:block;max-width:100%}
button{cursor:pointer}
::selection{background:var(--yellow);color:var(--ink)}
:where(a,button,input,[tabindex]):focus-visible{outline:3px solid #2563eb;outline-offset:4px;border-radius:6px}
.lens-tab:focus-visible,.filter-chip:focus-visible,.command-trigger:focus-visible,.mobile-menu-trigger:focus-visible{outline-offset:3px}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--yellow);padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}
.site-header{height:var(--header);position:fixed;z-index:50;top:12px;left:clamp(16px,3vw,48px);right:clamp(16px,3vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border:1px solid transparent;border-radius:14px;transition:.32s var(--ease)}
.site-header.scrolled{top:8px;background:rgba(239,238,236,.86);border-color:rgba(17,19,21,.1);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:16px;width:max-content}
.brand-mark{font-weight:700;letter-spacing:-.05em;font-size:20px}
.availability{font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}
.availability i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 0 4px rgba(98,232,123,.14)}
.desktop-nav{display:flex;gap:30px;font:11px var(--mono);letter-spacing:.05em}
.desktop-nav a{position:relative;padding:8px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:2px;background:var(--ink);transition:right .2s var(--ease)}
.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}
.command-trigger{justify-self:end;border:1px solid var(--line);background:rgba(247,246,244,.4);border-radius:999px;padding:8px 10px 8px 14px;display:flex;gap:14px;align-items:center;font:10px var(--mono);letter-spacing:.06em}
kbd{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:3px 7px;font:10px var(--mono)}
main{min-height:90vh}
.page{padding:calc(var(--header) + 80px) clamp(20px,5.55vw,80px) 150px;max-width:1600px;margin:auto}
.eyebrow{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.display{font-size:clamp(48px,7vw,105px);line-height:.95;letter-spacing:-.065em;margin:0;font-weight:600;max-width:1200px}
.display .highlight,.highlight-inline{background:var(--yellow);border-radius:.45em;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero{min-height:calc(100vh - 100px);display:grid;align-content:center;position:relative;padding:60px 0 80px}
.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,350px);gap:50px;align-items:end}
.hero-copy{font-size:clamp(17px,1.5vw,22px);max-width:670px;color:var(--text);margin:36px 0 0}
.hero-side{border-left:1px solid var(--line);padding-left:24px}
.hero-side strong{display:block;font-size:20px;margin:6px 0 20px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.button{height:48px;border-radius:9px;border:1px solid var(--line);padding:0 20px;background:transparent;font:11px var(--mono);letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:.2s var(--ease)}
.button:hover{transform:translateY(-2px);border-color:var(--muted)}
.button-primary{background:var(--yellow);border-color:var(--yellow);font-weight:600}
.button-dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hero-system{margin-top:70px;display:grid;grid-template-columns:1fr minmax(300px,500px);gap:40px;align-items:end}
.trace-line{height:92px;position:relative;border-bottom:1px solid var(--line)}
.trace-line svg{width:100%;height:100%;overflow:visible}
.trace-line path{stroke:var(--muted);stroke-width:1;fill:none;stroke-dasharray:5 8}
.trace-line circle{fill:var(--warm);stroke:var(--muted);transition:.25s var(--ease)}
.trace-line circle.active{fill:var(--yellow);stroke:var(--yellow)}
.system-readout{font:11px var(--mono);color:var(--muted);display:flex;justify-content:space-between;gap:15px}
.intent-console{margin-top:34px;border:1px solid var(--line);border-radius:12px;background:rgba(247,246,244,.5);display:flex;align-items:center;padding:8px 8px 8px 18px;max-width:720px;gap:12px}
.intent-console span{font:12px var(--mono);color:var(--muted)}
.intent-console input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--ink)}
.intent-console button{border:0;border-radius:8px;background:var(--ink);color:var(--paper);height:40px;padding:0 18px;font:11px var(--mono)}
.section{margin-top:clamp(100px,12vw,180px)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:18px}
.section-head h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:0;letter-spacing:-.045em}
.section-count{font:11px var(--mono);color:var(--muted)}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:-10px 0 30px}
.filter-chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 14px;font:10px var(--mono);letter-spacing:.04em}
.filter-chip.active{background:var(--yellow);border-color:var(--yellow)}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}
.project-card{position:relative;grid-column:span 6;border-radius:var(--radius);overflow:hidden;min-height:520px;background:var(--ink);color:var(--paper);isolation:isolate;transform:none;opacity:1;transition:opacity .56s var(--ease),transform .56s var(--ease)}
.project-card.revealed{opacity:1;transform:none}
.project-card.featured,.project-card.wide{grid-column:span 12;min-height:min(72vw,760px)}
.card-placeholder{position:absolute;inset:-16px;background-size:cover;background-position:center;filter:blur(12px) saturate(.8);transform:scale(1.06)}
.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .32s var(--ease),transform .7s var(--ease),filter .35s var(--ease)}
.project-card img.loaded{opacity:1}
.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.78) 100%);z-index:1}
.project-card:hover img{transform:scale(1.025)}
.card-top,.card-bottom{position:absolute;z-index:2;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px}
.card-top{top:22px;font:10px var(--mono);letter-spacing:.07em}.card-bottom{bottom:24px;align-items:end}
.card-title{font-size:clamp(28px,3vw,48px);font-weight:600;letter-spacing:-.045em;line-height:1.05}.card-title small{display:block;font:12px var(--mono);letter-spacing:.04em;color:rgba(255,255,255,.68);margin-top:9px}
.card-lenses{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.card-lenses span{font:9px var(--mono);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 9px;background:rgba(17,19,21,.35);backdrop-filter:blur(7px)}
.project-card[hidden]{display:none}
.method-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gutter)}
.trace-panel,.capability-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:32px;min-height:350px}
.trace-panel{display:flex;flex-direction:column;justify-content:space-between}
.trace-steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:60px}
.trace-steps:before{content:"";position:absolute;left:4%;right:4%;top:10px;height:1px;background:var(--line)}
.trace-step{position:relative;padding-top:38px;font:10px var(--mono);color:var(--muted)}
.trace-step:before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border-radius:50%;border:1px solid var(--muted);background:var(--paper)}
.trace-step:first-child:before{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 0 6px rgba(241,243,91,.18)}
.capability-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.capability{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s var(--ease)}
.capability:hover{background:var(--yellow);border-color:var(--yellow)}
.capability h3{margin:0;font-size:22px}.capability p{margin:30px 0 0;color:var(--muted);font:11px var(--mono)}
.ai-section{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:clamp(30px,5vw,70px);overflow:hidden;position:relative}
.ai-section:before{content:"";position:absolute;width:480px;height:480px;right:-140px;top:-180px;border:1px solid #4e5256;border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.015)}
.ai-section h2{font-size:clamp(42px,6vw,78px);line-height:1;letter-spacing:-.05em;margin:0;max-width:950px}
.ai-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}
.ai-card{min-height:220px;border:1px solid #3f4347;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.ai-card i{width:10px;height:10px;background:var(--yellow);border-radius:50%}.ai-card h3{font-size:20px;margin:0}.ai-card p{font:11px var(--mono);color:#a8a5a1;margin:0}
.about-block{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--gutter)}
.portrait-system{min-height:520px;border-radius:var(--radius);background:var(--ink);color:var(--paper);padding:28px;position:relative;overflow:hidden}
.portrait-system .monogram{font-size:clamp(120px,18vw,280px);font-weight:700;line-height:.8;letter-spacing:-.1em;position:absolute;left:20px;bottom:-20px;color:#292d30}
.portrait-system .orbit{position:absolute;border:1px solid #4e5256;border-radius:50%;width:360px;height:360px;right:-100px;top:-80px}.portrait-system .orbit:after{content:"";position:absolute;width:12px;height:12px;background:var(--green);border-radius:50%;left:40px;bottom:45px}
.about-copy{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between}
.about-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0}.about-copy p{max-width:650px;color:var(--text);font-size:18px}
.site-footer{margin:0 clamp(20px,5.55vw,80px) 30px;border-radius:var(--radius);padding:clamp(30px,5vw,70px);background:var(--yellow);display:grid;grid-template-columns:1.4fr .6fr;gap:30px;position:relative}
.site-footer h2{font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:0}.footer-actions{align-self:end}.footer-actions p{font:11px var(--mono);margin-top:25px}.footer-actions p span{color:var(--muted)}.footer-meta{position:absolute;left:clamp(30px,5vw,70px);bottom:16px;font:9px var(--mono);color:var(--muted)}
.command-palette{border:0;padding:0;background:transparent;width:min(720px,calc(100vw - 32px));overflow:visible}.command-palette::backdrop{background:rgba(17,19,21,.35);backdrop-filter:blur(8px)}
.command-shell{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 80px rgba(17,19,21,.22);overflow:hidden}.command-input-row{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.command-input-row input{flex:1;background:transparent;border:0;outline:0;font-size:18px}.command-input-row button{border:1px solid var(--line);background:var(--soft);border-radius:6px;font:10px var(--mono);padding:6px 8px}.command-kicker{padding:0 16px;font:10px var(--mono);color:var(--muted)}.command-results{padding:6px 10px 12px;max-height:420px;overflow:auto}.command-item{width:100%;border:0;background:transparent;border-radius:9px;padding:13px;display:flex;justify-content:space-between;text-align:left}.command-item:hover,.command-item.selected{background:var(--yellow)}.command-item span:first-child{font-weight:600}.command-item span:last-child{font:10px var(--mono);color:var(--muted)}
.toast{position:fixed;z-index:100;left:50%;bottom:22px;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);border-radius:999px;padding:10px 16px;font:11px var(--mono);opacity:0;pointer-events:none;transition:.25s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Project page */
.project-page{padding-top:calc(var(--header) + 70px)}
.project-hero-head{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end;margin-bottom:34px}
.project-number{font:11px var(--mono);color:var(--muted)}
.project-title{font-size:clamp(58px,8vw,118px);line-height:.88;letter-spacing:-.07em;margin:18px 0 0}.project-title small{font-size:.38em;letter-spacing:-.03em;display:block;margin-top:20px;color:var(--text)}
.project-lede{font-size:20px;color:var(--text);max-width:520px;margin:0}
.project-hero-media{height:min(70vw,820px);border-radius:var(--radius);overflow:hidden;background-color:var(--ink);background-size:cover;background-position:center}.project-hero-media img{width:100%;height:100%;object-fit:cover}
.facts{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.fact{padding:20px 0}.fact span{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:7px}.fact strong{font-size:14px;font-weight:500}
.narrative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.narrative-card{border-top:1px solid var(--ink);padding-top:18px;scroll-margin-top:170px}.narrative-card:target{border-color:var(--project);background:linear-gradient(180deg,color-mix(in srgb,var(--project) 11%,transparent),transparent 65%);border-radius:0 0 12px 12px;padding-left:14px;padding-right:14px}.narrative-card span{font:11px var(--mono);color:var(--muted)}.narrative-card h3{font-size:28px;line-height:1.2;margin:38px 0 14px}.narrative-card p{color:var(--text)}
.collaboration-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:38px}.collaboration-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:60px;align-items:end}.collaboration-head h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}.collaboration-head>p{font-size:18px;color:var(--text);margin:0}.collaboration-meta{display:flex;gap:8px;flex-wrap:wrap;margin:38px 0 12px}.collaboration-meta span{border:1px solid var(--line);border-radius:999px;padding:8px 13px;font:10px var(--mono);letter-spacing:.04em}.collaboration-meta span:nth-child(2){background:var(--yellow);border-color:var(--yellow)}.collaboration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.collaboration-grid article{min-height:260px;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:24px;display:flex;flex-direction:column}.collaboration-grid span,.collaboration-note{font:10px var(--mono);letter-spacing:.05em;color:var(--muted)}.collaboration-grid h3{font-size:20px;margin:54px 0 14px}.collaboration-grid p{font-size:14px;color:var(--text);margin-top:auto}.collaboration-note{margin:16px 0 0}
.lens-shell{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:24px}.lens-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.lens-tab{height:44px;border:1px solid var(--line);border-radius:999px;background:transparent;font:10px var(--mono);letter-spacing:.06em}.lens-tab[aria-selected="true"]{background:var(--yellow);border-color:var(--yellow)}.lens-swipe-hint{display:none}
.lens-stage{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.7fr);gap:20px;min-height:600px}.lens-media{border-radius:12px;overflow:hidden;background:var(--ink);min-height:560px;position:relative}.lens-media img,.lens-media video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .24s var(--ease),transform .32s var(--ease)}.lens-media[data-fit="contain"] img,.lens-media[data-fit="contain"] video{object-fit:contain;padding:32px}.lens-media.changing img,.lens-media.changing video{opacity:0;transform:scale(.992)}
.lens-media img,.lens-media video{opacity:0}.lens-media img.media-ready,.lens-media video.media-ready{opacity:1}.lens-loader{position:absolute;z-index:1;inset:0;display:grid;place-items:center;background:linear-gradient(110deg,#141719 20%,#202427 46%,#141719 72%);background-size:220% 100%;animation:lensLoading 1.35s linear infinite;transition:opacity .28s var(--ease)}.lens-loader i{width:26px;height:26px;border:1px solid rgba(255,255,255,.25);border-top-color:var(--yellow);border-radius:50%;animation:loaderSpin .8s linear infinite}.lens-loader.loaded{opacity:0;pointer-events:none}.lens-expand{position:absolute;z-index:3;right:14px;top:14px;height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(12,14,16,.62);backdrop-filter:blur(12px);color:#fff;font:10px var(--mono);letter-spacing:.05em;transition:.2s var(--ease)}.lens-expand:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
@keyframes lensLoading{to{background-position:-220% 0}}@keyframes loaderSpin{to{transform:rotate(360deg)}}
.lens-copy{border-radius:12px;background:var(--soft);padding:30px;display:flex;flex-direction:column;justify-content:space-between}.lens-copy h3{font-size:40px;line-height:1;margin:0}.lens-copy p{font-size:17px;color:var(--text)}.evidence-tag{width:max-content;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font:9px var(--mono)}
.solution-section{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:38px;overflow:hidden}.solution-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:60px;align-items:end;margin-bottom:36px}.solution-intro h2{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0;max-width:1040px}.solution-intro>p{font-size:18px;line-height:1.6;color:var(--text);margin:0}.solution-scene{height:min(58vw,680px);position:relative;border-radius:14px;overflow:hidden;background:var(--warm-2)}.solution-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,8,0) 45%,rgba(3,6,8,.7) 100%)}.solution-scene img{width:100%;height:100%;object-fit:cover}.solution-scene>div{position:absolute;z-index:1;left:30px;right:30px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:24px;color:#fff}.solution-scene span,.solution-label p,.solution-block article>span,.metric-grid span,.flow-row span,.journey-band li span{font:10px var(--mono);letter-spacing:.08em}.solution-scene strong{font-size:clamp(22px,3vw,44px);letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,0,0,.45)}.solution-block{display:grid;grid-template-columns:150px minmax(0,1fr);gap:34px;padding:70px 0;border-bottom:1px solid var(--line)}.solution-label>span{font:72px var(--sans);font-weight:650;line-height:.8;color:var(--yellow)}.solution-label p{color:var(--muted);margin-top:18px;line-height:1.7}.system-map,.flow-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.system-map article,.flow-row article{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:20px 26px;min-height:190px}.system-map article:not(:last-child):after,.flow-row article:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;z-index:1;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--yellow);color:var(--ink);transform:translateY(-50%)}.system-map article>span,.flow-row article>span{color:var(--muted)}.system-map h3{font-size:22px;margin:35px 0 10px}.system-map p,.flow-row p{font-size:13px;line-height:1.55;color:var(--text);margin:0}.information-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.7fr);gap:12px;margin-top:12px}.metric-panel,.control-panel{border-radius:14px;padding:34px;border:1px solid var(--line)}.metric-panel{background:var(--paper)}.metric-panel>h3{font-size:clamp(30px,3.5vw,52px);letter-spacing:-.04em;margin:14px 0 60px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.metric-grid article{border-top:1px solid var(--line);padding-top:16px}.metric-grid span{color:var(--muted)}.metric-grid strong{display:block;font-size:clamp(23px,2.5vw,38px);margin:22px 0 12px}.metric-grid p{font-size:13px;line-height:1.55;color:var(--text)}.control-panel{background:var(--yellow);color:var(--ink);border-color:rgba(17,19,21,.18)}.control-panel>.eyebrow{color:var(--ink)}.control-panel article{display:grid;grid-template-columns:42px 1fr;gap:16px;border-top:1px solid rgba(17,19,21,.3);padding:22px 0}.control-panel article:first-of-type{margin-top:34px}.control-panel article>span{font:11px var(--mono)}.control-panel h3{font-size:25px;margin:0 0 9px}.control-panel p{font-size:14px;line-height:1.55;margin:0;color:var(--ink-2)}.dual-flow{display:grid;gap:58px}.flow-title{font:11px var(--mono);letter-spacing:.1em;color:var(--muted);margin:0 0 18px}.flow-title:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--yellow)}.flow-title.request{color:var(--ink)}.flow-title.request:before{background:var(--ink)}.flow-row strong{display:block;font-size:19px;margin:30px 0 9px}.journey-band{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:34px;margin-top:12px}.journey-band{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.4fr);gap:40px;align-items:end}.journey-band h3{font-size:clamp(28px,3.5vw,48px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 0}.journey-band ol{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:0;margin:0;border-top:1px solid var(--line)}.journey-band li{font-size:15px;padding-top:16px;position:relative}.journey-band li:not(:last-child):after{content:"→";position:absolute;right:10px;color:var(--muted)}.journey-band li span{display:block;color:var(--muted);margin-bottom:24px}
.project-trace{position:sticky;z-index:10;top:92px;background:rgba(229,226,223,.9);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;padding:12px 18px;margin:38px auto 0;max-width:760px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.project-trace a{font:9px var(--mono);text-align:center;color:var(--muted);position:relative}.project-trace a.active{color:var(--ink);font-weight:600}.project-trace a.active:before{content:"";display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:6px}
.process-band{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.process-item{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--paper);min-height:285px;display:flex;flex-direction:column}.process-item span{font:10px var(--mono);color:var(--muted)}.process-item h3{font-size:20px;line-height:1.2;margin:55px 0 12px}.process-item p{font-size:14px;color:var(--text);margin-top:auto}.outcome-section{border-top:1px solid var(--ink);padding-top:28px}.outcome-section .section-head h2{max-width:1050px}.outcome-summary{max-width:900px;font-size:20px;line-height:1.55;color:var(--text);margin:24px 0 52px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.proof-item{min-height:176px;border-radius:12px;background:var(--ink);color:#f2f0ed;padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.proof-item.has-image{background-image:linear-gradient(180deg,rgba(7,9,10,.5),rgba(7,9,10,.88)),var(--proof-image);background-size:cover;background-position:center}.proof-item strong{color:#f2f0ed;font-size:clamp(24px,2.8vw,42px);line-height:1;letter-spacing:-.04em;text-shadow:0 2px 18px rgba(0,0,0,.72)}.proof-item span{font:10px var(--mono);color:#f2f0ed;text-shadow:0 1px 10px rgba(0,0,0,.9)}
.next-project{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:1px solid var(--line);padding-top:26px}.next-project h2{font-size:clamp(45px,7vw,96px);line-height:.9;letter-spacing:-.055em;margin:15px 0 0}

/* Index / AI / About routes */
.route-hero{padding:80px 0 40px}.route-hero h1{font-size:clamp(58px,9vw,130px);line-height:.9;letter-spacing:-.07em;margin:0;max-width:1250px}.route-hero p{max-width:700px;font-size:20px;color:var(--text);margin-top:34px}
.works-list{margin-top:60px}.works-row{display:grid;grid-template-columns:80px 1fr 1fr auto;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--line);transition:.2s}.works-row:hover{padding-left:14px;background:var(--paper)}.works-row:last-child{border-bottom:1px solid var(--line)}.works-row .num{font:11px var(--mono);color:var(--muted)}.works-row h2{font-size:clamp(28px,4vw,54px);letter-spacing:-.04em;margin:0}.works-row p{color:var(--muted)}
.ai-proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gutter);margin-top:60px}.ai-proof{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);padding:30px;min-height:360px}.ai-proof h2{font-size:38px;line-height:1.05;margin:20px 0}.ai-proof .status-label{font:10px var(--mono);background:var(--yellow);border-radius:999px;padding:6px 10px}.ai-proof ul{padding-left:20px;color:var(--text)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);margin-top:70px}.principle{border-top:1px solid var(--ink);padding-top:20px}.principle strong{font-size:48px}.principle h3{font-size:24px}.principle p{color:var(--text)}

@media(max-width:1000px){
  .site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero-intro,.hero-system,.method-grid,.about-block,.project-hero-head,.lens-stage{grid-template-columns:1fr}.hero-side{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.work-grid{gap:16px}.project-card{grid-column:span 12;min-height:62vw}.ai-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}.facts{grid-template-columns:repeat(3,1fr)}.lens-media{min-height:58vw}.process-band,.proof-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  :root{--header:62px}.site-header{left:10px;right:10px;top:7px;padding:0 12px}.availability,.command-trigger span{display:none}.command-trigger{padding:8px}.page{padding-left:20px;padding-right:20px;padding-bottom:100px}.hero{min-height:92vh}.display{font-size:47px}.hero-copy{font-size:17px}.hero-system{margin-top:45px}.intent-console{align-items:stretch;flex-wrap:wrap}.intent-console input{min-width:calc(100% - 45px)}.intent-console button{width:100%}.section{margin-top:90px}.section-head{align-items:center}.project-card,.project-card.featured,.project-card.wide{min-height:72vw}.card-top,.card-bottom{left:16px;right:16px}.card-lenses{display:none}.card-title{font-size:27px}.trace-panel,.capability-panel{padding:20px}.trace-steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.trace-steps:before{left:8px;top:8px;bottom:8px;width:1px;height:auto}.trace-step{padding:0 0 0 35px}.trace-step:before{top:1px}.capability-panel{grid-template-columns:1fr}.ai-grid,.ai-proof-grid,.principles{grid-template-columns:1fr}.ai-card{min-height:160px}.site-footer{margin-left:10px;margin-right:10px}.site-footer h2{font-size:46px}.project-title{font-size:58px}.project-hero-media{height:75vw}.facts{grid-template-columns:1fr 1fr}.narrative-grid{grid-template-columns:1fr}.lens-shell{padding:12px}.lens-tabs-wrap{position:relative}.lens-tabs{overflow-x:auto;display:flex;margin-bottom:6px;padding:0 28px 5px 0;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lens-tabs::-webkit-scrollbar{display:none}.lens-tab{min-width:120px;scroll-snap-align:start}.lens-tabs-wrap:after{content:"";position:absolute;pointer-events:none;right:0;top:0;width:42px;height:44px;background:linear-gradient(90deg,rgba(247,246,244,0),var(--paper))}.lens-swipe-hint{display:flex;justify-content:flex-end;gap:8px;margin:0 4px 12px;font:11px var(--mono);letter-spacing:.04em;color:var(--muted);transition:opacity .2s var(--ease)}.lens-swipe-hint.used{opacity:0}.lens-media{min-height:72vw}.lens-copy{padding:22px}.project-trace{top:72px;overflow-x:auto;display:flex;justify-content:flex-start}.project-trace a{min-width:90px}.process-band,.proof-grid{grid-template-columns:1fr}.process-item{min-height:230px}.outcome-summary{font-size:17px}.next-project{grid-template-columns:1fr}.works-row{grid-template-columns:45px 1fr}.works-row p,.works-row .button{display:none}
  .eyebrow,.section-count,.card-top,.fact span,.narrative-card span,.lens-tab,.evidence-tag,.project-trace a,.process-item span,.solution-scene span,.solution-label p,.solution-block article>span,.metric-grid span,.flow-row span,.journey-band li span,.transfer-scene span,.transfer-flow span,.transfer-note,.mobile-menu-meta,.mobile-menu>a span,.mobile-menu>p,.about-profile-bar span,.career-meta span,.recognition-grid>article>span,.skill-grid>article>span{font-size:11px}
}
@media(max-width:1000px){.solution-intro,.information-layout,.journey-band{grid-template-columns:1fr}.solution-block{grid-template-columns:1fr}.solution-label{display:flex;align-items:center;gap:18px}.solution-label p{margin:0}.system-map,.flow-row{grid-template-columns:repeat(2,1fr);gap:30px 12px}.journey-band ol{margin-top:25px}}
@media(max-width:700px){.solution-section{padding:18px}.solution-intro{gap:25px}.solution-scene{height:78vw}.solution-scene>div{left:18px;right:18px;bottom:18px;display:block}.solution-scene span{display:block;margin-bottom:9px}.solution-block{padding:50px 0}.system-map,.flow-row,.metric-grid{grid-template-columns:1fr}.system-map article,.flow-row article{min-height:150px}.information-layout{margin-left:-6px;margin-right:-6px}.metric-panel,.control-panel,.journey-band{padding:22px}.metric-panel>h3{margin-bottom:38px}.journey-band ol{grid-template-columns:repeat(4,1fr);gap:22px 0}.journey-band li:not(:last-child):after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.project-card{opacity:1;transform:none}.project-card:hover img{transform:none}.lens-swipe-hint{transition:none}}

/* Mobile navigation / Web 4.0 intent layer */
.mobile-menu-trigger{display:none;justify-self:end;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(247,246,244,.55);padding:0;position:relative;z-index:82}
.mobile-menu-trigger i{position:absolute;left:12px;width:16px;height:1px;background:var(--ink);transition:.28s var(--ease)}.mobile-menu-trigger i:first-child{top:16px}.mobile-menu-trigger i:last-child{top:24px}
.mobile-menu-trigger[aria-expanded="true"] i:first-child{top:20px;transform:rotate(45deg)}.mobile-menu-trigger[aria-expanded="true"] i:last-child{top:20px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;z-index:75;inset:8px;background:var(--soft);border:1px solid rgba(17,19,21,.13);border-radius:18px;padding:calc(var(--header) + 52px) clamp(26px,7vw,68px) 34px;display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-14px) scale(.985);pointer-events:none;transition:.3s var(--ease)}
.mobile-menu.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.mobile-menu-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;font:9px var(--mono);color:var(--muted)}
.mobile-menu>a{font-size:clamp(42px,13vw,72px);font-weight:620;line-height:1;letter-spacing:-.055em;border-bottom:1px solid var(--line);padding:18px 0;display:flex;gap:20px;align-items:center}.mobile-menu>a span{font:10px var(--mono);color:var(--muted);letter-spacing:0}.mobile-menu>a.active:after{content:"";width:11px;height:11px;background:var(--yellow);border-radius:50%;margin-left:auto}
.mobile-explore{margin-top:auto;border:0;border-radius:999px;background:var(--yellow);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font:11px var(--mono)}.mobile-menu>p{font:9px var(--mono);color:var(--muted);margin:18px 0 0}.mobile-nav-open{overflow:hidden}

/* Warm Relay / seamless transfer */
.transfer-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:38px;overflow:hidden}.transfer-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:60px;align-items:end}.transfer-head h2{font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}.transfer-head>p{font-size:18px;color:var(--text);margin:0}
.transfer-scene{position:relative;height:min(56vw,650px);margin-top:38px;border-radius:14px;overflow:hidden;background:var(--ink)}.transfer-scene img{width:100%;height:100%;object-fit:cover}.transfer-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,8,.04) 38%,rgba(3,6,8,.78))}.transfer-scene>div{position:absolute;z-index:1;left:28px;right:28px;bottom:26px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px}.transfer-scene span{font:10px var(--mono);letter-spacing:.08em}.transfer-scene strong{font-size:clamp(24px,3.2vw,48px);letter-spacing:-.04em;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.transfer-flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.transfer-flow article{position:relative;min-height:250px;padding:22px;background:var(--soft);border-right:1px solid var(--line)}.transfer-flow article:last-child{border-right:0}.transfer-flow span{font:10px var(--mono);color:var(--muted)}.transfer-flow i{display:block;width:10px;height:10px;border-radius:50%;background:var(--project);margin:34px 0;box-shadow:0 0 0 0 rgba(165,216,93,.5);animation:transferPulse 3.5s infinite;animation-delay:calc(var(--step) * .45s)}.transfer-flow article:not(:last-child):after{content:"→";position:absolute;right:-9px;top:73px;z-index:1;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--project);font-size:12px}.transfer-flow h3{font-size:21px;margin:0 0 11px}.transfer-flow p{font-size:13px;color:var(--text);margin:0}.transfer-note{font:10px var(--mono);color:var(--muted);margin:18px 0 0}@keyframes transferPulse{0%,35%,100%{box-shadow:0 0 0 0 rgba(165,216,93,.45)}15%{box-shadow:0 0 0 9px rgba(165,216,93,0)}}

/* Full-screen Design Lens viewer */
.media-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#090b0c;color:#f7f6f4}.media-viewer::backdrop{background:#090b0c}.media-viewer-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px}.media-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 14px}.media-viewer-bar>div:first-child{display:flex;align-items:baseline;gap:14px}.media-viewer-bar span,.media-viewer-hint{font:10px var(--mono);letter-spacing:.07em;color:#969b9f}.media-viewer-bar strong{font-size:16px}.media-viewer-actions{display:flex;gap:7px}.media-viewer-actions button{height:36px;border:1px solid #3b3e41;border-radius:999px;background:transparent;color:#f7f6f4;padding:0 12px;font:9px var(--mono)}.media-viewer-actions button:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.media-viewer-stage{min-height:0;overflow:auto;display:grid;place-items:center;border-radius:12px;background:#111315;touch-action:pinch-zoom}.media-viewer-stage img,.media-viewer-stage video{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s var(--ease);transform-origin:center}.media-viewer-stage[data-zoomed="true"]{cursor:zoom-out;display:block}.media-viewer-stage[data-zoomed="true"] img{max-width:none;max-height:none;width:160%;cursor:zoom-out}.media-viewer-stage[data-zoomed="false"] img{cursor:zoom-in}.media-viewer-hint{text-align:center;margin:12px 0 0}.media-viewer:fullscreen{background:#090b0c}

/* Project-specific signature mechanisms */
.signature-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:38px;overflow:hidden}.signature-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:60px;align-items:end;margin-bottom:38px}.signature-head h2{font-size:clamp(42px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}.signature-head>p{font-size:18px;line-height:1.6;color:var(--text);margin:0}
.goher-workbench{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.62fr);gap:12px;min-height:650px}.wall-assembly{position:relative;min-height:650px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#30363a,#121517 67%);perspective:1200px}.wall-frame{position:absolute;inset:12% 16%;border:13px solid #d9dfe1;border-radius:7px;box-shadow:inset 0 0 0 2px #7c858a,0 25px 65px rgba(0,0,0,.38)}.wall-frame i{position:absolute;background:#d9dfe1;box-shadow:0 0 0 1px #7c858a}.wall-frame i:nth-child(1),.wall-frame i:nth-child(2){top:0;bottom:0;width:10px}.wall-frame i:nth-child(1){left:33%}.wall-frame i:nth-child(2){right:33%}.wall-frame i:nth-child(3),.wall-frame i:nth-child(4){left:0;right:0;height:10px}.wall-frame i:nth-child(3){top:33%}.wall-frame i:nth-child(4){bottom:33%}.wall-layer{position:absolute;left:22%;top:18%;width:56%;height:64%;border:0;border-radius:8px;box-shadow:0 24px 55px rgba(0,0,0,.42);transition:transform .75s var(--ease),opacity .35s var(--ease),filter .35s var(--ease);transform-style:preserve-3d;color:#fff;text-align:left;padding:18px}.wall-layer span{font:10px var(--mono);opacity:.72}.wall-layer strong{position:absolute;left:18px;bottom:16px;font-size:17px}.wall-layer-outer{background:linear-gradient(135deg,rgba(175,126,78,.94),rgba(94,62,38,.98)),repeating-linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.2) 22% 23%);transform:translate3d(28px,-16px,-50px)}.wall-layer-service{background:linear-gradient(145deg,#667077,#252d32);transform:translate3d(14px,-8px,10px)}.wall-layer-service:before,.wall-layer-service:after{content:"";position:absolute;left:20%;right:20%;height:5px;border-radius:999px;background:#79e2d2;box-shadow:0 28px 0 #d59957,0 56px 0 #79e2d2}.wall-layer-service:before{top:28%}.wall-layer-service:after{top:54%}.wall-layer-peg{background-color:#e9eceb;background-image:radial-gradient(#60676b 2.5px,transparent 3px);background-size:22px 22px;color:var(--ink);transform:translate3d(0,0,80px)}.wall-layer.active{outline:3px solid var(--yellow);outline-offset:3px}.wall-assembly[data-exploded="true"] .wall-layer-peg{transform:translate3d(-27%,18%,130px) rotateY(8deg)}.wall-assembly[data-exploded="true"] .wall-layer-service{transform:translate3d(0,0,20px)}.wall-assembly[data-exploded="true"] .wall-layer-outer{transform:translate3d(27%,-18%,-100px) rotateY(-8deg)}.mechanism-copy{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:30px;display:flex;flex-direction:column}.mechanism-index{font:10px var(--mono);letter-spacing:.07em;color:var(--muted)}.mechanism-copy h3{font-size:clamp(30px,3.4vw,48px);line-height:1.02;letter-spacing:-.04em;margin:50px 0 18px}.mechanism-copy p{font-size:16px;color:var(--text)}.mechanism-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.generative-lab{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:12px}.voronoi-stage{position:relative;height:min(54vw,660px);border-radius:14px;overflow:hidden;background:#f7f6f4;border:1px solid var(--line)}.voronoi-canvas{display:block;width:100%;height:100%}.canvas-readout{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.canvas-readout span{font:10px var(--mono);letter-spacing:.07em}.canvas-readout strong{font:clamp(32px,4vw,64px) var(--sans);letter-spacing:-.05em}.parameter-panel{border-radius:14px;background:var(--ink);color:var(--paper);padding:28px;display:flex;flex-direction:column;gap:34px}.parameter-panel label>span{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.05em;color:#b5b8ba}.parameter-panel output{color:var(--yellow)}.parameter-panel input{width:100%;margin-top:20px;accent-color:var(--yellow)}.parameter-panel .button{margin-top:auto;color:var(--ink)}
.ritual-viewer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:12px}.ritual-media{height:min(56vw,680px);position:relative;border-radius:14px;overflow:hidden;background:var(--ink)}.ritual-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,7,8,.78))}.ritual-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .48s var(--ease),transform .7s var(--ease)}.ritual-media img.active{opacity:1;transform:scale(1)}.ritual-media>div{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;color:#fff}.ritual-media span{font:10px var(--mono);letter-spacing:.08em}.ritual-media strong{display:block;font-size:clamp(30px,4vw,58px);line-height:1;margin:10px 0}.ritual-media p{max-width:600px;margin:0;color:rgba(255,255,255,.78)}.ritual-steps{display:grid;grid-template-rows:repeat(4,1fr);gap:8px}.ritual-steps button{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:22px;text-align:left;font-size:19px;display:flex;flex-direction:column;justify-content:space-between;transition:.22s var(--ease)}.ritual-steps button span{font:10px var(--mono);color:var(--muted)}.ritual-steps button[aria-selected="true"]{background:var(--yellow);border-color:var(--yellow)}

/* About / evidence-led profile */
.about-profile-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-profile-bar div{padding:20px 0}.about-profile-bar span,.career-meta span,.recognition-grid>article>span,.skill-grid>article>span{display:block;font:10px var(--mono);color:var(--muted);letter-spacing:.06em}.about-profile-bar strong{font-size:16px;font-weight:550}
.career-list{margin-top:40px;border-top:1px solid var(--ink)}.career-list>article{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:50px;padding:30px 0;border-bottom:1px solid var(--line)}.career-meta strong{display:block;font-size:22px;margin:13px 0 2px}.career-meta em{font-style:normal;color:var(--text)}.career-list ul{margin:0;padding-left:20px;color:var(--text)}.career-list li+li{margin-top:10px}
.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.recognition-grid>article{min-height:320px;border-radius:var(--radius);padding:30px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}.recognition-grid>article:nth-child(2){background:var(--ink);color:var(--paper)}.recognition-grid>article:nth-child(2)>span,.recognition-grid>article:nth-child(2)>p{color:#aeb1b3}.recognition-grid h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:55px 0 18px}.recognition-grid p{color:var(--text);max-width:570px;margin-top:auto}
.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.skill-grid article{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:24px;min-height:230px}.skill-grid h3{font-size:22px;line-height:1.15;margin:48px 0 14px}.skill-grid p{font-size:14px;color:var(--text)}.ai-ability{margin:12px 0 0;padding:24px;border-radius:12px;background:var(--yellow);max-width:none}.about-actions{display:flex;gap:10px;flex-wrap:wrap}.about-copy a:not(.button),.site-footer a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

@media(max-width:1000px){.site-header{grid-template-columns:1fr auto auto;gap:8px}.mobile-menu-trigger{display:block}.transfer-head{grid-template-columns:1fr;gap:24px}.transfer-flow{grid-template-columns:repeat(2,1fr);overflow:visible;border:0;gap:10px}.transfer-flow article{border:1px solid var(--line);border-radius:12px}.transfer-flow article:last-child{grid-column:1/-1}.transfer-flow article:after{display:none}.skill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.mobile-menu>a{padding:15px 0;font-size:clamp(38px,11.5vw,48px)}.transfer-section{padding:18px}.transfer-scene{height:78vw}.transfer-scene>div{display:block;left:18px;right:18px;bottom:18px}.transfer-scene span{display:block;margin-bottom:8px}.transfer-flow{grid-template-columns:1fr}.transfer-flow article:last-child{grid-column:auto}.transfer-flow article{min-height:190px}.transfer-flow i{margin:24px 0}.about-profile-bar{grid-template-columns:1fr 1fr}.career-list>article{grid-template-columns:1fr;gap:18px}.recognition-grid,.skill-grid{grid-template-columns:1fr}.recognition-grid>article{min-height:270px}.skill-grid article{min-height:190px}.about-actions{flex-direction:column}.about-actions .button{text-align:center}}

@media(max-width:1000px){.collaboration-head{grid-template-columns:1fr;gap:24px}.collaboration-grid{grid-template-columns:1fr}.collaboration-grid article{min-height:210px}}
@media(max-width:700px){.collaboration-section{padding:18px}.collaboration-grid h3{margin-top:36px}.narrative-card{scroll-margin-top:135px}}

@media(max-width:1000px){.signature-head,.goher-workbench,.generative-lab,.ritual-viewer{grid-template-columns:1fr}.signature-head{gap:24px}.goher-workbench{min-height:0}.wall-assembly{min-height:68vw}.mechanism-copy{min-height:350px}.voronoi-stage{height:68vw}.parameter-panel{display:grid;grid-template-columns:1fr 1fr}.parameter-panel .button{grid-column:1/-1}.ritual-media{height:68vw}.ritual-steps{grid-template-columns:repeat(4,1fr);grid-template-rows:none}.ritual-steps button{min-height:110px}}
@media(max-width:700px){.signature-section{padding:18px}.signature-head h2{font-size:40px}.signature-head>p{font-size:16px}.wall-assembly{min-height:105vw}.wall-layer{left:18%;top:18%;width:64%}.wall-assembly[data-exploded="true"] .wall-layer-peg{transform:translate3d(-18%,20%,130px) rotateY(7deg)}.wall-assembly[data-exploded="true"] .wall-layer-outer{transform:translate3d(18%,-20%,-100px) rotateY(-7deg)}.mechanism-copy{padding:22px;min-height:360px}.mechanism-controls .button{width:100%}.voronoi-stage{height:90vw}.canvas-readout strong{font-size:33px}.parameter-panel{grid-template-columns:1fr;padding:22px}.parameter-panel .button{grid-column:auto}.ritual-media{height:92vw}.ritual-steps{grid-template-columns:1fr 1fr;gap:6px}.ritual-steps button{min-height:90px;padding:15px;font-size:15px}.media-viewer-shell{padding:10px}.media-viewer-bar{align-items:flex-start}.media-viewer-bar>div:first-child{display:none}.media-viewer-actions{width:100%;overflow-x:auto}.media-viewer-actions button{white-space:nowrap}.media-viewer-hint{font-size:9px}.lens-expand span{display:none}}
@media(prefers-reduced-motion:reduce){.lens-loader{animation:none}.lens-loader i{animation:none}.ritual-media img,.wall-layer{transition:none}}