/* Quiet type, observational ink, a small world of objects. */
:root{color-scheme:light;--navy:#f6f5f1;--paper:#30372f;--muted:#73796e;--accent:#556b46;--rule:#30372f2b;background:var(--navy);color:var(--paper)}
body::after{display:none}.signature,.portrait>img,.vector-ink,.chapter-portrait>img{filter:brightness(.15)}
.portrait>img[src$=".png"],.chapter-portrait>img[src$=".png"]{filter:none;mix-blend-mode:multiply}
.masthead{min-height:90px;padding-block:16px}.wordmark{width:145px}.masthead nav{font-size:11px;letter-spacing:.06em}
.editor{background:var(--navy);border-color:var(--rule);box-shadow:0 4px 15px #24251f12}.editor-indicator{background:var(--accent)}.is-editing .date-picker{background:#fff;color:var(--paper)}.is-editing [data-edit-key]{outline-color:#556b4680}.is-editing [data-edit-key]:focus{background:#556b460b}
html[lang=en] .copy-ja,html[lang=ja] .copy-en{display:none}
.parade{mix-blend-mode:multiply;filter:invert(1)}
body[data-page=home] .masthead{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:0;padding:25px 38px;z-index:4;pointer-events:none}
body[data-page=home] .masthead a,body[data-page=home] .masthead button{pointer-events:auto}body[data-page=home] .masthead .wordmark{width:123px}body[data-page=home] .masthead nav>a{display:none}body[data-page=home] .languages{border:0;padding:0;margin:0;gap:10px}body[data-page=home] .language-banner{position:static;margin-left:auto}
body[data-page=home] main{margin:0;padding:0;width:100%}body[data-page=home] .hero.universe{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-content:normal;place-items:center;min-height:760px;height:100svh;padding:105px 20px 115px;overflow:hidden;isolation:isolate}
.object-garden{position:absolute;inset:0;z-index:-1;pointer-events:none}.object-garden canvas{display:block;width:100%;height:100%}
.garden-intro{width:min(460px,100%);text-align:center;position:relative;align-self:center;justify-self:center;padding-bottom:15px}.garden-intro::before{content:"";position:absolute;inset:-65px -70px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side,#f6f5f1f5 45%,#f6f5f1cc 72%,#f6f5f100 100%)}
body[data-page=home] .portrait-stage{position:relative;inset:auto;width:235px;height:245px;margin:0 auto 25px;pointer-events:none;isolation:auto}body[data-page=home] .portrait-frame{inset:0;display:grid;place-items:center;overflow:visible}body[data-page=home] .portrait{width:255px;height:255px;max-width:none}body[data-page=home] .portrait-stage::after{display:none}
body[data-page=home] .hero h1,html[lang=ja] body[data-page=home] .hero h1.personal-name{font-size:34px;font-weight:450;line-height:1.2;letter-spacing:-.06em;text-transform:none;margin:0 0 18px}body[data-page=home] .personal-name{display:flex;justify-content:center;gap:.22em}body[data-page=home] .personal-name span{display:inline}.garden-intro .role{font-size:12px;line-height:1.6;letter-spacing:.02em;color:var(--muted);margin:0 0 7px}.garden-intro .location{font-size:11px;line-height:1.6;letter-spacing:.12em;color:var(--muted);margin:0 0 28px}.garden-intro .deck{font-size:15px;margin:0 auto 22px;text-align:center}.garden-intro .home-links{display:flex;justify-content:center;align-items:center;gap:23px;flex-wrap:wrap}.garden-intro .home-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:0;text-underline-offset:5px;white-space:nowrap}.garden-intro .home-links a:hover{text-decoration:underline;color:var(--accent)}
.garden-bottom{position:absolute;bottom:27px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;line-height:1.5;letter-spacing:.035em;z-index:2;text-shadow:0 1px 4px var(--navy),0 0 8px var(--navy)}.garden-clock{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.garden-controls{display:flex;gap:20px;align-items:center}.garden-controls button{min-height:44px;font-size:11px;padding:0;color:var(--muted)}.garden-controls button:hover{color:var(--paper)}.garden-add{display:flex;gap:9px;align-items:center}.garden-add>span:last-child{font-size:18px}.garden-pause{min-width:35px}
body[data-page=home] footer{display:none}body[data-page=home] .skip-intro{display:none}body[data-page=home].is-intro h1,body[data-page=home].is-intro .introduction{animation:none}
body[data-page=home]:not(.is-editing) .editor{left:auto;right:38px;bottom:76px;width:auto;padding:0;border:0;background:transparent;box-shadow:none;opacity:.7}body[data-page=home]:not(.is-editing) .editor-context,body[data-page=home]:not(.is-editing) .editor-status{display:none}body[data-page=home]:not(.is-editing) .editor-actions{grid-area:1/1}body[data-page=home]:not(.is-editing) .editor .edit-start{border:0;padding:0;min-height:30px}.is-editing[data-page=home] .hero.universe{height:auto;min-height:calc(100svh - 150px)}.is-editing[data-page=home] .personal-name [data-edit-key]{display:inline-block}
@media(max-width:760px){
 .portrait-stage::after{background:linear-gradient(transparent 35%,#f6f5f130 46%,#f6f5f1d6 65%,#f6f5f1fa 90%)}.chapter,.suki-chapter{background:var(--navy);box-shadow:0 0 0 7vw var(--navy)}.hero-heading,.introduction{text-shadow:none}body:not(.is-editing) .editor{background:#f6f5f1f5}.masthead{min-height:116px}.masthead .wordmark{width:98px}
 body[data-page=home] .masthead{display:flex;padding:20px 23px;min-height:75px}body[data-page=home] .masthead .wordmark{width:100px}body[data-page=home] .masthead nav{width:auto}body[data-page=home] .masthead .languages{position:static;gap:8px}body[data-page=home] .language-banner{position:absolute;top:72px;right:23px;font-size:11px}
 body[data-page=home] .hero.universe{min-height:670px;padding:100px 20px 100px}.garden-intro{padding-bottom:0;width:min(360px,100%)}body[data-page=home] .portrait-stage{width:200px;height:200px;margin:0 auto 24px}body[data-page=home] .portrait{width:215px;height:215px}body[data-page=home] .hero h1,html[lang=ja] body[data-page=home] .hero h1.personal-name{font-size:29px;letter-spacing:-.06em;line-height:1.2;margin-bottom:15px}.garden-intro .role{font-size:11px}.garden-intro .location{margin-bottom:20px}.garden-intro .home-links{gap:20px}.garden-intro .home-links a{font-size:12px}.garden-bottom{left:23px;right:23px;bottom:max(17px,env(safe-area-inset-bottom))}.garden-clock{font-size:11px;gap:7px;flex-direction:column;align-items:flex-start;line-height:1.2}.garden-controls{gap:16px}.garden-intro::before{inset:-45px -20px}body[data-page=home]:not(.is-editing) .editor{right:23px;bottom:67px}.is-editing[data-page=home] .portrait-stage{min-height:0;margin-top:0}
}
@media(max-width:360px){.garden-intro .home-links{gap:15px}.garden-intro .home-links a{font-size:11px}body[data-page=home] .hero h1{font-size:27px}.garden-bottom{gap:10px}.garden-controls{gap:12px}}

/* A sketchbook cover: a clear center, generous type, stray marks in the margins. */
body[data-page=home]{--paper:#282826;--muted:#74736d;--accent:#282826;--rule:#28282626}
body[data-page=home] .universe::before{content:"";position:absolute;inset:17px;border:1px solid #28282618;pointer-events:none;z-index:-2}
body[data-page=home] .universe::after{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;background-image:radial-gradient(#44443e23 .65px,transparent .8px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,transparent 32%,#0008 100%)}
.sketch-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2;color:#363632;stroke-width:1.1}
.guide-orbit{opacity:.13;stroke-dasharray:3 8}.guide-trail{opacity:.48;stroke-linecap:round}.guide-spark{opacity:.5;stroke-linejoin:round}.guide-marks{opacity:.3}
.garden-intro{width:min(650px,100%);padding-bottom:8px}
.garden-intro::before{inset:-35px -40px;background:radial-gradient(ellipse closest-side,#f6f5f1 55%,#f6f5f1e8 74%,#f6f5f100 100%)}
body[data-page=home] .portrait-stage{width:225px;height:220px;margin:0 auto 13px;transform:rotate(-4deg)}
body[data-page=home] .portrait{width:270px;height:270px}
body[data-page=home] .hero h1,html[lang=ja] body[data-page=home] .hero h1.personal-name{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.6vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.065em;margin-bottom:23px}
body[data-page=home] .personal-name{gap:.19em}
.garden-intro .role{font-size:12px;letter-spacing:.025em;margin-bottom:6px}.garden-intro .location{font-size:11px;letter-spacing:.16em;margin-bottom:32px}
.garden-intro .home-links{gap:0;width:min(418px,100%);margin:auto;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);counter-reset:home-link}
.garden-intro .home-links a{position:relative;flex:1;justify-content:center;gap:10px;min-height:59px;font-size:12px;counter-increment:home-link;transition:background .2s ease}
.garden-intro .home-links a::before{content:'0' counter(home-link);font:italic 11px Georgia,serif;color:var(--muted)}
.garden-intro .home-links a+a{border-left:1px solid var(--rule)}
.garden-intro .home-links a:hover{background:#28282605;text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1px;text-underline-offset:6px}
.garden-intro .home-links a:focus-visible{outline:1px dashed currentColor;outline-offset:5px}
.garden-bottom{bottom:29px;left:40px;right:40px}.garden-controls{gap:22px}.garden-add{font-style:italic}.garden-add>span:last-child{font-style:normal}
@media(max-width:760px){
 body[data-page=home] .universe::before{inset:10px}.sketch-guides{width:170%;left:-35%;opacity:.65}.guide-trail{opacity:.25}
 .garden-intro{width:min(460px,100%)}.garden-intro::before{inset:-30px -25px}
 body[data-page=home] .portrait-stage{width:200px;height:205px;margin-bottom:14px}body[data-page=home] .portrait{width:240px;height:240px}
 body[data-page=home] .hero h1,html[lang=ja] body[data-page=home] .hero h1.personal-name{font-size:clamp(32px,8.8vw,48px);margin-bottom:21px;letter-spacing:-.065em}
 .garden-intro .home-links{width:min(350px,100%);gap:0}.garden-intro .home-links a{font-size:12px;min-height:55px;gap:7px}.garden-intro .role{font-size:11px}.garden-intro .location{margin-bottom:27px}
 .garden-bottom{left:24px;right:24px;bottom:max(22px,env(safe-area-inset-bottom))}.garden-controls{gap:15px}
}
@media(prefers-reduced-motion:reduce){.garden-intro .home-links a{transition:none}}
.handwritten-name{display:none}
body[data-page=home]:not(.is-editing) .name-art-ready .handwritten-name{display:block;width:min(510px,100%);height:clamp(70px,9vw,110px);object-fit:cover;object-position:center;mix-blend-mode:multiply}
body[data-page=home]:not(.is-editing) .name-art-ready>[data-edit-key]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-page=home]:not(.is-editing) .hero h1.name-art-ready{margin-bottom:12px;gap:0}

html[lang=ja] body[data-page=home] .personal-name{gap:0}
.signature[src$=".png"]{filter:none;mix-blend-mode:multiply;object-fit:contain}