@layer reset,base,layout,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0}img{display:block;max-width:100%}a{color:inherit}}@layer base{:root{--paper: #efe6d2;--paper-light: #f7f1e4;--paper-dark: #ddd0b8;--ink: #1d211d;--ink-soft: #4f554d;--ink-mute: #777b70;--cinnabar: #a33b2f;--cinnabar-dark: #782b24;--pine: #3f5148;--rule: rgba(29, 33, 29, .24);--rule-soft: rgba(29, 33, 29, .12);--serif: "Source Serif 4", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace;--han: "Noto Serif SC", "Songti SC", "STSong", serif}body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.6;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{position:fixed;inset:0;z-index:1000;pointer-events:none;content:"";opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:multiply}::selection{color:var(--paper-light);background:var(--cinnabar)}:focus-visible{outline:2px solid var(--cinnabar);outline-offset:4px}.han{font-family:var(--han);font-synthesis:none}}@layer layout{.site-header{position:absolute;top:0;left:0;right:0;z-index:20;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid rgba(29,33,29,.17)}.site-header nav{display:flex;gap:clamp(18px,3vw,42px)}.site-header nav a{font:500 .68rem/1 var(--mono);letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.site-header nav a:hover{color:var(--cinnabar)}.hero{position:relative;min-height:min(900px,100svh);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--rule)}.hero-art,.hero-wash{position:absolute;inset:0}.hero-art{background:url(/images/runix-wanderer-v3.webp) center / cover no-repeat}.hero-wash{background:linear-gradient(90deg,rgba(239,230,210,.97) 0%,rgba(239,230,210,.91) 27%,rgba(239,230,210,.25) 59%,transparent 100%)}.hero-content{position:relative;z-index:2;width:min(760px,64vw);padding:120px 0 80px clamp(24px,8vw,140px);min-width:0}.section{display:grid;grid-template-columns:90px minmax(0,1fr);border-bottom:1px solid var(--rule)}.section-rail{border-right:1px solid var(--rule);padding:44px 0;display:flex;flex-direction:column;align-items:center;gap:28px}.section-rail span{font-size:1.1rem;color:var(--cinnabar)}.section-rail .han{display:block;writing-mode:vertical-rl;white-space:nowrap;font-size:.95rem;line-height:1;letter-spacing:.12em}.chapter-mark{display:flex;align-items:center;gap:8px}.chapter-mark small{writing-mode:vertical-rl;white-space:nowrap;font:500 .47rem/1 var(--mono);letter-spacing:.08em;color:var(--ink-mute)}.section-rail p{writing-mode:vertical-rl;font:500 .58rem/1 var(--mono);letter-spacing:.2em;color:var(--ink-mute)}.section-body{padding:clamp(78px,10vw,150px) clamp(24px,8vw,140px);min-width:0}.section-heading{margin-bottom:clamp(54px,7vw,96px)}.section-heading h2{max-width:950px}}@layer components{.skip-link{position:fixed;top:12px;left:12px;z-index:2000;padding:9px 14px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.scroll-progress{position:fixed;z-index:999;top:0;left:0;width:100%;height:3px}.scroll-progress span{display:block;width:100%;height:100%;background:var(--cinnabar);transform:scaleX(0);transform-origin:left}.wordmark{position:relative;justify-self:start;font:600 1rem/1 var(--mono);letter-spacing:.16em;text-decoration:none}.wordmark span{color:var(--cinnabar)}.wordmark i{position:absolute;right:-13px;bottom:-3px;width:8px;height:8px;border:1px solid var(--cinnabar);transform:rotate(45deg)}.header-mark{justify-self:end;width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--cinnabar);color:var(--cinnabar);text-decoration:none;transform:rotate(-4deg)}.header-mark .han{display:block;font-size:1.05rem;line-height:1}.eyebrow{font:500 .66rem/1.4 var(--mono);letter-spacing:.18em;color:var(--cinnabar);text-transform:uppercase}h1,h2{font-weight:400;line-height:.93;letter-spacing:-.045em}h1{margin:28px 0 34px;font-size:clamp(4.1rem,8.5vw,9rem)}h1 em{color:var(--cinnabar-dark);font-weight:400}h2{margin-top:24px;font-size:clamp(3rem,6.2vw,7.4rem)}h3{font-weight:500;line-height:1.2}.hero-intro{max-width:590px;font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.65;color:var(--ink-soft)}.hero-actions{margin-top:42px;display:flex;align-items:center;gap:30px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 20px;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--paper-light);background:var(--ink)}.button-primary:hover{background:var(--cinnabar-dark)}.button-ghost{border:1px solid var(--ink)}.button-ghost:hover{color:var(--paper-light);background:var(--ink)}.text-link{font:500 .68rem/1 var(--mono);letter-spacing:.08em;text-underline-offset:5px}.text-link:hover{color:var(--cinnabar)}.hero-coordinate{position:absolute;right:clamp(22px,4vw,64px);top:105px;display:flex;gap:12px;font:.58rem/1 var(--mono);letter-spacing:.1em;color:var(--ink-mute)}.hero-caption{position:absolute;z-index:2;right:clamp(22px,4vw,64px);bottom:30px;padding-top:7px;border-top:1px solid var(--ink);font:.58rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.meaning-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(40px,8vw,120px);align-items:start}.meaning-lead{max-width:750px}.meaning-lead p{margin-bottom:25px;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.55}.drop-cap{float:left;margin:-15px 12px 0 0;font-size:7.2rem;line-height:1;color:var(--cinnabar)}.motto{padding:32px 0 0 28px;border-left:2px solid var(--cinnabar)}.motto p{font-size:clamp(2.5rem,4vw,4.6rem);line-height:1;letter-spacing:.12em}.motto p.han{font-size:clamp(2.1rem,3.2vw,3.8rem);line-height:1.2}.motto .pinyin{display:block;margin-top:9px;font:500 .57rem/1.4 var(--mono);letter-spacing:.1em;color:var(--cinnabar)}.motto span{display:block;margin-top:18px;color:var(--ink-soft);font-style:italic}.meaning-notes{margin-top:clamp(70px,9vw,130px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.note{padding:24px 28px 12px 0;border-right:1px solid var(--rule)}.note+.note{padding-left:28px}.note:last-child{border-right:0}.note b{font:500 .62rem/1 var(--mono);letter-spacing:.12em;color:var(--cinnabar)}.note h3{margin:22px 0 12px;font-size:1.35rem}.note p{font-size:.98rem;color:var(--ink-soft)}.projects{background:var(--ink);color:var(--paper-light)}.projects .section-rail,.projects .project,.projects .project-list{border-color:#f7f1e433}.projects .section-rail p,.projects .heading-note,.projects .project-main>span{color:#f7f1e49e}.projects-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;align-items:end}.heading-note{padding-left:20px;border-left:1px solid var(--cinnabar);font-size:1rem}.project-list{border-top:1px solid}.project{display:grid;grid-template-columns:60px minmax(260px,1fr) minmax(180px,.55fr) 36px;align-items:center;gap:28px;padding:34px 0;border-bottom:1px solid;text-decoration:none;transition:color .2s,padding .2s}.project:hover{color:#d26a58;padding-left:12px}.project-index{align-self:start;font:.65rem/1 var(--mono);color:var(--cinnabar)}.project-main>p{margin-bottom:8px;font:.6rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cinnabar)}.project-main h3{margin-bottom:12px;font-size:clamp(1.8rem,3vw,3.3rem);font-weight:400}.project-main>span{display:block;max-width:620px;line-height:1.5}.project ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none}.project li{padding:4px 8px;border:1px solid rgba(247,241,228,.2);font:.58rem/1 var(--mono);letter-spacing:.04em}.project-arrow{justify-self:end;font-size:1.5rem}.principle-list{list-style:none;border-top:1px solid var(--ink)}.balance-manifesto{display:grid;grid-template-columns:clamp(170px,18vw,230px) minmax(0,720px);gap:clamp(30px,6vw,80px);align-items:center;margin:-24px 0 clamp(64px,8vw,110px);padding:clamp(28px,4vw,48px);border:1px solid var(--ink);background:#f7f1e461}.philosophy-symbols{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;color:var(--ink)}.philosophy-mark{display:grid;justify-items:center;gap:10px;flex:1}.philosophy-icon{width:100%;max-width:92px}.taijitu{transform:rotate(-12deg)}.philosophy-mark small{font:.52rem/1 var(--mono);letter-spacing:.12em;white-space:nowrap}.control-mark circle{fill:none;stroke:currentColor}.control-outer{stroke-width:1.5;stroke-dasharray:3 6;opacity:.5}.control-mark .control-core{fill:currentColor;stroke:none}.balance-manifesto h3{margin:14px 0 18px;font-size:clamp(1.8rem,3.4vw,3.6rem);font-weight:400}.balance-manifesto>div>p:last-child{color:var(--ink-soft);font-size:1.05rem}.principle-list li{display:grid;grid-template-columns:80px minmax(190px,.7fr) minmax(280px,1fr);gap:28px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--rule)}.principle-list li>span{font:.66rem/1 var(--mono);color:var(--cinnabar)}.principle-list h3{font-size:clamp(1.45rem,2.5vw,2.5rem);font-weight:400}.principle-list p{max-width:580px;color:var(--ink-soft)}.about{background:#dcd2bd}.about-body{position:relative;min-height:650px;display:grid;grid-template-columns:.55fr 1fr;gap:clamp(50px,10vw,150px);align-items:center}.about-seal{position:relative;justify-self:center;width:clamp(190px,24vw,340px);aspect-ratio:1;display:grid;place-items:center;border:8px double var(--cinnabar);color:var(--cinnabar);transform:rotate(-6deg);opacity:.88}.about-seal span{font-size:clamp(4rem,8vw,8rem);line-height:.82;text-align:center}.seal-pinyin{position:absolute;bottom:10%;font:500 .55rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.about-copy{max-width:720px}.about-copy h2{margin-bottom:38px}.about-lead{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.55}.about-copy>p:not(.eyebrow,.about-lead){margin:22px 0 36px;color:var(--ink-soft)}footer{min-height:170px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:35px clamp(24px,5vw,80px);background:var(--paper-light)}.footer-wordmark{justify-self:start}footer>p{font-style:italic}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}}@layer responsive{@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{min-height:980px;align-items:flex-end}.hero-art{background-position:72% 24px;background-size:auto 65%;background-repeat:no-repeat}.hero-wash{background:linear-gradient(180deg,rgba(239,230,210,.06),rgba(239,230,210,.4) 52%,rgba(239,230,210,.92) 76%,var(--paper) 92%)}.hero-content{width:100%;padding:500px 24px 90px}.hero-caption{display:none}.section{grid-template-columns:54px minmax(0,1fr)}.section-body{padding-left:28px;padding-right:28px}.meaning-grid,.projects-heading,.about-body,.meaning-notes{grid-template-columns:1fr}.note,.note+.note{padding:24px 0;border-right:0;border-bottom:1px solid var(--rule)}.project{grid-template-columns:42px 1fr 30px}.project ul{grid-column:2}.project-arrow{grid-column:3;grid-row:1 / span 2}.principle-list li{grid-template-columns:48px 1fr}.principle-list p{grid-column:2}.balance-manifesto{grid-template-columns:180px 1fr}.about-seal{width:180px;justify-self:start}footer{grid-template-columns:1fr;text-align:left}}@media(max-width:560px){body{font-size:16px}.hero{min-height:860px}.hero-art{background-position:74% 30px;background-size:auto 56%;background-repeat:no-repeat}.hero-content{flex:0 0 calc(100% - 48px);width:calc(100% - 48px);max-width:calc(100% - 48px);padding:405px 0 72px;margin-inline:24px}.hero-actions{min-width:0;align-items:stretch;flex-direction:column;gap:18px}.button{width:100%;min-width:0;gap:12px;padding-inline:16px;font-size:.6rem}.hero-coordinate{top:92px;right:22px;flex-direction:column;text-align:right}h1{max-width:100%;overflow-wrap:anywhere;font-size:clamp(3rem,13vw,3.6rem);letter-spacing:-.055em}.hero-intro{max-width:100%;overflow-wrap:anywhere}h2{font-size:clamp(2.8rem,13vw,4.4rem)}.section{grid-template-columns:38px minmax(0,1fr)}.section-rail{padding-top:30px}.section-rail span{font-size:.85rem}.section-body{padding:72px 20px}.section-heading{margin-bottom:48px}.meaning-grid{gap:48px}.motto{padding-left:18px}.project{grid-template-columns:30px 1fr 24px;gap:12px;padding:28px 0}.project-main h3{font-size:1.8rem}.project-main>span{font-size:.95rem}.project ul{display:none}.principle-list li{grid-template-columns:35px 1fr;gap:12px}.balance-manifesto{grid-template-columns:1fr;padding:24px}.philosophy-symbols{width:min(100%,210px)}.about-body{min-height:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}