.character-article{--article-moss:var(--moss);--article-red:var(--vermilion);--article-paper:var(--surface);--article-wash:var(--wash)}.character-article-shell{width:100%;margin-inline:auto}.character-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1.8fr) minmax(240px,.72fr);align-items:center;gap:clamp(40px,6vw,88px);padding:clamp(44px,6vw,84px) 0 64px;display:grid}.character-back{color:var(--subtle);font:11px var(--mono);margin-bottom:clamp(36px,5vw,64px);text-decoration:none;display:inline-block}.character-back:hover{color:var(--vermilion);text-underline-offset:5px;text-decoration:underline}.character-article .section-kicker{color:var(--vermilion);font:500 10px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px}.character-hero h1{max-width:900px;color:var(--ink);font:600 clamp(42px, 5.8vw, 82px)/1.02 var(--display);letter-spacing:-.068em;text-wrap:balance;margin:0 0 28px}.character-hero h1 em{color:var(--moss);letter-spacing:-.06em;font:italic 400 1.02em/1.02 Georgia,serif}.character-hero-lede{max-width:690px;color:var(--subtle);text-wrap:pretty;font-size:clamp(17px,1.55vw,20px);line-height:1.7}.character-hero-meta{color:var(--subtle);font:10px/1.6 var(--mono);flex-wrap:wrap;gap:8px 16px;margin-top:28px;display:flex}.character-hero-meta span+span:before{content:"/";color:var(--vermilion);margin-right:16px}.character-thesis{color:var(--moss);background:var(--article-wash);border:1px solid var(--soft-rule);border-top:3px solid var(--moss);align-self:end;margin:0 0 28px;padding:34px 28px 30px;position:relative}.character-thesis:before{content:"THE DESIGN PRINCIPLE";font:500 9px/1.6 var(--mono);letter-spacing:.08em;margin-bottom:32px;display:block}.character-thesis:after{content:"REASONING → EXPRESSION";border-top:1px solid var(--soft-rule);font:10px/1.6 var(--mono);letter-spacing:.025em;margin-top:34px;padding-top:16px;display:block}.character-thesis p{color:var(--moss);letter-spacing:-.045em;text-wrap:pretty;margin:0;font:400 clamp(28px,2.8vw,38px)/1.15 Georgia,serif}.experiment-strip{border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.experiment-strip div{border-right:1px solid var(--rule);align-content:start;gap:12px;min-width:0;padding:26px 25px;display:grid}.experiment-strip div:first-child{padding-left:0}.experiment-strip div:last-child{border-right:0}.experiment-strip strong{color:var(--moss);font:500 clamp(30px, 3vw, 42px)/1 var(--display);letter-spacing:-.06em}.experiment-strip span{max-width:160px;color:var(--subtle);font:10px/1.65 var(--mono)}.article-layout{grid-template-columns:minmax(0,790px) 230px;justify-content:space-between;align-items:start;gap:clamp(44px,6vw,90px);padding:72px 0 100px;display:grid}.character-prose{min-width:0}.character-prose h2{max-width:720px;color:var(--ink);font:500 clamp(29px, 3vw, 40px)/1.12 var(--display);letter-spacing:-.055em;text-wrap:balance;margin:64px 0 22px}.character-prose>h2:not(:first-child){border-top:1px solid var(--rule);padding-top:28px}.character-prose h2:first-child{margin-top:0}.character-prose h3{color:var(--ink);font:500 24px/1.2 var(--display);letter-spacing:-.035em;margin:36px 0 12px}.character-prose p,.character-prose li{color:var(--subtle);overflow-wrap:break-word;font-size:17px;line-height:1.85}.character-prose p{margin:0 0 20px}.character-prose strong{color:var(--ink);font-weight:650}.character-prose ul,.character-prose ol{margin:22px 0 28px;padding-left:24px}.character-prose li{padding-left:4px}.character-prose li::marker{color:var(--vermilion);font-family:var(--mono);font-size:.85em}.character-prose li+li{margin-top:10px}.character-prose a:not(.button){color:var(--moss);text-decoration-color:var(--strong-rule);text-underline-offset:4px;text-decoration-thickness:1px}.character-prose a:not(.button):hover{color:var(--vermilion);text-decoration-color:var(--vermilion)}.character-prose code{color:var(--moss);background:var(--article-wash);font:.86em var(--mono);overflow-wrap:anywhere;border-radius:0;padding:.14em .3em}.character-prose h2 code{color:var(--moss);background:0 0;padding:0;font-size:.8em}.character-prose pre{color:var(--moss);background:var(--article-paper);border:1px solid var(--rule);border-left:3px solid var(--moss);font:13px/1.7 var(--mono);margin:28px 0;padding:22px;overflow-x:auto}.character-prose blockquote{border-left:2px solid var(--vermilion);margin:34px 0;padding:7px 0 7px 25px}.character-prose blockquote p{max-width:640px;color:var(--moss);letter-spacing:-.025em;margin:0;font:400 clamp(23px,2.5vw,30px)/1.42 Georgia,serif}.character-table-scroll{border-block:1px solid var(--ink);scrollbar-color:#aeb4a3 var(--article-paper);max-width:100%;margin:30px 0;overflow-x:auto}.character-prose table{border-collapse:collapse;width:100%;min-width:530px;margin:0;font-size:14px}.character-prose caption{color:var(--subtle);text-align:left;font:10px/1.6 var(--mono);padding:17px 14px}.character-prose th,.character-prose td{text-align:left;vertical-align:top;border:0;border-top:1px solid var(--rule);padding:16px 14px}.character-prose th{color:var(--moss);background:var(--article-wash);font:500 10px/1.6 var(--mono);letter-spacing:.035em;text-transform:uppercase}.character-prose td{color:var(--subtle);line-height:1.65}.character-prose td:nth-child(2),.character-prose td:nth-child(3){color:var(--moss);font-family:var(--mono);font-size:13px}.article-rail{border-top:1px solid var(--ink);gap:0;min-width:0;display:grid;position:sticky;top:115px}.article-contents{border-bottom:1px solid var(--rule);padding:22px 0}.article-contents summary{color:var(--moss);font:500 10px/1.6 var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.character-article .article-toc{width:100%;font-family:var(--sans);align-items:stretch;gap:0;padding-top:16px;display:grid}.character-article .article-toc a{color:var(--subtle);white-space:normal;align-items:baseline;gap:12px;padding:8px 0;font-size:12px;font-weight:400;line-height:1.5;text-decoration:none;display:flex}.character-article .article-toc a:after{display:none}.character-article .article-toc a span{color:var(--vermilion);font:9px var(--mono);flex:0 0 17px;margin:0}.character-article .article-toc a:hover{color:var(--vermilion);text-underline-offset:4px;text-decoration:underline}.rail-card{border:0;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;padding:22px 0}.rail-card>strong{color:var(--moss);font:500 10px/1.6 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;display:block}.rail-card p,.rail-card li{color:var(--subtle);margin:0;font-size:12px;line-height:1.8}.rail-card ul{margin:0;padding-left:16px}.rail-card li::marker{color:var(--vermilion)}.rail-card a{color:var(--moss)}.architecture{border:1px solid var(--soft-rule);background:var(--article-wash);grid-template-columns:repeat(5,minmax(0,1fr));margin:30px 0;display:grid}.architecture div{border-right:1px solid var(--soft-rule);flex-direction:column;justify-content:space-between;gap:26px;min-width:0;padding:20px 13px;display:flex;position:relative}.architecture div:last-child{border-right:0}.architecture div+div:before{content:"→";color:var(--moss);background:var(--article-wash);font:16px var(--mono);position:absolute;top:45%;left:-8px}.architecture span{color:var(--vermilion);font:500 8px/1.5 var(--mono);letter-spacing:.035em}.architecture strong{color:var(--moss);font-size:12px;font-weight:550;line-height:1.5}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0;display:grid}.result-card{min-width:0;color:var(--ink);background:var(--article-paper);border:1px solid var(--rule);border-top:3px solid var(--moss);padding:22px 18px;position:relative}.result-card:nth-child(2){border-top-color:#76734d}.result-card:nth-child(3){border-top-color:var(--vermilion)}.result-card span{min-height:28px;color:var(--subtle);font:9px/1.6 var(--mono);letter-spacing:.015em;display:block}.result-card strong{color:var(--moss);font:500 clamp(20px, 2vw, 27px)/1.2 var(--display);letter-spacing:-.055em;margin:12px 0 17px;display:block}.result-card p{color:var(--subtle);margin:0;font-size:13px;line-height:1.75}.article-cta{background:var(--article-wash);border:1px solid var(--soft-rule);border-top:3px solid var(--moss);margin-top:64px;padding:clamp(24px,4vw,40px)}.article-cta h2{margin:0 0 20px}.article-cta p{font-size:15px}.article-cta .section-kicker{margin-bottom:22px;font-size:9px}.article-cta .actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.character-article .article-cta .button{border:1px solid var(--moss);min-width:0;min-height:44px;box-shadow:none;color:var(--moss);font:500 11px/1.5 var(--sans);white-space:normal;background:0 0;border-radius:0;padding:13px 17px;text-decoration:none}.character-article .article-cta .button.primary{color:var(--sheet);background:var(--moss)}.character-article .article-cta .button:hover{color:var(--sheet);background:var(--vermilion);border-color:var(--vermilion);transform:none}@media (width<=1100px){.character-hero{grid-template-columns:minmax(0,1.6fr) minmax(210px,.7fr);gap:34px}.character-hero h1{font-size:clamp(42px,6.5vw,70px)}.character-thesis{padding:26px 22px}.article-layout{grid-template-columns:minmax(0,1fr) 200px;gap:44px}.architecture{grid-template-columns:1fr}.architecture div{border-right:0;border-bottom:1px solid var(--soft-rule);grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:18px;padding:17px 20px;display:grid}.architecture div:last-child{border-bottom:0}.architecture div+div:before{content:none}.architecture span{font-size:9px}.architecture strong{font-size:13px}.result-grid{grid-template-columns:1fr}.result-card{padding:23px}.result-card span{min-height:0}.result-card strong{font-size:27px}}@media (width<=800px){.character-hero{grid-template-columns:1fr;padding-bottom:44px}.character-hero h1{max-width:670px;font-size:clamp(44px,8vw,64px)}.character-back{margin-bottom:40px}.character-thesis{max-width:100%;margin:0;padding:25px}.character-thesis:before{margin-bottom:17px}.character-thesis:after{margin-top:23px}.character-thesis p{max-width:500px;font-size:32px}.article-layout{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:36px}.article-rail{border-top:0;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;position:static}.article-contents{grid-column:1/-1;padding-top:0}.character-article .article-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.rail-card{padding-block:18px}.character-prose>h2:first-child{padding-top:0}}@media (width<=560px){.character-hero{gap:30px;padding-top:30px}.character-back{margin-bottom:36px}.character-hero h1{letter-spacing:-.06em;font-size:clamp(39px,9.2vw,52px)}.character-article .section-kicker{font-size:9px}.character-hero-lede{font-size:16px;line-height:1.75}.character-hero-meta{gap:7px 12px;font-size:9px}.character-hero-meta span+span:before{margin-right:12px}.character-thesis p{font-size:29px}.experiment-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-strip div{gap:9px;padding:22px 17px}.experiment-strip div:nth-child(odd){padding-left:0}.experiment-strip div:nth-child(2n){border-right:0}.experiment-strip div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.experiment-strip strong{font-size:34px}.experiment-strip span{font-size:9px}.article-layout{padding-bottom:64px}.article-rail{gap:0 20px}.rail-card p,.rail-card li{font-size:11px}.rail-card>strong{font-size:9px}.character-article .article-toc{grid-template-columns:1fr}.character-prose h2{margin-top:48px;font-size:29px}.character-prose p,.character-prose li{font-size:16px;line-height:1.8}.character-prose blockquote{padding-left:20px}.character-prose blockquote p{font-size:24px;line-height:1.4}.architecture div{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:17px}.architecture span{font-size:8px}.architecture strong{font-size:12px}.result-card p{font-size:14px;line-height:1.7}.article-cta{padding:26px 22px}.article-cta h2{font-size:28px}.character-article .article-cta .button{text-align:center;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.character-article *,.character-article :before,.character-article :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
