:root{--bg:#faf8f2;--paper:#fffefa;--ink:#203943;--muted:#53666c;--line:#d8cdb6;--gold:#876437;--gold-light:#ede1c7;--blue:#176d89;--ice:#e6f3f6;--teal:#286c62;--serif:"Marcellus","Songti SC",serif;--sans:"Manrope","PingFang SC","Microsoft YaHei",sans-serif;--mono:"DM Mono","SFMono-Regular",monospace;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a,button{touch-action:manipulation}::selection{background:#c5e9f3;color:#163e50}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a:hover{color:var(--blue)}.wrap{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:10px 18px;background:var(--ink);color:white}.skip:focus{top:12px}
.site-header{height:88px;border-bottom:1px solid var(--line);background:rgba(250,248,242,.97);position:sticky;top:0;z-index:40}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{font-size:1.3rem;letter-spacing:-.035em;display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}.brand-mark{width:36px;height:40px;display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;font-weight:500;color:var(--blue);border:1px solid var(--gold);border-radius:18px 18px 2px 2px;background:var(--paper)}.main-nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:.875rem}.main-nav a{position:relative;white-space:nowrap;min-height:44px;display:flex;align-items:center}.main-nav a[aria-current=page]{color:var(--blue)}.main-nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.language{display:flex;gap:12px;border-left:1px solid var(--line);padding-left:24px;font-size:.875rem}.language a{min-height:44px;display:flex;align-items:center;color:var(--muted)}.language a[aria-current]{color:var(--blue);font-weight:700}.menu-toggle{display:none;border:1px solid var(--line);background:var(--paper);min-height:44px;padding:7px 12px;font-size:.875rem}
.eyebrow,.kicker,.index{font:.8125rem/1.6 var(--mono);letter-spacing:.075em;color:var(--gold)}.eyebrow{margin:0 0 24px}.hero{padding:65px 0 38px;overflow:hidden}.hero-top{display:grid;grid-template-columns:1fr 1.03fr;gap:5vw;align-items:center}.hero h1{font:500 clamp(3rem,4.8vw,5.2rem)/1.2 var(--serif);letter-spacing:-.04em;margin:0}.hero h1 em{color:var(--blue);font-weight:400;font-style:normal}.hero .lede{max-width:590px;margin:27px 0 28px;color:var(--muted);font-size:1.0625rem}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;border:1px solid var(--gold);padding:11px 22px;background:transparent;color:var(--ink);font-size:.9375rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--gold-light);color:var(--ink);transform:translateY(-2px)}.button-primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:3px 3px 0 #c5b289}.button-primary:hover{background:#145d76;color:white;box-shadow:4px 5px 0 #c5b289}.button svg{width:18px;height:18px}.hero-note{font-size:.8125rem;color:var(--muted);margin-top:24px}
.hero-art{margin:0;position:relative;padding:10px;border:1px solid var(--gold);border-radius:48% 48% 3px 3px;background:var(--paper);box-shadow:10px 12px 0 #efe7d8}.hero-art>img{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:48% 48% 0 0}.hero-art figcaption{font:.75rem/1.6 var(--mono);padding:14px 10px 4px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.hero-stamp{position:absolute;bottom:76px;left:-25px;background:var(--paper);border:1px solid var(--gold);padding:13px 22px;box-shadow:0 6px 20px #293c4415;font:.8125rem/1.6 var(--mono);color:var(--blue)}.hero-stamp span{color:var(--muted);display:block;font:.75rem/1.8 var(--sans)}
.home-index{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line)}.home-index>div{display:flex;gap:17px;align-items:baseline}.home-index strong{font:400 2.4rem var(--serif);color:var(--gold)}.home-index span{font-size:.875rem;color:var(--muted)}.section{padding:78px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head h2{font:500 clamp(2.1rem,3.6vw,3.8rem)/1.25 var(--serif);letter-spacing:-.035em;margin:12px 0 0}.section-head>p{max-width:435px;color:var(--muted);margin:0}.text-link{font-size:.9375rem;border-bottom:1px solid var(--gold);padding-bottom:5px;display:inline-block}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.case-card{border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s}.case-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #273e4210}.case-visual{padding:28px;background:#edf3f1;border-bottom:1px solid var(--line);min-height:225px;position:relative}.case-visual.blue{background:var(--ice)}.visual-label{font:.75rem/1.6 var(--mono);color:var(--blue);margin:0 0 22px}.mini-flow{display:flex;align-items:center;gap:9px;min-height:110px}.mini-flow>div{padding:15px 12px;flex:1;text-align:center;border:1px solid #a9bcb9;background:var(--paper);font-size:.875rem;min-width:0;position:relative}.mini-flow>div:last-child{background:#d1eaf0;border-color:#6d9fac}.mini-flow>span{color:var(--gold)}.visual-caption{display:block;text-align:right;font-size:.75rem;color:var(--muted);margin-top:15px}.sample-check{width:100%;font-size:.8125rem;border-collapse:collapse}.sample-check td,.sample-check th{padding:10px 8px;border-bottom:1px solid #b9cfd5;text-align:left}.sample-check th{color:var(--muted);font-weight:500}.sample-check td:last-child{color:#286458}.case-body{padding:29px;display:flex;flex-direction:column;flex:1}.case-meta{display:flex;gap:12px;color:var(--muted);align-items:center;font-size:.8125rem}.case-meta .index{margin-right:auto}.case-body h3{font:500 clamp(1.7rem,2.4vw,2.3rem)/1.4 var(--serif);margin:20px 0 15px;letter-spacing:-.025em}.case-body>p{color:var(--muted);margin:0 0 25px}.case-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto;font-size:.875rem;color:var(--blue)}
.method-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:start}.method-intro h2{font:500 clamp(2.2rem,3.7vw,3.6rem)/1.3 var(--serif);margin:18px 0 24px;letter-spacing:-.035em}.method-intro p{color:var(--muted)}.method-intro .text-link{margin-top:15px}.layers{border:1px solid var(--line);background:var(--paper);padding:5px 26px}.layer{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.layer:last-child{border:0}.layer>span{font:.8125rem var(--mono);color:var(--gold);padding-top:7px}.layer h3{margin:0 0 6px;font-size:1.125rem;font-weight:600}.layer p{margin:0;color:var(--muted);font-size:.9375rem}
.resource-feature{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:46px;background:#e4f1f4;border:1px solid #a1c4cd;position:relative}.resource-feature:before{content:"";position:absolute;inset:8px;border:1px solid #c0a97a;pointer-events:none}.resource-feature h2{font:500 clamp(2.2rem,3.8vw,3.8rem)/1.25 var(--serif);letter-spacing:-.03em;margin:18px 0}.resource-feature p{color:var(--muted)}.resource-preview{background:var(--paper);border:1px solid var(--line);padding:27px;align-self:center}.resource-preview p{font-size:.9375rem;margin:0 0 18px}.resource-preview .code-line{border-top:1px solid var(--line);padding:15px 0;font:.875rem/2 var(--mono);color:var(--blue)}.resource-preview small{font-size:.8125rem;color:var(--muted)}
.about-strip{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.about-strip h2{font:500 2.7rem/1.25 var(--serif);margin:0 0 22px;letter-spacing:-.03em}.about-strip p{color:var(--muted)}.portrait-pair{display:flex;gap:16px;align-items:center;justify-content:center;position:relative;padding:22px 0}.portrait-pair figure{width:50%;margin:0;padding:10px 10px 16px;background:var(--paper);border:1px solid var(--line);box-shadow:4px 7px 0 #ebe1cf}.portrait-pair figure:first-child{transform:rotate(-3deg)}.portrait-pair figure:last-child{transform:rotate(3deg);margin-top:52px}.portrait-pair img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid var(--gold)}.portrait-pair figcaption{font:.8125rem/1.5 var(--mono);padding:14px 3px 0;color:var(--blue)}.portrait-pair figcaption span{font:.75rem/1.6 var(--sans);display:block;color:var(--muted);margin-top:4px}.name-lockup{font:400 clamp(3rem,7vw,7rem)/1.05 var(--serif);letter-spacing:-.045em}.name-lockup span{display:block;color:var(--blue)}.join-line{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px 0;border-top:1px solid var(--line)}.join-line h2{font:500 1.75rem/1.4 var(--serif);margin:0}.join-line p{color:var(--muted);margin:8px 0 0}
.site-footer{padding:42px 0 24px;background:#eee8dc;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-top p{font-size:.875rem;color:var(--muted);max-width:440px}.footer-links{display:flex;flex-wrap:wrap;gap:23px;font-size:.875rem}.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid #cfc2ab;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:var(--muted)}.jump-top{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem}
.page-hero{padding:58px 0 44px}.page-hero h1{font:500 clamp(2.6rem,4.8vw,4.6rem)/1.22 var(--serif);max-width:1050px;letter-spacing:-.035em;margin:18px 0 22px}.page-hero .lede{font-size:1.125rem;max-width:800px;color:var(--muted)}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.8125rem}.article-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-top:28px}.pill{border:1px solid #afc6ce;color:var(--blue);padding:3px 10px;background:#eef7f8;font-size:.8125rem}.article-layout{display:grid;grid-template-columns:220px minmax(0,850px);gap:5vw;padding:40px 0 90px;border-top:1px solid var(--line);align-items:start}.toc{position:sticky;top:120px}.toc-label{font:.8125rem var(--mono);color:var(--gold);margin:0 0 20px}.toc ol{list-style:none;margin:0;padding:0}.toc a{display:block;border-left:1px solid var(--line);padding:9px 0 9px 14px;font-size:.875rem;line-height:1.6;color:var(--muted)}.toc a:hover,.toc a.active{color:var(--blue);border-color:var(--blue)}.prose{font-size:1.0625rem;line-height:1.95;min-width:0}.prose>p:first-child{margin-top:0}.prose h2{font:500 1.9rem/1.45 var(--serif);margin:3rem 0 1.25rem;scroll-margin-top:24px;letter-spacing:-.015em}.prose h3{font-size:1.25rem;line-height:1.6;margin:2.3rem 0 1rem}.prose strong{color:#173c4a;font-weight:700}.prose a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:5px}.prose p{margin:1.1rem 0}.prose ul,.prose ol{padding-left:1.5rem}.prose li{margin:.7rem 0;padding-left:.25rem}.prose li::marker{color:var(--gold)}.prose hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.prose blockquote{border-left:3px solid var(--gold);margin:2rem 0;padding:5px 24px;background:#f2ede3}.table-scroll{width:100%;overflow:auto;border:1px solid var(--line);margin:1.8rem 0;background:var(--paper)}.prose table{border-collapse:collapse;min-width:560px;width:100%;font-size:.875rem;line-height:1.75}.prose th{background:#e5eff1;color:#284956;text-align:left;font-weight:600}.prose th,.prose td{padding:16px;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.prose tr:last-child td{border-bottom:0}.prose pre{white-space:pre-wrap;word-break:break-word;background:#f3f7f6;font:.875rem/1.85 var(--mono);padding:26px 22px;margin:0;tab-size:2}.code-block{border:1px solid #a4bec4;margin:24px 0;min-width:0}.code-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #a4bec4;background:#e6eff1;font:.8125rem var(--mono);color:var(--blue)}.copy-button{min-height:44px;padding:7px 12px;border:1px solid #8eabaf;background:var(--paper);color:var(--blue);font:.875rem var(--sans)}.copy-button:hover{background:#d8edf3}.prose code:not(pre code){background:#e8ece8;padding:2px 6px;font-size:.9em}.prompt-disclosure summary{padding:18px 20px;background:var(--paper);color:var(--blue);cursor:pointer;font-size:.875rem}.prompt-disclosure summary:hover{background:var(--ice)}.article-end{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;color:var(--muted)}.article-end h2{margin:0 0 15px}.reading-progress{height:2px;background:var(--blue);width:0;position:fixed;top:87px;left:0;z-index:45}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.download-card{padding:26px;border:1px solid var(--line);background:var(--paper)}.download-card h3{font-size:1.125rem;margin:14px 0}.download-card p{color:var(--muted);font-size:.9375rem}.status-note{font-size:.875rem;color:var(--muted);padding:20px;border-left:2px solid var(--blue);background:#edf4f3}.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.content-columns h2{font:500 2.2rem/1.4 var(--serif);margin-top:12px}.content-columns p{color:var(--muted)}.principle-list{list-style:none;padding:0!important;border-top:1px solid var(--line)}.principle-list li{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.principle-list b{font:.8125rem var(--mono);color:var(--gold)}.principle-list strong{display:block;font-size:1.125rem;margin-bottom:7px}.principle-list p{margin:0}.about-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:center}.about-intro h1{font:500 clamp(3rem,5vw,5rem)/1.2 var(--serif);margin:20px 0 25px;letter-spacing:-.04em}.about-intro p{color:var(--muted);max-width:630px}.contact-note{border-top:1px solid var(--line);padding:34px 0;scroll-margin-top:120px}.contact-note h2{font:500 2rem var(--serif);margin:0 0 15px}.email-link{font-size:clamp(1rem,2.1vw,1.6rem);color:var(--blue);text-decoration:underline;text-underline-offset:7px;overflow-wrap:anywhere}.contact-note p{color:var(--muted);max-width:660px}.process-figure{margin:0 0 34px;background:var(--paper);border:1px solid var(--line)}.process-figure>img{width:100%;aspect-ratio:2.5;object-fit:cover;border-bottom:1px solid var(--line)}.process-figure figcaption{padding:22px}.process-title{font:.8125rem var(--mono);color:var(--gold);margin:0 0 18px!important}.process-steps{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0!important}.process-steps li{position:relative;margin:0!important;padding:0!important;font-size:.875rem;line-height:1.7}.process-steps li+li:before{content:"→";position:absolute;left:-21px;top:4px;color:var(--gold)}.process-steps b{display:block;color:var(--blue);font-size:1rem;margin-bottom:7px}.process-steps small{font-size:.8125rem;color:var(--muted)}.diagram-footnote{font-size:.75rem;color:var(--muted);margin-top:17px!important}.knowledge-map{background:#f1f6f4;border:1px solid #b7c9c5;margin:30px 0;padding:25px}.knowledge-map h3{margin:0 0 20px;font:500 1.4rem var(--serif)}.knowledge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none!important;padding:0!important;margin:0!important}.knowledge-row li{border-top:2px solid var(--gold);padding:12px 8px!important;background:var(--paper);margin:0!important;font-size:.875rem}.knowledge-row b{display:block;color:var(--blue)}.knowledge-row span{font-size:.8125rem;color:var(--muted)}.empty-page{min-height:70vh;display:grid;place-content:center;padding:60px 30px;text-align:center}.empty-page h1{font:400 4rem var(--serif);color:var(--blue);margin:0}.empty-page p{max-width:560px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal-in{animation:arrive .5s ease-out both}@keyframes arrive{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1120px){.wrap{width:calc(100% - 56px)}.header-inner{gap:22px}.main-nav{gap:20px}.hero-top{gap:4vw}.hero h1{font-size:3.6rem}.article-layout{grid-template-columns:185px minmax(0,1fr);gap:40px}.about-intro{gap:40px}.hero-stamp{left:-12px}}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:87px;left:0;right:0;background:var(--bg);padding:20px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px;font-size:1rem}.main-nav.open{display:flex}.main-nav a[aria-current]:after{display:none}.language{margin-left:auto}.menu-toggle{display:block}.hero-top{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:3rem}.hero .lede{font-size:1rem}.hero-art>img{aspect-ratio:.85}.hero-stamp{display:none}.hero-art figcaption{display:block;font-size:.75rem}.hero-art figcaption span{display:block}.home-index{gap:20px}.home-index>div{gap:10px}.home-index span{font-size:.8125rem}.case-body{padding:24px}.case-visual{padding:20px}.method-band{gap:35px}.resource-feature{padding:32px;gap:26px}.resource-feature h2{font-size:2.5rem}.article-layout{display:block;padding-top:22px}.toc{position:static;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px}.toc ol{display:flex;flex-wrap:wrap;gap:8px 22px}.toc a{border:0;padding:5px 0}.toc-label{margin-bottom:12px}.about-strip{gap:40px}.about-strip h2{font-size:2.2rem}.content-columns{gap:35px}.about-intro{grid-template-columns:1fr 1fr;gap:30px}.about-intro .portrait-pair{display:block}.about-intro .portrait-pair figure{width:65%}.about-intro .portrait-pair figure:last-child{margin-left:30%;margin-top:-35px}.process-figure>img{aspect-ratio:2.1}.knowledge-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{height:74px}.header-inner{gap:12px}.brand{font-size:1.08rem;gap:8px}.brand-mark{width:29px;height:34px;font-size:1.25rem}.language{padding:0;border:0;gap:10px}.menu-toggle{padding:7px 9px}.main-nav{top:73px;padding:18px}.reading-progress{top:73px}.hero{padding:38px 0}.hero-top{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(2.6rem,10vw,3.4rem)}html[lang="zh-CN"] .hero h1{font-size:clamp(2rem,8.8vw,2.7rem)}.hero .lede{margin:23px 0}.eyebrow{font-size:.75rem;margin-bottom:20px}.button{padding:11px 16px;gap:18px;font-size:.875rem}.hero-art{margin:0 6px 0 0;max-width:500px;padding:8px;box-shadow:6px 7px 0 #efe7d8}.hero-art>img{aspect-ratio:1.35}.hero-art figcaption{display:flex;font-size:.75rem;padding:10px 7px 2px}.home-index{grid-template-columns:1fr;gap:8px;margin-top:34px;padding-top:20px}.home-index strong{font-size:1.8rem;min-width:30px}.home-index span{font-size:.875rem}.section{padding:50px 0}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:2.15rem}.section-head>p{margin-top:20px}.case-grid{grid-template-columns:1fr;gap:24px}.case-visual{min-height:215px}.case-body h3{font-size:1.8rem}.case-meta{font-size:.75rem}.method-band,.resource-feature,.about-strip,.content-columns{grid-template-columns:1fr;gap:30px}.method-intro h2{font-size:2.3rem}.layers{padding:3px 20px}.resource-feature{padding:28px 22px}.resource-feature h2{font-size:2.3rem}.resource-preview{padding:20px}.portrait-pair{max-width:430px;margin:auto;padding:10px 8px 25px}.about-strip h2{font-size:2.1rem}.join-line{display:block}.join-line .button{margin-top:20px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:25px;gap:15px 22px}.footer-bottom span{display:block;margin-bottom:8px}.page-hero{padding:36px 0 30px}.page-hero h1{font-size:2.35rem;line-height:1.3;overflow-wrap:break-word}.page-hero .lede{font-size:1rem}.article-meta{gap:9px}.article-layout{padding-bottom:50px}.toc ol{display:block}.toc a{padding:7px 0}.prose{font-size:1rem;line-height:1.95}.prose h2{font-size:1.65rem;margin-top:2.5rem}.prose h3{font-size:1.15rem}.prose pre{padding:20px 16px;font-size:.8125rem}.code-head{padding:10px 13px;font-size:.75rem;gap:10px}.prose table{font-size:.8125rem}.prose th,.prose td{padding:12px}.download-grid{grid-template-columns:1fr;gap:16px}.about-intro{grid-template-columns:1fr;gap:25px}.about-intro h1{font-size:2.8rem}.about-intro .portrait-pair{display:flex}.about-intro .portrait-pair figure{width:50%}.about-intro .portrait-pair figure:last-child{margin:42px 0 0}.content-columns h2{font-size:1.85rem}.contact-note{padding:25px 0}.process-figure>img{aspect-ratio:1.8}.process-figure figcaption{padding:20px}.process-steps{grid-template-columns:1fr;gap:26px}.process-steps li+li:before{content:"↓";left:0;top:-24px}.knowledge-row{gap:10px}.empty-page h1{font-size:3rem}}
/* Illustrated field notes: diagrams lead, detailed source notes stay available. */
.handbook{padding-bottom:80px}.handbook-breadcrumb{padding-top:35px}.handbook-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:5vw;align-items:center;padding:34px 0 45px}.handbook-hero h1{font:500 clamp(2.25rem,3.8vw,3.85rem)/1.3 var(--serif);letter-spacing:-.025em;margin:16px 0 20px}.handbook-hero .lede{font-size:1rem;color:var(--muted);max-width:620px}.handbook-hero .article-meta{margin-top:22px}.reading-hint{font-size:.875rem;color:var(--gold);margin:22px 0 0}.handbook-cover{margin:0;border:1px solid var(--gold);padding:9px;background:var(--paper);box-shadow:7px 7px 0 var(--gold-light)}.handbook-cover img{width:100%;aspect-ratio:1.5;object-fit:cover}.handbook-cover figcaption{font-size:.75rem;line-height:1.65;color:var(--muted);padding:10px 4px 1px}.chapter-nav{display:flex;flex-wrap:wrap;gap:3px 22px;padding:16px 0;border-block:1px solid var(--line)}.chapter-nav a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.875rem}.chapter-nav a span{font:.75rem var(--mono);color:var(--gold)}.chapter-nav a.active{color:var(--blue)}.handbook-body{max-width:1120px;margin:auto}.story-chapter{padding:58px 0;border-bottom:1px solid var(--line)}.chapter-heading{display:grid;grid-template-columns:46px 1fr;gap:20px;margin-bottom:30px;align-items:start}.chapter-no{font:400 2rem/1.4 var(--serif);color:var(--gold);border-top:1px solid var(--gold);padding-top:8px}.chapter-heading h2{font:500 clamp(1.75rem,2.65vw,2.5rem)/1.4 var(--serif);margin:0;scroll-margin-top:115px;letter-spacing:-.025em}.chapter-heading p{color:var(--muted);margin:12px 0 0;max-width:830px;font-size:1rem}.handbook h3{font-size:1.125rem;line-height:1.55;margin:0 0 12px;font-weight:600}.handbook p{overflow-wrap:anywhere}.panel-kicker{font:.8125rem/1.7 var(--mono);letter-spacing:.035em;color:var(--gold)}.figure-note{font-size:.8125rem;line-height:1.75;color:var(--muted);margin:18px 0 0}.research-streams{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.research-streams>div{padding:23px 21px;background:var(--paper);border-top:3px solid var(--gold);border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.research-streams .index{display:block;margin-bottom:16px}.research-streams p{font-size:.9375rem;color:var(--muted);margin:0}.merge-line{display:flex;gap:16px;align-items:center;justify-content:center;margin:24px 0;color:var(--blue);font-size:.9375rem}.merge-line>span{font-size:1.6rem;color:var(--gold)}.story-trail{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #a7c5cf;background:var(--ice)}.story-trail li{padding:23px;position:relative;min-width:0}.story-trail li+li{border-left:1px solid #b6d0d7}.story-trail li>span{display:block;font:.75rem var(--mono);color:var(--blue);margin-bottom:16px}.story-trail strong{display:block;font-size:1rem}.story-trail p{color:var(--muted);font-size:.875rem;line-height:1.75;margin:8px 0 0}.decision-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.decision-panel{border:1px solid var(--line);padding:30px;background:var(--paper)}.decision-panel .panel-kicker{margin-bottom:16px}.decision-panel>p{color:var(--muted);margin-bottom:0}.model-convergence{display:grid;grid-template-columns:1fr 25px 1fr;gap:15px;align-items:center;background:var(--ice);padding:22px;margin:24px 0}.model-convergence>div{font-size:.9375rem;line-height:2;border-right:1px solid #b7ced4}.model-convergence>span{color:var(--gold)}.model-convergence>strong{font-size:1rem;line-height:1.75;color:var(--blue)}.before-after{margin-top:24px}.before-after>div{border-left:2px solid var(--line);padding:0 0 1px 18px}.before-after>div+div{margin-top:22px;border-color:var(--blue)}.before-after span{font:.8125rem var(--mono);color:var(--muted)}.before-after p{margin:8px 0 0}.before-after>div+div span{color:var(--blue)}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.evidence-card{background:var(--paper);border:1px solid var(--line);padding:25px 23px;position:relative}.record-top{display:flex;gap:14px;align-items:center;margin-bottom:20px}.record-top h3{margin:0}.record-id{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--gold);color:var(--gold);font:400 1.3rem var(--serif)}.record-fields{margin:0 0 22px}.record-fields>div{border-top:1px solid var(--line);padding:14px 0}.record-fields dt{font-size:.8125rem;color:var(--muted);margin-bottom:5px}.record-fields dd{font-size:1rem;line-height:1.7;margin:0}.record-tag{display:inline-block;padding:4px 10px;background:#dfeee9;border:1px solid #9ebdb3;color:#245c4f;font-size:.875rem;line-height:1.5}.record-tag.pending{background:#f5ecda;border-color:#d2bc95;color:#76511d}.record-tag.warning{background:#f6e8e0;border-color:#d3b3a2;color:#824a32}.card-action{font-size:.9375rem;line-height:1.75;color:var(--muted);margin:16px 0 0}.artifact-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:26px;background:#eee8dc;border-bottom:5px solid #c3ae86}.artifact-sheet{background:var(--paper);border:1px solid var(--line);padding:22px 18px;box-shadow:3px 3px 0 #ddd1bd}.sheet-number{font:.75rem var(--mono);color:var(--gold);display:block;margin-bottom:22px}.artifact-sheet h3{font-size:1.0625rem}.artifact-sheet p{color:var(--muted);font-size:.875rem;margin:12px 0 0}.scope-boundary{border-left:3px solid var(--gold);padding:18px 23px;background:#f4f0e6;margin-top:24px}.scope-boundary strong{font:.8125rem var(--mono);color:var(--gold)}.scope-boundary p{font-size:.9375rem;color:var(--muted);margin:7px 0 0}.responsibility-line{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:15px;align-items:center;padding:26px 0}.responsibility-line span{font:.8125rem var(--mono);color:var(--blue)}.responsibility-line p{font-size:.875rem;margin:0;color:var(--muted)}.handbook-next{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;margin-top:30px;background:var(--ice);border:1px solid #a2c3cc;color:var(--blue)}.handbook-next span{font-size:.8125rem;line-height:1.8}.handbook-next strong{display:block;font:500 1.6rem/1.5 var(--serif);margin-top:7px}.handbook-next>b{font-size:1.7rem;font-weight:400}.handbook-next:hover{background:#d9edf2}.editorial-quote{display:flex;gap:24px;align-items:center;margin-top:25px;padding:0 25px}.editorial-quote>span{font:400 5rem/1 var(--serif);color:var(--gold);padding-top:20px}.editorial-quote p{font:400 1.5rem/1.6 var(--serif);color:var(--blue);margin:0}.price-contexts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-contexts>article{padding:28px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold)}.price-contexts .index{display:block;margin-bottom:18px}.price-contexts strong{font-size:.9375rem;color:var(--blue);font-weight:500}.price-contexts p{font-size:.9375rem;color:var(--muted);margin-bottom:0}.rule-ribbon{display:flex;gap:24px;align-items:center;padding:23px;background:var(--ice);margin-top:25px}.rule-ribbon .record-tag{flex-shrink:0;background:var(--paper);border-color:#9abfc9;color:var(--blue)}.rule-ribbon p{font-size:.9375rem;margin:0}.variant-review{display:grid;grid-template-columns:1fr 110px 1fr;background:var(--paper);border:1px solid var(--line)}.variant-card{padding:28px}.variant-card>p:last-child{font-size:.9375rem;color:var(--muted);margin-bottom:0}.swatch-pair{display:flex;align-items:center;gap:20px;padding:18px 0}.swatch{display:block;width:75px;height:75px;border:1px solid #a5aaa7}.swatch-white{background:#fffefa}.swatch-gray{background:#a5abae}.swatch-pair strong{font:400 2rem var(--serif)}.match-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gold);gap:10px}.match-gate b{font:400 3rem var(--serif)}.match-gate span{font-size:.8125rem}.sample-ledger{border:1px solid var(--line);border-top:0;background:#f3f4ee}.ledger-row{display:flex;gap:20px;align-items:center;padding:24px 28px}.ledger-row+.ledger-row{border-top:1px solid var(--line)}.ledger-row>div{flex:1}.ledger-row h3{font-size:1rem;margin:0}.ledger-row p{font-size:.9375rem;color:var(--muted);margin:5px 0 0}.ledger-row .record-tag{flex-shrink:0}.state-gates{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:30px 0 0;gap:35px}.state-gates li{border-top:2px solid #a6b8bb;padding:16px 0;position:relative}.state-gates li+li:before{content:'→';position:absolute;left:-28px;top:16px;color:var(--gold)}.state-gates b{display:block}.state-gates span{font-size:.875rem;color:var(--muted)}.change-impact{padding:25px 0 0}.change-impact p{font-size:1rem;color:var(--blue);line-height:2.2;margin:8px 0 0}.change-impact p>span{padding:0 10px;color:var(--gold)}.system-layers{border:1px solid var(--line);background:var(--paper)}.system-layer{display:grid;grid-template-columns:90px 1fr 35px;gap:28px;align-items:center;padding:25px 30px}.system-layer+.system-layer{border-top:1px solid var(--line)}.system-layer:nth-child(even){background:#eff5f3}.layer-key{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--gold);font:400 1.7rem var(--serif);color:var(--blue);background:var(--paper)}.system-layer h3{font:500 1.45rem var(--serif);margin:9px 0}.system-layer p{font-size:.9375rem;color:var(--muted);margin:0}.ontology-diagram{margin:0;padding:30px;border:1px solid #a7c5cc;background:var(--ice)}.relationship-row{display:grid;grid-template-columns:1fr 70px 1.15fr 70px 1fr;align-items:center}.entity-node{padding:22px 17px;background:var(--paper);border:1px solid #9fbdc6;min-height:175px}.entity-node>span{font:.75rem var(--mono);color:var(--gold);display:block}.entity-node strong{display:block;font-size:1.0625rem;margin:16px 0 9px;line-height:1.5}.entity-node small{display:block;font-size:.875rem;line-height:1.7;color:var(--muted)}.quote-node{border:2px solid var(--blue);box-shadow:4px 4px 0 #c4dbe0}.edge-label{text-align:center;font-size:.75rem;color:var(--blue);padding:0 7px}.edge-label>span{display:block;font-size:1.5rem}.linked-records{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 0;padding-top:22px;border-top:1px solid #9fbcc4}.linked-records>div{padding:15px;border-left:2px solid var(--gold);background:#f5faf9}.linked-records span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:6px}.linked-records b{font-size:.9375rem;font-weight:500}.ontology-diagram figcaption{font-size:.8125rem;color:var(--muted);margin-top:24px;line-height:1.8}.intake-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.source-slip{padding:28px;background:#f3ede0;border:1px solid var(--line);position:relative}.source-slip blockquote{font:400 1.6rem/1.65 var(--serif);margin:25px 0}.source-slip>p{color:var(--muted);font-size:.9375rem}.review-stamp{display:inline-block;margin:20px 0 3px;padding:10px 16px;border:1px solid var(--gold);font:.875rem/1.8 var(--mono);color:var(--gold);transform:rotate(-3deg)}.database-card{background:var(--paper);border:1px solid var(--line);padding:28px}.database-card .record-fields{margin:0}.database-card .record-fields>div{display:grid;grid-template-columns:105px 1fr;gap:20px}.database-card .record-fields>div:last-child{padding-bottom:0}.database-card .record-fields dt{margin:0}.evidence-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}.evidence-legend p{font-size:.875rem;color:var(--muted);margin:0 0 0 6px}.workflow-contract{border:1px solid var(--line);background:var(--paper)}.contract-heading{padding:24px 28px;background:#f0ebdf;border-bottom:1px solid var(--line)}.contract-heading h3{font:500 1.5rem/1.5 var(--serif);margin:10px 0 0}.contract-row{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 28px}.contract-row+.contract-row{border-top:1px solid var(--line)}.contract-row b{font-size:.875rem;color:var(--blue);font-weight:600}.contract-row p{font-size:1rem;margin:0}.learning-loop{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 0;padding:24px;background:var(--ice);border:1px solid #aec8ce}.learning-loop strong{font-size:.9375rem;font-weight:500}.learning-loop>span{color:var(--gold)}.practice-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.practice-columns>div{padding:25px 0;border-top:2px solid var(--gold)}.practice-columns h3{font:500 1.5rem/1.5 var(--serif);margin:16px 0}.practice-columns p{font-size:1rem;color:var(--muted);margin:0}.handbook-notes{padding-top:60px}.story-note{border-bottom:1px solid var(--line);scroll-margin-top:110px}.story-note:first-child{border-top:1px solid var(--line)}.story-note>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px;cursor:pointer;padding:16px 20px;font-size:1rem;list-style:none;background:var(--paper)}.story-note>summary::-webkit-details-marker{display:none}.story-note>summary>span{font-size:1.4rem;line-height:1;color:var(--gold)}.story-note[open]>summary>span{transform:rotate(45deg)}.story-note>summary:hover{background:var(--ice)}.story-note>.prose{padding:10px 25px 25px;max-width:880px;margin:auto}.story-note .prose h3{margin-top:25px;font-size:1.25rem}.story-note .prose p{font-size:1rem}.case-card .case-visual.illustrated-card{padding:0;min-height:0}.illustrated-card>img{width:100%;aspect-ratio:2.15;object-fit:cover}.illustrated-card .visual-label{margin:0;padding:14px 24px;border-top:1px solid var(--line);font-size:.8125rem}.illustrated-card .visual-caption{padding:0 24px 14px;margin:0;text-align:left;font-size:.75rem}
@media(max-width:1050px){.handbook-hero{gap:32px}.handbook-hero h1{font-size:2.65rem}.handbook-cover img{aspect-ratio:1.2}.research-streams,.artifact-shelf{grid-template-columns:repeat(2,1fr)}.relationship-row{grid-template-columns:1fr 55px 1.1fr 55px 1fr}.ontology-diagram{padding:24px}.entity-node{padding:18px 13px}.story-trail li{padding:20px 16px}.decision-panel{padding:24px}.evidence-card{padding:22px 18px}.price-contexts>article{padding:23px}.handbook h3{overflow-wrap:anywhere}}
@media(max-width:760px){.handbook-hero{grid-template-columns:1fr;gap:28px}.handbook-hero h1{font-size:2.5rem;max-width:680px}.handbook-cover{max-width:620px}.handbook-cover img{aspect-ratio:1.85}.chapter-nav{gap:0 23px}.story-chapter{padding:42px 0}.chapter-heading{grid-template-columns:35px 1fr;gap:16px}.chapter-no{font-size:1.6rem}.decision-pair,.evidence-grid,.price-contexts,.intake-demo{grid-template-columns:1fr}.evidence-grid{gap:20px}.evidence-card .record-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:14px}.story-trail{grid-template-columns:1fr 1fr}.story-trail li:nth-child(3){border-left:0}.story-trail li:nth-child(n+3){border-top:1px solid #b6d0d7}.decision-panel{padding:27px}.model-convergence{margin:20px 0}.responsibility-line{grid-template-columns:80px 1fr}.rule-ribbon{display:block}.rule-ribbon p{margin-top:14px}.variant-review{grid-template-columns:1fr 72px 1fr}.variant-card{padding:22px 16px}.variant-card .panel-kicker{font-size:.75rem}.swatch-pair{flex-wrap:wrap;gap:12px}.swatch{width:60px;height:60px}.swatch-pair strong{font-size:1.65rem}.ledger-row{padding:23px 18px;flex-wrap:wrap;gap:13px}.ledger-row>div{flex-basis:calc(100% - 65px)}.ledger-row .record-tag{margin-left:51px}.system-layer{grid-template-columns:65px 1fr 25px;gap:20px;padding:22px}.relationship-row{grid-template-columns:1fr}.entity-node{min-height:0;padding:20px}.entity-node strong{margin:9px 0}.edge-label{padding:12px;font-size:.8125rem}.edge-label>span{display:inline-block;transform:rotate(90deg);margin-left:13px}.linked-records{grid-template-columns:1fr;gap:12px}.intake-demo{gap:20px}.source-slip blockquote{margin:20px 0}.review-stamp{margin-top:10px}.learning-loop{flex-wrap:wrap;justify-content:start}.learning-loop>strong{flex-basis:calc(50% - 30px)}.learning-loop>span:nth-of-type(2){display:none}.practice-columns{grid-template-columns:1fr;gap:10px}.handbook-notes{padding-top:40px}}
@media(max-width:420px){.handbook-breadcrumb{padding-top:25px}.handbook-hero{padding:25px 0 30px}.handbook-hero h1{font-size:2.1rem}.handbook-hero .eyebrow{margin-bottom:12px}.handbook-cover img{aspect-ratio:1.5}.chapter-nav{column-gap:16px}.chapter-nav a{gap:6px;font-size:.8125rem}.chapter-heading{display:block}.chapter-no{display:inline-block;margin-bottom:12px;padding-top:3px}.chapter-heading h2{font-size:1.7rem}.research-streams{gap:12px}.research-streams>div{padding:17px 13px}.research-streams h3{font-size:1rem}.research-streams p{font-size:.875rem}.merge-line{align-items:start;gap:12px;font-size:.875rem}.evidence-card .record-fields{display:block}.artifact-shelf{padding:16px;gap:14px;grid-template-columns:1fr}.artifact-sheet{padding:20px}.sheet-number{margin-bottom:12px}.artifact-sheet p{margin-top:8px}.handbook-next{padding:22px}.handbook-next strong{font-size:1.4rem}.editorial-quote{padding:0;gap:15px}.editorial-quote p{font-size:1.3rem}.variant-review{grid-template-columns:1fr}.variant-card{padding:22px}.variant-card .panel-kicker{font-size:.8125rem}.match-gate{flex-direction:row;gap:20px;padding:0 22px;justify-content:start}.swatch-pair{padding:8px 0}.state-gates{gap:22px}.state-gates li+li:before{left:-20px;font-size:.875rem}.state-gates b{font-size:.9375rem}.state-gates span{font-size:.8125rem}.system-layer{grid-template-columns:46px 1fr;gap:16px;padding:22px 18px}.system-layer>.index{display:none}.layer-key{font-size:1.25rem}.system-layer h3{font-size:1.3rem}.system-layer .panel-kicker{font-size:.75rem}.ontology-diagram{padding:18px}.database-card{padding:22px}.database-card .record-fields>div{grid-template-columns:1fr;gap:6px}.contract-heading{padding:22px}.contract-row{grid-template-columns:65px 1fr;gap:15px;padding:18px}.learning-loop{padding:20px}.learning-loop strong{font-size:.875rem}.story-note>summary{padding:16px 13px}.story-note>.prose{padding:8px 14px 20px}.handbook{padding-bottom:50px}}
.chapter-heading h2,.story-note{scroll-margin-top:16px}
/* LouLouis / luminous hextech atelier: light, legible, evidence-led. */
:root{--bg:#f8f8f3;--paper:#fffef9;--ink:#173946;--muted:#4d6269;--line:#cbd7d4;--gold:#87643a;--blue:#136e8b;--ice:#e5f5f7}
body{background:radial-gradient(circle at 78% 14%,#def5f2 0,transparent 29%),radial-gradient(circle at 3% 36%,#f3ebd7 0,transparent 22%),var(--bg)}
::selection{background:#b8e8ed;color:#133b47}
.site-header{height:100px;border:0;background:linear-gradient(to bottom,#f8f8f5ed,#f8f8f500)}
.header-inner{height:72px;margin-top:12px;padding:0 24px;border:1px solid #c7d8d5;border-radius:18px;background:#fffef8f0;box-shadow:0 10px 34px #17394612;backdrop-filter:blur(16px)}
.brand-mark{background:linear-gradient(145deg,#fffefa,#d8eef0);border-color:#ac9b74;box-shadow:inset 0 1px #fff,0 4px 12px #17394618}
.hero{position:relative;padding-top:78px}
.hero:before{content:"";position:absolute;width:min(48vw,690px);aspect-ratio:1;right:-14vw;top:-100px;border-radius:50%;background:radial-gradient(circle,#a0dfea88 0,#c6ede744 35%,transparent 68%);filter:blur(20px);pointer-events:none}
.hero-top{grid-template-columns:1.02fr .98fr;gap:5.5vw;position:relative}
.hero h1{font-size:clamp(2.8rem,4.35vw,4.85rem);line-height:1.14;letter-spacing:-.035em;max-width:730px}
html[lang="zh-CN"] .hero h1{font-size:clamp(2.85rem,4vw,4.25rem)}
.hero h1 em{display:inline-block;color:#126f8d;text-shadow:0 7px 26px #b9e6e5}
.hero .lede{max-width:630px;font-size:1.09rem;line-height:1.95}
.hero-art{isolation:isolate;border:1px solid #9f9a78;padding:9px;box-shadow:0 28px 55px #1c56631d,0 8px 0 #e5d7b9;transform:translateY(-10px)}
.hero-art:after{content:"";position:absolute;inset:16px 16px 48px;border:1px solid #fdfdf3a6;border-radius:48% 48% 0 0;pointer-events:none}
.hero-art>img{filter:saturate(1.13) contrast(1.03)}
.hero-stamp{left:-18px;bottom:75px;border-color:#ac9b74;box-shadow:0 12px 30px #17394622}
.hextech-lens{position:absolute;z-index:2;width:27%;aspect-ratio:1;right:5%;top:36%;border:1px solid #d6fafdbe;border-radius:50%;box-shadow:0 0 0 5px #d6fafd18,0 0 26px #4fe2ed77,inset 0 0 30px #5fd9ed3b;pointer-events:none;animation:hex-breathe 5s cubic-bezier(.2,.75,.25,1) infinite alternate}
.hextech-lens:before,.hextech-lens:after{content:"";position:absolute;inset:13%;border:1px dashed #c5faffc9;border-radius:50%}
.hextech-lens:after{inset:33%;border:1px solid #d3faffdf;box-shadow:0 0 22px #7bdeefba}
.hextech-lens-core{position:absolute;width:11px;height:11px;left:calc(50% - 5px);top:calc(50% - 5px);background:#c5f5ff;transform:rotate(45deg);box-shadow:0 0 20px 8px #73e6f59c}
.hextech-lens-orbit{position:absolute;inset:-13%;border-top:1px solid #f8df9c;border-bottom:1px solid #f8df9c;border-radius:50%;transform:rotate(-27deg)}
@keyframes hex-breathe{from{opacity:.56;transform:scale(.96)}to{opacity:.9;transform:scale(1.05)}}
.hero-signal{position:absolute;z-index:3;display:flex;flex-direction:column;gap:1px;min-width:145px;padding:10px 14px 11px 26px;background:#f9fdf6eb;border:1px solid #c1dfdf;box-shadow:0 12px 25px #17414c27;backdrop-filter:blur(8px);color:#1b5262;line-height:1.3;pointer-events:none}
.hero-signal i{position:absolute;left:11px;top:16px;width:7px;height:7px;border-radius:50%;background:#64dbe7;box-shadow:0 0 0 4px #64dbe72f,0 0 12px #41bfd1}
.hero-signal span{font:.62rem/1.4 var(--mono);letter-spacing:.04em;color:#47747c}
.hero-signal strong{font-size:.78rem;font-weight:600}
.hero-signal-source{top:18%;left:-24px}.hero-signal-judgment{right:-18px;bottom:18%}
.evidence-loop{position:relative;display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:stretch;margin-top:49px;padding:26px 0;border-top:1px solid #a8c8c9;border-bottom:1px solid #a8c8c9}
.loop-intro{font:.75rem/1.7 var(--mono);letter-spacing:.09em;color:var(--gold);margin:6px 0}.loop-intro span{display:block;font:400 2.4rem/1 var(--serif);color:#4a9aad;margin-top:10px}
.evidence-loop ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:0}
.evidence-loop li{position:relative;padding:7px 21px 7px 20px;border-left:1px solid #aacbd0}
.evidence-loop li:before{content:"";position:absolute;top:8px;left:-4px;width:7px;height:7px;transform:rotate(45deg);background:#62c6d4;box-shadow:0 0 12px #62c6d4}
.evidence-loop li span{display:block;color:#176e89;font:.72rem/1.6 var(--mono);letter-spacing:.035em}
.evidence-loop li strong{display:block;margin:8px 0 4px;font:500 1.27rem/1.35 var(--serif)}
.evidence-loop li small{display:block;font-size:.78rem;line-height:1.6;color:var(--muted)}
.button{border-radius:9px;transition:background .48s cubic-bezier(.2,.75,.2,1),transform .48s cubic-bezier(.2,.75,.2,1),box-shadow .48s cubic-bezier(.2,.75,.2,1)}
.button-primary{box-shadow:0 12px 24px #176c8933}.button-primary:hover{box-shadow:0 16px 30px #176c8940}
.case-grid{grid-template-columns:1.12fr .88fr;align-items:start;gap:36px}
.case-card{border-radius:16px;overflow:hidden;box-shadow:0 20px 35px #1b46520d;transition:transform .6s cubic-bezier(.2,.75,.2,1),box-shadow .6s cubic-bezier(.2,.75,.2,1)}
.case-card:nth-child(2){margin-top:64px}.case-card:hover{transform:translateY(-7px);box-shadow:0 28px 45px #1b46521e}
.case-visual{overflow:hidden}.illustrated-card>img{transition:transform .8s cubic-bezier(.2,.75,.2,1)}.case-card:hover .illustrated-card>img{transform:scale(1.035)}
.method-band{position:relative;background:linear-gradient(120deg,#f7f8f3,#e8f3f5);border:1px solid #b9d7d8;padding:48px;overflow:hidden}
.method-band:before{content:"";position:absolute;right:-75px;top:-75px;width:240px;height:240px;border:1px solid #7dc8d04d;border-radius:50%;box-shadow:0 0 0 35px #7dc8d01c,0 0 0 70px #7dc8d010;pointer-events:none}
.method-band>*{position:relative}.layers{box-shadow:0 18px 30px #20546813;border-color:#aac8cc}
.layer{transition:transform .4s cubic-bezier(.2,.75,.2,1),background .4s cubic-bezier(.2,.75,.2,1)}.layer:hover{transform:translateX(4px);background:#f1faf8}
.company-practice{background:linear-gradient(115deg,#eef8f7,#fcfaf2 65%)}
.company-practice .section-head{margin-bottom:42px}.company-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:start}
.company-card{position:relative;min-height:370px;padding:34px 36px 32px;background:#fffefb;border:1px solid #bfd5d6;border-radius:15px;box-shadow:0 20px 40px #1b536016;overflow:hidden}
.company-card:after{content:"";position:absolute;right:-45px;top:-55px;width:170px;height:170px;border:1px solid #a9d5d4;border-radius:50%;box-shadow:0 0 0 24px #cae6e440,0 0 0 48px #cae6e422;pointer-events:none}
.company-card:nth-child(2){margin-top:42px;background:#f6fbf9}.company-index{font:.72rem/1.5 var(--mono);color:var(--gold);letter-spacing:.09em}.company-card h3{font:500 clamp(1.75rem,2.5vw,2.4rem)/1.2 var(--serif);margin:20px 0 5px;color:var(--ink)}
.company-domain{color:#0f6f88!important;font-size:.9rem!important;margin:0 0 23px!important}.company-card>p:not(.company-domain){position:relative;z-index:1;max-width:640px;color:var(--muted);font-size:.96rem;line-height:1.9}.company-card .text-link{margin-top:12px;color:#156d85}.company-note{font-size:.82rem;color:var(--muted);margin:25px 0 0}
.handbook-cover{border-radius:14px;overflow:hidden;box-shadow:0 20px 42px #17485817;padding:7px}
.chapter-nav{position:sticky;top:99px;z-index:25;background:#f8fbf8ee;backdrop-filter:blur(15px);border-color:#a8c9cb;padding:9px 16px;margin-inline:-16px;border-radius:10px}
.chapter-nav a.active{font-weight:700}.chapter-nav a.active span{color:var(--blue)}
.story-chapter{padding:85px 20px 75px;margin:0 -20px;position:relative}.story-chapter:nth-of-type(even){background:linear-gradient(110deg,#f7faf8,#edf6f6)}
.chapter-heading{gap:29px}.chapter-no{color:#117391;border-top-color:#5cbdc7}.chapter-heading h2{max-width:850px}
.research-streams>div,.decision-panel,.evidence-card,.entity-node,.database-card{border-radius:10px;box-shadow:0 10px 26px #184d5c0d}
.story-trail{border-radius:12px;overflow:hidden}.artifact-shelf{border-radius:12px 12px 0 0}.artifact-sheet{border-radius:8px}
@media(max-width:1000px){.hero-signal{display:none}.evidence-loop{grid-template-columns:1fr}.loop-intro span{display:inline;margin-left:15px}.company-card{min-height:0}}
@media(max-width:900px){.header-inner{margin-top:8px;height:70px}.main-nav{top:80px;left:24px;right:24px;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 30px #17394620}.hero h1,html[lang="zh-CN"] .hero h1{font-size:clamp(2.45rem,5.2vw,3.7rem)}.method-band{padding:36px}.chapter-nav{top:90px}}
@media(max-width:760px){.company-grid{grid-template-columns:1fr}.company-card:nth-child(2){margin-top:0}.story-chapter{padding:55px 14px;margin:0 -14px}.chapter-nav{position:static;margin-inline:0}}
@media(max-width:600px){.site-header{height:80px}.header-inner{height:64px;margin-top:7px;padding:0 12px;border-radius:13px}.main-nav{top:73px;left:18px;right:18px}.hero{padding-top:32px}.hero h1,html[lang="zh-CN"] .hero h1{font-size:clamp(2.1rem,8.4vw,2.75rem);line-height:1.2}.hero .lede{font-size:1rem}.hero-art{margin:0 9px 0 0;transform:none}.hextech-lens{width:30%;right:6%;top:32%}.evidence-loop{margin-top:31px;padding:19px 0}.evidence-loop ol{grid-template-columns:1fr;gap:11px}.evidence-loop li{padding:5px 12px 5px 19px}.evidence-loop li strong{margin:2px 0}.case-grid{grid-template-columns:1fr}.case-card:nth-child(2){margin-top:0}.method-band{padding:25px 19px}.company-card{padding:27px 23px}.company-card h3{font-size:1.8rem}.company-practice .section-head{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}.site-header,.site-footer,.toc,.reading-progress,.copy-button,.skip{display:none}.wrap{width:100%;max-width:none}.page-hero{padding:0}.page-hero h1{font-size:28pt}.article-layout{display:block;padding:0;border:0}.table-scroll{overflow:visible}.prose table{min-width:0;font-size:9pt}.prose th,.prose td{color:black;border-color:#aaa;background:white}.prose pre,.code-head{background:#f6f6f6;color:black}.code-block{break-inside:avoid}}

/* One small character moment; work examples keep their evidence and images unobscured. */
.duo-character{margin:0;max-width:470px;padding:14px 20px 12px;background:radial-gradient(circle at 49% 42%,#d5f5f2,#f4f9f5 64%,#e6eeed);border:1px solid #bfd8d6;border-radius:20px;box-shadow:0 24px 43px #1343531a;overflow:hidden}
.duo-character img{display:block;width:100%;max-height:345px;object-fit:contain;filter:drop-shadow(0 14px 10px #23485823)}
.duo-character figcaption{font-size:.82rem;color:var(--muted);text-align:center;margin:0 auto 5px;max-width:290px}
.case-visual{position:relative}.handbook-cover{position:relative}

/* A question-led entrance gives readers direct paths through the growing archive. */
.problem-section{padding:60px 0 86px;background:linear-gradient(135deg,#edf7f6,#fffef7 72%);border-block:1px solid #c9dddd}
.problem-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}
.problem-intro h2{font:500 clamp(2rem,3.7vw,3.4rem)/1.18 var(--serif);letter-spacing:-.028em;margin:0;max-width:650px}
.problem-intro p{max-width:420px;color:var(--muted);font-size:1rem;line-height:1.8;margin:0}
.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.problem-grid a{position:relative;display:flex;flex-direction:column;min-height:260px;padding:25px 23px 23px;background:#fffefa;border:1px solid #b8d5d7;border-radius:14px;box-shadow:0 16px 28px #1648550e;overflow:hidden;transition:transform .55s cubic-bezier(.22,.72,.22,1),box-shadow .55s cubic-bezier(.22,.72,.22,1)}
.problem-grid a:before{content:"";position:absolute;inset:auto -25% -45% 25%;height:135px;background:radial-gradient(ellipse,#72d6df70,transparent 70%);pointer-events:none;transform:translateY(30px);transition:transform .55s cubic-bezier(.22,.72,.22,1)}
.problem-grid a:hover,.problem-grid a:focus-visible{transform:translateY(-6px);box-shadow:0 25px 38px #16485520}.problem-grid a:hover:before,.problem-grid a:focus-visible:before{transform:translateY(0)}
.problem-grid a>span{font:.72rem/1.5 var(--mono);color:var(--gold);letter-spacing:.08em}
.problem-grid strong{position:relative;z-index:1;font:500 clamp(1.17rem,1.5vw,1.4rem)/1.55 var(--serif);margin:auto 0 19px;color:var(--ink)}
.problem-grid small{position:relative;z-index:1;color:#1c6d80;font-size:.86rem;line-height:1.5}
.practice-teaser{margin:12px 0 45px;padding:50px 0;background:#173f50;color:#fffdf6;position:relative;overflow:hidden}
.practice-teaser:after{content:"";position:absolute;right:-50px;top:-120px;width:390px;height:390px;border-radius:50%;border:1px solid #8adce180;box-shadow:0 0 0 40px #8adce112,0 0 0 90px #8adce10a;pointer-events:none}
.practice-teaser .wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:50px}
.practice-teaser h2{font:500 clamp(1.9rem,3vw,2.8rem)/1.25 var(--serif);margin:0 0 14px}.practice-teaser p{max-width:730px;line-height:1.8;color:#d6e9e8;margin:0}.practice-teaser .button{flex-shrink:0;background:#f1e6c6;color:#194656;border:0}

/* Field notes: a luminous, geometric evidence path with long-form reading at its centre. */
.practice-hero{padding:85px 0 67px;background:linear-gradient(130deg,#e8f7f8,#fffdf5 63%,#edf4ec);border-bottom:1px solid #bed6d7;overflow:hidden}
.practice-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}
.practice-type{font:.72rem/1.5 var(--mono);letter-spacing:.13em;color:#947044}
.practice-hero h1{font:500 clamp(2.5rem,4.7vw,4.5rem)/1.18 var(--serif);letter-spacing:-.035em;margin:22px 0 27px}
.practice-hero .lede{max-width:680px;font-size:1.06rem;line-height:1.85;color:#33545c;margin-bottom:26px}
.practice-constellation{position:relative;min-height:395px;isolation:isolate}
.practice-constellation:before{content:"";position:absolute;inset:9% 11%;border:1px solid #429eb688;border-radius:50%;box-shadow:0 0 0 31px #51bcc212,0 0 0 70px #51bcc20a;transform:rotate(-24deg)}
.practice-constellation:after{content:"";position:absolute;left:12%;top:50%;width:75%;height:1px;background:linear-gradient(90deg,transparent,#3797ab,#b7975d,transparent);transform:rotate(-33deg);box-shadow:0 0 20px #42b9c2}
.constellation-core{position:absolute;left:39%;top:31%;width:125px;height:125px;z-index:2;background:linear-gradient(138deg,#b5f3fb,#328da9 48%,#163e61);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:0 0 0 8px #d4f9fa;filter:drop-shadow(0 18px 24px #1f779043);animation:crystal-float 5s cubic-bezier(.3,.65,.25,1) infinite alternate}
.constellation-core:after{content:"";position:absolute;inset:17px;background:linear-gradient(120deg,#ffffffa6,transparent 58%);clip-path:inherit}
.constellation-point{position:absolute;z-index:3;padding:8px 10px;background:#fffefaf0;border:1px solid #a7cdd0;border-radius:7px;font:.7rem/1.4 var(--mono);letter-spacing:.06em;color:#1a687a;box-shadow:0 9px 18px #21546719}
.constellation-point.p1{left:9%;top:13%}.constellation-point.p2{right:6%;top:20%}.constellation-point.p3{left:6%;bottom:18%}.constellation-point.p4{right:14%;bottom:8%}
@keyframes crystal-float{from{transform:translateY(8px) rotate(-4deg)}to{transform:translateY(-9px) rotate(4deg)}}
.practice-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:74px;padding-top:46px;padding-bottom:90px}
.practice-nav{position:sticky;top:113px;align-self:start;display:flex;flex-direction:column;gap:4px;padding-top:14px}
.practice-nav p{font:.7rem/1.5 var(--mono);letter-spacing:.1em;color:var(--gold);margin:0 0 17px}
.practice-nav a{font-size:.9rem;line-height:1.5;padding:10px 11px;border-radius:7px;color:var(--muted);transition:background .35s cubic-bezier(.2,.7,.2,1),color .35s cubic-bezier(.2,.7,.2,1)}
.practice-nav a:hover,.practice-nav a.active{color:#0f637a;background:#e3f3f3}.practice-nav a.active{font-weight:700}
.case-reuse-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:reuse}
.case-reuse-list li{counter-increment:reuse;position:relative;min-width:0;padding:22px 22px 21px 64px;background:linear-gradient(130deg,#fffdf8,#eff7f6);border:1px solid #b7d0d0;border-radius:10px;box-shadow:0 8px 24px rgba(11,49,68,.045)}
.case-reuse-list li:before{content:counter(reuse,decimal-leading-zero);position:absolute;left:20px;top:22px;font:.78rem/1.5 var(--mono);color:var(--gold)}
.case-reuse-list strong{display:block;font-size:1rem;line-height:1.5;color:var(--blue)}
.case-reuse-list p{margin:7px 0 0;color:var(--muted);font-size:.9rem;line-height:1.75}
@media(max-width:700px){.case-reuse-list{grid-template-columns:1fr}.case-reuse-list li{padding:18px 18px 18px 54px}.case-reuse-list li:before{left:17px;top:18px}}
.practice-content{min-width:0}
.practice-entry{padding:45px 0 75px;border-bottom:1px solid #b7d4d5;scroll-margin-top:110px}
.practice-entry:first-child{padding-top:14px}
.practice-entry-heading{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start}
.practice-number{font:400 2.5rem/1 var(--serif);color:#1e8198;border-top:1px solid #a3cbd0;padding-top:10px}
.practice-entry h2{font:500 clamp(1.9rem,3vw,3.05rem)/1.28 var(--serif);letter-spacing:-.028em;max-width:830px;margin:12px 0 13px}
.practice-summary{color:#336170;font-size:1.07rem;line-height:1.75;max-width:760px;margin:0}
.practice-story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:45px;margin:37px 0 0 88px}
.practice-main h3{font-size:1.13rem;margin:0 0 8px;color:#1c5262}.practice-main h3:not(:first-child){margin-top:32px}
.practice-main>p{font-size:1rem;line-height:1.88;color:#3f5961;max-width:68ch;margin:0}
.practice-turn{margin-top:32px;padding:24px 27px;background:linear-gradient(125deg,#e5f5f5,#f7f8ef);border-left:2px solid #3aabc0;border-radius:0 10px 10px 0}
.practice-turn span,.practice-ledger span{display:block;font:.72rem/1.4 var(--mono);letter-spacing:.065em;color:#856237}
.practice-turn p{font-size:1rem;line-height:1.8;color:#1d4c5b;margin:12px 0 0}
.practice-ledger{background:#fffdf7;border:1px solid #cadad6;border-radius:13px;padding:4px 25px;box-shadow:0 17px 30px #20515a0e;align-self:start}
.practice-ledger>div{padding:24px 0}.practice-ledger>div+div{border-top:1px solid #d9e2dd}
.practice-ledger p{font-size:.94rem;line-height:1.8;color:#3e5960;margin:10px 0 0}
.practice-ledger .practice-limit span{color:#a0593b}
.practice-takeaway{scroll-margin-top:115px;padding:77px 0 10px}.practice-takeaway h2{font:500 clamp(2rem,3.4vw,3.3rem)/1.23 var(--serif);letter-spacing:-.03em;max-width:850px;margin:0 0 35px}
.practice-takeaway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.practice-takeaway-grid p{padding:22px 20px;background:#eaf5f3;border-top:2px solid #57a9b8;border-radius:0 0 10px 10px;margin:0}
.practice-takeaway-grid strong{display:block;font:500 1.2rem/1.4 var(--serif);margin-bottom:12px}.practice-takeaway-grid span{font-size:.9rem;line-height:1.75;color:var(--muted)}
.practice-public-note{max-width:780px;margin:35px 0 0;color:var(--muted);font-size:.87rem;line-height:1.8}.practice-next{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}
.practice-next a{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border:1px solid #a2c8cb;border-radius:8px;color:#126783;background:#f7fcf9;font-size:.9rem;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s cubic-bezier(.2,.7,.2,1)}
.practice-next a:hover{transform:translateY(-3px);background:#e6f6f5}
.factory-resource-hub{background:linear-gradient(130deg,#e9f4f3,#f9f8f0);border-top:1px solid #d1e1db}
.resource-two{display:grid;grid-template-columns:1fr .9fr;gap:8%;align-items:center}.resource-sequence{color:var(--gold);font:.75rem var(--mono);letter-spacing:.1em}
.resource-two h2{font:500 clamp(2.1rem,3.7vw,3.7rem)/1.22 var(--serif);letter-spacing:-.03em;margin:20px 0}.resource-two p:not(.resource-sequence){max-width:590px;color:var(--muted);line-height:1.85;font-size:1rem}
.resource-two .button{margin-top:12px}
.resource-two-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(-2deg)}
.resource-two-visual:after{content:"";position:absolute;z-index:0;left:50%;top:5%;height:90%;width:1px;background:linear-gradient(#b4d7d6,#4eb9c4,#b4d7d6);transform:rotate(-30deg)}
.resource-two-visual>div{position:relative;z-index:1;min-height:118px;padding:20px;background:#fffefa;border:1px solid #b4d0d1;border-radius:12px;box-shadow:0 15px 25px #1d647514}
.resource-two-visual>div:nth-child(2),.resource-two-visual>div:nth-child(4){transform:translateY(29px)}
.resource-two-visual span{display:block;font:.7rem var(--mono);color:#176f89;letter-spacing:.1em}.resource-two-visual strong{display:block;font:500 1.18rem/1.45 var(--serif);margin-top:25px}
.factory-downloads{margin:65px 0 23px}.factory-downloads .download-card{display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:10px;min-height:94px;box-shadow:0 10px 24px #164a5510;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.factory-downloads .download-card:hover{transform:translateY(-4px)}.factory-downloads span{font:500 1.15rem var(--serif)}.factory-downloads strong{font-size:.8rem;color:#176d85}
@media(max-width:1100px){.problem-grid{grid-template-columns:repeat(2,1fr)}.problem-grid a{min-height:205px}.practice-story-grid{grid-template-columns:1fr;margin-left:88px}.practice-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.practice-ledger>div+div{border-top:0}.practice-ledger>div{padding:22px 0}}
@media(max-width:900px){.practice-hero-grid{grid-template-columns:1fr}.practice-constellation{min-height:280px;max-width:570px}.practice-layout{grid-template-columns:1fr;gap:22px}.practice-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid #b7d4d5;padding:0 0 20px}.practice-nav p{flex-basis:100%;margin-bottom:4px}.practice-story-grid{margin-left:0}.resource-two{grid-template-columns:1fr;gap:45px}.resource-two-visual{max-width:580px}.practice-teaser .wrap{align-items:start;flex-direction:column;gap:25px}}
@media(max-width:650px){.hero-top{grid-template-columns:1fr}.problem-section{padding:42px 0 55px}.problem-intro{display:block}.problem-intro p{margin-top:15px}.problem-grid{grid-template-columns:1fr;gap:10px}.problem-grid a{min-height:140px;padding:21px}.problem-grid strong{margin:21px 0 11px}.duo-character{max-width:360px;margin:0 auto}.practice-hero{padding:50px 0 30px}.practice-hero h1{font-size:2.42rem}.practice-constellation{min-height:235px}.constellation-core{width:85px;height:85px;left:40%;top:30%}.constellation-point{font-size:.57rem}.practice-layout{padding-top:25px}.practice-entry{padding:37px 0 58px}.practice-entry-heading{grid-template-columns:1fr;gap:8px}.practice-number{font-size:2rem;width:42px}.practice-entry h2{font-size:1.95rem}.practice-summary{font-size:1rem}.practice-story-grid{margin-top:25px;gap:20px}.practice-ledger{display:block;padding:0 20px}.practice-ledger>div{padding:18px 0}.practice-ledger>div+div{border-top:1px solid #d9e2dd}.practice-takeaway{padding-top:55px}.practice-takeaway-grid{grid-template-columns:1fr}.resource-two-visual{transform:none}.resource-two-visual>div:nth-child(2),.resource-two-visual>div:nth-child(4){transform:none}.factory-downloads{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.constellation-core{animation:none}.problem-grid a,.problem-grid a:before,.practice-next a,.factory-downloads .download-card{transition:none}}
/* Person-first studio: identity, illustrated work, and a useful evidence exercise. */
:root{--bg:#f7f8f5;--paper:#fffef9;--ink:#163e50;--muted:#4d626a;--gold:#806133;--blue:#08728d;--ease-out:cubic-bezier(.16,1,.3,1)}
html{scrollbar-color:#8cacae #edf1ec}
body{background:var(--bg)}
.header-inner{border:0;border-radius:14px;box-shadow:0 8px 32px #193e5010;background:#fffefaed}
.main-nav{gap:22px}.main-nav a{font-size:.875rem}
.button,.button-primary{box-shadow:none;border-radius:8px;transition:background .3s var(--ease-out),transform .3s var(--ease-out)}
.button svg{display:none}.button-primary:hover{box-shadow:none}
.page-hero .eyebrow,.handbook-hero .eyebrow,.section-head .kicker{display:none}
.page-hero h1,.handbook h1,.about-copy h1{color:#143c51}
.page-hero{padding-top:68px;padding-bottom:62px}
.case-card{box-shadow:none;border-radius:12px;overflow:hidden}
.case-card h3{font-family:var(--sans);font-weight:600;letter-spacing:-.025em}
.case-card .case-visual img{transition:transform .9s var(--ease-out)}
.case-card:hover .case-visual img{transform:scale(1.035)}
.atelier-home h1,.atelier-home h2,.atelier-home h3{margin:0;text-wrap:balance}
.atelier-home h2{font:500 clamp(2rem,3.5vw,3.25rem)/1.25 var(--serif);letter-spacing:-.03em}
.atelier-home p{margin:0}
.atelier-section{padding-top:112px;padding-bottom:112px}
.atelier-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.atelier-link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:8px;border:1px solid #809a9c;color:#173f50;font-size:.9375rem;font-weight:600;transition:background .35s var(--ease-out),transform .35s var(--ease-out)}
.atelier-link:hover{background:#e3efed;color:#133c50;transform:translateY(-3px)}
.atelier-link:active{transform:translateY(0) scale(.98)}
.atelier-link.is-primary{background:#163f52;color:#fffef8;border-color:transparent}
.atelier-link.is-primary:hover{background:#075f79}
.arrival{display:grid;grid-template-columns:1.02fr 1fr;gap:5.5%;align-items:center;padding-top:32px;padding-bottom:58px}
.arrival-copy{padding-block:28px}
.arrival h1{font:400 clamp(3.5rem,6.5vw,6rem)/1.05 var(--serif);letter-spacing:-.035em}
.arrival h1 em{font-style:normal;color:#08728d}
.arrival-role{font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.65;font-weight:500;margin-top:25px!important}
.arrival-description{max-width:530px;font-size:1rem;line-height:1.9;color:var(--muted);margin:20px 0 30px!important}
.arrival-stage{position:relative;margin:0;isolation:isolate;aspect-ratio:.92;perspective:1000px}
.arrival-city{position:absolute;left:0;top:7%;width:100%;height:83%;object-fit:cover;object-position:48%;border-radius:46% 46% 12px 12px;box-shadow:0 22px 44px #233f5020}
.portrait-plaque{position:absolute;width:54%;right:7%;top:25%;padding:8px;background:#fffefa;border-radius:12px;box-shadow:0 20px 50px #102f5140;transform:rotate(3deg);transition:transform .9s var(--ease-out)}
.portrait-plaque>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.portrait-plaque>div{display:flex;flex-direction:column;padding:10px 12px 7px;line-height:1.5}
.portrait-plaque strong{font:400 1.6rem/1.2 var(--serif);color:#163f52}
.portrait-plaque span{font-size:.75rem;color:#526772;margin-top:4px}
.arrival-stage figcaption{position:absolute;left:0;right:0;bottom:1%;text-align:center;font-size:.8125rem;color:#566a70}
.stage-rule{position:absolute;inset:2% 6% 15%;border:1px solid #aa8c57;border-radius:46% 46% 8px 8px;z-index:-1;transform:translateX(-11px)}
.studio-chapters{display:flex;align-items:center;gap:30px;padding-block:22px;border-block:1px solid #c9d5d2}
.studio-chapters>span{margin-right:auto;color:#65726f;font-size:.875rem}
.studio-chapters>a{font-size:.875rem;padding-block:6px;text-underline-offset:7px}
.studio-chapters>a:hover{text-decoration:underline}
.editorial-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:end;margin-bottom:50px}
.editorial-heading>p{color:var(--muted);font-size:1rem;line-height:1.9;max-width:470px}
.work-spread{display:grid;grid-template-columns:1fr 1fr;gap:9%}
.work-context{border-top:1px solid #a6bcb9;padding-top:29px}
.work-context h3{font:500 clamp(1.65rem,2.5vw,2.3rem)/1.2 var(--serif);letter-spacing:-.025em}
.work-context .work-subject{color:#0c7187;font-weight:600;margin:12px 0 22px}
.work-context>p:not(.work-subject){color:var(--muted);line-height:1.9}
.work-trace{list-style:none;padding:21px 0 0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.875rem}
.work-trace li{border-bottom:1px solid #b89457;padding-bottom:6px}
.work-context>a{font-size:.875rem;color:#145d70;text-decoration:underline;text-underline-offset:6px}
.quiet-note{font-size:.875rem!important;line-height:1.8;color:#5e7176;margin-top:35px!important;max-width:900px}
.companion-section{background:#e3eff0;padding:92px 0;position:relative;overflow:hidden}
.companion-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}
.companion-portrait{margin:0;text-align:center}
.companion-portrait img{width:100%;max-width:350px;margin:auto;border-radius:50%;box-shadow:0 23px 40px #193c4a1c}
.companion-portrait figcaption{font-size:.875rem;line-height:1.6;color:#436770;margin-top:24px}
.companion-story>p{color:#355968;font-size:1rem;line-height:1.85;margin-top:23px}
.name-switch{display:inline-flex;gap:3px;background:#d0e2e3;padding:5px;border-radius:10px;margin-top:26px;flex-wrap:wrap}
.name-switch button{border:0;border-radius:6px;background:transparent;padding:9px 16px;min-height:44px;font-size:.875rem;color:#29525e}
.name-switch button[aria-pressed=true]{background:#fffefa;box-shadow:0 3px 8px #20445b13;color:#174756}
.name-display{padding:25px 0 23px;border-bottom:1px solid #abc8c8;min-height:140px}
.name-display>strong{display:block;font:400 clamp(2.3rem,4vw,3.5rem)/1.2 var(--serif);letter-spacing:-.03em;color:#123e54}
.name-display>strong span{color:#147b94}
.name-display>p{font-size:.875rem;line-height:1.7;color:#426673;margin-top:8px}
.companion-story .origin-line{font-size:.9375rem}
.selected-work{background:#fffdf8}
.case-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:6%;align-items:center;margin-top:65px}
.case-feature+.case-feature{margin-top:95px}
.case-landscape{position:relative;display:block;min-width:0;perspective:1000px;border-radius:12px;overflow:hidden;background:#d9e9e7;transition:transform .6s var(--ease-out);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.case-landscape>img{width:100%;aspect-ratio:1.4;object-fit:cover;transition:transform 1s var(--ease-out)}
.case-landscape:hover>img{transform:scale(1.045)}
.case-art-label{position:absolute;left:18px;top:18px;background:#fffdf2ed;padding:5px 10px;border-radius:4px;font-size:.75rem;color:#375764}
.case-sequence{position:absolute;bottom:19px;left:19px;right:19px;display:flex;background:#fffcf1f2;border-radius:8px;padding:19px 12px;justify-content:space-around;gap:10px;box-shadow:0 6px 22px #23465016}
.case-sequence>span{font-size:.875rem;line-height:1.5;color:#173e51}
.case-sequence small{display:block;font-family:var(--mono);font-size:.75rem;color:#806133;margin-bottom:5px}
.case-editorial .case-scope{font-size:.875rem;color:#765b35;line-height:1.7;margin:16px 0 0}
.case-editorial h3{font:500 clamp(1.7rem,2.7vw,2.45rem)/1.4 var(--serif);letter-spacing:-.03em}
.case-editorial>p:not(.case-scope){margin-top:23px;color:var(--muted);font-size:1rem;line-height:1.9}
.case-editorial .atelier-link{margin-top:27px}
.case-feature-reverse{grid-template-columns:.75fr 1.25fr}
.case-feature-reverse .case-landscape{order:2}.case-feature-reverse .case-editorial{order:1}
.evidence-lab{background:#163f52;color:#fffdf1}
.evidence-lab .editorial-heading>p{color:#c7dee0}
.evidence-workbench{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f7f9f5;color:#173f51;border-radius:12px;overflow:hidden}
.evidence-input{padding:37px 40px;background:#e9eeea}
.sample-label{font-size:.8125rem;color:#53695f}
.evidence-input h3{font:500 1.6rem/1.4 var(--serif);margin:12px 0 26px}
.evidence-input dl{margin:0}.evidence-input dl>div{margin:0;padding:16px 0;border-top:1px solid #bfd0cb}
.evidence-input dt{font-size:.875rem;color:#566b69}.evidence-input dd{margin:7px 0 0;line-height:1.8;font-size:1rem}
.evidence-review{padding:37px 40px;display:flex;flex-direction:column}
.review-steps{display:flex;gap:10px;list-style:none;padding:0 0 20px;margin:0;position:relative}
.review-steps:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#c0d7d9}
.review-steps>li{flex:1}
.review-steps button{width:100%;background:transparent;border:1px solid #b4cecf;border-radius:6px;color:#3f5e68;font-size:.875rem;min-height:45px;padding:7px 12px}
.review-steps button[aria-pressed=true]{background:#115f77;border-color:#115f77;color:#fffdf3}
.review-output{padding:30px 0;flex:1}
.review-output>span{color:#806036;font-size:.875rem}
.review-output>h3{font:500 1.65rem/1.45 var(--serif);margin:15px 0}
.review-output>p{font-size:1rem;color:#49626d;line-height:1.9}
.exercise-disclosure{font-size:.8125rem;color:#62736f}
.exercise-next{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:32px}
.exercise-next>p{font-size:.9375rem;max-width:620px;color:#c9dfe1}
.exercise-next .atelier-link.is-primary{background:#efe4c9;color:#173f50;flex-shrink:0}
.exercise-next .atelier-link:focus-visible{outline-color:#efe4c9}
.system-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}
.system-art{position:relative}.system-art>img{width:100%;aspect-ratio:.85;object-fit:cover;border-radius:12px}
.system-art>span{position:absolute;bottom:15px;left:15px;padding:4px 8px;background:#fffcf3e8;font-size:.75rem}
.system-copy>p{color:var(--muted);line-height:1.9;margin-top:24px}
.system-thread{list-style:none;padding:0;margin:30px 0;position:relative}
.system-thread>li{display:flex;align-items:baseline;gap:25px;padding:15px 0;border-top:1px solid #bfd1cc}
.system-thread strong{font-size:1rem;min-width:70px}
.system-thread span{font-size:.9375rem;color:var(--muted)}
.reading-room{background:#eaf1ec}
.reading-list{border-top:1px solid #a4beb9}
.reading-list>a{display:grid;grid-template-columns:125px 1fr 50px;gap:25px;align-items:center;padding:26px 0;border-bottom:1px solid #a4beb9;transition:padding .5s var(--ease-out),background .5s var(--ease-out)}
.reading-list>a:hover{padding-inline:18px;background:#f5f8f2}
.reading-list>a>span{font-size:.875rem;color:#4f6b64}
.reading-list h3{font:500 1.2rem/1.6 var(--sans);letter-spacing:-.015em}
.reading-list .read-action{color:#145970;text-align:right}
.studio-close{display:flex;gap:28px;align-items:center;padding-block:65px}
.studio-close>img{width:75px;height:75px;object-fit:cover;border-radius:12px}
.studio-close>div{flex:1}.studio-close h2{font:500 1.5rem/1.5 var(--serif)}
.studio-close p{font-size:.9375rem;line-height:1.8;color:var(--muted);margin-top:9px}
.studio-close>.atelier-link{flex-shrink:0}
.site-footer{background:#edf0e8}
@keyframes atelier-arrive{from{transform:translateY(25px)}to{transform:translateY(0)}}
@keyframes atelier-stamp{from{transform:translateY(15px) rotate(0)}to{transform:translateY(0) rotate(3deg)}}
@media(prefers-reduced-motion:no-preference){.arrival-copy{animation:atelier-arrive 1s var(--ease-out) both}.portrait-plaque{animation:atelier-stamp 1.2s var(--ease-out) both}}
@media(min-width:900px) and (hover:hover){.arrival-stage:hover .portrait-plaque{transform:rotate(0) translateY(-8px)}}
@media(max-width:1100px){.main-nav{gap:15px}.header-inner{gap:18px}.main-nav a{font-size:.8125rem}.arrival{gap:4%}.arrival h1{font-size:4.9rem}.arrival-stage{aspect-ratio:.78}.portrait-plaque{width:67%;right:4%;top:31%}.case-feature{gap:5%}.editorial-heading{gap:6%}.atelier-section{padding-block:88px}}
@media(max-width:900px){.arrival{grid-template-columns:1fr 1fr;gap:5%}.arrival h1{font-size:4.2rem}.arrival-role{font-size:1.12rem}.arrival-description{font-size:.9375rem}.arrival-stage{aspect-ratio:.66}.arrival-city{top:4%;height:89%}.portrait-plaque{width:80%;top:33%;right:3%}.portrait-plaque span{font-size:.7rem}.arrival-stage figcaption{font-size:.75rem}.studio-chapters{gap:20px}.studio-chapters>span{display:none}.companion-layout{gap:7%}.case-feature,.case-feature-reverse{grid-template-columns:1fr 1fr}.case-sequence{left:12px;right:12px;bottom:12px;gap:7px;padding:13px 9px}.case-sequence>span{font-size:.75rem}.case-landscape>img{aspect-ratio:.98}.evidence-input,.evidence-review{padding:28px}.exercise-next{align-items:start}.system-story{gap:6%}.studio-close{flex-wrap:wrap}.studio-close>.atelier-link{margin-left:103px}.main-nav a{font-size:1rem}}
@media(max-width:700px){.arrival{grid-template-columns:1fr;padding-top:20px;padding-bottom:35px;gap:8px}.arrival-copy{padding:8px 0 12px}.arrival h1{font-size:clamp(3.5rem,13vw,5rem)}.arrival-role{font-size:1.15rem;margin-top:19px!important}.arrival-description{font-size:1rem;margin:17px 0 24px!important}.arrival-stage{aspect-ratio:1.13;width:100%;max-width:510px;margin:0 auto}.arrival-city{top:5%;height:85%;object-position:center 45%;border-radius:40% 40% 10px 10px}.portrait-plaque{width:46%;top:18%;right:9%}.portrait-plaque>div{padding:7px}.portrait-plaque strong{font-size:1.3rem}.portrait-plaque span{font-size:.65rem;line-height:1.45}.arrival-stage figcaption{bottom:0;font-size:.75rem}.stage-rule{inset:0 4% 14%;border-radius:40% 40% 8px 8px}.studio-chapters{flex-wrap:wrap;gap:2px 22px;padding-block:16px}.studio-chapters>a{font-size:.8125rem}.atelier-section{padding-block:66px}.editorial-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.editorial-heading>p{font-size:1rem}.atelier-home h2{font-size:2.1rem;line-height:1.35}.work-spread{grid-template-columns:1fr;gap:40px}.work-context h3{font-size:1.85rem}.work-context .work-subject{margin:10px 0 16px}.work-trace{margin-bottom:20px}.quiet-note{font-size:.8125rem!important;margin-top:28px!important}.companion-section{padding:60px 0}.companion-layout{grid-template-columns:1fr;gap:38px}.companion-portrait img{width:170px}.companion-portrait figcaption{margin-top:15px;font-size:.8125rem}.name-display>strong{font-size:2.8rem}.name-display{min-height:143px}.case-feature,.case-feature-reverse{grid-template-columns:1fr;gap:24px;margin-top:35px}.case-feature+.case-feature{margin-top:65px}.case-feature-reverse .case-landscape,.case-feature-reverse .case-editorial{order:initial}.case-landscape>img{aspect-ratio:1.2}.case-sequence{bottom:13px;left:13px;right:13px;padding:15px 10px}.case-sequence>span{font-size:.8125rem}.case-editorial h3{font-size:1.8rem;line-height:1.45}.case-editorial .case-scope{margin-bottom:12px;font-size:.8125rem}.case-editorial>p:not(.case-scope){margin-top:15px}.case-editorial .atelier-link{margin-top:20px}.evidence-workbench{grid-template-columns:1fr}.evidence-input,.evidence-review{padding:25px 22px}.evidence-input h3{font-size:1.45rem}.evidence-input dd{font-size:.9375rem}.review-output{min-height:262px;padding:24px 0}.review-output>h3{font-size:1.5rem}.review-steps{gap:7px}.review-steps button{padding:7px;font-size:.8125rem}.exercise-next{flex-direction:column;gap:23px}.system-story{grid-template-columns:1fr;gap:32px}.system-art>img{aspect-ratio:1.45}.system-thread>li{gap:16px}.system-thread span{font-size:.875rem}.reading-list>a{grid-template-columns:1fr auto;gap:9px 18px;padding:23px 0}.reading-list>a>span:first-child{grid-column:1 / -1;font-size:.8125rem}.reading-list h3{font-size:1.1rem}.reading-list>a:hover{padding-inline:0;background:transparent}.studio-close{padding-block:45px;gap:20px}.studio-close>img{width:62px;height:62px}.studio-close>div{flex-basis:calc(100% - 82px)}.studio-close h2{font-size:1.25rem}.studio-close p{font-size:.875rem}.studio-close>.atelier-link{margin-left:0}.atelier-link{font-size:.875rem;padding:11px 16px;min-height:48px}.atelier-actions{gap:10px}.page-hero{padding-top:38px;padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.case-landscape,.portrait-plaque,.arrival-copy{transform:none!important;animation:none!important}.atelier-home *{scroll-behavior:auto!important;transition:none!important}}
@media print{.atelier-home{background:white}.atelier-home section{background:white;color:black}.atelier-section{padding-block:25px}.arrival-stage{max-width:350px}.evidence-lab .editorial-heading>p,.exercise-next>p{color:black}.name-switch,.review-steps{display:none}}