.me-page{--c-base:var(--page);--c-dawn:#f8eef1;--c-midday:#ebf2f9;--c-storm:#eceff0;--c-golden:#faeddf;--c-dusk:#f4e9f1;--c-night:#070914}html[data-theme=dark] .me-page{--c-dawn:#211b31;--c-midday:#12233a;--c-storm:#1a2128;--c-golden:#2b1c15;--c-dusk:#251729}.hero{color:#fff;background:#1a1410;height:clamp(560px,72vw,860px);position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:50% 60%;width:100%;animation:kb 2.8s var(--ease-out) both;position:absolute;inset:0;height:100%!important}@keyframes kb{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0a0a146b 0,#0a0a1400 22% 46%,#0a0a149e 100%);position:absolute;inset:0}.hero .site-head{z-index:5}.hero-in{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;padding-bottom:clamp(40px,5vw,72px);display:flex;position:absolute;bottom:0;left:0;right:0}.hero h1{letter-spacing:-.015em;text-shadow:0 2px 40px #00000040;font-size:clamp(64px,10.5vw,168px);line-height:.9}.hero h1 em{font-family:var(--ital);color:#ffd3a8;font-style:italic}.hero-text{color:#ffffffe6;max-width:27em;font-size:18px;line-height:1.6}.hero-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:14px;display:flex}.up{animation:upin 1.1s var(--ease-out) both}@keyframes upin{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.ig{font-family:var(--mono);color:#fff;align-self:flex-start;align-items:center;gap:10px;font-size:14.5px;text-decoration:none;display:inline-flex}.ig svg{color:#ffd3a8;transition:transform .4s var(--ease-spring)}.ig span{background:linear-gradient(#ffd3a8,#ffd3a8) 0 100%/0 1.5px no-repeat;padding-bottom:2px;transition:background-size .3s}.ig:hover span{background-size:100% 1.5px}.ig:hover svg{transform:rotate(-8deg)scale(1.08)}.meta{font-family:var(--mono);letter-spacing:.02em;color:#ffffffbf;font-size:12.5px}.cue{align-items:center;gap:10px;display:inline-flex}.cue i{transform-origin:top;background:linear-gradient(#fff0,#fff);width:1px;height:34px;animation:2.4s ease-in-out infinite cue;display:block}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.love-wrap{padding-top:clamp(96px,11vw,160px)}.love{font-family:var(--serif);letter-spacing:-.005em;max-width:20em;font-size:clamp(32px,4vw,58px);line-height:1.16}.love em{font-family:var(--ital);color:var(--accent);white-space:nowrap;font-style:italic;transition:color .8s}.love .soft{color:var(--ink-2)}.lens{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,6vw,96px);padding-block:clamp(110px,12vw,180px) clamp(40px,5vw,80px);display:grid}.lens-ph{margin:0}.lens-ph img{aspect-ratio:3/4;object-fit:cover;border-radius:4px;width:100%}.lens-ph figcaption{font-family:var(--mono);color:var(--ink-2);margin-top:12px;font-size:12.5px}.lens-h{font-size:clamp(44px,5.4vw,80px);line-height:1}.day{transition:background .6s;position:relative}.day-in{padding-block:clamp(56px,7vw,110px)}.tod{z-index:3;font:500 13px/1 var(--mono);letter-spacing:.02em;color:var(--ink);background:color-mix(in srgb, var(--page) 55%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-bottom:clamp(28px,3.4vw,48px);padding:7px 14px 7px 12px;display:inline-flex;position:sticky;top:18px}.tod:before{content:"//";opacity:.5;order:1}.tod>span:nth-child(2){order:2}.tod>span:nth-child(3){order:3}.tod-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%;order:0}.grid12{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,28px);display:grid}.c-1-10{grid-column:1/10}.c-10-13{grid-column:10/13}.c-2-7{grid-column:2/7}.c-8-13{grid-column:8/13}.c-1-8{grid-column:1/8}.c-1-9{grid-column:1/9}.c-9-13{grid-column:9/13}.c-3-13{grid-column:3/13}.c-1-3{grid-area:1/1/auto/3}.off-down{margin-top:clamp(60px,10vw,160px)}.off-up{margin-top:clamp(40px,8vw,120px)}.note{font-family:var(--ital);color:var(--ink-2);align-self:end;font-size:clamp(20px,1.8vw,25px);font-style:italic;line-height:1.3}.stg.u>*{transform:translateY(34px)}.shot{appearance:none;font:inherit;color:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;flex-direction:column;gap:12px;width:100%;min-width:0;padding:0;display:flex}.shot .frame{background:var(--soft);width:100%;box-shadow:0 30px 60px -30px var(--shadow);border-radius:3px;display:block;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--ease-out)}.shot:hover img{transform:scale(1.035)}.shot .cap{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-2);font-size:12.5px;transition:color .3s}.shot .cap:before{content:"";vertical-align:middle;width:14px;height:1px;transition:width .4s var(--ease-out);background:currentColor;margin:0 10px 4px 0;display:inline-block}.shot:hover .cap{color:var(--ink)}.shot:hover .cap:before{background:var(--accent);width:28px}.shot:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}.night{--ink:#eceef8;--ink-2:#a2a8c6;--line:#eceef821;--page:#070914;--accent:#ffb070;color:var(--ink);background:linear-gradient(180deg, var(--c-dusk) 0, color-mix(in srgb, var(--c-dusk) 45%, #070914) clamp(160px, 16vw, 240px), #070914 clamp(360px, 36vw, 520px), #070914 100%);position:relative;overflow:hidden}.me-page .foot{margin-top:0}.night .stars{pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 12% 22%,#ffffffb3,#0000),radial-gradient(1px 1px at 28% 64%,#ffffff80,#0000),radial-gradient(1.4px 1.4px at 44% 14%,#ffffffa6,#0000),radial-gradient(1px 1px at 63% 42%,#ffffff73,#0000),radial-gradient(1.3px 1.3px at 78% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 88% 58%,#ffffff80,#0000),radial-gradient(1px 1px at 8% 78%,#fff6,#0000),radial-gradient(1.2px 1.2px at 54% 84%,#ffffff73,#0000),radial-gradient(1px 1px at 35% 38%,#ffffff59,#0000),radial-gradient(1px 1px at 93% 32%,#ffffff8c,#0000);animation:6s ease-in-out infinite alternate tw;position:absolute;inset:0}@keyframes tw{0%{opacity:.55}to{opacity:1}}.night-in{max-width:760px;padding:clamp(160px, 17vw, 260px) var(--gutter) clamp(230px, 22vw, 320px);text-align:center;flex-direction:column;align-items:center;gap:22px;margin:0 auto;display:flex;position:relative}.night-in .tod{margin-bottom:clamp(40px,5vw,64px);position:relative;top:auto}.night-in .lead{max-width:30em}.inner-h{margin-top:clamp(28px,3vw,44px);font-size:clamp(44px,5.4vw,80px);line-height:1}.breath{aspect-ratio:1;width:min(70vw,320px);margin:0 auto;position:relative}.breath .glow{background:radial-gradient(circle,#ffb0704d 0,#ff8fa31f 38%,#07091400 66%);border-radius:50%;animation:8s ease-in-out infinite breathe;position:absolute;inset:-30%}.breath .ring{border:1px solid #ffd0a859;border-radius:50%;animation:8s ease-in-out infinite ring;position:absolute;inset:-7%}.breath img{object-fit:cover;border-radius:50%;width:100%;height:100%;animation:8s ease-in-out infinite breathe;position:relative}@keyframes breathe{0%,to{transform:scale(.86)}50%{transform:scale(1)}}@keyframes ring{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.9;transform:scale(1.06)}}.bcue{height:20px;font:500 13px/20px var(--mono);letter-spacing:.14em;color:#ffd0a8d9;text-align:center;margin-top:34px;position:relative}.bcue span{position:absolute;left:0;right:0}.bcue .bi{animation:8s ease-in-out infinite bi}.bcue .bo{animation:8s ease-in-out infinite bo}@keyframes bi{0%,40%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes bo{0%,42%{opacity:0}52%,90%{opacity:1}to{opacity:0}}.night-in [class*=ln]{opacity:0;transition:opacity 1.6s ease, transform 1.8s var(--ease-out);transform:translateY(24px)}.night-in.in [class*=ln]{opacity:1;transform:none}.night-in.in .ln1{transition-delay:.2s}.night-in.in .ln2{transition-delay:1s}.night-in.in .ln3{transition-delay:1.8s}.night-in.in .ln4{transition-delay:2.6s}.night-in.in .ln5{transition-delay:3.4s}.bwm{color:var(--ink);font:500 14px/1 var(--mono);cursor:pointer;transition:background-color .3s ease, border-color .3s ease, transform .4s var(--ease-spring);background:#ffb0700f;border:1px solid #ffd0a859;border-radius:999px;align-items:center;gap:12px;padding:12px 20px 12px 14px;display:inline-flex}.bwm:hover{background:#ffb07024;border-color:#ffd0a8b3;transform:translateY(-2px)}.bwm .pd{color:#1a1020;background:#ffb070;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.lb{z-index:50;color:#eceef8;background:#06070ef0;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 16px 24px;animation:.35s both fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.lb img{object-fit:contain;width:auto;max-width:min(100%,1400px);height:auto;max-height:calc(100vh - 150px);animation:zin .5s var(--ease-out) both;border-radius:2px}@keyframes zin{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.lb-bar{font-family:var(--mono);color:#a2a8c6;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;font-size:13px;display:flex}.lbb{color:#eceef8;cursor:pointer;background:0 0;border:1px solid #eceef82e;border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .2s;display:grid}.lbb:hover{background:#eceef81a}.lbx{position:absolute;top:16px;right:16px}@media (max-width:820px){.lens,.grid12{grid-template-columns:minmax(0,1fr)}.grid12>*{grid-area:auto/1/auto/-1!important;margin-top:0!important}.hero-in{flex-direction:column;align-items:flex-start}.hero-meta{text-align:left;align-items:flex-start}.hero{height:640px}.hero:after{background:linear-gradient(#0a0a1473 0,#0a0a1400 18%,#0a0a1426 34%,#0a0a14c7 72%,#0a0a14d9 100%)}}@media (prefers-reduced-motion:reduce){.hero-img,.up,.cue i,.night .stars,.breath .glow,.breath .ring,.breath img,.lb,.lb img,.bcue .bi{animation:none}.bcue .bo{display:none}.night-in [class*=ln]{opacity:1;transition:none;transform:none}.shot img{transition:none}}