:root,:root[data-theme=washi]{--paper: #F4F1EA;--paper-2: #ECE7DB;--ink: #1A1A1A;--ink-60: rgba(26, 26, 26, .6);--ink-40: rgba(26, 26, 26, .4);--ink-20: rgba(26, 26, 26, .2);--ink-10: rgba(26, 26, 26, .1);--vermillion: #D93A2B;--vermillion-soft: #B8382B;--gold: #B8863D;--prussian: #152238;--hairline: rgba(26, 26, 26, .18);--noise-opacity: .035;--ph-stripe: rgba(26, 26, 26, .04);--ph-dark-bg: #1f1d1a;--ph-sumi-bg: #2a2825}:root[data-theme=konel]{--paper: #FFFFFF;--paper-2: #F5F5F5;--ink: #0A0A0A;--ink-60: rgba(10, 10, 10, .58);--ink-40: rgba(10, 10, 10, .36);--ink-20: rgba(10, 10, 10, .16);--ink-10: rgba(10, 10, 10, .08);--vermillion: #D93A2B;--vermillion-soft: #B8382B;--gold: #B8863D;--prussian: #0A0A0A;--hairline: rgba(10, 10, 10, .1);--noise-opacity: 0;--ph-stripe: rgba(10, 10, 10, .035);--ph-dark-bg: #0A0A0A;--ph-sumi-bg: #111111}:root{--f-serif: "Shippori Mincho", "Noto Serif JP", "GT Sectra", Georgia, serif;--f-sans: "Archivo", "Neue Haas Grotesk", "Helvetica Neue", system-ui, sans-serif;--f-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--f-jp: "Shippori Mincho", "Noto Serif JP", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","kern";transition:background-color .4s ease,color .4s ease}body{overflow-x:hidden;cursor:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a,button,[data-cursor]{cursor:none}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform}.cursor-dot{width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.cursor-ring{width:32px;height:32px;border:1px solid rgba(255,255,255,.55);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,border-color .2s ease}.cursor-ring.is-hover{width:56px;height:56px;border-color:#ffffffe6}.mono{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.jp{font-family:var(--f-jp)}.serif{font-family:var(--f-serif)}.label{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60)}.vermillion{color:var(--vermillion)}.tategaki{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--f-jp)}.hairline{border-top:1px solid var(--hairline)}.hairline-b{border-bottom:1px solid var(--hairline)}.btn{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid var(--ink);border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--ink);transition:background .3s ease,color .3s ease,padding .3s ease}.btn:hover{background:var(--ink);color:var(--paper);padding-right:24px}.btn .arr{font-family:var(--f-serif);font-size:14px}.paper-noise:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");transition:opacity .4s ease}.ph{position:relative;background:var(--paper-2);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--ink-40);font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.ph:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0 8px,var(--ph-stripe) 8px 9px)}.ph:after{content:attr(data-label);position:relative;z-index:1;padding:6px 10px;background:var(--paper);border:1px solid var(--hairline)}.ph.ph-dark{background:var(--ph-dark-bg);color:#fff6}.ph.ph-dark:before{background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.04) 8px 9px)}.ph.ph-dark:after{background:var(--ph-dark-bg);border-color:#ffffff2e}.ph.ph-vermillion{background:var(--vermillion);color:#f7d9d4}.ph.ph-vermillion:before{background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.08) 8px 9px)}.ph.ph-vermillion:after{background:var(--vermillion);border-color:#ffffff4d;color:#f7d9d4}.ph.ph-sumi{background:var(--ph-sumi-bg);color:#f4f1ea80}.ph.ph-sumi:before{background-image:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.03) 8px 9px)}.ph.ph-sumi:after{background:var(--ph-sumi-bg);border-color:#f4f1ea2e}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--ink-20)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.marquee{overflow:hidden;white-space:nowrap;display:flex}.marquee-track{display:inline-flex;gap:48px;animation:marquee 40s linear infinite;padding-right:48px}@keyframes marquee{to{transform:translate(-50%)}}body{font-size:13px}.progress-bar{position:fixed;top:0;left:0;z-index:60;height:2px;width:0%;background:var(--vermillion);transition:width .08s linear;pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;padding:13px 22px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.topbar .left{display:flex;gap:6px;align-items:center}.topbar .brand-nav{font-family:var(--f-serif);font-size:16px;text-transform:none;letter-spacing:0;color:var(--ink);line-height:1}.topbar .brand-nav .dot{color:var(--vermillion)}.topbar .sep{color:var(--ink-20);font-size:14px}.topbar .locale{color:var(--ink-60);font-size:10px;letter-spacing:.1em}.topbar .center{display:flex;gap:10px;align-items:center;color:var(--ink-60)}.topbar .right{justify-self:end;display:flex;gap:18px;align-items:center}.topbar a{position:relative;transition:color .2s}.topbar a:hover,.topbar a.active{color:var(--vermillion)}.topbar a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--vermillion)}.topbar .dot-pulse{width:5px;height:5px;border-radius:50%;background:var(--vermillion);display:inline-block;animation:pulse 2.4s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.topbar .toggles{display:flex;gap:6px;align-items:center;padding-left:12px;border-left:1px solid var(--hairline)}.topbar .tog-btn{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--hairline);background:transparent;color:var(--ink-60);cursor:none;transition:color .2s,border-color .2s,background .2s}.topbar .tog-btn:hover{color:var(--vermillion);border-color:var(--vermillion)}.topbar .tog-btn .glyph{color:var(--vermillion);margin-right:4px;font-family:var(--f-jp)}.container{padding:90px 22px 40px}.hero{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;min-height:calc(100vh - 90px);position:relative}.hero-left{padding-top:4px}.hero-brand{font-family:var(--f-serif);font-size:44px;line-height:.95;font-weight:500;letter-spacing:-.01em}.hero-brand .jp-mark{font-family:var(--f-jp);color:var(--vermillion);font-size:38px;display:block;margin-bottom:6px}.hero-tag{margin-top:18px;font-family:var(--f-serif);font-size:15px;line-height:1.35;max-width:230px}.hero-tag em{color:var(--vermillion);font-style:italic}.hero-blurb{margin-top:16px;font-size:12px;line-height:1.55;color:var(--ink-60);max-width:220px}.hero-cta{margin-top:22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hero-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;min-height:520px}.hero-title{font-family:var(--f-serif);font-size:clamp(56px,9vw,128px);font-weight:500;line-height:.96;letter-spacing:-.015em;max-width:820px;position:relative;z-index:2}.hero-title em{font-style:italic;color:var(--vermillion);font-weight:400}.hero-title .kanji{font-family:var(--f-jp);font-style:normal;color:var(--ink)}.hero-orb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;opacity:.55}#hero-canvas{width:420px;height:420px;max-width:80vw;max-height:60vh}.hero-sub{margin-top:28px;font-family:var(--f-mono);font-size:11px;color:var(--ink-60);letter-spacing:.14em;text-transform:uppercase}.hero-sub span.dot-av{color:var(--vermillion)}.hero-right{display:flex;flex-direction:column;gap:14px;padding-top:4px;align-items:flex-end;text-align:right}.hero-right .kanji-stack{writing-mode:vertical-rl;font-family:var(--f-jp);font-size:32px;line-height:1.1;letter-spacing:.14em;color:var(--ink);padding:4px 0;margin-bottom:18px}.hero-right .meta-row{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--hairline);margin-bottom:10px;width:100%;text-align:left}.hero-right .meta-row.last{border:none}.hero-right .meta-row .k{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60)}.hero-right .meta-row .v{font-family:var(--f-serif);font-size:14px}.scroll-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-60);display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-hint:after{content:"";width:1px;height:40px;background:linear-gradient(to bottom,var(--ink-40),transparent)}.sec-hd{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;align-items:baseline;padding:60px 0 24px;border-top:1px solid var(--hairline)}.sec-hd .tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillion)}.sec-hd .title{font-family:var(--f-serif);font-size:40px;font-weight:500;letter-spacing:-.01em;line-height:1}.sec-hd .title em{font-style:italic;color:var(--vermillion);font-weight:400}.sec-hd .title .jp{color:var(--ink-40);font-weight:400;margin-left:8px;font-size:28px}.sec-hd .idx{justify-self:end;font-family:var(--f-mono);font-size:11px;color:var(--ink-40);letter-spacing:.1em}.about{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:20px 0 70px}.about-left{font-family:var(--f-mono);font-size:11px;color:var(--ink-60);letter-spacing:.08em;text-transform:uppercase}.about-left .origin-city{font-family:var(--f-serif);font-size:22px;color:var(--ink);text-transform:none;letter-spacing:0;margin:8px 0 20px}.about-left .origin-city .coord{color:var(--vermillion);display:block}.about-left .focus-kanji{font-family:var(--f-jp);font-size:36px;color:var(--ink);margin-top:4px}.about-body{columns:2;column-gap:42px;font-family:var(--f-serif);font-size:17px;line-height:1.55;color:var(--ink)}.about-body p{margin-bottom:14px;break-inside:avoid}.about-body p em{color:var(--vermillion);font-style:italic}.about-body .lead:first-letter{font-family:var(--f-serif);font-size:72px;float:left;line-height:.85;padding:6px 10px 0 0;color:var(--vermillion);font-weight:500}.about-right{display:flex;flex-direction:column;gap:10px}.about-right .stat{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--hairline)}.about-right .stat .n{font-family:var(--f-serif);font-size:32px;line-height:.9;color:var(--vermillion)}.about-right .stat .l{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60);align-self:end}.work-chapter{position:relative;padding:60px 0 0;margin-top:24px}.work-chapter:before{content:"";position:absolute;top:0;left:0;width:180px;height:1px;background:var(--vermillion)}.work-chapter:after{content:"";position:absolute;top:0;left:180px;right:0;height:1px;background:var(--hairline)}.work-bridge{position:absolute;left:0;top:40px;width:260px;font-family:var(--f-jp);font-size:180px;line-height:.85;color:var(--vermillion);opacity:.08;writing-mode:vertical-rl;text-orientation:mixed;pointer-events:none;user-select:none;letter-spacing:.05em;z-index:0}.work-overture{position:relative;display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:50px 0 0;z-index:1}.work-overture .chapter-left{display:flex;flex-direction:column;gap:28px}.work-overture .chapter-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillion)}.work-overture .chapter-idx{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--vermillion);display:flex;align-items:center;gap:10px;margin-top:4px}.work-overture .chapter-idx:before{content:"";width:24px;height:1px;background:var(--vermillion)}.work-overture .p-kanji-big{font-family:var(--f-jp);font-size:64px;line-height:1;color:var(--ink)}.work-overture .p-client{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60)}.work-overture .p-role{font-family:var(--f-serif);font-size:15px;line-height:1.35;color:var(--ink)}.work-overture .p-stack{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.work-overture .p-stack span{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--hairline);color:var(--ink-60)}.work-overture .chapter-center{display:flex;flex-direction:column;gap:12px}.work-overture .chapter-title{font-family:var(--f-serif);font-size:40px;font-weight:500;letter-spacing:-.01em;line-height:1;color:var(--ink)}.work-overture .chapter-title em{font-style:italic;color:var(--vermillion);font-weight:400}.work-overture .chapter-title .jp{color:var(--ink-40);font-weight:400;margin-left:8px;font-size:28px}.work-overture .chapter-title .count{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-40);margin-left:14px;vertical-align:middle}.work-overture .p-title{font-family:var(--f-serif);font-size:56px;font-weight:500;line-height:1.02;letter-spacing:-.01em;margin-top:4px}.work-overture .p-title em{font-style:italic;color:var(--vermillion);font-weight:400}.work-overture .p-title .jp{font-family:var(--f-jp);font-style:normal;color:var(--ink-40);font-weight:400;font-size:34px}.work-overture .p-desc{font-family:var(--f-serif);font-size:16px;line-height:1.55;color:var(--ink);max-width:560px;margin-top:6px}.work-overture .p-img{position:relative;aspect-ratio:16 / 10;overflow:hidden;margin-top:12px}.work-overture .p-img .ph{position:absolute;inset:0}.work-overture .p-img:after{content:"";position:absolute;inset:0;background:var(--gold);mix-blend-mode:multiply;opacity:0;transition:opacity .5s ease;pointer-events:none}.work-overture:hover .p-img:after{opacity:.35}.work-overture .p-img .p-caption{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.3)}.work-overture .chapter-right{display:flex;flex-direction:column;gap:12px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}.work-overture .chapter-right .row{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--hairline)}.work-overture .chapter-right .row .k{color:var(--ink-40)}.work-overture .chapter-right .row .v{color:var(--ink);text-transform:none;letter-spacing:.02em;font-family:var(--f-serif);font-size:13px}.work-overture .chapter-right .ptag{margin-top:8px;align-self:flex-start;padding:6px 10px;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.work-overture .chapter-right .ptag.vermillion{border-color:var(--vermillion);color:var(--vermillion)}.projects-rest{padding-bottom:40px}.project{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:60px 0;position:relative}.project:before{content:"";position:absolute;top:0;left:0;width:60px;height:1px;background:var(--vermillion)}.project:after{content:"";position:absolute;top:0;left:60px;right:0;height:1px;background:var(--hairline)}.project:hover .p-img:after{opacity:.35}.p-meta .idx{font-family:var(--f-mono);font-size:11px;color:var(--vermillion);letter-spacing:.08em;margin-bottom:10px}.p-meta .kanji-label{font-family:var(--f-jp);font-size:28px;line-height:1;color:var(--ink);margin-bottom:14px}.p-meta .client{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60);margin-bottom:6px}.p-meta .role{font-family:var(--f-serif);font-size:15px;line-height:1.35;color:var(--ink)}.p-meta .stack{margin-top:18px;display:flex;flex-wrap:wrap;gap:4px}.p-meta .stack span{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--hairline);color:var(--ink-60)}.p-main{display:flex;flex-direction:column;gap:14px}.p-title{font-family:var(--f-serif);font-size:44px;font-weight:500;line-height:1.02;letter-spacing:-.01em}.p-title em{font-style:italic;color:var(--vermillion);font-weight:400}.p-title .jp{font-family:var(--f-jp);font-style:normal;color:var(--ink-40);font-weight:400;font-size:28px}.p-desc{font-family:var(--f-serif);font-size:16px;line-height:1.55;color:var(--ink);max-width:560px}.p-img{position:relative;aspect-ratio:16 / 10;overflow:hidden;margin-top:4px}.p-img .ph{position:absolute;inset:0}.p-img:after{content:"";position:absolute;inset:0;background:var(--gold);mix-blend-mode:multiply;opacity:0;transition:opacity .5s ease;pointer-events:none}.p-img .p-caption{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.3)}.p-side{display:flex;flex-direction:column;gap:12px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}.p-side .row{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--hairline)}.p-side .row .k{color:var(--ink-40)}.p-side .row .v{color:var(--ink);text-transform:none;letter-spacing:.02em;font-family:var(--f-serif);font-size:13px}.p-side .ptag{margin-top:8px;align-self:flex-start;padding:6px 10px;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.p-side .ptag.vermillion{border-color:var(--vermillion);color:var(--vermillion)}.work-chapter-end{position:relative;height:1px;margin:0 0 40px;background:var(--hairline)}.work-chapter-end:after{content:"";position:absolute;right:0;top:0;width:180px;height:1px;background:var(--vermillion)}.exp{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:30px 0 70px}.exp-left{font-family:var(--f-mono);font-size:11px;color:var(--ink-60);letter-spacing:.08em;text-transform:uppercase}.exp-left .kj{font-family:var(--f-jp);font-size:32px;color:var(--ink);display:block;margin-top:12px}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:1fr auto;gap:24px;padding:22px 0;border-bottom:1px solid var(--hairline);align-items:start}.exp-item:first-child{border-top:1px solid var(--hairline)}.exp-item .role{font-family:var(--f-serif);font-size:22px;line-height:1.15}.exp-item .role em{font-style:italic;color:var(--vermillion);font-weight:400}.exp-item .co{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60);margin-top:6px}.exp-item .desc{margin-top:10px;font-family:var(--f-serif);font-size:14px;line-height:1.55;color:var(--ink);max-width:620px}.exp-item .date{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);text-align:right}.exp-item .date .y{font-family:var(--f-serif);font-size:26px;color:var(--ink);display:block;margin-bottom:2px;letter-spacing:0;text-transform:none}.exp-right{display:flex;flex-direction:column;gap:14px}.exp-right .card{padding:16px;border:1px solid var(--hairline);background:var(--paper-2)}.exp-right .card .h{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillion);margin-bottom:8px}.exp-right .card .t{font-family:var(--f-serif);font-size:15px;line-height:1.35}.exp-right .card .sub{color:var(--ink-60);font-size:12px}.pubs{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:30px 0 70px}.pubs-left{font-family:var(--f-mono);font-size:11px;color:var(--ink-60);letter-spacing:.08em;text-transform:uppercase}.pubs-left .kj{font-family:var(--f-jp);font-size:32px;color:var(--vermillion);display:block;margin-top:12px}.pubs-list{display:flex;flex-direction:column}.pub{display:grid;grid-template-columns:60px 1fr 100px 120px;gap:20px;padding:18px 0;border-bottom:1px solid var(--hairline);align-items:start}.pub:first-child{border-top:1px solid var(--hairline)}.pub:hover{background:color-mix(in srgb,var(--vermillion) 3%,transparent)}.pub .n{font-family:var(--f-mono);font-size:11px;color:var(--vermillion)}.pub .t{font-family:var(--f-serif);font-size:16px;line-height:1.35}.pub .t .sub{display:block;margin-top:4px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}.pub .venue{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60)}.pub .yr{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--ink);text-align:right}.pub .yr .arr{color:var(--vermillion);margin-left:6px}.skills{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:30px 0 70px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px}.skill-col h4{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--vermillion);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--hairline)}.skill-col ul{list-style:none}.skill-col li{font-family:var(--f-serif);font-size:15px;line-height:1.5;display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px dotted var(--ink-20)}.skill-col li .lv{font-family:var(--f-mono);font-size:9.5px;color:var(--ink-40);letter-spacing:.08em;text-transform:uppercase}.skills-side{display:flex;flex-direction:column;gap:10px}.skills-side .big{font-family:var(--f-jp);font-size:64px;line-height:.9;color:var(--vermillion)}.skills-side .note{font-family:var(--f-serif);font-size:14px;line-height:1.45;color:var(--ink-60)}.blog{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:30px 0 70px}.blog-list{display:flex;flex-direction:column}.blog-item{display:grid;grid-template-columns:80px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--hairline);align-items:baseline;transition:padding .3s ease}.blog-item:first-child{border-top:1px solid var(--hairline)}.blog-item:hover{padding-left:10px}.blog-item:hover .t em{color:var(--vermillion)}.blog-item .d{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60)}.blog-item .t{font-family:var(--f-serif);font-size:20px;line-height:1.25}.blog-item .t em{font-style:italic;font-weight:400;transition:color .3s}.blog-item .cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-40)}.contact{display:grid;grid-template-columns:260px 1fr 260px;gap:32px;padding:50px 0 40px;border-top:1px solid var(--hairline)}.contact .col-tag .tag{color:var(--vermillion);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.contact .col-tag .kj{font-family:var(--f-jp);font-size:72px;color:var(--vermillion);margin-top:20px;line-height:.9}.contact-big{font-family:var(--f-serif);font-size:clamp(44px,6vw,92px);line-height:.98;font-weight:500;letter-spacing:-.01em}.contact-big em{font-style:italic;color:var(--vermillion);font-weight:400}.contact-big a{border-bottom:1px solid var(--ink)}.contact-big a:hover{color:var(--vermillion);border-color:var(--vermillion)}.contact-info{display:flex;flex-direction:column;gap:10px}.contact-info .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--hairline);font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.contact-info .row .k{color:var(--ink-60)}.contact-info .row .accent{color:var(--vermillion)}footer{padding:40px 22px 28px;border-top:1px solid var(--hairline);display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}footer .right{text-align:right}footer .brand{font-family:var(--f-serif);font-size:16px;color:var(--ink);text-transform:none;letter-spacing:0}footer .brand .dot{color:var(--vermillion)}.sep-marquee{padding:18px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin:40px 0 0;font-family:var(--f-serif);font-size:28px;color:var(--ink)}.sep-marquee em{font-style:italic;color:var(--vermillion)}.sep-marquee .jp-sep{font-family:var(--f-jp);color:var(--vermillion)}@media(max-width:900px){.hero,.sec-hd,.about,.project,.exp,.pubs,.skills,.blog,.contact,.work-overture{grid-template-columns:1fr}.about-body{columns:1}.pub{grid-template-columns:40px 1fr}.pub .venue,.pub .yr{grid-column:2}.skills-grid{grid-template-columns:1fr}.work-bridge{font-size:110px;opacity:.06}}