/* The same particle scene carries the opening into the live page. */
html{scrollbar-gutter:stable}#particle-universe{position:fixed;inset:0;width:100%;height:100dvh;z-index:-2;pointer-events:none;opacity:.88}.universe-vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,transparent 5%,rgba(14,22,17,.12) 50%,rgba(14,22,17,.6) 100%)}body{isolation:isolate;background:#101612}body::before{z-index:15}main,.site-footer{position:relative;z-index:1}.site-header{background:rgba(16,22,18,.82)}.hero{padding-top:82px;padding-bottom:75px}.hero-copy{position:relative}.hero-status{color:var(--accent)}.hero h1{filter:drop-shadow(0 2px 25px rgba(12,20,13,.6))}.hero h1 em{text-shadow:0 0 35px rgba(196,217,164,.12)}.hero-visual{transition:transform .5s var(--ease)}.hero-visual::before{border-color:rgba(196,217,164,.27)}.hero-photo{box-shadow:0 20px 80px rgba(6,16,10,.25)}.intro-pending main,.intro-pending .site-header,.intro-pending .site-footer{opacity:0}.intro-active{overflow:hidden}.intro-active main,.intro-active .site-header,.intro-active .site-footer,.intro-active .experience-controls{opacity:0;pointer-events:none}.intro-active .universe-vignette{opacity:.1}.intro-active #particle-universe{opacity:1}.intro-screen{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:#edf2e7;overflow:hidden;outline:none;isolation:isolate}.intro-screen::backdrop{background:rgba(5,10,7,.08)}.intro-screen::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 35% 55% at 50% 50%,rgba(8,15,11,.30),transparent 90%)}.intro-top{position:absolute;top:37px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;gap:20px;animation:intro-edge-in .8s .15s both}.intro-signature{font:600 23px var(--serif);letter-spacing:.06em;white-space:nowrap}.intro-signature>span{color:#c4d9a4}.intro-signature small{font:8px var(--mono);letter-spacing:.2em;vertical-align:middle;margin-left:15px;color:#a4b29a}.intro-coordinate{font:8px var(--mono);letter-spacing:.2em;color:#a4b29a;position:absolute;left:50%;transform:translateX(-50%)}.intro-skip{display:flex;align-items:center;gap:21px;min-height:44px;padding:7px 14px;border:1px solid rgba(205,225,184,.25);border-radius:4px;background:rgba(8,18,12,.3);color:#d5e1c9;font-size:10px;backdrop-filter:blur(10px);transition:background .2s,border-color .2s}.intro-skip:hover{background:rgba(196,217,164,.12);border-color:rgba(205,225,184,.6)}.intro-title{position:absolute;top:49%;left:0;width:100%;transform:translateY(-50%);text-align:center;pointer-events:none}.intro-overline{font:9px var(--mono);letter-spacing:.3em;color:#c4d9a4;margin-bottom:29px;animation:intro-label-in 1s .4s both}.intro-title h1{display:flex;justify-content:center;align-items:center;gap:17px;font-family:var(--serif);font-size:clamp(110px,18vw,255px);font-weight:400;line-height:1.03;letter-spacing:-.07em;filter:drop-shadow(0 0 45px rgba(196,217,164,.15))}.intro-title h1 span{display:block;animation:intro-word-in 1.5s .25s var(--ease) both}.intro-title h1 span:nth-child(2){animation-delay:.42s}.intro-title h1 i{font-family:var(--serif);font-style:normal;color:#c4d9a4;margin-left:-10px;animation:intro-word-in 1.5s .55s var(--ease) both}.intro-english{margin-top:21px;color:#b5c6a7;font:10px var(--mono);letter-spacing:1.35em;padding-left:1.35em;animation:intro-label-in 1.4s .65s both}.intro-subtitle{font-family:var(--serif);font-size:17px;letter-spacing:.32em;margin-top:32px;color:#d0dac8;animation:intro-label-in 1.2s .9s both}.intro-bottom{position:absolute;bottom:38px;left:48px;right:48px;display:flex;align-items:end;justify-content:space-between;gap:25px;animation:intro-edge-in 1s .6s both}.intro-sequence{width:180px}.intro-sequence>span{font:7px var(--mono);letter-spacing:.16em;color:#a4b29a}.intro-sequence>div{height:1px;margin-top:13px;background:rgba(205,225,184,.2);overflow:hidden}.intro-sequence i{display:block;height:1px;background:#c4d9a4;width:100%;transform:scaleX(0);transform-origin:left;animation:sequence 4.2s linear forwards}.intro-interaction{font-size:10px;letter-spacing:.1em;color:#a4b29a;position:absolute;left:50%;transform:translateX(-50%);bottom:0;white-space:nowrap}.intro-interaction span{font-size:18px;vertical-align:middle;color:#c4d9a4;margin-right:7px;display:inline-block}.intro-year{font:7px var(--mono);letter-spacing:.2em;color:#a4b29a}.intro-screen.is-leaving{animation:intro-out .9s var(--ease) both}.intro-screen.is-leaving .intro-title{animation:intro-title-out .8s var(--ease) both}.experience-controls{position:fixed;right:25px;bottom:24px;z-index:25;display:flex;align-items:center;padding:2px 5px;background:rgba(20,29,23,.76);border:1px solid rgba(196,217,164,.22);border-radius:7px;backdrop-filter:blur(15px);box-shadow:0 4px 25px rgba(5,14,8,.15);transition:opacity .4s}.experience-control{background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px;min-height:42px;min-width:42px;padding:8px 10px;border-radius:4px}.experience-control:hover{color:var(--accent);background:var(--accent-soft)}.experience-control svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.experience-divider{height:14px;width:1px;background:var(--line);margin-inline:2px}.experience-controls[hidden]{display:none}.site-footer{padding-bottom:90px}
:root[data-theme=light] body{background:var(--bg)}[data-theme=light] #particle-universe{opacity:.6}[data-theme=light] .universe-vignette{background:radial-gradient(ellipse at 70% 35%,transparent 5%,rgba(245,246,241,.1) 50%,rgba(245,246,241,.65) 100%)}[data-theme=light] .site-header{background:var(--header)}[data-theme=light] .hero h1{filter:none}[data-theme=light] .experience-controls{background:rgba(240,245,233,.85);border-color:var(--line-strong)}[data-theme=light] .intro-active{background:#101612}[data-theme=light] .intro-active #particle-universe{opacity:1}[data-theme=light] .intro-active .universe-vignette{opacity:0}
@keyframes intro-word-in{from{opacity:0;transform:translateY(55px) scale(.92);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes intro-label-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes intro-edge-in{from{opacity:0}to{opacity:1}}@keyframes sequence{to{transform:scaleX(1)}}@keyframes intro-out{to{opacity:0;filter:blur(8px)}}@keyframes intro-title-out{from{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(1.15)}}
@media(max-width:850px){.hero{padding-top:55px;padding-bottom:48px}.intro-top{top:25px;left:27px;right:27px}.intro-bottom{bottom:29px;left:27px;right:27px}.intro-coordinate{display:none}.intro-title h1{font-size:clamp(120px,22vw,200px)}.intro-subtitle{font-size:15px}.intro-sequence{width:130px}.intro-year{display:none}.intro-interaction{left:auto;right:0;transform:none;font-size:9px}}
@media(max-width:600px){.hero{padding-top:38px;padding-bottom:32px}.intro-top{top:20px;left:22px;right:22px;gap:13px}.intro-signature{font-size:21px}.intro-signature small{display:none}.intro-skip{font-size:9px;padding:6px 11px;gap:12px}.intro-title{top:46%}.intro-overline{font-size:7px;letter-spacing:.16em;margin-bottom:26px}.intro-title h1{font-size:clamp(116px,33vw,175px);gap:9px}.intro-title h1 i{margin-left:-5px}.intro-english{font-size:8px;letter-spacing:.9em;padding-left:.9em;margin-top:19px}.intro-subtitle{font-size:14px;letter-spacing:.22em;margin-top:30px}.intro-bottom{bottom:29px;left:22px;right:22px;display:block}.intro-sequence{width:100%}.intro-sequence>span{font-size:7px}.intro-interaction{position:static;transform:none;font-size:9px;margin-bottom:21px;text-align:center}.intro-bottom .intro-sequence{position:absolute;bottom:0;left:0}.intro-bottom .intro-sequence>div{margin-top:10px}.experience-controls{right:14px;bottom:15px;padding:1px 3px}.experience-control{min-height:42px;padding-inline:9px;font-size:9px}.experience-control svg{width:14px;height:14px}.site-footer{padding-bottom:88px}}
body[data-page=archive] #particle-universe,body[data-page=about] #particle-universe,body[data-page=moments] #particle-universe{opacity:.5}body[data-page=archive] .universe-vignette,body[data-page=about] .universe-vignette,body[data-page=moments] .universe-vignette{opacity:.7}.article-prose{padding:20px 25px;background:rgba(16,22,18,.78);border-radius:7px;backdrop-filter:blur(3px)}[data-theme=light] .article-prose{background:rgba(245,246,241,.88)}.intro-active #particle-universe{opacity:1!important}
@media(max-width:600px){.article-prose{padding:17px 0;background:rgba(16,22,18,.85)}[data-theme=light] .article-prose{background:rgba(245,246,241,.9)}}
@media(prefers-reduced-motion:reduce){.intro-pending main,.intro-pending .site-header,.intro-pending .site-footer{opacity:1}.intro-screen{display:none!important}.universe-vignette{transition:none}.hero-visual{transition:none}.intro-active{overflow:auto}}