@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";:root{--paper:#f5f4ef;--ink:#242c27;--muted:#898d83;--green:#234c3c;--line:#d9dcd2;--accent:#d8ed91}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:var(--accent)}.wrap{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{letter-spacing:-1.7px;font-size:27px;font-weight:800}.brand-dot{color:var(--green)}nav{align-items:center;gap:34px;font-size:13px;display:flex}nav a:hover,nav a[aria-current]{color:var(--green);text-underline-offset:6px;text-decoration:underline}.nav-github{border:1px solid #bfc5ba;border-radius:30px;padding:10px 17px}.hero{padding-top:53px}.eyebrow,.section-label,.art-caption,.art-number,.visual-label{letter-spacing:1.9px;font-size:10px;font-weight:600}.eyebrow{align-items:center;gap:10px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.hero-grid{grid-template-columns:1.08fr 1fr;align-items:center;gap:55px;padding:40px 0 62px;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:-3px;font-size:clamp(50px,5.6vw,77px);font-weight:800;line-height:1.37}.muted{color:var(--muted)}.hero-description{margin-top:26px;font-size:14px;line-height:2.1}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:28px;padding-bottom:8px;font-size:12px;font-weight:500;display:inline-flex}.hero .text-link{margin-top:25px}.text-link:hover{color:var(--green)}.art{aspect-ratio:1;background:#e8eade;border-radius:2px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#a8b3a126 1px,#0000 1px),linear-gradient(90deg,#a8b3a126 1px,#0000 1px);background-size:12.5% 12.5%;position:absolute;inset:0}.orb{background:radial-gradient(circle at 28% 23%,#e9f3bd 0%,#bbcc93 27%,#6e9467 53%,#345d47 74%,#203e32 95%);border-radius:50%;position:absolute;inset:18%;box-shadow:22px 28px 40px #344c3326,inset -12px -12px 30px #14302144}.orb:after{content:"";opacity:.16;background: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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");border-radius:50%;position:absolute;inset:0}.orbit{border:1px solid #536b51;border-radius:50%;width:90%;height:34%;position:absolute;top:33%;left:5%;transform:rotate(-37deg)}.art-plus{color:#617057;font-size:22px;font-weight:400;position:absolute}.plus-one{top:10%;left:10%}.plus-two{bottom:10%;right:10%}.art-caption{font-size:8px;position:absolute;bottom:25px;left:25px}.art-number{font-size:9px;position:absolute;top:26px;right:23px}.hero-bottom{border-top:1px solid var(--line);letter-spacing:.5px;color:#757b70;justify-content:space-between;align-items:center;padding:21px 0;font-size:10px;display:flex}.hero-bottom a{letter-spacing:1.3px;font-size:8px}.section{border-top:1px solid var(--line);padding-block:72px}.about{grid-template-columns:1fr 2fr;gap:40px;padding-block:80px;display:grid}.section-label{color:#65725e;margin-bottom:20px}h2{letter-spacing:-.8px;font-size:27px;line-height:1.6}.intro{margin-top:24px;font-size:20px;line-height:1.9}.body-copy{color:#70766d;margin-top:20px;font-size:13px;line-height:2.2}.about-links{gap:30px;margin-top:30px;display:flex}.section-heading{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.section-heading .section-label{margin-bottom:10px}.small-note{color:#7d8378;font-size:11px}.work-card{border:1px solid var(--line);grid-template-columns:1.15fr 1fr;transition:border-color .2s;display:grid}.work-card:hover{border-color:var(--green)}.work-visual{background:#24493b;justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}.work-visual:before,.work-visual:after{content:"";border:1px solid #ffffff16;border-radius:50%;width:320px;height:320px;position:absolute}.work-visual:after{width:440px;height:440px}.code-mark{color:var(--accent);letter-spacing:-10px;font-family:monospace;font-size:68px}.visual-label{color:#cad5bf;font-size:8px;position:absolute;bottom:20px;left:23px}.work-content{padding:43px 35px;position:relative}.pill{letter-spacing:.8px;border:1px solid #cdd2c5;border-radius:3px;width:fit-content;padding:5px 9px;font-size:8px;line-height:1.3;display:inline-block}.work-content h3{margin-top:21px;font-size:19px;font-weight:500}.work-content h3 span{float:right}.work-content p{color:#767d70;margin-top:12px;font-size:11px;line-height:1.9}.work-index{color:var(--muted);font-size:10px;position:absolute;bottom:20px;right:25px}.post-row{border-top:1px solid var(--line);grid-template-columns:100px 68px 1fr 20px;align-items:center;gap:24px;padding:30px 0;display:grid}.post-row:last-of-type{border-bottom:1px solid var(--line)}.post-row time{color:#7a8075;letter-spacing:.5px;font-size:11px}.post-row h3,.post-row h2{letter-spacing:0;font-size:16px;font-weight:500}.post-row p{color:#7a8075;margin-top:9px;font-size:11px;line-height:1.8}.post-row:hover h3,.post-row:hover h2{color:var(--green);text-underline-offset:5px;text-decoration:underline}.row-arrow{font-size:20px}.journal-note{color:#7d8378;margin-top:26px;font-size:10px}.footer{border-top:1px solid var(--line);align-items:center;gap:30px;padding:38px 0;display:flex}.footer .brand{font-size:23px}.footer p{color:#7a8075;font-size:9px}.footer>div{color:#7a8075;gap:26px;margin-left:auto;font-size:9px;display:flex}.page-top{padding-top:80px;padding-bottom:65px}.page-top h1{letter-spacing:-4px;font-size:76px}.page-top p{color:#7a8075;margin-top:22px;font-size:14px}.post-list{min-height:350px;padding-bottom:90px}.article{width:calc(100% - 48px);max-width:720px;margin:65px auto 95px}.article-header{border-bottom:1px solid var(--line);margin-bottom:35px;padding:45px 0 35px}.article-meta{color:#7a8075;align-items:center;gap:25px;font-size:11px;display:flex}.article h1{letter-spacing:-1px;margin-top:20px;font-size:38px;line-height:1.65}.article-header>p{color:#7a8075;margin-top:15px;font-size:13px;line-height:1.9}.prose{font-size:15px;line-height:2.2}.prose p,.prose ul{margin-block:24px}.prose h2{margin-top:42px;font-size:24px}.prose blockquote{border-left:3px solid var(--green);color:#62715b;background:#eaede3;margin:28px 0;padding:12px 24px;font-size:13px}.prose a{color:var(--green);text-decoration:underline}.prose pre{border-radius:4px;padding:20px;overflow:auto}.prose img{max-width:100%;height:auto}.article-back{margin-top:45px}.error-page{min-height:65vh}.error-page h1{font-size:50px}.error-page .text-link{margin-top:35px}.skip{background:var(--ink);color:#fff;z-index:10;padding:12px;position:fixed;top:-80px;left:20px}.skip:focus{top:12px}@media (width>=1500px){.hero-grid{gap:110px}}@media (width<=850px){.wrap{width:calc(100% - 48px)}.header{height:90px}nav{gap:20px;font-size:11px}.hero-grid{gap:25px}h1{font-size:52px}.hero-description{font-size:12px}.about{grid-template-columns:1fr 2.5fr}.work-content{padding:30px 22px}.work-content h3{font-size:16px}.footer{flex-wrap:wrap}.footer>div{width:100%;margin-left:0}.post-row{grid-template-columns:90px 60px 1fr 16px;gap:16px}}@media (width<=600px){.wrap{width:calc(100% - 40px)}.header{height:80px}.brand{font-size:24px}nav{gap:17px}.nav-github{display:none}.hero{padding-top:32px}.eyebrow{letter-spacing:1px;font-size:8px}.hero-grid{grid-template-columns:1fr;gap:38px;padding-top:30px;padding-bottom:32px}h1{font-size:59px;line-height:1.3}.hero-description{font-size:13px}.art{aspect-ratio:1.15}.hero-bottom{font-size:8px}.hero-bottom a{letter-spacing:.5px;font-size:7px}.section{padding-block:47px}.about{grid-template-columns:1fr;gap:3px}.about h2{font-size:22px}.intro{margin-top:18px;font-size:18px}.body-copy{font-size:12px}.section-heading{gap:15px}h2{font-size:25px}.small-note{display:none}.work-card{grid-template-columns:1fr}.work-visual{height:240px}.work-content{padding:28px 23px 47px}.work-content h3{font-size:18px}.post-row{grid-template-columns:1fr auto;gap:13px;padding-block:24px}.post-row time{font-size:10px}.post-row .pill{justify-self:end}.post-row>div{grid-area:2/1}.row-arrow{grid-area:2/2}.post-row h3,.post-row h2{font-size:15px;line-height:1.8}.post-row p{font-size:11px}.footer{gap:15px;padding-block:30px}.footer p{font-size:8px}.footer>div{justify-content:space-between;margin-top:8px}.page-top{padding-block:55px 40px}.page-top h1{font-size:58px}.article{margin-top:40px}.article h1{font-size:28px}.prose{font-size:14px}.section-heading .text-link{gap:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}