@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f2f0e8;--ink:#17201a;--muted:#66706a;--blue:#2449bf;--lime:#d7f76c;--orange:#ff7752;--line:rgba(23,32,26,.15);--card:#e7e5dc;--mono:'DM Mono',monospace;--sans:'DM Sans','Microsoft Yahei',sans-serif;--serif:'Playfair Display','Songti SC',serif;--shadow:0 24px 80px rgba(21,34,26,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;transition:background .3s,color .3s}body.dark{--paper:#171d1a;--ink:#edf1e7;--muted:#a0aa9f;--line:rgba(237,241,231,.17);--card:#222b26;--shadow:0 24px 80px rgba(0,0,0,.3)}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.1;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 baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.section-wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--paper) 91%,transparent);backdrop-filter:blur(14px)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.04em}.wordmark i{font:10px var(--mono);font-style:normal;font-weight:400;letter-spacing:.08em;color:var(--muted)}.mark{width:30px;height:30px;background:var(--blue);color:var(--lime);border-radius:9px;display:grid;place-items:center;font:12px var(--mono)}.main-nav{display:flex;gap:40px;margin-left:70px}.main-nav a{font-size:12px;color:var(--muted);transition:color .2s}.main-nav a:hover,.footer a:hover{color:var(--blue)}.main-nav a span{font:9px var(--mono);color:#a9afa8}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn,.menu-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent}.pill-button{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 15px 12px 20px;font-size:12px;transition:transform .2s,box-shadow .2s}.pill-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #101b2230}.pill-dark{background:var(--ink);color:var(--paper)}.pill-lime{background:var(--lime);color:#17201a}.pill-outline{color:var(--paper);border:1px solid #9ba49c;background:transparent}.arrow{font-size:16px}.menu-toggle{display:none}
.hero{min-height:680px;padding:93px 0 70px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px}.hero-copy{padding:16px 0 0 15px}.eyebrow{font:10px var(--mono);letter-spacing:.1em;color:var(--muted);display:flex;gap:10px;align-items:center}.pulse-dot,.flow-live i{width:7px;height:7px;background:#79b74b;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #79b74b22}.eyebrow-year{margin-left:18px;color:#a0a49e}.hero h1{font-size:clamp(58px,7.2vw,101px);letter-spacing:-.075em;line-height:1.1;font-weight:600;margin:28px 0 37px}.stroke-word{color:var(--blue);position:relative;white-space:nowrap}.stroke-word:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:7px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.period{color:var(--orange)}.hero-bottom{display:flex;align-items:flex-end;gap:35px}.hero-intro{font-size:14px;color:var(--muted);line-height:1.95;margin:0;max-width:350px}.hero-intro strong{color:var(--ink);font-size:16px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid var(--blue);padding-bottom:6px;color:var(--blue)}.hero-art{height:450px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:450px;height:450px}.orbit-b{width:365px;height:365px;border-style:dashed;opacity:.6}.art-card{position:relative;width:min(405px,84%);height:310px;background:var(--blue);color:#eff0e4;border-radius:5px;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 70px #2449bf38;overflow:hidden}.art-card:before,.art-card:after{content:"";position:absolute;border-radius:50%;border:1px solid #eaf3cd2b;width:280px;height:280px;top:10px;left:calc(50% - 140px)}.art-card:after{width:210px;height:210px;top:45px;left:calc(50% - 105px)}.art-card-top,.art-card-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em}.art-card-live{font-size:8px;color:#b8c6f6}.art-card-live i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px}.art-center{position:relative;z-index:1;display:grid;justify-items:center}.art-asterisk{font-size:56px;line-height:1;color:var(--lime);margin-bottom:5px}.art-name{font-size:37px;letter-spacing:.08em}.art-role{font:9px var(--mono);letter-spacing:.13em;margin-top:8px;color:#c1cdf5}.art-card-bottom{color:#d8e1ff}.float-note{position:absolute;z-index:3;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:11px 14px;box-shadow:0 12px 35px #1e2a2314;font-size:10px;color:var(--muted);line-height:1.5}.float-note b{color:var(--ink)}.note-top{right:0;top:42px;transform:rotate(3deg)}.note-bottom{left:8px;bottom:38px;transform:rotate(-2deg)}.note-number{font:9px var(--mono);color:var(--blue)}.note-icon{font-size:19px;color:var(--orange)}.note-icon.lime{background:var(--lime);color:var(--ink);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:14px}.art-caption{position:absolute;bottom:0;left:50%;width:min(405px,84%);transform:translateX(-50%);display:flex;justify-content:space-between;color:var(--muted);font:8px var(--mono)}.art-spark{position:absolute;color:var(--orange);font-size:25px}.spark-one{top:63px;left:11%}.spark-two{right:11%;bottom:76px;color:var(--blue);font-size:15px}.hero-edge{position:absolute;left:0;right:0;bottom:21px;display:flex;align-items:center;gap:20px;color:#969d95;font:8px var(--mono);letter-spacing:.1em}.edge-line{height:1px;background:var(--line);flex:1}.proof-strip{background:var(--ink);color:var(--paper)}.proof-inner{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:24px}.proof-label{font:9px var(--mono);letter-spacing:.1em;color:#9ca89c}.proof-inner>span:not(:first-child){font-size:12px;white-space:nowrap}.proof-inner b{color:var(--lime);font-size:14px}
.work-section{padding-top:119px;padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.section-head h2,.capability-lead h2,.about-main h2{font-size:clamp(40px,5.2vw,67px);letter-spacing:-.065em;line-height:1.16;font-weight:500;margin:18px 0 0}.serif-italic{font-family:var(--serif);font-style:italic}.section-head>p{max-width:310px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 4px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);border-radius:99px;background:transparent;padding:7px 13px;font-size:10px;color:var(--muted);transition:.2s}.filter-chip:hover,.filter-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filter-chip span{color:var(--lime);margin-left:4px;font:9px var(--mono)}.work-count{font:9px var(--mono);color:var(--muted)}.work-count span{color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{min-width:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden;cursor:pointer;transition:transform .26s,box-shadow .26s}.project-card:hover,.project-card:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow);outline:none}.project-visual{height:214px;position:relative;overflow:hidden;padding:16px;background:#dce3db}.visual-flow{background:#dee5db}.visual-ai{background:#e8dfd5}.visual-editor{background:#d9e3ef}.visual-content{background:#ebe0dc}.visual-research{background:#dbdfcb}.visual-brand{background:#e9e2da}.visual-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(var(--ink) .5px,transparent .5px);background-size:9px 9px}.visual-chip{position:absolute;top:12px;left:12px;border:1px solid #17201a44;background:#f2f0e8bb;color:#17201a;border-radius:99px;padding:4px 8px;font:8px var(--mono);z-index:2}.visual-symbol{position:absolute;right:25px;top:18px;color:#17201a1f;font:100px var(--serif);line-height:1}.mini-browser{position:absolute;left:50%;top:50%;width:72%;height:143px;transform:translate(-50%,-45%) rotate(-2deg);background:#f6f5ee;box-shadow:0 14px 28px #17201a28;border:1px solid #fff;border-radius:4px;overflow:hidden}.browser-bar{height:14px;background:#e8e9e2;display:flex;gap:3px;padding-left:8px;align-items:center}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#a2aba0}.mini-cover{height:129px;padding:15px 16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.mini-cover b{font-size:17px;line-height:1.25;color:#17201a}.mini-cover span{font:7px var(--mono);color:#68746c}.mini-cover em{font-size:8px;font-style:normal;padding:5px 8px;background:#2449bf;color:#fff;align-self:flex-start}.mini-disc{position:absolute;width:96px;height:96px;border-radius:50%;right:7px;bottom:-27px;background:var(--lime)}.mock-window{width:80%;height:147px;background:#f7f6ef;box-shadow:0 14px 28px #17201a22;border-radius:5px;padding:14px 15px;transform:rotate(2deg);position:relative}.mock-top{display:flex;gap:5px;font:8px var(--mono);color:#53615a}.mock-top strong{font-family:var(--sans);font-size:8px;color:#17201a;margin-right:auto}.mock-hero{margin-top:13px;color:#17201a;font-size:13px;font-weight:600;line-height:1.35}.mock-sub{font-size:7px;color:#7d877f;margin-top:3px}.mock-cta{margin-top:9px;background:#2449bf;color:white;padding:4px 8px;border-radius:2px;display:inline-block;font-size:7px}.mock-orb{position:absolute;width:81px;height:81px;border:1px solid #ff775288;border-radius:50%;right:17px;bottom:8px}.mock-tiles{display:flex;gap:8px;margin-top:11px}.mock-tiles i{flex:1;height:31px;background:#e9ede5;border-radius:2px}.mock-tiles i:nth-child(2){background:#f2e7dc}.mock-map{position:absolute;inset:40px 10px 12px;display:flex;align-items:center;justify-content:space-between}.mock-map:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:#879e76}.mock-map b{z-index:1;width:40px;height:40px;border-radius:50%;background:#f6f4e9;border:1px solid #9aab8a;display:grid;place-items:center;font-size:13px;color:#526546}.mock-map b:nth-child(3){background:#d7f76c;border-color:#d7f76c}.mock-doc{position:absolute;top:34px;left:15%;width:43%;height:126px;background:#fffdf8;box-shadow:3px 6px 18px #20271e30;padding:14px 11px;transform:rotate(-5deg)}.mock-doc:nth-child(2){left:39%;top:45px;transform:rotate(6deg)}.mock-doc b{font-size:9px}.mock-doc i{display:block;height:2px;background:#cbd1ca;margin-top:8px;width:90%}.mock-play{position:absolute;right:14%;bottom:27px;width:43px;height:43px;background:var(--orange);color:white;border-radius:50%;display:grid;place-items:center;font-size:15px}.project-info{padding:16px 17px 18px;display:flex;flex-direction:column;flex:1}.project-topline{display:flex;justify-content:space-between;color:var(--muted);font:8px var(--mono)}.project-topline b{font-weight:400;color:var(--blue)}.project-info h3{font-size:18px;line-height:1.3;margin:12px 0 6px}.project-info p{color:var(--muted);font-size:11px;line-height:1.75;margin:0;min-height:39px}.project-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:11px;margin-top:14px}.tags{display:flex;gap:5px}.tag{font:8px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 7px}.open-project{font-size:14px;color:var(--blue)}.work-foot{border-bottom:1px solid var(--line);padding:22px 0 0;margin-top:4px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono)}
.capabilities-section{background:var(--blue);color:#f2f0e8;padding:108px 0 100px;position:relative;overflow:hidden}.capabilities-section:after{content:"✳";position:absolute;right:-70px;bottom:-160px;color:#ffffff09;font-size:520px}.capabilities-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:center;position:relative;z-index:1}.capability-lead .eyebrow{color:#c3ccef}.eyebrow-line{width:25px;height:1px;background:var(--lime)}.capability-lead h2{font-size:clamp(39px,4.5vw,58px);margin:22px 0 17px}.capability-lead h2 .serif-italic{color:var(--lime)}.capability-lead>p{color:#d2d9ef;font-size:12px;line-height:1.95;max-width:370px}.capability-actions{display:flex;align-items:center;gap:14px;margin-top:30px}.capability-actions>span{color:#c3ccef;font-size:9px}.flow-card{background:#f2f0e8;color:#17201a;border-radius:4px;padding:18px 19px 14px;box-shadow:0 25px 70px #17203a44}.flow-top,.flow-card-foot{display:flex;justify-content:space-between;font:8px var(--mono);color:#778078}.flow-live{color:#4f6e4a}.flow-live i{width:6px;height:6px;box-shadow:none;margin-right:5px}.flow-map{position:relative;display:flex;justify-content:space-between;margin:35px 4px 25px}.flow-line{height:1px;background:#c5ccc1;position:absolute;top:22px;left:9%;right:9%}.flow-node{border:0;background:transparent;z-index:1;display:flex;align-items:center;flex-direction:column;gap:7px;width:18%;padding:0}.node-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e8e9df;color:#69776c;border:1px solid #d4d9ce;font-size:18px;transition:.25s}.flow-node.selected .node-icon,.flow-node:hover .node-icon{background:var(--lime);border-color:var(--lime);color:#17201a;transform:scale(1.08)}.node-label{font-size:9px;color:#354039}.node-index,.flow-step{font:8px var(--mono);color:#97a096}.flow-detail{display:flex;align-items:flex-start;gap:13px;border-top:1px solid #d6d9d1;padding:15px 0 13px}.detail-dot{color:var(--blue);font-size:16px}.flow-detail>div{flex:1}.flow-detail b{font-size:11px}.flow-detail p{font-size:9px;line-height:1.7;color:#738078;margin:4px 0 0}.flow-card-foot{border-top:1px solid #d6d9d1;padding-top:11px;font-size:7px}
.about-section{display:grid;grid-template-columns:230px 1fr;padding-top:123px;padding-bottom:130px;gap:38px}.about-aside{display:flex;flex-direction:column;align-items:flex-start}.about-aside .eyebrow{font-size:9px}.about-index{font:11px var(--mono);margin-top:34px}.about-index span{color:#b6bcb3;padding:0 6px}.aside-mark{color:var(--orange);font-size:28px;margin-top:auto}.about-main h2{font-size:clamp(44px,5.3vw,70px);margin:0}.about-summary{max-width:540px;color:var(--muted);font-size:13px;line-height:2;margin:23px 0 37px}.about-columns{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:20px 0}.note-no{font:8px var(--mono);letter-spacing:.08em;color:var(--blue)}.about-note p{font-size:11px;line-height:1.9;margin:10px 0 0;color:var(--muted)}.thesis-card{margin-top:27px;background:#e8e5dc;color:#17201a;padding:21px 24px;display:flex;align-items:center;gap:21px}.thesis-star{font-size:29px;color:var(--orange)}.thesis-card>div{flex:1}.thesis-card h3{font-size:17px;line-height:1.55;font-weight:500;margin:8px 0 6px}.thesis-card p{font-size:10px;color:var(--muted);margin:0}.thesis-tag{font:8px var(--mono);color:var(--blue);border:1px solid #2449bf45;padding:4px 7px;align-self:flex-start}.outro-section{min-height:450px;background:#202c29;color:#f2f0e8;position:relative;overflow:hidden;padding:77px 0 68px}.outro-inner{position:relative;z-index:1}.outro-inner .eyebrow{color:#b8c1b6}.outro-inner h2{font-size:clamp(48px,6.6vw,83px);font-weight:500;letter-spacing:-.07em;line-height:1.12;margin:21px 0 16px}.outro-inner h2 .serif-italic{color:var(--lime)}.outro-inner>p{color:#bac4ba;font-size:12px;margin:0}.outro-actions{display:flex;align-items:center;gap:10px;margin-top:25px}.copy-feedback{font-size:10px;color:var(--lime)}.outro-stamp{position:absolute;z-index:1;right:max(calc((100vw - 1240px)/2),44px);top:90px;width:108px;height:108px;border:1px solid #d7f76c66;border-radius:50%;display:grid;place-content:center;text-align:center;font:8px var(--mono);color:#d7f76c;transform:rotate(13deg);line-height:1.7}.outro-stamp span{font-size:17px}.outro-doodle{position:absolute;right:4%;bottom:-220px;color:#ffffff08;font-size:550px;line-height:1}.footer{height:89px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.footer-mark{color:var(--ink);font-size:12px}.footer-mark .mark{width:26px;height:26px;border-radius:8px}.footer-mark i{font-size:8px}.footer a:last-of-type{color:var(--blue)}.footer-year{font:8px var(--mono)}
.project-dialog{width:min(650px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:35px 42px 38px;box-shadow:0 25px 100px #0e1a1d70}.project-dialog::backdrop{background:#121c1db3;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:0;margin:-15px -22px 0 0;width:35px;height:35px;border:1px solid var(--line);background:var(--paper);border-radius:50%;font-size:20px}.dialog-number{font:9px var(--mono);color:var(--blue)}.dialog-title{font-size:33px;line-height:1.2;margin:13px 0 9px}.dialog-lead{color:var(--muted);font-size:12px;line-height:1.9}.dialog-visual{height:130px;background:var(--card);margin:23px 0 20px;display:grid;place-items:center;position:relative;overflow:hidden}.dialog-visual span{font:italic 37px var(--serif);color:var(--blue);position:relative;z-index:1}.dialog-visual:before,.dialog-visual:after{content:"";width:180px;height:180px;border:1px solid var(--line);border-radius:50%;position:absolute}.dialog-visual:after{width:115px;height:115px}.dialog-detail{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:23px 0}.dialog-detail div{border-top:1px solid var(--line);padding-top:11px}.dialog-detail b{display:block;font:8px var(--mono);color:var(--blue);margin-bottom:7px}.dialog-detail p,.dialog-points li{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.dialog-points{padding:0;list-style:none;border-top:1px solid var(--line)}.dialog-points li{padding:9px 0;border-bottom:1px solid var(--line);display:flex;gap:10px}.dialog-points li:before{content:"✳";color:var(--orange)}.dialog-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.reveal{opacity:0;transform:translateY(15px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1020px){.section-wrap{width:calc(100% - 52px)}.topbar{padding-inline:26px}.main-nav{gap:22px;margin-left:25px}.hero{gap:20px}.hero h1{font-size:clamp(58px,8vw,86px)}.project-grid{grid-template-columns:repeat(2,1fr)}.capabilities-layout{gap:40px}.about-section{grid-template-columns:160px 1fr}.outro-stamp{right:28px}}
@media(max-width:700px){html{scroll-padding-top:72px}.section-wrap{width:calc(100% - 38px)}.topbar{height:65px;padding:0 19px}.wordmark{font-size:12px}.mark{width:27px;height:27px}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;margin:0;padding:18px 22px 22px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:16px}.main-nav.open{display:flex}.top-actions{gap:8px}.icon-btn,.menu-toggle{width:34px;height:34px}.top-actions>.pill-button{padding:9px 11px 9px 14px;gap:14px;font-size:10px}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:60px 0;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:8px}.eyebrow-year{margin-left:auto}.hero h1{font-size:clamp(57px,13vw,82px);margin:24px 0 20px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:16px}.hero-intro{font-size:12px}.hero-art{height:350px;margin:10px -9px 9px}.art-orbit{width:min(350px,95vw);height:min(350px,95vw)}.orbit-b{width:min(280px,76vw);height:min(280px,76vw)}.art-card{height:240px;width:min(340px,86%);padding:13px 14px}.art-name{font-size:30px}.art-asterisk{font-size:42px}.art-role{font-size:7px}.float-note{padding:8px 10px;font-size:8px;gap:8px}.note-top{top:18px}.note-bottom{bottom:35px}.art-caption{width:min(340px,86%);font-size:7px}.hero-edge{bottom:15px;gap:9px;font-size:7px}.proof-inner{width:100%;min-height:73px;overflow:auto;justify-content:flex-start;padding:0 19px;gap:19px}.proof-inner>span:not(:first-child){font-size:9px}.work-section{padding-top:76px;padding-bottom:55px}.section-head{display:block;margin-bottom:25px}.section-head h2,.capability-lead h2{font-size:43px;margin-top:13px}.section-head>p{font-size:11px;margin-top:15px}.work-toolbar{align-items:flex-start;flex-direction:column;gap:13px;padding:15px 0}.project-grid{grid-template-columns:1fr;gap:12px}.project-visual{height:210px}.work-foot{font-size:7px;line-height:1.6}.capabilities-section{padding:73px 0 67px}.capabilities-layout{grid-template-columns:1fr;gap:32px}.capability-lead h2{font-size:40px}.flow-card{padding:14px 12px 12px;margin-inline:-2px}.flow-map{margin:29px 0 19px}.flow-node{width:19%}.node-icon{width:38px;height:38px}.flow-line{top:19px}.node-label{font-size:8px}.flow-detail{gap:8px}.flow-detail b{font-size:10px}.flow-detail p{font-size:8px}.about-section{grid-template-columns:1fr;gap:20px;padding-top:78px;padding-bottom:82px}.about-index,.aside-mark{display:none}.about-main h2{font-size:48px}.about-summary{font-size:11px;margin:17px 0 25px}.about-columns{grid-template-columns:1fr;gap:15px;padding:16px 0}.about-note p{font-size:10px;margin-top:5px}.thesis-card{padding:16px 13px;gap:12px;margin-top:18px}.thesis-star{font-size:20px}.thesis-card h3{font-size:13px}.thesis-tag{font-size:6px}.outro-section{min-height:390px;padding:69px 0 50px}.outro-inner h2{font-size:clamp(47px,11vw,70px)}.outro-inner>p{font-size:10px}.outro-stamp{width:68px;height:68px;font-size:6px;right:18px;top:52px}.outro-stamp span{font-size:12px}.outro-actions{flex-wrap:wrap;max-width:280px}.outro-actions .pill-button{padding:10px 12px 10px 15px;font-size:9px;gap:18px}.copy-feedback{width:100%}.footer{height:auto;min-height:88px;padding-block:17px;flex-wrap:wrap}.footer>span:nth-child(2),.footer-year{display:none}.project-dialog{padding:28px 22px}.dialog-close{margin:-13px -10px 0 0}.dialog-title{font-size:27px}.dialog-detail{gap:10px}.dialog-visual{height:105px}}
@media print{.topbar,.hero-art,.hero-edge,.proof-strip,.work-toolbar,.work-foot,.capabilities-section,.outro-section,.footer,.project-dialog,.grain{display:none!important}:root,body,body.dark{--paper:#fff;--ink:#111;--muted:#4b514d;background:#fff;color:#111}.section-wrap{width:100%;max-width:none}.hero{min-height:0;display:block;padding:18px 0 20px}.hero-copy{padding:0}.hero h1{font-size:42px;margin:12px 0}.hero-bottom{display:block}.hero-intro{font-size:10px}.work-section{padding:8px 0 18px}.section-head{margin-bottom:12px}.section-head h2{font-size:29px}.section-head>p{display:none}.project-grid{grid-template-columns:repeat(3,1fr);gap:8px}.project-card{break-inside:avoid;box-shadow:none!important;transform:none!important}.project-visual{height:115px}.project-info{padding:9px}.project-info h3{font-size:12px;margin:6px 0 3px}.project-info p{font-size:8px;min-height:0}.project-foot{padding-top:6px;margin-top:7px}.tags .tag{font-size:6px}.open-project{display:none}.about-section{padding:8px 0 20px;display:block}.about-aside,.about-columns{display:none}.about-main h2{font-size:31px}.about-summary{font-size:9px;margin:9px 0}.thesis-card{padding:10px;margin-top:8px}.thesis-card h3{font-size:11px;margin:4px 0}.thesis-card p{font-size:8px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media print{.reveal{opacity:1!important;transform:none!important}}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px}