:root{color-scheme:light;--paper:#f5f6f7;--ink:#1b1c21;--muted:#626570;--line:#d8dbe2;--accent:#2449d8;--surface:#fff;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
[data-theme=dark]{color-scheme:dark;--paper:#191b20;--ink:#f1f2f5;--muted:#aeb3c0;--line:#3d424d;--accent:#92adff;--surface:#22252c}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}figure,blockquote{margin:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:400}h1 em,h2 em,h3 em{font-family:var(--serif);font-weight:400;color:var(--accent)}p{margin-bottom:1.2em}p:last-child{margin-bottom:0}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--paper)}.shell{width:min(1140px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:10;background:var(--surface);padding:8px 16px}.skip:focus{top:10px}
.header{min-height:96px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:27px;letter-spacing:-1.5px;font-weight:600}.mark{object-fit:contain}.mark-dark{display:none}[data-theme=dark] .mark-light{display:none}[data-theme=dark] .mark-dark{display:block}.header nav{display:flex;align-items:center;gap:28px;font-size:14px}.header nav a{padding-block:10px;position:relative}.header nav a:hover,.header nav a[aria-current=page]{color:var(--accent)}.header nav a[aria-current=page]:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--accent)}.theme-toggle{background:none;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;padding:0;font-size:22px;line-height:1}.theme-toggle:hover{border-color:var(--accent)}main{min-height:calc(100vh - 218px)}.kicker,.eyebrow,.ordinary-index,.code-note,.image-label{font:11px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted)}.kicker{margin-bottom:25px}.home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:64px 54px}.home-hero h1{font-size:clamp(64px,7.5vw,110px);line-height:1.05;letter-spacing:-.065em;margin-bottom:22px}.home-lead{font-size:clamp(23px,2.4vw,32px);line-height:1.3;letter-spacing:-.025em;margin-bottom:20px}.home-intro{max-width:360px;font-size:15px;color:var(--muted)}.text-link,.underlink{display:inline-block;border-bottom:1px solid var(--accent);padding-bottom:4px;font-size:14px}.text-link{margin-top:9px}.text-link:after{content:" ↗";color:var(--accent)}.home-hero figure{position:relative}.home-hero figure:before{content:"";position:absolute;top:-12px;right:-12px;width:52px;height:52px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.home-hero figure img{width:100%;height:338px;object-fit:cover;object-position:center}.home-hero figcaption{font:10px/1.6 var(--mono);letter-spacing:.1em;margin-top:14px;color:var(--muted)}.home-doors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);padding-block:24px 35px;gap:22px}.home-doors a{display:flex;flex-direction:column;gap:8px}.door-num{font:10px var(--mono);color:var(--accent);margin-bottom:5px}.home-doors strong{font-weight:500;font-size:19px;letter-spacing:-.025em}.home-doors a>span:last-child{font-size:12px;color:var(--muted);line-height:1.6}.home-doors a:hover strong{color:var(--accent)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:95px;border-top:1px solid var(--line);font:11px/1.7 var(--mono);color:var(--muted);margin-top:24px}.footer a{color:var(--accent)}
.page-head{padding-block:60px 48px;max-width:930px}.page-head h1{font-size:clamp(50px,6vw,78px);line-height:1.1;letter-spacing:-.05em;margin-bottom:24px}.page-lead{max-width:650px;font-size:17px;line-height:1.7;color:var(--muted)}.essay-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-bottom:42px}.essay-grid aside{font:12px/2.3 var(--mono);color:var(--accent);letter-spacing:.08em;border-top:1px solid var(--line);padding-top:18px}.prose{max-width:680px;font-size:17px;line-height:1.9}.prose .lead{font-family:var(--serif);font-size:24px;line-height:1.55;letter-spacing:-.015em}.inner-section{padding-block:45px 30px;border-top:1px solid var(--line)}h2{font-size:clamp(35px,4vw,50px);line-height:1.15;letter-spacing:-.04em;margin-bottom:35px}.details-list details{border-top:1px solid var(--line)}.details-list details:last-child{border-bottom:1px solid var(--line)}.details-list summary{display:grid;grid-template-columns:45px 1fr 26px;gap:20px;list-style:none;align-items:center;padding:24px 0;cursor:pointer;font-size:22px;letter-spacing:-.02em}.details-list summary::-webkit-details-marker{display:none}.detail-number{font:11px var(--mono);color:var(--accent)}summary em{font-family:var(--serif);font-style:italic}.expand{font-size:24px;color:var(--accent);transition:transform .2s}details[open] .expand{transform:rotate(45deg)}.detail-body{max-width:800px;padding:0 65px 28px;font-size:16px;line-height:1.9;color:var(--muted)}.detail-body h3{color:var(--ink);font-size:24px}.detail-body strong{font-weight:500;color:var(--ink)}
.city-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:40px}.city-tabs button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:transparent;border:1px solid var(--line);padding:20px;gap:8px}.city-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--paper)}.city-sequence{font:10px var(--mono);letter-spacing:.08em;margin-bottom:12px}.city-name{font-size:18px;font-weight:500}.city-concept{font:italic 17px/1.5 var(--serif)}.city-panels article{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-block:15px 40px}.city-coordinates{font:11px var(--mono);color:var(--accent);display:block}.city-number{display:block;font:80px/1.3 var(--serif);letter-spacing:-.05em;margin-block:15px}.city-panels h3{font:34px/1.25 var(--serif);letter-spacing:-.025em;margin-bottom:30px}.city-panels p{font-size:17px;line-height:1.85}.city-aside{color:var(--muted);font-size:14px!important}.city-last{border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-style:italic;color:var(--accent)}
.house-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:start;padding-bottom:50px}.home-image{border:1px solid var(--line);background:#fff;padding:16px;margin-top:10px}.home-image img{width:100%;height:auto}.home-image figcaption{font:10px/1.7 var(--mono);color:#626570;margin-top:15px}.home-note{color:var(--accent);font-family:var(--serif);font-size:22px}.house-names{display:flex;gap:50px;align-items:baseline;border-top:1px solid var(--line);padding-block:28px 35px}.house-names>span{display:flex;align-items:baseline;gap:12px;font:12px var(--mono)}.house-names strong{font:50px var(--serif);color:var(--accent)}.house-names .year{margin-left:auto;font:50px var(--serif);color:var(--muted)}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.novel{background:var(--surface);border:1px solid var(--line)}.novel-image{position:relative;height:290px;overflow:hidden}.novel-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.image-label{position:absolute;bottom:15px;left:18px;color:white;text-shadow:0 1px 4px #000;background:#1b1c21aa;padding:5px 9px}.novel-copy{padding:30px}.novel h3,.work-card h3{font:35px/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:20px}.novel-more{margin-top:25px}.novel-more summary{cursor:pointer;color:var(--accent);font-size:14px}.novel-more p{margin-top:18px}.work-stack{display:flex;flex-direction:column;gap:30px}.work-card{border:1px solid var(--line);padding:30px;position:relative;flex:1}.work-symbol{position:absolute;top:24px;right:25px;color:var(--accent);font-size:24px}.code-note{display:block;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;color:var(--accent);white-space:normal}.care-note{margin-block:35px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:100%}.care-note h3{font:30px/1.2 var(--serif);letter-spacing:-.03em}.care-note p{max-width:800px}.personal-projects{padding:15px 0 30px}.personal-projects>h3{font:36px/1.25 var(--serif);margin-bottom:30px}.personal-project-grid,.ordinary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.personal-project-grid article,.ordinary-grid article{border-top:1px solid var(--line);padding-top:24px}.personal-project-grid h4{font:25px/1.35 var(--serif);margin-block:15px}.personal-project-grid p,.ordinary-grid p{font-size:15px;line-height:1.85;color:var(--muted)}.ordinary-grid h3{font:32px/1.2 var(--serif);letter-spacing:-.03em;margin-block:23px}.ordinary-index{color:var(--accent)}.taste-world{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:50px;margin-top:35px;border-top:1px solid var(--line)}.taste-world h3{font:38px/1.2 var(--serif);letter-spacing:-.035em}.taste-world p{line-height:1.85}.taste-signature{color:var(--accent);font-style:italic}.world-mementos{display:flex;gap:10px;flex-wrap:wrap}.world-mementos span{font:10px var(--mono);letter-spacing:.08em;border:1px solid var(--line);padding:10px 13px}.voice{display:grid;grid-template-columns:1fr 1fr;gap:75px}.voice-player blockquote{font:italic 30px/1.3 var(--serif);margin-bottom:20px}.voice-player p{font-size:14px;color:var(--muted)}.voice-player button{background:var(--accent);color:var(--paper);border:0;padding:11px 16px;font-size:13px;margin-top:8px}.voice-player button span{padding-left:8px}.languages{display:flex;align-items:center;gap:40px;padding-block:25px 35px;margin-top:25px;border-top:1px solid var(--line)}.languages>span{font:11px/1.6 var(--mono);color:var(--muted)}.languages p{font-size:23px;margin:0}.languages p>span{color:var(--accent)}
@media(min-width:1400px){.home-hero{padding-top:80px;padding-bottom:68px}.home-hero figure img{height:365px}}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.header{gap:22px}.header nav{gap:20px}.home-hero{gap:36px}.home-hero figure img{height:310px}.essay-grid,.city-panels article,.house-grid{gap:42px}.taste-world,.voice{gap:40px}.house-names{gap:30px}.city-tabs{gap:12px}.city-tabs button{padding:16px}.city-name{font-size:16px}}
@media(max-width:720px){.shell{width:calc(100% - 40px)}.header{min-height:108px;flex-wrap:wrap;gap:0 20px;padding-block:15px 10px}.brand{font-size:25px}.mark{width:32px;height:32px}.header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px;margin-top:9px}.header nav a{padding-block:6px}.theme-toggle{width:32px;height:32px;font-size:20px}.home-hero{grid-template-columns:1fr;gap:32px;padding-block:35px 32px}.home-hero h1{font-size:72px}.home-hero .kicker{margin-bottom:18px}.home-lead{font-size:25px;margin-bottom:16px}.home-intro{max-width:350px}.home-hero figure{margin-right:10px}.home-hero figure img{height:235px;object-position:center}.home-doors{grid-template-columns:1fr;padding-block:8px 15px;gap:0}.home-doors a{display:grid;grid-template-columns:26px 80px 1fr;gap:14px;align-items:center;padding-block:15px;border-bottom:1px solid var(--line)}.door-num{margin:0}.home-doors strong{font-size:17px}.home-doors a>span:last-child{font-size:11px}.footer{flex-wrap:wrap;justify-content:flex-start;gap:5px 20px;padding-block:20px;font-size:10px;min-height:90px}.footer>span:first-child{width:100%}.footer a{margin-left:auto}.page-head{padding-block:38px 32px}.page-head h1{font-size:48px}.page-lead{font-size:15px}.kicker{font-size:10px}.essay-grid,.city-panels article,.house-grid,.work-grid,.taste-world,.voice{grid-template-columns:1fr;gap:28px}.essay-grid aside{font-size:10px;line-height:1.9;columns:2}.prose{font-size:16px}.prose .lead{font-size:22px}.details-list summary{font-size:18px;grid-template-columns:24px 1fr 18px;gap:12px;padding-block:20px}.detail-body{padding:0 0 22px 36px;font-size:15px}.inner-section{padding-top:32px}.city-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.city-tabs button{padding:15px}.city-concept{font-size:15px}.city-number{font-size:60px;margin-block:10px}.city-panels h3{font-size:30px;margin-bottom:16px}.city-panels p{font-size:16px}.house-names{gap:18px;flex-wrap:wrap}.house-names strong{font-size:35px}.house-names>span{font-size:10px;gap:8px}.house-names .year{font-size:35px}.home-image{margin:0}.house-grid{padding-bottom:32px}.novel-image{height:285px}.novel-copy,.work-card{padding:25px}.work-card h3,.novel h3{font-size:32px}.personal-project-grid,.ordinary-grid{grid-template-columns:1fr;gap:25px}.ordinary-grid h3{font-size:28px;margin-block:16px}.taste-world{padding-block:32px;margin-top:25px}.taste-world h3{font-size:32px}.voice h2{margin-bottom:0}.voice-player blockquote{font-size:28px}.languages{flex-direction:column;align-items:flex-start;gap:15px}.languages p{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}