:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--paper:#fbfdff;--paper-blue:#f3f9ff;--text:#10284d;--muted:#566a85;--faint:#8a9bb0;--line:#dbe7f1;--line-strong:#b9d3e9;--blue:#1677df;--mint:#21bfa9;--mint-dark:#119986;--warm:#f7ede0;--ink:#071c3f;--shadow:0 18px 50px #10284d14;--radius:8px;--max:1220px;--header-h:76px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Noto Sans JP,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#b9d3e93d 1px, transparent 1px) 0 76px / 44px 44px, linear-gradient(90deg, #b9d3e933 1px, transparent 1px) 0 76px / 44px 44px, linear-gradient(180deg, #f3f9ffb8, #fffffff5 42rem), var(--bg);color:var(--text);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.85}body:before,body:after{z-index:-1;content:"";opacity:.42;pointer-events:none;background-image:radial-gradient(#1677df4d 1.4px,#0000 1.4px);background-size:14px 14px;width:170px;height:150px;position:fixed}body:before{top:138px;left:38px}body:after{bottom:64px;right:42px}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img,svg{display:block}button,input,textarea,select{font:inherit}.section-shell{padding-left:clamp(20px,6vw,76px);padding-right:clamp(20px,6vw,76px)}.site-header{z-index:20;min-height:var(--header-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;grid-template-columns:auto 1fr auto;align-items:center;padding:10px clamp(18px,5vw,74px);transition:box-shadow .18s,background .18s;display:grid;position:sticky;top:0}.site-header.is-scrolled{background:#fffffff5;box-shadow:0 10px 28px #10284d14}.brand{align-items:center;gap:16px;min-width:0;display:inline-flex}.brand__avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:52px;height:52px;box-shadow:0 7px 18px #10284d24}.brand__name{color:var(--ink);white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2vw,30px);line-height:1}.site-nav{justify-self:center;align-items:stretch;gap:clamp(30px,5vw,62px);display:flex}.site-nav a{min-width:72px;color:var(--ink);text-align:center;gap:1px;padding:9px 2px 13px;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.1;display:grid;position:relative}.site-nav a:after{background:var(--mint);content:"";opacity:0;height:3px;transition:opacity .16s,transform .16s;position:absolute;bottom:-11px;left:0;right:0;transform:scaleX(.4)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.site-nav small{color:var(--mint-dark);font-family:inherit;font-size:11px;font-weight:700}.x-link{color:var(--ink);justify-self:end;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:16px;display:inline-flex}.x-mark{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:900;line-height:1;display:inline-grid}.nav-toggle{display:none}.hero{max-width:var(--max);grid-template-columns:minmax(310px,.75fr) minmax(560px,1.25fr);align-items:center;gap:clamp(46px,6vw,88px);margin:0 auto;padding-top:clamp(58px,7vw,94px);padding-bottom:clamp(44px,6vw,72px);display:grid}.hero__copy{padding-top:20px;position:relative}.hero__copy:before{content:"";border-top:1px solid #1677df38;border-left:1px solid #1677df38;width:118px;height:118px;position:absolute;top:0;left:-28px}.brand-line{color:var(--mint-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700}.hero h1{color:var(--text);margin:0;font-family:Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:clamp(44px,5.2vw,68px);font-weight:500;line-height:1.32;display:inline-block;position:relative}.hero h1:after{content:"";z-index:-1;background:#1677df47;height:8px;position:absolute;bottom:8px;left:4%;right:4%;transform:rotate(-2deg)}.hero__copy p:last-child{color:#314962;max-width:470px;margin:34px 0 0;font-weight:600}.featured-card{border:1px solid var(--line);border-radius:var(--radius);min-height:300px;box-shadow:var(--shadow);background:#ffffffd6;grid-template-columns:minmax(230px,.9fr) minmax(320px,1.35fr);display:grid;overflow:hidden}.featured-card__media{min-height:300px}.featured-card__body{align-content:center;padding:clamp(28px,4vw,44px);display:grid}.section-kicker{color:var(--mint-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700}.featured-card time,.post-card time,.memo-card time{color:var(--faint);font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700}.featured-card h2{color:var(--ink);margin:22px 0 0;font-family:Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.55}.featured-card p:not(.section-kicker){max-width:520px;color:var(--muted);margin:20px 0 0;font-weight:600}.featured-card a{color:var(--text);justify-self:end;margin-top:20px;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1}.content-layout{max-width:var(--max);grid-template-columns:minmax(0,1fr) 360px;gap:clamp(38px,5vw,66px);margin:0 auto;padding-bottom:66px;display:grid}.section-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-title-row h2,.about-card h2,.memo-card h2,.contact-card h2,.works-band h2{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.25}.section-title-row a,.about-card a,.text-link{color:var(--blue);white-space:nowrap;font-size:14px;font-weight:800}.text-link{margin-top:16px;display:inline-flex}.post-grid{grid-template-columns:1fr;gap:16px;display:grid}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;grid-template-columns:190px minmax(0,1fr);gap:24px;min-height:160px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 12px 30px #10284d0b}.post-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.post-card__body{align-content:start;gap:8px;min-width:0;display:grid}.post-card__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.post-card__category{color:var(--mint-dark);font-size:12px;font-weight:800}.post-card h3{color:var(--ink);margin:0;font-size:21px;font-weight:900;line-height:1.55}.post-card p{color:var(--muted);margin:0;font-size:13px;font-weight:600;line-height:1.75}.side-column{align-content:start;gap:24px;padding-top:38px;display:grid}.about-card,.memo-card,.contact-card,.works-note{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;box-shadow:0 12px 30px #10284d0b}.about-card,.memo-card,.contact-card{padding:28px}.about-card__inner{grid-template-columns:94px minmax(0,1fr);align-items:center;gap:20px;margin-top:18px;display:grid}.about-card img{object-fit:cover;border:6px solid #fff;border-radius:50%;width:94px;height:94px;box-shadow:0 12px 24px #10284d1f}.about-card p{color:var(--muted);margin:10px 0 0;font-size:14px;font-weight:600}.about-card>a{margin-top:18px;display:inline-flex}.memo-card ol{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.memo-card li{color:var(--muted);grid-template-columns:54px minmax(0,1fr);gap:14px;font-size:14px;font-weight:650;line-height:1.7;display:grid}.memo-card a{color:var(--text);font-weight:750}.contact-card a{color:var(--ink);align-items:center;gap:10px;margin-top:18px;font-family:Georgia,Times New Roman,serif;font-size:22px;display:inline-flex}.contact-card .x-mark{width:30px;height:30px;font-size:14px}.works-band{max-width:var(--max);border-top:1px solid var(--line);grid-template-columns:minmax(0,.72fr) minmax(320px,1fr);align-items:start;gap:clamp(28px,5vw,64px);margin:0 auto 24px;padding-top:48px;padding-bottom:58px;display:grid}.works-band p{max-width:560px;color:var(--muted);font-weight:650}.works-band__body,.works-list{gap:16px;display:grid}.work-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;gap:14px;padding:clamp(22px,3vw,30px);transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 12px 30px #10284d0b}a.work-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.work-card__meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.work-card__meta span,.work-card__meta strong{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;line-height:1.2;display:inline-flex}.work-card__meta span{color:var(--mint-dark);background:#21bfa914;border:1px solid #21bfa957;font-weight:850}.work-card__meta strong{color:var(--blue);background:#1677df0f;border:1px solid #1677df38;font-weight:850}.work-card h2,.work-card h3{color:var(--ink);margin:0;font-size:clamp(22px,3vw,30px);font-weight:900;line-height:1.35}.work-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.work-card__details{color:var(--muted);grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:4px 0 0;font-size:13px;line-height:1.65;display:grid}.work-card__details dt{color:var(--faint);font-family:Georgia,Times New Roman,serif;font-weight:700}.work-card__details dd{margin:0;font-weight:700}.works-note{min-height:170px;color:var(--muted);text-align:center;background:linear-gradient(135deg,#1677df0d,#21bfa90f),#ffffffd1;border-style:dashed;place-items:center;display:grid}.works-note span{color:var(--faint);font-family:Georgia,Times New Roman,serif;font-size:14px}.works-note strong{color:var(--text);font-size:18px}.visual{border-radius:calc(var(--radius) - 1px);background:var(--paper-blue);position:relative;overflow:hidden}.visual:before,.visual:after{content:"";position:absolute}.visual span{z-index:2;color:var(--mint-dark);background:#ffffffd6;border:1px solid #21bfa959;padding:5px 10px;font-size:12px;font-weight:850;position:absolute;top:18px;left:18px}.visual--notebook{background:radial-gradient(circle at 70% 14%,#21bfa92e,#0000 90px),linear-gradient(135deg,#f7fbff,#fff8ed)}.visual--notebook:before{background:repeating-linear-gradient(0deg,#0000 0 16px,#1677df1f 17px 18px),linear-gradient(90deg,#0000 48%,#10284d1f 49%,#0000 50%),#fff;border:1px solid #c9d8e8;border-radius:2px;width:58%;height:54%;bottom:18%;right:13%;transform:rotate(-7deg);box-shadow:-22px 18px #10284d14}.visual--notebook:after{background:linear-gradient(#10284d29,#10284d29) 20px 25px/70% 2px no-repeat,linear-gradient(#10284d1f,#10284d1f) 20px 50px/58% 2px no-repeat,linear-gradient(#21bfa93d,#21bfa93d) 24px 78px/64% 30px no-repeat,#fff;border-radius:2px;width:40%;height:42%;bottom:20%;left:12%;transform:rotate(5deg);box-shadow:0 18px 28px #10284d1f}.visual--code{background:linear-gradient(135deg,#10284d,#153e69)}.visual--code:before{opacity:.85;background:linear-gradient(90deg,#72e4cf 0 42%,#0000 42%) 0 18px/100% 4px no-repeat,linear-gradient(90deg,#91bdff 0 62%,#0000 62%) 0 46px/100% 4px no-repeat,linear-gradient(90deg,#fff 0 36%,#0000 36%) 0 74px/100% 4px no-repeat,linear-gradient(90deg,#72e4cf 0 48%,#0000 48%) 0 102px/100% 4px no-repeat;border-radius:4px;inset:22px}.visual--diagram{background:linear-gradient(135deg,#fff,#eef8ff)}.visual--diagram:before{background:radial-gradient(circle, var(--blue) 0 5px, transparent 6px) 10% 24% / 100% 100% no-repeat, radial-gradient(circle, var(--mint) 0 5px, transparent 6px) 50% 52% / 100% 100% no-repeat, radial-gradient(circle, #f0b56b 0 5px, transparent 6px) 82% 30% / 100% 100% no-repeat, linear-gradient(35deg, transparent 28%, #1677df52 29% 31%, transparent 32%), linear-gradient(-18deg, transparent 46%, #21bfa95c 47% 49%, transparent 50%);inset:28px 20px}.visual--notes{background:linear-gradient(90deg,#10284d14 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#fff,#fff8ed)}.visual--notes:before{background:#ffd976;width:70px;height:70px;top:20px;left:20px;transform:rotate(-4deg);box-shadow:82px 16px #a8e8dc,44px 96px #c9e1ff,138px 88px #ffe4b8}.visual--clip{background:linear-gradient(135deg,#fffdf9,#eef8ff)}.visual--clip:before{border:1px solid var(--line-strong);background:linear-gradient(90deg,#21bfa938 0 32%,#0000 32%) 18px 28px/80% 12px no-repeat,linear-gradient(90deg,#10284d2e 0 72%,#0000 72%) 18px 62px/80% 4px no-repeat,linear-gradient(90deg,#10284d24 0 56%,#0000 56%) 18px 84px/80% 4px no-repeat,#fff;width:72%;height:62%;top:32px;left:26px;box-shadow:16px 16px #21bfa914}.page-shell{max-width:var(--max);margin:0 auto;padding-top:clamp(52px,7vw,86px);padding-bottom:clamp(62px,8vw,102px)}.page-hero{gap:14px;max-width:880px;margin-bottom:clamp(32px,5vw,54px);display:grid}.page-hero--split{grid-template-columns:minmax(0,.82fr) minmax(320px,1fr);align-items:end;gap:clamp(28px,5vw,64px);max-width:none}.page-hero h1{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1.25}.page-hero p:not(.section-kicker){max-width:760px;color:var(--muted);margin:0;font-size:clamp(16px,2vw,19px);font-weight:700;line-height:1.9}.archive-layout,.works-page-layout,.profile-layout{gap:clamp(24px,4vw,42px);display:grid}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.archive-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;grid-template-columns:minmax(180px,.65fr) minmax(0,1fr);min-height:220px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden;box-shadow:0 12px 30px #10284d0b}.archive-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.archive-card__visual{border-radius:0;min-height:220px}.archive-card__body{align-content:center;gap:10px;padding:clamp(22px,3vw,30px);display:grid}.archive-card h2{color:var(--ink);margin:0;font-size:clamp(21px,2.4vw,28px);font-weight:900;line-height:1.45}.archive-card p{color:var(--muted);margin:0;font-size:14px;font-weight:650;line-height:1.8}.works-page-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.process-panel,.profile-main,.profile-side{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:0 12px 30px #10284d0b}.process-panel,.profile-side{padding:clamp(24px,3vw,32px)}.process-panel h2,.profile-main h2,.profile-side h2{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:clamp(25px,3vw,34px);font-weight:600;line-height:1.35}.process-panel ul,.profile-side ul{color:var(--muted);gap:12px;margin:18px 0 0;padding-left:1.15em;font-weight:700;line-height:1.8;display:grid}.profile-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.profile-main{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:clamp(26px,4vw,44px);padding:clamp(26px,4vw,46px);display:grid}.profile-main img{object-fit:cover;border:8px solid #fff;border-radius:50%;width:180px;height:180px;box-shadow:0 16px 34px #10284d21}.profile-main p:not(.section-kicker){color:var(--muted);margin:16px 0 0;font-weight:700;line-height:1.9}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:22px clamp(20px,6vw,76px) 32px;font-size:13px;font-weight:650;display:flex}.site-footer nav{gap:clamp(18px,4vw,42px);display:flex}.article-page{background:linear-gradient(#b9d3e933 1px,#0000 1px) 0 76px/44px 44px,linear-gradient(90deg,#b9d3e929 1px,#0000 1px) 0 76px/44px 44px,linear-gradient(135deg,#fff,#f5fbff 54%,#fff8ed)}.article-header{grid-template-columns:auto 1fr auto}.article-nav{color:var(--ink);justify-self:center;gap:clamp(20px,4vw,42px);font-family:Georgia,Times New Roman,serif;font-size:16px;display:flex}.article-shell{max-width:1040px;margin:0 auto;padding-top:clamp(48px,7vw,86px);padding-bottom:clamp(54px,8vw,94px)}.article-layout{gap:clamp(34px,6vw,58px);display:grid}.article-hero{gap:14px;max-width:860px;display:grid}.article-back,.article-footer a{color:var(--blue);font-size:14px;font-weight:850}.article-hero time{color:var(--faint);font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700}.article-hero h1{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:clamp(38px,6vw,70px);font-weight:500;line-height:1.32}.article-hero p:not(.section-kicker){max-width:760px;color:var(--muted);margin:8px 0 0;font-size:clamp(16px,2vw,19px);font-weight:700;line-height:1.9}.article-body{border:1px solid var(--line);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow);color:var(--text);background:#ffffffd1;padding:clamp(26px,5vw,46px)}.article-body h2{color:var(--ink);margin:2.2em 0 .7em;font-family:Georgia,Times New Roman,Hiragino Mincho ProN,serif;font-size:clamp(25px,3vw,34px);font-weight:600;line-height:1.35}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{color:#314962;font-size:16px;font-weight:650;line-height:2}.article-body p{margin:0 0 1.45em}.article-body ul{gap:8px;margin:0 0 1.6em;padding-left:1.25em;display:grid}.article-footer{flex-wrap:wrap;align-items:center;gap:18px;max-width:760px;padding-top:8px;display:flex}.draft-banner{border-bottom:1px solid var(--line);color:var(--ink);background:#fff8ed;justify-content:center;align-items:center;gap:16px;padding:9px 18px;font-size:13px;font-weight:800;display:flex}.draft-banner[hidden]{display:none}.draft-banner a,.local-editor-link{color:var(--blue);font-weight:850}.draft-banner button{color:#a63737;cursor:pointer;font:inherit;background:0 0;border:0}.empty-text{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);background:#ffffffc2;margin:0;padding:22px;font-weight:750}:focus-visible{outline-offset:4px;outline:3px solid #1677df47}@media (width<=1120px){.site-header{grid-template-columns:auto auto auto;gap:18px}.site-nav{gap:22px}.hero,.content-layout,.works-band,.page-hero--split,.works-page-layout,.profile-layout,.archive-grid{grid-template-columns:1fr}.featured-card{grid-template-columns:minmax(220px,.82fr) minmax(320px,1fr)}.side-column{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0}.about-card__inner{grid-template-columns:74px 1fr}.about-card img{width:74px;height:74px}}@media (width<=820px){:root{--header-h:68px}.site-header{grid-template-columns:auto auto}.brand__avatar{width:44px;height:44px}.brand__name{font-size:22px}.x-link{display:none}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius);width:44px;height:44px;color:var(--ink);background:#fff;justify-self:end;place-items:center;display:grid}.nav-toggle span{background:currentColor;width:18px;height:2px;transition:transform .16s,opacity .16s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(5px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-5px)rotate(-45deg)}.site-nav{top:var(--header-h);border-bottom:1px solid var(--line);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#fffffffa;gap:0;padding:12px 20px 22px;transition:opacity .16s,transform .16s;display:grid;position:fixed;left:0;right:0;transform:translateY(-10px)}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav a{text-align:left;justify-items:start;min-width:0;padding:14px 4px}.site-nav a:after{display:none}.hero{gap:32px;padding-top:44px}.featured-card,.post-card,.archive-card,.profile-main{grid-template-columns:1fr}.featured-card__media{min-height:220px}.post-card .visual,.archive-card__visual{min-height:170px}.post-grid,.side-column{grid-template-columns:1fr}.site-footer{display:grid}.article-header{grid-template-columns:auto auto}.article-nav{border-top:1px solid var(--line);order:3;grid-column:1/-1;justify-self:start;width:100%;padding-top:8px}}@media (width<=560px){body{font-size:15px}body:before,body:after{opacity:.25}.site-header{padding-left:16px;padding-right:16px}.brand{gap:10px}.brand__name{text-overflow:ellipsis;max-width:64vw;overflow:hidden}.section-shell{padding-left:18px;padding-right:18px}.hero h1{font-size:clamp(38px,11vw,48px)}.hero__copy:before{width:78px;height:78px;left:-12px}.featured-card__body,.about-card,.memo-card,.contact-card,.process-panel,.profile-side{padding:22px}.post-card,.archive-card__body,.profile-main{padding:14px}.post-card .visual{min-height:150px}.section-title-row{flex-direction:column;align-items:start;gap:8px}.about-card__inner{grid-template-columns:1fr}.works-band{padding-top:36px;padding-bottom:42px}.site-footer nav{flex-wrap:wrap}.article-body{padding:22px}.article-hero h1{font-size:clamp(34px,10vw,46px)}.page-hero h1{font-size:clamp(36px,11vw,50px)}.profile-main img{width:132px;height:132px}.work-card__details{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}