@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2")}@font-face{font-family:Caveat Variable;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2)format("woff2")}:root{color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1ed;--surface:#eae2dd;--paper:#fbf7f0;--text:#231b1d;--muted:#5a4a4d;--line:#3b2a2f;--rule:#d6c7c4;--accent:#ad1f36;--button:#a11d31;--button-text:#fff4ed;--crimson:#ad1f36;--vermilion:#cf452d;--oxblood:#661d2b;--coral:#ea806e;--sticky:#f4b8a6;--ring:#ecd0cc;--shadow:8px 8px 0 var(--oxblood);--shadow-soft:4px 4px 0 var(--coral);--train-coach-top:#6d91ed;--train-coach-bottom:#214fd1;--train-coach-stroke:#163b91;--train-trim:#edf3ff;--train-trim-shadow:#b7c9ef;--train-detail:#163b91;--train-body-top:#f2f0e9;--train-body-bottom:#c6d4ed;--train-body-stroke:#667ca8;--train-engine-stripe:#214fd1;--train-engine-bottom:#263a42;--ease:cubic-bezier(.22, 1, .36, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope Variable,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171417;--surface:#251f22;--paper:#2c2528;--text:#f3ece4;--muted:#c0ada7;--line:#dfcfc9;--rule:#55434a;--accent:#ff7168;--button:#e65a49;--button-text:#21191b;--crimson:#ff5262;--vermilion:#f07362;--oxblood:#772536;--coral:#ff927e;--sticky:#71343b;--ring:#3e252b;--shadow:8px 8px 0 var(--oxblood);--shadow-soft:4px 4px 0 var(--coral);--train-coach-top:#e95e67;--train-coach-bottom:#9e1e2d;--train-coach-stroke:#5c2027;--train-trim:#f0d8d0;--train-trim-shadow:#b9777b;--train-detail:#7b1c2a;--train-body-top:#f2e8e3;--train-body-bottom:#cdb8bb;--train-body-stroke:#826a70;--train-engine-stripe:#b62839;--train-engine-bottom:#343a3c}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171417;--surface:#251f22;--paper:#2c2528;--text:#f3ece4;--muted:#c0ada7;--line:#dfcfc9;--rule:#55434a;--accent:#ff7168;--button:#e65a49;--button-text:#21191b;--crimson:#ff5262;--vermilion:#f07362;--oxblood:#772536;--coral:#ff927e;--sticky:#71343b;--ring:#3e252b;--shadow:8px 8px 0 var(--oxblood);--shadow-soft:4px 4px 0 var(--coral);--train-coach-top:#e95e67;--train-coach-bottom:#9e1e2d;--train-coach-stroke:#5c2027;--train-trim:#f0d8d0;--train-trim-shadow:#b9777b;--train-detail:#7b1c2a;--train-body-top:#f2e8e3;--train-body-bottom:#cdb8bb;--train-body-stroke:#826a70;--train-engine-stripe:#b62839;--train-engine-bottom:#343a3c}}*{box-sizing:border-box}html{scroll-padding-top:104px}html:has(dialog[open]){overflow:hidden}body{margin:0}button,select,input{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,a{touch-action:manipulation}button{border:0}::selection{background:var(--accent);color:var(--button-text)}h1,h2,h3,h4,p{margin:0}h2{letter-spacing:-.055em;font-size:clamp(36px,4.5vw,62px);font-weight:750;line-height:1.1}p{line-height:1.7}.accent{color:var(--accent)}.handwritten{font-family:Caveat Variable,cursive;font-weight:550}.section-shell{width:min(1240px,100% - clamp(40px,8vw,128px));margin-inline:auto}.section-intro{max-width:680px}.section-intro>p{color:var(--muted);max-width:480px;margin-top:22px;font-size:16px}.section-scribble{color:var(--accent);margin-bottom:14px;font-size:28px;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--paper);border:2px solid var(--accent);z-index:20;padding:12px 18px;position:fixed;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.button{white-space:nowrap;min-height:52px;transition:transform .2s var(--ease), background-color .2s, border-color .2s;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:750;display:inline-flex}.button-primary{background:var(--button);color:var(--button-text)}.button-primary:hover{background:#aa192b;transform:translateY(-2px)}.button-outline{border-color:var(--line);background:0 0}.button-outline:hover{border-color:var(--text);transform:translateY(-2px)}.button:active{transform:scale(.97)}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:background-color .18s,transform .18s;display:grid}.text-link{background:0 0;align-items:center;gap:7px;min-height:44px;padding:0;font-size:13px;font-weight:750;display:inline-flex}.text-link:hover{color:var(--accent)}.site-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.music-player{z-index:12;width:min(292px,100vw - 36px);color:var(--text);background:color-mix(in srgb, var(--paper), transparent 4%);border:2px solid var(--text);box-shadow:5px 5px 0 var(--coral);transition:top .26s var(--ease), width .26s var(--ease), transform .26s var(--ease), box-shadow .26s var(--ease);gap:8px;padding:10px 11px 9px;display:grid;position:absolute;top:18px;left:max(18px,3vw)}.music-player.is-fixed{box-shadow:5px 5px 0 var(--oxblood);position:fixed;top:16px;transform:translateY(0)}.music-player-topline{color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:10px;font:700 8px/1 ui-monospace,monospace;display:flex}.music-player-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.music-tool{width:23px;height:22px;color:var(--text);border:1px solid var(--line);background:0 0;place-items:center;padding:0;display:grid}.music-tool:hover,.music-tool.repeat-all,.music-tool.repeat-one{color:var(--button-text);background:var(--button)}.music-player.is-expanded .music-tool:first-child svg{transform:rotate(180deg)}.music-expanded{gap:8px;display:grid}.music-expanded-art{aspect-ratio:1;width:100%;max-height:260px;color:var(--accent);background:radial-gradient(circle, var(--paper), var(--surface));border:2px solid var(--line);place-items:center;display:grid;overflow:hidden}.music-expanded-art img{aspect-ratio:1;object-fit:contain;width:100%;height:100%;padding:14px}.music-lyrics{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font:700 10px/1.3 ui-monospace,monospace;overflow:hidden}.music-queue{gap:3px;max-height:154px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.music-queue button{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:23px minmax(0,1fr) auto;align-items:baseline;gap:6px;padding:6px 5px;display:grid}.music-queue button:hover,.music-queue button.is-current{color:var(--text);background:color-mix(in srgb, var(--coral), transparent 78%);border-color:var(--rule)}.music-queue button>span{font:700 8px/1 ui-monospace,monospace}.music-queue button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.music-queue button small{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font:8px/1 ui-monospace,monospace;overflow:hidden}.music-player-main{grid-template-columns:36px minmax(0,1fr) repeat(3,25px);align-items:center;gap:8px;display:grid}.music-cover{width:36px;height:36px;color:var(--button-text);background:var(--button);border:2px solid var(--text);place-items:center;padding:0;display:grid;overflow:hidden}.music-cover img{aspect-ratio:1;object-fit:cover;width:100%;height:100%}.music-copy{gap:3px;min-width:0;display:grid}.music-copy strong,.music-copy span,.music-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-copy strong{font-size:11px}.music-copy span,.music-copy small{color:var(--muted);font:9px/1.2 ui-monospace,monospace}.music-copy small{color:var(--accent)}.music-action{width:25px;height:28px;color:var(--text);border:1px solid var(--line);background:0 0;place-items:center;padding:0;display:grid}.music-action:hover:not(:disabled){color:var(--button-text);background:var(--button)}.music-action:disabled,.music-cover:disabled{cursor:default;opacity:.55}.music-seek{color:var(--muted);grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:7px;font:8px/1 ui-monospace,monospace;display:grid}.music-seek input{width:100%;height:14px;accent-color:var(--accent)}.reading-progress{background:var(--accent);transform-origin:0;pointer-events:none;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}html:not([data-scroll-experience=ready]) .reading-progress{display:none}.header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1340px,100% - clamp(32px,6vw,96px));height:78px;margin:auto;display:flex}.brand{letter-spacing:-.055em;flex-shrink:0;align-items:center;gap:11px;min-height:44px;font-size:25px;font-weight:800;display:inline-flex}.primary-nav{align-items:center;gap:31px;display:flex}.primary-nav a{color:var(--muted);padding-block:16px;font-size:13px;font-weight:650}.primary-nav a:hover{color:var(--accent)}.header-actions{align-items:center;gap:23px;display:flex}.hero{grid-template-columns:1fr 1.03fr;align-items:center;gap:26px;min-height:min(780px,100svh - 78px);padding-block:54px 36px;display:grid}.hero-copy{padding-block:26px 46px;position:relative}.hero h1{letter-spacing:-.065em;font-size:clamp(80px,9.6vw,138px);font-weight:820;line-height:.91}.hero-name-line{display:inline-block}.hero-description{color:var(--muted);max-width:385px;margin-block:28px 30px;font-size:17px}.hero-cta{flex-wrap:wrap;gap:13px;display:flex}.hero-socials{gap:25px;margin-top:31px;display:flex}.hero-socials a{min-height:44px;color:var(--button-text);background:var(--button);border:1px solid color-mix(in srgb, var(--button-text), transparent 45%);box-shadow:3px 3px 0 color-mix(in srgb, var(--oxblood), transparent 18%);align-items:center;gap:7px;padding-inline:9px;font-size:11px;font-weight:700;display:flex}.hero-socials a:hover{color:var(--accent)}.hero-visual{isolation:isolate;height:clamp(460px,47vw,660px);position:relative;overflow:clip}.portrait-ring{aspect-ratio:1;background:var(--ring);border:1px solid var(--line);z-index:-1;border-radius:50%;width:94%;position:absolute;bottom:12%;left:0}.portrait-ring:before{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:17px}.hero-annotation{color:var(--accent);font-size:29px;position:absolute;top:1%;right:7%;rotate:5deg}.portrait-line{background:var(--accent);width:24px;height:3px;position:absolute;top:27%;left:3%;rotate:-26deg}.portrait-line-two{width:18px;top:30%;left:0;rotate:-5deg}.portrait-sticker{background:var(--paper);border:1px solid var(--line);text-align:center;width:98px;height:98px;box-shadow:var(--shadow);border-radius:50%;place-content:center;font-size:23px;line-height:.95;display:grid;position:absolute;bottom:17%;left:5%;rotate:-12deg}.hero-ribbon{background:var(--button);width:126%;color:var(--button-text);letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 0 color-mix(in srgb, var(--oxblood), transparent 18%);justify-content:center;align-items:center;gap:36px;padding:15px 0;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:6%;left:-12%;transform:rotate(-7deg)}.intro-note{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding-block:30px;display:flex}.intro-story>span{font-size:clamp(22px,2.4vw,30px)}.intro-note .scroll-cue{width:-moz-fit-content;width:fit-content;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:10px;min-height:32px;margin-top:12px;font-family:ui-monospace,monospace;font-size:9px;text-decoration:none;display:flex}.scroll-cue-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;display:grid}.intro-note p{color:var(--muted);font-size:12px}.intro-note a{color:var(--text);text-underline-offset:4px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.notebook-wrap{margin-top:56px;position:relative}.notebook{box-shadow:var(--shadow);isolation:isolate;background:#982332;border-radius:14px 14px 17px 17px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 15px 20px;display:grid;position:relative}.notebook-page{background-color:var(--paper);background-image:none;min-height:545px;padding:29px clamp(28px,4vw,58px) 45px;position:relative}.notebook-left{border-right:1px solid var(--line);border-radius:6px 0 0 6px;box-shadow:inset -16px 0 22px #5c443b08}.notebook-right{border-radius:0 6px 6px 0;box-shadow:inset 16px 0 22px #5c443b08}.notebook-rings{z-index:2;flex-direction:column;justify-content:space-between;width:22px;display:flex;position:absolute;top:46px;bottom:43px;left:calc(50% - 11px)}.notebook-rings i{border:3px solid #8d8b84;border-top-color:#e1dfd8;border-radius:5px;height:11px;display:block;box-shadow:0 2px 2px #17151130}.notebook-bookmark{background:var(--button);z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:24px;height:54px;position:absolute;top:5px;right:39px}.page-top{color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;padding-bottom:27px;font-family:ui-monospace,monospace;font-size:8px;display:flex}.diary-small{color:var(--accent);margin-bottom:15px;font-size:21px;display:block}.diary-content h3{letter-spacing:-.045em;margin-bottom:21px;font-size:clamp(25px,3vw,37px);font-weight:750;line-height:1.1}.diary-content>p{margin-top:16px;font-size:14px;line-height:1.95}.diary-signature{color:var(--accent);transform-origin:0;margin-top:20px;font-size:36px;display:block;rotate:-5deg}.page-number{color:var(--muted);font-family:ui-monospace,monospace;font-size:10px;position:absolute;bottom:19px}.notebook-left .page-number{left:29px}.notebook-right .page-number{right:29px}.sticky-note{background:var(--sticky);width:min(250px,90%);min-height:156px;margin:10px auto 28px;padding:27px 25px 24px;position:relative;rotate:-4deg;box-shadow:3px 5px 7px #24190e10}.sticky-note p{font-size:32px;line-height:1.12}.tape{clip-path:polygon(3% 0,97% 0,100% 88%,2% 100%);background:#b4aca778;width:88px;height:23px;position:absolute;top:-11px;left:calc(50% - 44px);rotate:6deg}.note-star{color:var(--accent);font-size:24px;position:absolute;bottom:6px;right:14px}.diary-content h4{margin-top:8px;font-size:15px;font-weight:750}.diary-checklist{margin-block:15px;padding:0;list-style:none}.diary-checklist li{align-items:baseline;gap:11px;margin-block:10px;font-size:12px;line-height:1.7;display:flex}.diary-checklist li>span{color:var(--accent);font-size:17px}.diary-stickers{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.sticker{flex-shrink:0;place-content:center;display:grid}.sticker-code{background:var(--button);width:88px;height:74px;color:var(--button-text);border-radius:7px;padding:10px;font-family:ui-monospace,monospace;font-size:9px;line-height:1.15;rotate:-8deg}.sticker-code svg{margin-bottom:4px}.sticker-brain{border:2px solid var(--accent);width:65px;height:65px;color:var(--accent);border-radius:50%;rotate:8deg}.diary-stamp{border:3px double var(--accent);width:100px;color:var(--accent);text-align:center;padding:9px 7px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.25;rotate:6deg}.notebook-controls{justify-content:center;align-items:center;gap:17px;margin-top:28px;display:flex}.notebook-page-picker{display:flex}.notebook-page-picker button{background:0 0;place-content:center;width:36px;height:44px;padding:0;display:grid}.notebook-page-picker span{background:var(--line);border-radius:50%;width:6px;height:6px;transition:transform .2s}.notebook-page-picker button[aria-pressed=true] span{background:var(--accent);transform:scale(1.4)}.notebook-hint{color:var(--muted);font-size:23px;position:absolute;bottom:11px;right:14%;rotate:-5deg}.projects-section{border-top:1px solid var(--line);padding-block:70px 100px}.project-filters{flex-wrap:wrap;gap:9px;margin-top:34px;margin-bottom:37px;display:flex}.project-filters button{border:1px solid var(--line);background:0 0;border-radius:6px;min-height:44px;padding:12px 18px;font-size:12px}.project-filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.project-filters button:hover:not([aria-pressed=true]){border-color:var(--text)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 36px;display:grid}.project-card{min-width:0}.project-image-button{border:1px solid var(--line);background:var(--surface);aspect-ratio:1.6;border-radius:9px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-image-button>img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s var(--ease)}.project-image-button:hover>img{transform:scale(1.035)}.project-source-panel{aspect-ratio:1.6;width:100%;color:var(--paper);text-align:left;background:linear-gradient(135deg, var(--oxblood), var(--accent));border:3px solid var(--text);box-shadow:var(--shadow-soft);align-content:end;gap:8px;padding:24px;display:grid;position:relative;overflow:hidden}.project-source-panel:before{content:"";border:1px solid color-mix(in srgb, var(--paper), transparent 50%);pointer-events:none;position:absolute;inset:16px}.project-source-panel>span,.project-source-panel>strong,.project-source-panel>small,.project-source-panel>svg{z-index:1;position:relative}.project-source-panel>span,.project-source-panel>small{letter-spacing:.1em;text-transform:uppercase;font:700 9px/1.3 ui-monospace,monospace}.project-source-panel>strong{letter-spacing:-.06em;max-width:80%;font-size:clamp(22px,3vw,38px);line-height:.95}.project-source-panel>svg{position:absolute;bottom:23px;right:23px}.project-image-action{background:var(--paper);width:45px;height:45px;color:var(--text);border:1px solid var(--line);opacity:0;border-radius:50%;place-items:center;transition:transform .25s,opacity .25s;display:grid;position:absolute;bottom:15px;right:15px;transform:translateY(8px)}.project-image-button:hover .project-image-action,.project-image-button:focus-visible .project-image-action{opacity:1;transform:none}.project-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:21px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.project-title-button{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.project-title{letter-spacing:-.04em;font-size:28px;font-weight:750}.project-title-button:hover{color:var(--accent)}.project-card>p{color:var(--muted);max-width:480px;font-size:13px}.project-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:23px;padding-top:18px;display:flex}.project-bottom>span{flex-direction:column;gap:5px;display:flex}.project-bottom strong{font-size:15px;font-weight:750}.project-bottom>span>span{color:var(--muted);font-size:10px}.color-comparison{--split:50%;aspect-ratio:1.6;border:1px solid var(--line);background:#c5c3b7;border-radius:9px;position:relative;overflow:hidden}.color-comparison>img,.comparison-before img{object-fit:cover;width:100%;height:100%}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0}.color-comparison input{opacity:0;cursor:ew-resize;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.color-comparison:focus-within{outline:3px solid var(--accent);outline-offset:5px}.comparison-handle{top:0;bottom:0;left:var(--split);background:var(--button-text);pointer-events:none;width:2px;position:absolute}.comparison-handle>svg{background:var(--button-text);color:var(--text);width:40px;height:40px;box-shadow:0 2px 8px color-mix(in srgb, var(--text), transparent 70%);border-radius:50%;padding:10px;position:absolute;top:calc(50% - 20px);left:-19px}.comparison-labels{bottom:14px;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;inset-inline:16px}.comparison-labels span{background:color-mix(in srgb, var(--text), transparent 12%);color:var(--button-text);border-radius:3px;padding:6px 7px;font-family:ui-monospace,monospace;font-size:8px}.railway-section{border-top:1px solid var(--line);padding-block:72px 105px}.railway-heading{justify-content:space-between;align-items:center;gap:32px;display:flex}.station-sign{border:3px solid var(--text);box-shadow:4px 4px 0 var(--line);border-radius:4px;flex-direction:column;align-items:center;gap:10px;min-width:280px;padding:23px 29px;display:flex;transform:rotate(2deg)}.station-sign strong{letter-spacing:-.02em;font-size:19px;font-weight:850}.station-sign>span:first-child{font-size:22px;font-weight:650}.station-sign>span:last-child{color:var(--muted);letter-spacing:.04em;font-family:ui-monospace,monospace;font-size:8px}.railway-world{height:257px;margin-top:35px;position:relative;overflow:clip}.railway-scenery{position:absolute;inset:0}.railway-sun{border:1px solid var(--line);border-radius:50%;width:70px;height:70px;position:absolute;top:15px;right:20%}.railway-hills{background:var(--surface);clip-path:polygon(0 48%,9% 0,18% 54%,30% 18%,40% 60%,53% 12%,61% 70%,77% 20%,87% 63%,100% 0,100% 100%,0 100%);height:58px;position:absolute;bottom:47px;left:0;right:0}.power-pole{background:var(--line);width:3px;height:155px;position:absolute;bottom:48px}.power-pole:before{content:"";background:var(--line);width:65px;height:3px;position:absolute;top:22px;left:-21px}.power-pole:after{content:"";border-inline:2px solid var(--line);width:15px;height:13px;position:absolute;top:15px;left:-9px}.pole-one{left:10%}.pole-two{right:12%}.train-mover{width:70%;transform:translateX(calc(var(--progress) * 39%));transition:transform .85s var(--ease);position:absolute;bottom:42px;left:1%}.train-mover svg{width:100%;height:auto}[data-railway-motion=true] .train-mover{transition:none}.railway-scroll-hint{text-align:center;color:var(--muted);margin-top:16px;font-size:21px;display:none}[data-railway-motion=true] .railway-scroll-hint{display:block}.train-tracks{border-block:3px solid var(--muted);background:var(--surface);height:20px;position:absolute;bottom:28px;left:0;right:0}.station-picker{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3px;display:grid}.station-picker button{background:0 0;flex-direction:column;align-items:center;gap:7px;min-height:108px;padding:25px 8px 14px;display:flex;position:relative}.station-picker button:before{content:"";inset-inline:0;background:var(--line);height:1px;position:absolute;top:4px}.station-dot{border:2px solid var(--muted);background:var(--bg);border-radius:50%;width:13px;height:13px;position:absolute;top:-2px}.station-picker strong{letter-spacing:-.04em;font-size:20px}.station-picker button>span:last-child{color:var(--muted);font-size:11px}.station-picker button.active .station-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--accent)}.station-picker button.active strong,.station-picker button:hover strong{color:var(--accent)}.journey-ticket{background:var(--paper);border:1px solid var(--line);max-width:920px;box-shadow:0 7px 0 var(--surface);border-radius:9px;grid-template-columns:minmax(0,1fr) 210px;margin:31px auto 0;display:grid}.ticket-main{min-height:225px;padding:30px 38px}.ticket-date{letter-spacing:.05em;color:var(--accent);font-family:ui-monospace,monospace;font-size:10px}.ticket-main h3{letter-spacing:-.045em;margin-top:14px;font-size:26px;font-weight:750}.ticket-place{margin-top:14px;font-size:12px;font-weight:650;display:block}.ticket-main p{color:var(--muted);max-width:560px;margin-top:9px;font-size:12px}.journey-facts{flex-wrap:wrap;gap:7px;margin:17px 0 0;padding:0;list-style:none;display:flex}.journey-facts li{color:var(--text);background:color-mix(in srgb, var(--accent), transparent 86%);border:1px solid color-mix(in srgb, var(--accent), transparent 45%);padding:7px 9px;font:700 9px/1.2 ui-monospace,monospace}.ticket-stub{border-left:1px dashed var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:23px 22px;display:flex;position:relative}.ticket-stub:before,.ticket-stub:after{content:"";border:1px solid var(--line);background:var(--bg);border-radius:50%;width:18px;height:18px;position:absolute;left:-10px}.ticket-stub:before{clip-path:inset(50% 0 0);top:-10px}.ticket-stub:after{clip-path:inset(0 0 50%);bottom:-10px}.ticket-stub>span{color:var(--muted);margin-top:9px;font-family:ui-monospace,monospace;font-size:8px}.ticket-stub strong{letter-spacing:-.05em;font-size:32px}.ticket-barcode{background:var(--text);opacity:.65;width:106px;height:22px;margin-top:8px}.contact-section{border-top:1px solid var(--line);padding-block:88px 70px;position:relative}.contact-top{max-width:850px}.contact-section h2{letter-spacing:-.06em;font-size:clamp(50px,6.7vw,91px);font-weight:780;line-height:1.06}.contact-section p{color:var(--muted);margin-top:27px;font-size:14px}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.contact-email{text-underline-offset:6px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);overflow-wrap:anywhere;align-items:center;gap:11px;margin-top:29px;font-size:15px;display:inline-flex}.contact-email:hover{color:var(--accent)}.contact-email svg{flex-shrink:0}.contact-links{flex-wrap:wrap;gap:10px 24px;margin-top:18px;display:flex}.contact-links a{min-height:44px;color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.contact-links a:hover{color:var(--accent)}.copy-status{min-height:32px;color:var(--muted);margin-top:12px;font-size:11px;display:block}.contact-character{pointer-events:none;justify-items:center;width:clamp(150px,16vw,220px);margin:0;display:grid;position:absolute;bottom:23px;right:clamp(145px,15%,240px);transform:rotate(4deg)}.contact-character img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;filter:drop-shadow(7px 8px 0 var(--coral))}.contact-character figcaption{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:-4px;font:800 8px/1 ui-monospace,monospace}.contact-postmark{border:2px dashed var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:180px;height:180px;display:flex;position:absolute;top:38%;right:3%;rotate:14deg}.contact-postmark>span{letter-spacing:.02em;text-align:center;color:var(--muted);font-family:ui-monospace,monospace;font-size:10px;line-height:1.6}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-block:25px;display:flex}.site-footer .brand{font-size:21px}.site-footer>span{color:var(--muted);font-size:10px}.site-footer>div{gap:23px;display:flex}.site-footer>div a{min-height:44px;color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.site-footer>div a:hover{color:var(--accent)}.portfolio-dialog{border:1px solid var(--line);background:var(--bg);color:var(--text);width:min(800px,100% - 32px);max-height:90dvh;box-shadow:12px 12px 0 var(--oxblood);overscroll-behavior:contain;border-radius:12px;padding:0;overflow-y:auto}.portfolio-dialog[open]{animation:dialog-in .24s var(--ease)}.dialog-content{padding:40px;position:relative}.dialog-close{position:absolute;top:20px;right:22px}.dialog-category{color:var(--accent);margin-bottom:20px;font-family:ui-monospace,monospace;font-size:11px;display:block}.dialog-content h2{padding-right:30px;font-size:clamp(34px,5vw,52px)}.dialog-tagline{color:var(--muted);margin-top:11px;font-size:15px}.dialog-project-image{object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;height:auto;max-height:440px;margin-top:26px}.project-stack{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.project-stack>span{border:1px solid var(--line);border-radius:4px;padding:7px 10px;font-family:ui-monospace,monospace;font-size:10px}.dialog-content h3{letter-spacing:-.03em;margin-top:32px;margin-bottom:12px;font-size:20px;font-weight:750}.dialog-content>p:not(.dialog-tagline){color:var(--muted);font-size:13px}.dialog-content ul{margin-block:12px 25px;padding-left:19px}.dialog-content li{color:var(--muted);margin-top:13px;padding-left:4px;font-size:13px;line-height:1.7}.dialog-content>.project-note{border-left:2px solid var(--accent);background:var(--surface);border-radius:0 4px 4px 0;padding:17px;font-size:11px!important}.dialog-actions{flex-wrap:wrap;gap:12px;margin-top:27px;display:flex}.resume-dialog{width:min(870px,100% - 32px)}.resume-dialog-header{background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:22px;display:flex;position:sticky;top:0}.resume-dialog-header>div{flex:1}.resume-dialog-header h2{letter-spacing:-.04em;font-size:25px}.resume-dialog-header p{color:var(--muted);margin-top:5px;font-size:10px}.resume-dialog-header .button{min-height:44px;padding:10px 14px;font-size:12px}.resume-source{min-height:44px;color:var(--accent);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:750;display:inline-flex}.resume-preview{aspect-ratio:919/1300;background:var(--paper);width:100%;height:auto}.noscript-note{text-align:center;margin:20px;font-size:13px}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@keyframes diary-page{0%{opacity:.4;transform:translate(7px)}to{opacity:1;transform:none}}@keyframes hero-in{0%{transform:translateY(20px)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:hero-in .75s var(--ease) both}.hero-visual{animation:hero-in .9s .1s var(--ease) both}.diary-content{animation:diary-page .32s var(--ease)}}::view-transition{pointer-events:none}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}::view-transition-new(.project-enter){animation:.22s ease-out fade-in}::view-transition-old(.project-exit){animation:.15s ease-in reverse fade-in}::view-transition-group(*){animation-duration:.25s}@media (min-width:960px) and (min-height:740px){[data-railway-motion=true] .railway-heading h2{font-size:clamp(36px,3.5vw,48px)}[data-railway-motion=true] .railway-heading .section-intro>p{margin-top:13px;font-size:13px}[data-railway-motion=true] .railway-world{height:190px;margin-top:16px}[data-railway-motion=true] .station-picker button{min-height:86px;padding-top:21px}[data-railway-motion=true] .journey-ticket{max-width:100%;margin-top:12px}[data-railway-motion=true] .ticket-main{min-height:178px;padding-block:22px}[data-railway-motion=true] .ticket-main h3{margin-top:10px;font-size:24px}[data-railway-motion=true] .ticket-place{margin-top:9px}[data-railway-motion=true] .railway-scroll-hint{margin-top:12px;font-size:20px}}@media (max-width:1100px){.primary-nav{gap:22px}.header-actions{gap:17px}.hero{gap:12px}.hero-visual{height:490px}.hero h1{font-size:9.6vw}.notebook-page{padding-inline:34px}.diary-stamp{width:80px;font-size:8px}.notebook-hint{right:7%}.contact-postmark{width:150px;height:150px;right:0}.contact-character{width:150px;right:140px}}@media (max-width:800px){.header-inner{gap:16px;height:70px}.header-actions{gap:13px}.brand{gap:8px;font-size:22px}.brand>img{width:26px;height:26px}.menu-button{width:40px;height:40px;display:grid}.primary-nav{background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:18px 24px;display:none;position:absolute;top:69px;left:0;right:0}.primary-nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.primary-nav a{color:var(--text);padding:15px;font-size:15px}.hero{min-height:0;padding-block:45px 35px}.hero h1{font-size:10vw}.hero-description{margin-block:22px 25px;font-size:14px}.hero-visual{height:440px}.hero-cta{gap:9px}.hero-cta .button{min-height:47px;padding:12px 18px;font-size:12px}.hero-socials{gap:20px;margin-top:21px}.hero-annotation{font-size:24px;top:5%;right:4%}.portrait-sticker{width:78px;height:78px;font-size:20px}.hero-ribbon{padding-block:12px;font-size:10px}.intro-note{gap:18px;padding-block:26px}.intro-note p{font-size:10px}.diary-section{padding-block:80px}.notebook{padding-inline:11px}.notebook-page{min-height:535px;padding-inline:27px}.diary-content>p{font-size:12px}.diary-small{font-size:18px}.sticky-note{min-height:150px;padding:28px 19px}.sticky-note p{font-size:28px}.diary-stickers{flex-wrap:wrap;gap:12px}.sticker-code{width:72px}.sticker-brain{width:51px;height:51px}.diary-stamp{width:75px}.notebook-hint{font-size:20px;right:1%}.projects-grid{gap:48px 24px}.project-title{font-size:24px}.project-card>p{font-size:12px}.project-bottom strong{font-size:13px}.project-bottom .text-link{font-size:11px}.project-meta{font-size:8px}.railway-heading{gap:24px}.station-sign{min-width:215px;padding:22px 17px}.station-sign strong{font-size:15px}.railway-world{height:215px}.train-mover{width:84%;transform:translateX(calc(var(--progress) * 17%))}.journey-ticket{grid-template-columns:minmax(0,1fr) 160px}.ticket-main{padding:27px}.ticket-main h3{font-size:23px}.contact-section h2{font-size:7.5vw}.contact-postmark{width:115px;height:115px;top:39%}.contact-postmark img{width:32px;height:32px}.contact-postmark>span{font-size:7px}.site-footer{flex-wrap:wrap}.site-footer>div{gap:18px}}@media (max-width:600px){html{scroll-padding-top:88px}.section-shell{width:calc(100% - 36px)}h2{font-size:clamp(34px,8.7vw,49px)}.section-intro>p{margin-top:17px;font-size:13px}.section-scribble{margin-bottom:13px;font-size:24px}.header-inner{gap:10px;width:calc(100% - 32px);height:66px}.brand{gap:8px;font-size:20px}.brand>img{width:25px;height:25px}.header-actions{gap:11px}.primary-nav{top:65px}.hero{grid-template-columns:1fr;gap:4px;padding-block:36px 24px}.hero-copy{padding:0}.hero h1{font-size:clamp(70px,19vw,108px)}.hero-description{max-width:310px;margin-block:23px 24px;font-size:14px}.hero-cta .button{min-height:49px;padding-inline:21px;font-size:13px}.hero-socials{margin-top:17px}.hero-socials a{font-size:10px}.hero-visual{margin-inline:auto;width:min(390px,100%);height:385px;margin-top:5px}.portrait-ring{width:90%;bottom:11%;left:5%}.hero-annotation{font-size:23px;top:2%;right:3%}.portrait-sticker{bottom:20%;left:5%}.hero-ribbon{padding-block:12px;font-size:10px;bottom:7%}.intro-note{flex-direction:column;align-items:flex-start;gap:13px;padding-block:24px}.intro-story>span{font-size:24px}.intro-note p{font-size:11px}.diary-section{padding-block:64px 70px}.notebook-wrap{margin-top:36px}.notebook{border-radius:11px;grid-template-columns:1fr;padding:10px 10px 16px}.notebook-page{min-height:0;padding:25px 27px 50px}.notebook-left{border-right:0;border-bottom:1px dashed var(--line);box-shadow:none;border-radius:5px 5px 0 0}.notebook-right{box-shadow:none;border-radius:0 0 5px 5px;padding-top:24px;padding-bottom:55px}.notebook-rings{width:18px;top:45px;bottom:42px;left:3px}.notebook-rings i{height:10px}.notebook-bookmark{right:24px}.page-top{padding-bottom:24px;font-size:8px}.diary-small{font-size:20px}.diary-content h3{font-size:31px}.diary-content>p{font-size:13px;line-height:1.9}.diary-content h4{font-size:15px}.diary-signature{margin-top:17px}.sticky-note{width:230px;max-width:90%;min-height:149px;margin-block:6px 27px}.sticky-note p{font-size:31px}.diary-checklist li{font-size:12px}.diary-stickers{flex-wrap:nowrap;gap:12px;margin-top:25px}.sticker-code{width:82px}.sticker-brain{width:60px;height:60px}.diary-stamp{width:93px;font-size:9px}.notebook-controls{gap:14px;margin-top:22px}.notebook-hint{text-align:center;margin-top:15px;font-size:21px;display:block;position:static}.projects-section{padding-block:60px 67px}.project-filters{gap:7px;margin-block:26px 29px}.project-filters button{padding:10px 14px;font-size:10px}.projects-grid{grid-template-columns:1fr;gap:40px}.project-title{font-size:28px}.project-meta{margin-top:17px;font-size:9px}.project-card>p{font-size:12px}.project-bottom{margin-top:18px;padding-top:15px}.project-bottom strong{font-size:14px}.project-bottom .text-link{font-size:12px}.project-image-action{opacity:1;width:38px;height:38px;bottom:12px;right:12px;transform:none}.railway-section{padding-block:58px 68px}.railway-heading{flex-direction:column;align-items:flex-start;gap:29px}.station-sign{align-self:center;min-width:245px;padding:15px 22px}.station-sign strong{font-size:17px}.station-sign>span:first-child{font-size:20px}.railway-world{height:188px;margin-top:21px}.train-mover{width:125%;transform:translateX(calc(var(--progress) * 19%));bottom:34px;left:-26%}.train-tracks{border-width:2px;height:15px;bottom:23px}.power-pole{height:119px;bottom:40px}.railway-hills{bottom:40px}.railway-sun{width:50px;height:50px;right:24%}.station-picker button{gap:7px;min-height:100px;padding:22px 4px 9px}.station-picker strong{font-size:17px}.station-picker button>span:last-child{max-width:73px;font-size:9px;line-height:1.5}.journey-ticket{grid-template-columns:minmax(0,1fr) 94px;margin-top:20px}.ticket-main{min-height:266px;padding:22px 20px}.ticket-main h3{margin-top:12px;font-size:21px;line-height:1.2}.ticket-date{font-size:8px}.ticket-place{font-size:10px;line-height:1.5}.ticket-main p{font-size:10px;line-height:1.7}.ticket-stub{padding:20px 9px}.ticket-stub>span{font-size:6px}.ticket-stub strong{font-size:25px}.ticket-stub .text-link{gap:3px;font-size:9px}.ticket-stub .text-link svg{width:13px}.ticket-barcode{width:58px;height:24px}.contact-section{padding-block:64px 41px}.contact-section h2{font-size:clamp(43px,11.5vw,64px)}.contact-section p{margin-top:23px;font-size:12px}.contact-section p br{display:none}.contact-actions{gap:9px;margin-top:26px}.contact-actions .button{min-height:49px;padding-inline:17px;font-size:12px}.contact-email{gap:7px;max-width:100%;margin-top:23px;font-size:12px}.contact-postmark{display:none}.contact-character{width:145px;margin:34px 0 0 auto;position:relative;bottom:auto;right:auto;transform:rotate(3deg)}.site-footer{gap:7px 12px;padding-block:21px}.site-footer>span{font-size:9px}.site-footer>div{justify-content:space-between;gap:12px;width:100%}.dialog-content{padding:31px 23px}.dialog-close{width:37px;height:37px;top:14px;right:14px}.dialog-category{margin-bottom:22px;font-size:9px}.dialog-tagline{font-size:13px}.dialog-project-image{margin-top:20px}.dialog-content h3{font-size:18px}.dialog-content>p:not(.dialog-tagline),.dialog-content li{font-size:12px}.dialog-actions .button{min-height:46px;padding-inline:15px;font-size:12px}.resume-dialog-header{flex-wrap:wrap;gap:10px;padding:15px}.resume-dialog-header>div{flex-basis:calc(100% - 55px);order:0}.resume-dialog-header .icon-button{order:1;position:absolute;top:14px;right:13px}.resume-dialog-header .button{order:2;font-size:11px}.resume-dialog-header h2{padding-right:30px;font-size:24px}}@media (max-width:360px){.section-shell{width:calc(100% - 32px)}.hero h1{font-size:18.7vw}.hero-visual{height:355px}.notebook-page{padding-inline:23px}.diary-stickers{gap:9px}.sticker-code{width:68px}.sticker-brain{width:49px;height:49px}.diary-stamp{width:73px;font-size:8px}.contact-actions .button{padding-inline:14px}.contact-email{font-size:11px}}@media (max-width:959px),(hover:none),(pointer:coarse){.music-player{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}@media print{.site-header,.hero-visual,.notebook-controls,.notebook-hint,.project-filters,.railway-world,.station-picker,.contact-actions,.contact-postmark,.site-footer,dialog{display:none!important}:root{--bg:#fbf7f0;--paper:#fbf7f0;--text:#231b1d;--muted:#4d4143;--line:#aa9a96;--rule:transparent;--accent:#a11d31}.section-shell{width:100%;padding-block:25px}.hero{min-height:0;display:block}.hero h1{font-size:64px}.notebook{box-shadow:none;break-inside:avoid}.projects-grid{gap:24px}.reveal,.project-card,.hero-name-line{opacity:1!important;transform:none!important}.pin-spacer{height:auto!important;padding:0!important}.reading-progress,.scroll-cue,.railway-scroll-hint{display:none!important}a[href^=https]:after{content:" (" attr(href) ")";overflow-wrap:anywhere;font-size:9px}}body{background:var(--bg);color:var(--text);padding-bottom:calc(92px + env(safe-area-inset-bottom))}.section-shell{width:min(1320px,100% - clamp(32px,6vw,96px))}.button,.icon-button,.project-filters button,.project-image-button,.color-comparison,.journey-ticket,.portfolio-dialog,.dialog-project-image{border-radius:2px}.button{border:2px solid var(--text);min-height:52px;box-shadow:4px 4px 0 var(--oxblood);transition:transform .18s var(--ease)}.button-primary{border-color:var(--button);background:var(--button);color:var(--button-text)}.button-primary:hover{background:var(--button);color:var(--button-text);transform:translate(-2px,-2px)}.button-outline{background:var(--paper);border-color:var(--text)}.button-outline:hover{border-color:var(--accent);background:var(--surface);transform:translate(-2px,-2px)}.button:active{box-shadow:2px 2px 0 var(--oxblood);transform:translate(2px,2px)}.icon-button{border:2px solid var(--text);background:var(--paper);width:46px;height:46px;box-shadow:3px 3px 0 var(--coral);transition:transform .18s var(--ease);border-radius:2px}.icon-button:hover:not(:disabled){background:var(--paper);transform:translate(-2px,-2px)}.icon-button:active{box-shadow:1px 1px 0 var(--coral);transform:translate(1px,1px)}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.skip-link{border:2px solid var(--text);box-shadow:4px 4px 0 var(--oxblood);background:var(--paper);top:12px;left:16px}.site-header{pointer-events:none;background:0 0;border:0;height:0;position:absolute;inset:0 0 auto}.header-inner{z-index:10;width:100%;height:auto;min-height:78px;padding:10px max(22px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-right));background:var(--paper);border-top:3px solid var(--text);box-shadow:0 -5px 0 var(--coral);pointer-events:auto;margin:0;position:fixed;inset:auto 0 0}.header-inner:before,.header-inner:after{content:"";border-top:3px solid var(--accent);pointer-events:none;width:22px;height:10px;position:absolute;top:-12px}.header-inner:before{border-left:3px solid var(--accent);left:8%}.header-inner:after{border-right:3px solid var(--accent);right:8%}.brand{letter-spacing:-.06em;font-size:24px}.primary-nav{gap:clamp(18px,2.5vw,36px)}.primary-nav a{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid #0000;padding:10px 0;font-size:12px}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.header-actions{gap:14px}.reading-progress{z-index:11;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));background:var(--accent);height:4px;position:fixed}.hero{isolation:isolate;border-bottom:3px solid var(--text);min-height:min(820px,100svh - 18px);padding-block:clamp(42px,7vw,80px) 124px;display:block;position:relative;overflow:clip}.hero:before,.hero:after{content:"";z-index:4;pointer-events:none;width:24px;height:24px;position:absolute}.hero:before{border-top:3px solid var(--accent);border-left:3px solid var(--accent);top:28px;left:1%}.hero:after{border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);bottom:104px;right:1%}.hero-copy{z-index:3;text-align:center;flex-direction:column;align-items:center;min-height:650px;padding:10px 0 40px;display:flex;position:relative}.hero-copy:after{content:"";z-index:-1;background:var(--coral);opacity:.75;width:min(44vw,520px);height:28px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.hero h1{max-width:100%;color:var(--text);letter-spacing:-.09em;text-shadow:2px 2px 0 var(--bg), -2px -2px 0 var(--bg);font-size:clamp(72px,15.7vw,230px);font-weight:850;line-height:.82}.hero-name-line{display:inline-block;position:relative}.hero-description{max-width:420px;color:var(--text);margin-block:32px 26px;font-size:15px;line-height:1.6}.hero-cta{justify-content:center;gap:14px}.hero-socials{justify-content:center;gap:23px;margin-top:26px}.hero-socials a{color:var(--text);border-bottom:2px solid var(--rule);font-size:11px}.hero-socials a:hover{color:var(--accent);border-color:var(--accent)}.hero-visual{z-index:1;isolation:isolate;pointer-events:none;width:auto;height:auto;position:absolute;inset:12px 0 70px;overflow:clip}.hero-visual:before{content:"";z-index:-2;background:var(--ring);border:3px solid var(--coral);width:min(48vw,590px);height:48%;position:absolute;top:14%;left:50%;transform:translate(-50%)rotate(-4deg)}.hero-visual:after{content:"";z-index:-1;border:3px solid var(--accent);width:26px;height:26px;position:absolute;top:17%;right:12%;transform:rotate(45deg)}.portrait-ring{z-index:-1;border:3px solid var(--accent);background:0 0;border-radius:50%;width:min(64vw,760px);bottom:9%;left:50%;transform:translate(-50%)}.portrait-ring:before{border:2px solid var(--coral);inset:22px}.hero-annotation{z-index:2;color:var(--accent);font-size:27px;top:9%;right:7%}.portrait-line{z-index:2;background:var(--accent);height:4px}.portrait-sticker{z-index:2;border:3px solid var(--text);background:var(--paper);width:112px;height:90px;box-shadow:var(--shadow-soft);border-radius:2px;font-size:23px;bottom:16%;left:8%}.hero-ribbon{z-index:3;border-block:3px solid var(--text);background:var(--button);width:112%;color:var(--button-text);box-shadow:5px 5px 0 var(--oxblood);padding-block:13px;bottom:5%;left:50%;transform:translate(-50%)rotate(-3deg)}.intro-note{border-block:3px solid var(--text);padding-block:32px;position:relative}.intro-note:before{content:"";background:var(--vermilion);width:64px;height:3px;position:absolute;top:-3px;right:12%}.intro-note p{color:var(--text)}.intro-note a{color:var(--accent)}.scroll-cue-arrow{border:2px solid var(--text);border-radius:2px}.diary-section{padding-block:124px 104px}.notebook-wrap{margin-top:58px}.notebook{border:3px solid var(--text);background:var(--oxblood);box-shadow:var(--shadow);border-radius:2px;padding:14px 16px 22px}.notebook-page{border:2px solid var(--text);background-color:var(--paper);background-image:none;border-radius:0}.notebook-left{border-right:3px solid var(--text)}.notebook-right{box-shadow:inset 12px 0 0 color-mix(in srgb, var(--oxblood), transparent 90%)}.notebook-bookmark{border:2px solid var(--text);border-top:0}.sticky-note{border:3px solid var(--text);box-shadow:6px 6px 0 var(--coral);border-radius:2px}.sticker-code{border:3px solid var(--text);box-shadow:4px 4px 0 var(--oxblood);border-radius:2px}.sticker-brain{border-width:3px;border-radius:50%}.diary-stamp{border-width:3px;border-color:var(--accent);border-radius:2px}.notebook-page-picker span{border-radius:0}.projects-section,.railway-section,.contact-section{border-top:3px solid var(--text)}.projects-section{padding-block:84px 112px}.project-filters button{border:2px solid var(--text);box-shadow:3px 3px 0 var(--coral);color:var(--text);border-radius:2px}.project-filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:3px 3px 0 var(--accent)}.project-image-button,.color-comparison{border:3px solid var(--text);box-shadow:var(--shadow-soft)}.project-image-action{border:2px solid var(--text);box-shadow:3px 3px 0 var(--coral);border-radius:2px}.project-bottom{border-top:2px solid var(--text)}.railway-section{padding-block:86px 116px}.station-sign{border:4px solid var(--text);box-shadow:7px 7px 0 var(--coral);background:var(--paper);border-radius:2px}.train-tracks{background:var(--surface);border-block-width:3px}.station-picker button:before{background:var(--text);height:2px}.station-dot{border-width:3px;border-radius:2px}.station-picker button.active .station-dot{border-radius:0}.journey-ticket{border:3px solid var(--text);box-shadow:var(--shadow-soft);border-radius:2px}.ticket-stub{border-left:3px dashed var(--text)}.ticket-barcode{background:var(--text)}.contact-section{padding-block:104px 86px}.contact-actions .button{box-shadow:4px 4px 0 var(--oxblood)}.contact-email{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.contact-postmark{border:3px dashed var(--accent);border-radius:50%}.site-footer{border-top:3px solid var(--text);padding-block:30px}.site-footer>div a{color:var(--text)}.portfolio-dialog{border:3px solid var(--text);background:var(--bg);box-shadow:12px 12px 0 var(--oxblood)}.portfolio-dialog::backdrop{background:color-mix(in srgb, var(--oxblood), transparent 22%)}.dialog-content{padding:44px}.dialog-close{top:18px;right:20px}.dialog-project-image{border:3px solid var(--text)}.dialog-project-placeholder{aspect-ratio:1.6;color:var(--paper);background:linear-gradient(135deg, var(--oxblood), var(--accent));border:3px solid var(--text);box-shadow:var(--shadow-soft);align-content:end;gap:8px;padding:28px;display:grid}.dialog-project-placeholder span,.dialog-project-placeholder small{letter-spacing:.1em;text-transform:uppercase;font:700 10px/1.3 ui-monospace,monospace}.dialog-project-placeholder strong{letter-spacing:-.06em;font-size:38px;line-height:.95}.project-stack>span{border:2px solid var(--text);border-radius:2px}.dialog-content>.project-note{border:3px solid var(--accent);background:var(--surface);border-left-width:8px;border-radius:0}.resume-dialog-header{border-bottom:3px solid var(--text)}.resume-preview{border-top:0}.loading-moment{z-index:24;background:color-mix(in srgb, var(--oxblood), var(--bg) 22%);pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-frame{border:4px solid var(--text);background:var(--paper);width:min(780px,100%);min-height:min(72svh,610px);color:var(--text);box-shadow:12px 12px 0 var(--coral);pointer-events:auto;cursor:pointer;text-align:left;animation:loading-enter .36s var(--ease) both;border-radius:2px;flex-direction:column;justify-content:space-between;padding:clamp(24px,5vw,60px);display:flex;position:relative;overflow:clip}.loading-frame:before{content:"";z-index:0;background:var(--vermilion);opacity:.85;width:56%;height:25%;position:absolute;top:18%;right:-6%;transform:rotate(-7deg)}.loading-frame:after{content:"";z-index:0;border:2px solid var(--accent);pointer-events:none;position:absolute;inset:18px}.loading-kicker,.loading-hint{z-index:2;letter-spacing:.12em;font-family:ui-monospace,monospace;font-size:10px;position:relative}.loading-kicker{color:var(--accent)}.loading-hint{color:var(--muted);text-align:right;align-self:flex-end}.loading-lockup{z-index:2;color:var(--text);letter-spacing:-.1em;text-shadow:3px 3px 0 var(--paper);animation:loading-stamp .85s var(--ease) both;flex-direction:column;align-items:flex-start;font-size:clamp(72px,15vw,188px);font-weight:850;line-height:.78;display:flex;position:relative}.loading-lockup>span:last-child{color:var(--accent);align-self:flex-end}.loading-assets{z-index:1;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:12%;right:7%;transform:rotate(-4deg)}.loading-assets img:first-child{border:3px solid var(--text);background:var(--paper);width:48px;height:48px;padding:8px}.loading-assets img:last-child{object-fit:contain;opacity:.9;width:min(25vw,220px);height:min(24vw,205px)}.loading-frame:focus-visible{outline:4px solid var(--coral);outline-offset:6px}@keyframes loading-enter{0%{opacity:0;transform:translateY(18px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes loading-stamp{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@media (max-width:1100px){.hero h1{font-size:clamp(70px,15.5vw,180px)}.hero-copy{min-height:590px}.hero-visual{inset-inline:-6%}.header-inner{padding-inline:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}}@media (max-width:820px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom))}.header-inner{width:100%;height:auto;min-height:72px;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.header-actions{gap:9px}.brand{font-size:21px}.brand>img{width:27px;height:27px}.menu-button{width:44px;height:44px;display:grid}.primary-nav{z-index:9;inset:auto max(12px, env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border:3px solid var(--text);background:var(--paper);box-shadow:8px 8px 0 var(--oxblood);padding:14px;display:none;position:fixed}.primary-nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.primary-nav a{min-height:48px;color:var(--text);padding:14px 9px;font-size:12px}.reading-progress{bottom:calc(72px + env(safe-area-inset-bottom))}.hero{min-height:760px;padding-block:34px 112px}.hero-copy{min-height:590px;padding-top:12px}.hero h1{font-size:clamp(62px,17.8vw,132px)}.hero-description{max-width:365px;margin-block:26px 24px;font-size:14px}.hero-visual{inset:18px -14% 62px}.portrait-ring{width:min(86vw,560px);bottom:10%}.hero-annotation{font-size:24px;right:7%}.portrait-sticker{bottom:15%;left:10%}.hero-ribbon{width:128%;bottom:5%}.notebook-page{padding-inline:30px}}@media (max-width:600px){.section-shell{width:calc(100% - 32px)}.header-inner{width:100%;height:auto;padding-inline:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.brand{gap:7px;font-size:20px}.brand>img{width:25px;height:25px}.hero{min-height:730px;padding-block:30px 106px}.hero:before{top:18px;left:2%}.hero:after{bottom:88px;right:2%}.hero-copy{min-height:585px;padding-top:10px}.hero h1{letter-spacing:-.085em;font-size:clamp(56px,19.1vw,96px);line-height:.84}.hero-copy:after{width:70vw;height:20px;top:43%}.hero-description{max-width:285px;margin-block:22px 23px;font-size:13px}.hero-cta{gap:9px}.hero-cta .button{min-height:48px;padding-inline:17px;font-size:12px}.hero-socials{gap:17px;margin-top:18px}.hero-socials a{font-size:10px}.hero-visual{inset:34px -18% 54px}.portrait-ring{width:104vw;bottom:12%}.hero-visual:before{width:76vw;height:44%;top:16%}.hero-visual:after{width:18px;height:18px;top:22%;right:9%}.hero-annotation{font-size:20px;top:5%;right:8%}.portrait-sticker{width:94px;height:76px;font-size:20px;bottom:14%;left:13%}.hero-ribbon{width:154%;padding-block:11px;font-size:9px;bottom:4%}.intro-note{padding-block:26px}.intro-note p{font-size:11px}.diary-section{padding-block:74px 78px}.notebook-wrap{margin-top:38px}.notebook{box-shadow:6px 6px 0 var(--oxblood);padding:11px 10px 17px}.notebook-page{padding-inline:26px}.notebook-left{border-right:0}.projects-section{padding-block:66px 78px}.project-filters button{padding-inline:13px;font-size:10px}.projects-grid{gap:43px}.project-image-button,.color-comparison{box-shadow:5px 5px 0 var(--coral)}.railway-section{padding-block:66px 82px}.station-sign{min-width:240px;box-shadow:5px 5px 0 var(--coral);align-self:center}.journey-ticket{grid-template-columns:minmax(0,1fr) 94px}.ticket-stub{border-left-width:2px}.contact-section{padding-block:74px 52px}.site-footer{padding-block:23px}.portfolio-dialog{width:calc(100% - 22px);box-shadow:7px 7px 0 var(--oxblood)}.dialog-content{padding:31px 22px}.loading-moment{padding:16px}.loading-frame{min-height:min(70svh,540px);box-shadow:7px 7px 0 var(--coral);padding:24px}.loading-frame:after{inset:11px}.loading-lockup{font-size:clamp(58px,18vw,104px)}.loading-assets{bottom:15%;right:5%}.loading-assets img:first-child{width:38px;height:38px;padding:6px}.loading-assets img:last-child{width:37vw;height:35vw}.loading-hint{letter-spacing:.08em;font-size:8px}}@media (max-width:360px){.header-inner{gap:7px}.header-actions{gap:6px}.brand{font-size:18px}.brand>img{width:23px;height:23px}.menu-button{width:40px;height:40px}.hero{min-height:700px}.hero h1{font-size:18.7vw}.hero-description{max-width:270px}.hero-cta .button{padding-inline:14px}.loading-frame{min-height:500px;padding:20px}.loading-lockup{font-size:17.5vw}}@media (prefers-reduced-motion:reduce){.loading-frame,.loading-lockup{animation:none!important}.button,.icon-button{transform:none!important}}@media print{.header-inner,.reading-progress,.loading-moment{display:none!important}body{padding-bottom:0}}html{scroll-padding-top:24px;scroll-padding-bottom:132px}body{padding-bottom:128px}.site-header{pointer-events:none;height:0}.header-inner{inset:auto 50% calc(18px + env(safe-area-inset-bottom));z-index:20;border:3px solid var(--text);background:color-mix(in srgb, var(--paper), transparent 4%);width:min(710px,100% - 32px);height:auto;min-height:66px;box-shadow:7px 7px 0 var(--oxblood), 0 0 0 3px var(--coral);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);pointer-events:auto;border-radius:3px;margin:0;padding:8px 12px 8px 16px;display:flex;position:fixed;transform:translate(-50%)}.header-inner:before,.header-inner:after{height:8px;top:-10px}.brand{gap:9px;font-size:23px}.brand>img{width:28px;height:28px}.primary-nav{flex:1;justify-content:center;gap:clamp(16px,3vw,32px)}.primary-nav a{color:var(--text);letter-spacing:.09em;padding:8px 0;font-size:11px;font-weight:800}.header-actions{margin-left:8px}.menu-button{display:none}.reading-progress{z-index:21;height:4px;top:0;bottom:auto}.hero{color:#fff4ed;background-color:var(--oxblood);background-image:radial-gradient(circle at 50% 54%, color-mix(in srgb, var(--coral), transparent 73%) 0 18%, transparent 55%), repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 5px), linear-gradient(135deg, var(--oxblood), var(--crimson) 54%, var(--vermilion))}.hero h1{color:#fff4ed}.hero-name-line:last-child{color:var(--coral)}.hero-description,.hero-socials a{color:#fff4ed}.hero .button-outline{color:var(--text)}.hero-visual{z-index:1}.hero-silhouette{z-index:0;object-fit:contain;object-position:center bottom;opacity:.76;pointer-events:none;width:min(76vw,900px);height:112%;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.hero-smoke{z-index:1;aspect-ratio:1.3;opacity:.44;filter:blur(34px);pointer-events:none;border-radius:50%;width:34%;animation:11s ease-in-out infinite alternate smoke-drift;position:absolute}.hero-smoke-one{background:radial-gradient(ellipse, var(--coral), transparent 68%);top:26%;left:14%}.hero-smoke-two{background:radial-gradient(ellipse, var(--vermilion), transparent 68%);animation-delay:-4s;top:42%;right:10%}.hero-ribbon{z-index:4}.loading-moment{isolation:isolate;background:color-mix(in srgb, var(--oxblood), var(--bg) 18%);overflow:hidden}.loading-frame{isolation:isolate;background-color:var(--paper);background-image:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--coral), transparent 87%) 0 1px, transparent 1.5px);background-size:9px 9px}.loading-silhouette{z-index:0;object-fit:contain;object-position:center bottom;opacity:.54;pointer-events:none;width:min(70%,640px);height:118%;position:absolute;bottom:-19%;left:50%;transform:translate(-50%)}.loading-mist{z-index:1;aspect-ratio:1.5;background:radial-gradient(ellipse, var(--coral), transparent 70%);opacity:.35;filter:blur(30px);pointer-events:none;border-radius:50%;width:48%;animation:8s ease-in-out infinite alternate smoke-drift;position:absolute}.loading-mist-one{top:24%;left:-12%}.loading-mist-two{background:radial-gradient(ellipse, var(--vermilion), transparent 70%);animation-delay:-3s;bottom:20%;right:-12%}.loading-frame:after{background-image:radial-gradient(color-mix(in srgb, var(--text), transparent 78%) .7px, transparent .8px);opacity:.18;background-size:6px 6px}.loading-assets,.loading-kicker,.loading-lockup,.loading-hint{pointer-events:none}@keyframes smoke-drift{0%{transform:translate(-8px,5px)scale(.92)}to{transform:translate(15px,-12px)scale(1.08)}}@media (max-width:820px){body{padding-bottom:112px}html{scroll-padding-bottom:116px}.header-inner{inset:auto 50% calc(12px + env(safe-area-inset-bottom));width:min(620px,100% - 24px);min-height:62px;padding:7px 9px 7px 13px}.brand{font-size:20px}.brand>img{width:25px;height:25px}.header-actions{margin-left:auto}.menu-button{width:42px;height:42px;display:grid}.primary-nav{inset:auto 12px calc(82px + env(safe-area-inset-bottom)) 12px;border:3px solid var(--text);background:var(--paper);box-shadow:7px 7px 0 var(--oxblood);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:12px;display:none;position:fixed}.primary-nav.is-open{display:grid}.primary-nav a{min-height:48px;padding:14px 9px}.hero-silhouette{opacity:.7;width:103vw;height:108%;bottom:-7%}.hero-smoke{opacity:.36;width:45%}}@media (max-width:600px){.header-inner{width:calc(100% - 22px);padding-left:10px}.hero-silhouette{opacity:.64;width:124vw}.loading-frame{min-height:min(74svh,540px)}.loading-silhouette{opacity:.5;width:94%;height:111%;bottom:-15%}}@media (prefers-reduced-motion:reduce){.hero-smoke,.loading-mist{animation:none!important}}.navigation-panel{display:contents}.mobile-music-host{display:none}@media (max-width:820px),(hover:none),(pointer:coarse){.navigation-panel{z-index:9;inset:auto 12px calc(82px + env(safe-area-inset-bottom)) 12px;border:3px solid var(--text);background:var(--paper);box-shadow:7px 7px 0 var(--oxblood);padding:12px;display:none;position:fixed}.navigation-panel.is-open{gap:12px;display:grid}.navigation-panel .primary-nav{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:0;display:grid;position:static;inset:auto}.navigation-panel .primary-nav a{min-height:48px;padding:14px 9px}.mobile-music-host{display:block}.music-player.is-mobile{width:100%;max-width:none;box-shadow:4px 4px 0 var(--coral);display:grid;position:static;transform:none}.music-player.is-mobile.is-fixed{position:static}.music-player.is-mobile .music-expanded{max-height:min(48svh,320px);overflow-y:auto}}.hero,.hero-visual,.railway-world{overflow:hidden}.hero{width:100vw;max-width:none;min-height:100svh;margin-left:calc(50% - 50vw);padding-inline:clamp(18px,6vw,96px)}.hero-copy{min-height:min(78svh,760px)}.hero-silhouette{opacity:.84;width:min(78vw,940px)}.hero-visual{inset-inline:0}.header-inner{overflow:visible}.header-inner:after{border-color:var(--vermilion)}.brand{border:2px solid var(--text);background:var(--surface);box-shadow:3px 3px 0 var(--coral);padding:5px 8px 5px 5px}.primary-nav a{border:2px solid #0000;padding:8px 10px}.primary-nav a:hover,.primary-nav a:focus-visible{border-color:var(--text);background:var(--accent);color:#fff4ed;box-shadow:3px 3px 0 var(--oxblood)}.loading-progress-label{z-index:2;width:min(100%,430px);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:18px;font-family:ui-monospace,monospace;font-size:10px;display:flex;position:relative}.loading-progress-label strong{color:var(--accent);letter-spacing:-.08em;font-size:clamp(24px,4vw,42px)}.loading-progress-track{z-index:2;border:2px solid var(--text);background:var(--surface);width:min(100%,430px);height:10px;box-shadow:3px 3px 0 var(--coral);margin-top:-18px;display:block;position:relative}.loading-progress-track>span{background:linear-gradient(90deg, var(--oxblood), var(--crimson), var(--vermilion));height:100%;transition:width .1s linear;display:block}@media (max-width:959px),(max-height:739px),(hover:none),(pointer:coarse){.hero{min-height:100svh;padding-block:28px 112px}.hero-copy{min-height:78svh}.hero-silhouette{opacity:.78;width:104vw}}@media (max-width:600px){.hero{padding-inline:12px}.hero-copy{min-height:76svh}.hero-silhouette{opacity:.72;width:126vw}.loading-progress-track,.loading-progress-label{width:100%}}:root{--bg:#f5f8fc;--surface:#e4ecf7;--paper:#fcfdff;--text:#111e31;--muted:#506078;--line:#111e31;--rule:#c4d3e7;--accent:#214fd1;--button:#214fd1;--button-text:#fcfdff;--crimson:#3263df;--vermilion:#6ca5ed;--oxblood:#163164;--coral:#93bcf1;--sticky:#dfecfc;--ring:#ccdef8;--highlight:#ffca74;--hero-field:#285bae;--hero-end:#285bae;--hero-ink:#f9fbff;--hero-name-given:#f9fbff;--hero-name-family:#a9d7ff;--hero-name-dot:#ffca74;--caution:#ffd21f;--caution-ink:#141719;--shadow:9px 9px 0 var(--oxblood);--shadow-soft:5px 5px 0 var(--coral)}:root[data-theme=dark]{--bg:#0e1014;--surface:#191a20;--paper:#28242a;--text:#f6eee6;--muted:#bcaeb0;--line:#f6eee6;--rule:#5b4c52;--accent:#ff665c;--button:#ff5347;--button-text:#180f12;--crimson:#dc2c43;--vermilion:#ff8663;--oxblood:#4a1421;--coral:#ff9c81;--sticky:#e9d8ca;--ring:#42212c;--highlight:#e4ba5a;--hero-field:#8c1730;--hero-end:#74162d;--hero-ink:#fff3eb;--hero-name-given:#fff3eb;--hero-name-family:#ff9c81;--hero-name-dot:#e4ba5a;--caution:#ffcf24;--caution-ink:#141719;--shadow:9px 9px 0 var(--oxblood);--shadow-soft:5px 5px 0 var(--coral)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0e1014;--surface:#191a20;--paper:#28242a;--text:#f6eee6;--muted:#bcaeb0;--line:#f6eee6;--rule:#5b4c52;--accent:#ff665c;--button:#ff5347;--button-text:#180f12;--crimson:#dc2c43;--vermilion:#ff8663;--oxblood:#4a1421;--coral:#ff9c81;--sticky:#e9d8ca;--ring:#42212c;--highlight:#e4ba5a;--hero-field:#8c1730;--hero-end:#74162d;--hero-ink:#fff3eb;--hero-name-given:#fff3eb;--hero-name-family:#ff9c81;--hero-name-dot:#e4ba5a;--caution:#ffcf24;--caution-ink:#141719;--shadow:9px 9px 0 var(--oxblood);--shadow-soft:5px 5px 0 var(--coral)}}.hero{width:100%;min-height:100svh;padding:clamp(24px, 4vh, 44px) 2vw calc(130px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 68% 40%, color-mix(in srgb, var(--coral), transparent 32%), transparent 64%), linear-gradient(135deg, var(--oxblood), var(--hero-field) 58%, var(--hero-end));margin:0}.hero-copy{justify-content:center;min-height:calc(100svh - 174px);padding:0;animation:none}.hero-copy:after,.hero-visual:before,.hero-visual:after{content:none}.hero h1{z-index:3;letter-spacing:-.085em;white-space:nowrap;width:100%;color:var(--hero-name-given);text-shadow:3px 4px 0 color-mix(in srgb, var(--oxblood), transparent 20%);font-size:clamp(34px,14.2vw,300px);line-height:.96;position:relative}.hero-name-line,.hero-name-line:last-child{color:var(--hero-name-given);filter:none;margin:0}.hero-name-given{color:var(--hero-name-given)}.hero-name-family{color:var(--hero-name-family)}.hero-name-dot{color:var(--hero-name-dot)}.hero-description{color:var(--hero-ink);max-width:410px;margin-block:28px 24px}.hero-socials a{color:var(--button-text)}.hero-visual{width:100%;height:100%;margin:0;animation:none;inset:0}.hero-silhouette{opacity:1;filter:none;mix-blend-mode:normal;width:auto;max-width:none;height:108%;bottom:-6%}.portrait-ring{opacity:.22;width:min(82vw,1040px)}.hero-smoke{opacity:.24}.hero-annotation{color:var(--hero-ink);font-size:24px;top:8%;right:5%}.portrait-sticker{color:var(--text);width:105px;height:84px;bottom:19%;left:5%}.hero-ribbon{background:var(--caution);width:230%;color:var(--caution-ink);border-block:3px solid var(--caution-ink);letter-spacing:.08em;box-shadow:0 5px 0 var(--caution-ink);gap:42px;padding-block:16px;font-size:clamp(10px,1.1vw,16px);font-weight:950;bottom:9%;left:50%;overflow:hidden;transform:translate(-50%)rotate(-5deg)}.hero-ribbon:before{content:"";background:repeating-linear-gradient(-45deg, transparent 0 24px, color-mix(in srgb, var(--caution-ink), transparent 88%) 24px 28px);pointer-events:none;position:absolute;inset:0}.hero-ribbon span{display:inline-block;position:relative}.hero-ribbon span:after{content:"⚠";margin-left:26px}.hero-scroll-cue{z-index:5;color:var(--caution-ink);background:var(--caution);border:2px solid var(--caution-ink);box-shadow:3px 3px 0 var(--caution-ink);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;padding:5px 8px 5px 5px;font:900 9px/1 ui-monospace,monospace;text-decoration:none;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-scroll-cue>span:first-child{border:2px solid;border-radius:50%;place-items:center;width:29px;height:29px;font-size:18px;display:grid}.hero-scroll-cue:hover{color:var(--hero-name-dot)}.brand>img{background:var(--paper);padding:4px}.brand .accent{color:inherit}.loading-lockup{letter-spacing:-.08em;white-space:nowrap;font-size:clamp(28px,7.3vw,102px);line-height:1;display:block}.loading-lockup>span:last-child{color:var(--text)}.header-inner{border-color:var(--text);background:var(--paper);width:min(760px,100% - 40px);min-height:70px;box-shadow:8px 8px 0 var(--oxblood), 0 0 0 3px var(--coral);padding:9px 12px 9px 14px;transform:translate(-50%)rotate(-.7deg)}.header-inner:before{border-color:var(--vermilion);left:6%}.header-inner:after{border-color:var(--accent);right:6%}.brand{background:var(--accent);color:var(--button-text);box-shadow:4px 4px 0 var(--oxblood)}.primary-nav a{color:var(--text)}.primary-nav a:hover,.primary-nav a:focus-visible{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:3px 3px 0 var(--vermilion)}@media (max-width:820px){.header-inner{width:calc(100% - 24px);min-height:64px;transform:translate(-50%)rotate(-.5deg)}.hero h1{font-size:14.2vw}.hero-silhouette{width:auto}.hero-annotation{font-size:21px}}@media (max-width:600px){.hero{padding-inline:2vw}.hero h1{font-size:14.2vw}.hero-copy{min-height:calc(100svh - 174px)}.hero-silhouette{width:auto}.hero-description{max-width:280px;font-size:13px}.hero-annotation{font-size:17px;top:9%}.portrait-sticker{display:none}.hero-ribbon{width:330%;font-size:11px;bottom:14%}.loading-lockup{font-size:10.6vw}}@media (max-height:650px) and (min-width:601px){.hero-copy{min-height:calc(100svh - 156px)}.hero h1{font-size:min(14.2vw,24vh)}.hero-description{margin-block:14px;font-size:13px}.hero-socials{margin-top:8px}}.project-riffle-layout{border-block:3px solid var(--text);grid-template-columns:minmax(0,1.16fr) minmax(290px,.84fr);align-items:center;gap:clamp(34px,7vw,110px);margin-block:64px 56px;padding-block:28px 42px;display:grid}.project-riffle-figure{background:var(--oxblood);border:3px solid var(--text);min-width:0;box-shadow:var(--shadow);transition:transform .38s var(--ease), box-shadow .38s var(--ease);--project-plate-ink:#f4ece2;--hairline-plate:var(--oxblood);--hairline-hi:var(--project-plate-ink);--hairline-edge:var(--coral);--hairline-mid:var(--vermilion);--hairline-lo:color-mix(in srgb, var(--oxblood), #000 30%);--hairline-stroke:1.1;padding:clamp(12px,2vw,24px);position:relative;overflow:visible;transform:rotate(-1.5deg)}.project-riffle-figure:before,.project-riffle-figure:after{content:"";z-index:2;pointer-events:none;width:38px;height:38px;position:absolute}.project-riffle-figure:before{border-top:3px solid var(--coral);border-left:3px solid var(--coral);top:-12px;left:-12px}.project-riffle-figure:after{border-right:3px solid var(--coral);border-bottom:3px solid var(--coral);bottom:-12px;right:-12px}.project-riffle-figure:hover{box-shadow:11px 13px 0 var(--oxblood);transform:rotate(0)translateY(-4px)}.project-riffle-header{z-index:3;color:var(--project-plate-ink);letter-spacing:.12em;pointer-events:none;justify-content:space-between;gap:18px;font:700 8px/1 ui-monospace,monospace;display:flex;position:absolute;top:9px;left:clamp(18px,2.6vw,30px);right:clamp(18px,2.6vw,30px)}.project-riffle{aspect-ratio:5/4;width:100%;display:block}.project-riffle-host{aspect-ratio:5/4;width:100%}.project-riffle-fallback{background:repeating-linear-gradient(135deg, transparent 0 13px, color-mix(in srgb, var(--coral), transparent 82%) 13px 14px)}.project-riffle-readout{z-index:3;max-width:62%;color:var(--project-plate-ink);pointer-events:none;gap:5px;display:grid;position:absolute;bottom:clamp(18px,2.6vw,30px);left:clamp(18px,2.6vw,30px)}.project-riffle-readout span{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font:700 9px/1 ui-monospace,monospace}.project-riffle-readout strong{letter-spacing:-.07em;font-size:clamp(24px,3vw,40px);line-height:.95}.project-riffle-stamp{color:var(--project-plate-ink);border:2px solid var(--project-plate-ink);background:var(--oxblood);letter-spacing:.1em;box-shadow:3px 3px 0 var(--text);padding:7px 9px;font:800 10px/1 ui-monospace,monospace;position:absolute;bottom:clamp(18px,2.6vw,30px);right:clamp(18px,2.6vw,30px)}.project-riffle-copy{min-width:0}.project-riffle-kicker{color:var(--accent);letter-spacing:.14em;font:800 10px/1.5 ui-monospace,monospace;display:block}.project-riffle-copy>p{max-width:390px;color:var(--muted);margin-top:18px;font-size:14px;line-height:1.7}.project-riffle-list{border-top:2px solid var(--text);margin:26px 0 0;padding:0;list-style:none}.project-riffle-list li{margin:0}.project-riffle-list button{text-align:left;width:100%;min-height:47px;color:var(--muted);border:0;border-bottom:1px solid var(--rule);transition:padding-left .22s var(--ease), color .22s, background-color .22s;background:0 0;grid-template-columns:32px 1fr auto;align-items:baseline;gap:10px;padding:10px 0;display:grid;position:relative}.project-riffle-list button:before{content:"";background:var(--accent);transform-origin:50%;width:3px;transition:transform .22s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.project-riffle-list button>span{font:700 10px ui-monospace,monospace}.project-riffle-list button strong{color:inherit;font-size:14px}.project-riffle-list button small{text-transform:uppercase;letter-spacing:.06em;font-size:9px}.project-riffle-list button:hover,.project-riffle-list button.is-active{color:var(--text);background:color-mix(in srgb, var(--coral), transparent 78%);padding-left:13px}.project-riffle-list button:hover:before,.project-riffle-list button.is-active:before{transform:scaleY(1)}.project-riffle-list button.is-active strong{color:var(--text)}.project-riffle-selected{border:2px solid var(--text);background:linear-gradient(135deg, var(--paper), color-mix(in srgb, var(--paper), var(--coral) 12%));box-shadow:5px 5px 0 var(--coral);margin-top:28px;padding:23px 19px 19px;position:relative;overflow:hidden}.project-riffle-selected:after{content:"CASE FILE / OPEN";color:var(--muted);letter-spacing:.1em;font:700 8px/1 ui-monospace,monospace;position:absolute;top:13px;right:14px}.project-riffle-selected>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font:700 9px ui-monospace,monospace}.project-riffle-selected h3{letter-spacing:-.05em;margin-top:8px;font-size:29px}.project-riffle-selected h3 i{color:var(--accent);font-style:normal}.project-riffle-selected p{color:var(--muted);margin-top:6px;font-size:12px}.project-riffle-selected .text-link{color:var(--accent);margin-top:14px}.skills-ledger{border-top:3px solid var(--text);grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:84px;padding-top:38px;display:grid}.skills-ledger .section-scribble{color:var(--accent);margin-bottom:10px;font-size:24px;display:block}.skills-ledger h3{letter-spacing:-.07em;font-size:clamp(34px,4.5vw,60px);line-height:.98}.skills-ledger-grid{border-top:2px solid var(--text);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skills-ledger-group{border-bottom:1px solid var(--rule);min-height:120px;padding:20px 20px 20px 0}.skills-ledger-group:nth-child(2n){border-left:1px solid var(--rule);padding-left:20px}.skills-ledger-group strong{font-size:17px}.skills-ledger-group p{color:var(--muted);margin-top:10px;font:11px/1.7 ui-monospace,monospace}@media (max-width:800px){.project-riffle-layout{grid-template-columns:1fr;gap:28px;margin-block:46px 40px}.project-riffle-figure,.project-riffle-copy{width:min(100%,620px);margin-inline:auto}.skills-ledger{grid-template-columns:1fr;gap:28px;margin-top:62px}}@media (max-width:600px){.project-riffle-layout{padding-block:20px 34px}.project-riffle-figure{box-shadow:6px 6px 0 var(--oxblood);padding:8px}.project-riffle-stamp{font-size:8px;bottom:15px;right:15px}.project-riffle-header{font-size:7px;top:7px}.project-riffle-readout{bottom:15px;left:15px}.project-riffle-readout strong{font-size:23px}.project-riffle-copy>p{font-size:13px}.project-riffle-list button{grid-template-columns:26px 1fr}.project-riffle-list button small{display:none}.skills-ledger-grid{grid-template-columns:1fr}.skills-ledger-group:nth-child(2n){border-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.project-riffle-figure,.project-riffle-list button,.project-riffle-list button:before,.hero-ribbon span{transition:none;transform:none}}.music-player{isolation:isolate;background:linear-gradient(145deg, color-mix(in srgb, var(--paper), #fff 8%), var(--surface));border:3px solid var(--text);width:min(390px,100vw - 36px);box-shadow:8px 8px 0 var(--oxblood), 0 12px 24px color-mix(in srgb, var(--text), transparent 88%);gap:11px;padding:13px;overflow:hidden}.music-player:before{content:"";z-index:-1;border:2px solid color-mix(in srgb, var(--accent), transparent 38%);width:126px;height:100px;box-shadow:0 0 0 9px color-mix(in srgb, var(--coral), transparent 78%), 0 0 0 18px color-mix(in srgb, var(--coral), transparent 88%);pointer-events:none;position:absolute;top:-32px;right:-24px;transform:rotate(18deg)}.music-player:after{content:"SIDE / A";color:color-mix(in srgb, var(--accent), transparent 32%);letter-spacing:.16em;pointer-events:none;font:800 8px/1 ui-monospace,monospace;position:absolute;bottom:8px;right:13px;transform:rotate(-8deg)}.music-player.is-fixed{box-shadow:8px 8px 0 var(--oxblood), 0 16px 30px color-mix(in srgb, var(--text), transparent 84%)}.music-player.is-expanded{width:min(390px,100vw - 36px)}.music-player-topline,.music-player-main,.music-seek,.music-lyrics-panel,.music-expanded{z-index:1;position:relative}.music-player-topline{color:var(--text)}.music-player-topline>span:first-child{color:var(--accent);font-size:9px}.music-player-topline>span:nth-child(2){color:var(--muted)}.music-tool{border:2px solid var(--text);background:var(--paper);width:27px;height:25px;box-shadow:2px 2px 0 var(--coral)}.music-tool:hover,.music-tool.repeat-all,.music-tool.repeat-one{color:var(--button-text);background:var(--button);border-color:var(--text)}.music-hide:hover{color:var(--button-text);background:var(--oxblood)}.music-lyrics-panel{background:color-mix(in srgb, var(--paper), transparent 3%);border:2px solid var(--text);min-height:128px;box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--coral), transparent 78%), 4px 4px 0 var(--coral);gap:8px;padding:12px 13px 13px;display:grid}.music-lyrics-panel:before{content:"♪";color:color-mix(in srgb, var(--accent), transparent 62%);font:800 34px/1 Georgia,serif;position:absolute;top:25px;right:14px;transform:rotate(12deg)}.music-lyrics-label{color:var(--muted);letter-spacing:.13em;justify-content:space-between;gap:12px;font:800 8px/1 ui-monospace,monospace;display:flex}.music-lyrics-label span:last-child{color:var(--accent)}.music-lyrics-window{--lyric-line-height:26px;height:calc(var(--lyric-line-height) * 5);min-height:calc(var(--lyric-line-height) * 5);display:block;position:relative;overflow:hidden}.music-lyrics-track{transform:translateY(calc((2 - var(--active-line)) * var(--lyric-line-height)));will-change:transform;transition:transform .62s cubic-bezier(.22,.8,.24,1);display:grid}.music-lyrics-track>span{height:var(--lyric-line-height);color:color-mix(in srgb, var(--text), transparent 58%);font:500 13px/var(--lyric-line-height) "Caveat Variable", cursive;text-overflow:ellipsis;white-space:nowrap;opacity:.62;transition:color .42s,opacity .42s,font-size .42s,transform .42s;display:block;position:relative;overflow:hidden}.music-lyrics-track>span.is-active{color:var(--text);opacity:1;font-size:20px;font-weight:700;transform:translate(5px)rotate(-1deg)}.music-lyrics-track>span.is-active:after{content:"";width:calc(var(--line-progress) * 100%);background:var(--accent);opacity:.8;height:2px;transition:width .18s linear;position:absolute;bottom:2px;left:0}.music-lyrics-track>span[data-lyric-line=active]:before{content:"↳ ";color:var(--accent);font-family:ui-monospace,monospace;font-size:10px}.music-lyrics-word{color:inherit;transition:color .16s,text-shadow .16s;display:inline}.music-lyrics-word.is-word-active{color:var(--accent);text-shadow:0 0 0 color-mix(in srgb, var(--accent), transparent 60%)}.music-player-main{grid-template-columns:48px minmax(0,1fr) repeat(3,30px);gap:9px}.music-cover{border:3px solid var(--text);width:48px;height:48px;box-shadow:3px 3px 0 var(--coral)}.music-cover:not(:has(img)){transform:rotate(-4deg)}.music-copy{gap:4px}.music-copy strong{letter-spacing:-.025em;font-size:14px}.music-copy span,.music-copy small{font-size:9px}.music-copy small{color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.music-action{border:2px solid var(--text);background:var(--paper);width:30px;height:32px;box-shadow:2px 2px 0 var(--coral)}.music-action:nth-last-child(2){color:var(--button-text);background:var(--button)}.music-action:hover:not(:disabled){color:var(--button-text);background:var(--button);transform:translateY(-1px)}.music-seek{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;position:relative}.music-seek input{z-index:2;opacity:0;cursor:pointer;grid-area:1/2;width:100%;height:24px;margin:0}.music-seek:focus-within{outline:2px solid var(--accent);outline-offset:3px}.music-wave{pointer-events:none;grid-area:1/2;height:26px;display:block;overflow:visible}.music-wave svg{width:100%;height:100%;display:block;overflow:visible}.music-wave line{stroke-linecap:round}.music-wave path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.8px}.music-wave-base{stroke:color-mix(in srgb, var(--muted), transparent 58%);stroke-width:1.5px}.music-wave-progress{stroke:var(--accent);clip-path:inset(0 var(--seek-remaining) 0 0);transition:clip-path .12s linear}.music-wave-dot{fill:var(--accent);opacity:calc(.2 + var(--seek-progress) * .8);transition:cx .12s linear,opacity .22s}.music-wave[data-playing=true] .music-wave-progress{stroke-dasharray:12 7;animation:1.6s linear infinite music-wave-flow}@keyframes music-wave-flow{to{stroke-dashoffset:-38px}}.music-expanded{gap:10px;padding-top:2px}.music-expanded-art{border:2px solid var(--text);background:var(--paper);max-height:210px;box-shadow:4px 4px 0 var(--coral);width:min(100%,190px);height:190px;max-height:none;margin-inline:auto}.music-expanded-art img{object-fit:contain;width:100%;height:100%;padding:12px}.music-queue{max-height:170px;padding-right:3px}.music-queue button{border-bottom:1px solid var(--rule);min-height:34px;padding:7px 6px}.music-queue button:hover,.music-queue button.is-current{background:color-mix(in srgb, var(--coral), transparent 70%);border-color:var(--text)}@media (max-width:820px),(hover:none),(pointer:coarse){.music-player.is-mobile{width:100%;box-shadow:5px 5px 0 var(--coral);padding:11px}.music-player.is-mobile.is-expanded{width:100%}.music-player.is-mobile .music-lyrics-panel{min-height:112px}.music-player.is-mobile .music-lyrics-window{--lyric-line-height:22px;height:calc(var(--lyric-line-height) * 5);min-height:calc(var(--lyric-line-height) * 5)}.music-player.is-mobile .music-lyrics-track>span{font-size:12px}.music-player.is-mobile .music-lyrics-track>span.is-active{font-size:18px}.music-player.is-mobile .music-expanded-art{width:150px;height:150px}}.music-reopen{z-index:18;width:min(226px,100vw - 36px);min-height:128px;color:var(--text);isolation:isolate;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed;top:16px;left:max(18px,3vw);overflow:visible;transform:rotate(-4deg)}.music-reopen-cloud{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.music-cloud-shadow{fill:var(--oxblood);opacity:.9;transform:translate(7px,8px)}.music-cloud-body{fill:var(--paper);stroke:var(--text);stroke-width:3px;vector-effect:non-scaling-stroke;transition:fill .18s var(--ease)}.music-cloud-highlight{fill:none;stroke:color-mix(in srgb, var(--coral), transparent 10%);stroke-linecap:round;stroke-width:3px;vector-effect:non-scaling-stroke}.music-reopen-label{z-index:2;text-align:left;justify-items:start;gap:7px;display:grid;position:relative;transform:rotate(4deg)}.music-reopen-label:before{content:"♪";color:var(--accent);font:700 19px/1 Caveat Variable,cursive;position:absolute;top:-17px;right:-13px;transform:rotate(13deg)}.music-reopen-label small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font:800 8px/1 ui-monospace,monospace}.music-reopen-label strong{letter-spacing:-.065em;font:900 clamp(17px,1.7vw,22px)/.92 Manrope Variable,sans-serif}.music-reopen img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.music-reopen.has-art{background:var(--paper);border:3px solid var(--text);width:58px;min-width:58px;height:58px;min-height:58px;box-shadow:5px 6px 0 var(--oxblood);border-radius:50%;padding:0;overflow:hidden}.music-reopen.has-art .music-reopen-cloud{display:none}.music-reopen.has-art .music-reopen-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.music-reopen.has-art img{animation:8s linear infinite music-disc-spin}@keyframes music-disc-spin{to{transform:rotate(360deg)}}.music-reopen:hover,.music-reopen:focus-visible{transform:translateY(-4px)rotate(-1deg)}.music-reopen:hover .music-cloud-body,.music-reopen:focus-visible .music-cloud-body{fill:var(--sticky)}.music-reopen:active{box-shadow:5px 6px 0 var(--oxblood);transform:translateY(1px)rotate(-2deg)scale(.97)}@media (max-width:820px),(hover:none),(pointer:coarse){.music-reopen{top:max(16px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));width:min(212px,100vw - 28px);min-height:120px}}@media (max-width:360px){.music-player.is-mobile .music-player-main{grid-template-columns:43px minmax(0,1fr) repeat(3,27px);gap:6px}.music-player.is-mobile .music-cover{width:43px;height:43px}.music-player.is-mobile .music-action{width:27px}}.notebook-wrap{--diary-paper:#f5f7fb;--diary-ink:#24252a;--diary-rule:#c6d3e4;--diary-accent:#214fd1}:root[data-theme=dark] .notebook-wrap{--diary-paper:#e7e4df;--diary-rule:#c3b7b9;--diary-accent:#a32538}@media (prefers-color-scheme:dark){:root:not([data-theme]) .notebook-wrap{--diary-paper:#e7e4df;--diary-rule:#c3b7b9;--diary-accent:#a32538}}.notebook-wrap .notebook-page{color:var(--diary-ink);background-color:var(--diary-paper);background-image:linear-gradient(90deg, transparent 32px, color-mix(in srgb, var(--diary-accent), transparent 65%) 32px 34px, transparent 34px), repeating-linear-gradient(to bottom, transparent 0 30px, var(--diary-rule) 30px 31px);border-color:#424049}.notebook-wrap .diary-small,.notebook-wrap .diary-signature,.notebook-wrap .diary-stamp,.notebook-wrap .diary-checklist li>span,.notebook-wrap .note-star{color:var(--diary-accent)}.notebook-wrap .page-top,.notebook-wrap .page-number{color:#4e5059}.notebook-wrap .sticky-note{color:var(--diary-ink);background:#d9e7fc;border-color:#424049}:root[data-theme=dark] .notebook-wrap .sticky-note{background:#e1cbb0}.diary-character{float:right;width:132px;box-shadow:4px 4px 0 var(--diary-accent);background:#d9e7fc;border:2px solid #424049;justify-items:center;margin:-4px -2px 8px 16px;padding:7px 7px 5px;display:grid;transform:rotate(3deg)}.diary-character img{object-fit:contain;object-position:center bottom;width:100%;height:116px}.diary-character figcaption{color:#4e5059;letter-spacing:.08em;text-transform:uppercase;font:700 8px/1.1 ui-monospace,monospace}:root[data-theme=dark] .diary-character{background:#e1cbb0}.notebook-wrap .diary-content[data-diary-chapter]{inset:var(--diary-content-top,82px) 32px 0;opacity:0;clip-path:inset(0 100% 0 0);pointer-events:none;display:block;position:absolute}.notebook-wrap:not([data-diary-mode=pinned]) .diary-content[data-diary-active=true]{opacity:1;clip-path:none;pointer-events:auto;position:static}.notebook-wrap:not([data-diary-controls=true]) .notebook-controls,.notebook-wrap[data-diary-controls=true] .diary-native-controls{display:none}.diary-native-controls{border:0;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:22px 0 0;padding:0;display:flex}.diary-native-controls label{cursor:pointer;align-items:center;gap:7px;min-height:44px;font-size:12px;display:flex}.diary-native-controls input{accent-color:var(--accent);width:16px;height:16px;margin:0}.diary-mobile,.diary-cover{display:none}.notebook-wrap[data-diary-mode=pinned]{width:100%;max-width:none;margin-inline:auto}.notebook-wrap[data-diary-mode=pinned] .diary-stage{background:var(--surface);background-image:radial-gradient(ellipse at 50% 46%, color-mix(in srgb, var(--paper), transparent 88%), transparent 66%), linear-gradient(140deg, color-mix(in srgb, var(--surface), #000 8%), var(--surface));perspective:1600px;isolation:isolate;border-radius:0;place-items:center;width:100vw;height:100svh;min-height:0;margin:0;padding:70px 5vw 130px;display:grid;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}:root[data-theme=dark] .notebook-wrap[data-diary-mode=pinned] .diary-stage{background-color:#111014}.notebook-wrap[data-diary-mode=pinned] .notebook{width:min(1020px,76vw);transform-style:preserve-3d;will-change:transform}.notebook-wrap[data-diary-mode=pinned] .notebook-page{--diary-content-top:76px;height:min(650px,100svh - 190px);min-height:0;padding:24px 35px 42px}.notebook-wrap[data-diary-mode=pinned] .diary-content{animation:none}.notebook-wrap[data-diary-mode=pinned] .diary-content h3{font-size:32px}.notebook-wrap[data-diary-mode=pinned] .diary-content>p{font-size:13px;line-height:1.75}.notebook-wrap[data-diary-mode=pinned] .diary-small{font-size:22px}.notebook-wrap[data-diary-mode=pinned] .diary-character{width:116px;margin-right:0}.notebook-wrap[data-diary-mode=pinned] .notebook-controls{z-index:4;left:50%;bottom:calc(112px + env(safe-area-inset-bottom));background:var(--paper);border:2px solid var(--text);box-shadow:4px 4px 0 var(--oxblood);margin:0;padding:8px 12px;position:absolute;transform:translate(-50%)}.notebook-wrap[data-diary-mode=pinned] .notebook-hint{display:none}.notebook-wrap[data-diary-mode=pinned] .diary-cover{width:50%;transform-style:preserve-3d;pointer-events:none;background:0 0;padding:0;display:block;position:absolute;top:0;bottom:0;right:0}.diary-cover-front,.diary-cover-back{background:var(--oxblood);color:#f4ece2;backface-visibility:hidden;padding:40px;position:absolute;inset:0}.diary-cover-front{border:2px solid #f4ece280;flex-direction:column;justify-content:center;gap:30px;display:flex}.diary-cover-back{transform:rotateY(180deg)}.diary-cover-title{font-size:55px;font-weight:800;line-height:1}.diary-cover-edition,.diary-cover-prompt{letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:9px}.diary-cover-front .handwritten{font-size:28px}.diary-webgl{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.notebook-wrap[data-diary-webgl=ready] .notebook{opacity:0;pointer-events:none}@media (max-width:959px),(max-height:739px),(hover:none),(pointer:coarse){.notebook-wrap .notebook{grid-template-columns:1fr}.notebook-wrap .notebook-page{min-height:0}.notebook-wrap .notebook-left{box-shadow:none;border-bottom:1px dashed #424049;border-right:0}.notebook-wrap .notebook-right{box-shadow:none}.notebook-wrap .notebook-rings{width:18px;left:3px}.notebook-wrap .notebook-hint{text-align:center;margin-top:15px;display:block;position:static}}@media (max-width:959px),(hover:none),(pointer:coarse){.notebook-wrap{display:none}.diary-mobile{margin-top:38px;display:block}.diary-mobile-card{color:var(--diary-ink);background:var(--diary-paper);border:3px solid var(--text);box-shadow:7px 8px 0 var(--diary-accent);transition:transform .26s var(--ease), box-shadow .26s var(--ease);padding:20px 18px 18px;position:relative;overflow:hidden;transform:rotate(-1deg)}.diary-mobile-card:before{content:"";border:1px solid color-mix(in srgb, var(--diary-accent), transparent 45%);pointer-events:none;position:absolute;inset:12px}.diary-mobile[data-mobile-chapter="1"] .diary-mobile-card{box-shadow:7px 8px 0 var(--diary-accent);transform:rotate(1deg)}.diary-mobile[data-mobile-chapter="2"] .diary-mobile-card{box-shadow:7px 8px 0 var(--diary-accent);transform:rotate(-.4deg)}.diary-mobile-topline,.diary-mobile-footer>span:last-child{z-index:1;color:color-mix(in srgb, var(--diary-ink), transparent 25%);letter-spacing:.1em;justify-content:space-between;gap:12px;font:700 8px/1.4 ui-monospace,monospace;display:flex;position:relative}.diary-mobile-heading{z-index:1;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:25px;display:flex;position:relative}.diary-mobile-heading .diary-small{margin-bottom:8px;font-size:20px}.diary-mobile-heading h3{letter-spacing:-.065em;max-width:235px;font-size:clamp(30px,9vw,46px);line-height:.98}.diary-mobile-face{border:2px solid var(--text);background:color-mix(in srgb, var(--diary-accent), transparent 82%);border-radius:50%;flex:0 0 68px;place-items:end center;width:68px;height:68px;display:grid;overflow:hidden}.diary-mobile-face img{object-fit:contain;object-position:center bottom;width:74px;height:74px}.diary-mobile-copy{z-index:1;border-top:2px solid color-mix(in srgb, var(--diary-accent), transparent 25%);margin-top:24px;padding-top:16px;position:relative}.diary-mobile-copy p{margin-top:12px;font-size:13px;line-height:1.72}.diary-mobile-copy p:first-child{margin-top:0}.diary-mobile-note{z-index:1;color:var(--diary-ink);background:color-mix(in srgb, var(--diary-accent), transparent 78%);border:1px solid color-mix(in srgb, var(--diary-ink), transparent 52%);justify-content:space-between;gap:14px;margin:20px -4px 0;padding:14px 15px;display:flex;position:relative;transform:rotate(-1.5deg)}.diary-mobile-note span{font-size:25px;line-height:1.05}.diary-mobile-note b{color:var(--diary-accent);font-size:22px}.diary-mobile-list{z-index:1;margin-top:24px;position:relative}.diary-mobile-list>strong{font-size:15px}.diary-mobile-list ul{margin:10px 0 0;padding:0;list-style:none}.diary-mobile-list li{align-items:baseline;gap:8px;margin-top:8px;font-size:12px;line-height:1.5;display:flex}.diary-mobile-list li span{color:var(--diary-accent);font-weight:800}.diary-mobile-footer{z-index:1;justify-content:space-between;align-items:end;gap:12px;margin-top:24px;display:flex;position:relative}.diary-mobile-footer>span:first-child{color:var(--diary-accent);font-size:34px;rotate:-5deg}.diary-mobile-controls{grid-template-columns:36px repeat(2,minmax(0,1fr)) 36px;gap:7px;margin-top:20px;display:grid}.diary-mobile-controls button{min-height:58px;color:var(--text);text-align:left;background:var(--paper);border:2px solid var(--text);box-shadow:3px 3px 0 var(--coral);gap:5px;padding:10px 9px;font:800 10px/1 ui-monospace,monospace;display:grid}.diary-mobile-controls button span{font:700 10px/1.15 Manrope Variable,sans-serif}.diary-mobile-controls button[aria-pressed=true]{color:var(--button-text);background:var(--button);border-color:var(--button);box-shadow:3px 3px 0 var(--oxblood)}.diary-mobile-controls .diary-mobile-step{place-items:center;padding:0;display:grid}}@media (prefers-reduced-motion:reduce){.diary-webgl,.diary-cover{display:none!important}.notebook-wrap .notebook{opacity:1;transform:none!important}}@media print{.diary-webgl,.diary-native-controls{display:none!important}.notebook-wrap .notebook{opacity:1}.notebook-wrap .diary-content[data-diary-chapter]{opacity:1;clip-path:none;margin-bottom:30px;position:static}.notebook-wrap .page-number{display:none}}