:root{color-scheme:dark;--paper: #14161b;--ink: #ffffff;--muted: #a7aeba;--rule: #2a2e36;--font-sans: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--text-body: clamp(1.0625rem, 1.03rem + .15vw, 1.125rem);--text-name: clamp(1.45rem, .8rem + 2.7vw, 2.5rem);--text-small: .875rem;--space-block: clamp(2rem, 1.4rem + 2vw, 2.75rem);--space-group: clamp(2.5rem, 2rem + 2.5vw, 4rem);--space-top: clamp(5rem, 14vh, 10rem);--content-width: 620px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased}main,footer{max-inline-size:var(--content-width);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2rem)}main{margin-block-start:var(--space-top);display:flex;flex-direction:column;gap:var(--space-block)}p{margin:0;max-inline-size:62ch;text-wrap:pretty}.hero{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,4vw,2rem)}.hero-text{flex:1;min-inline-size:0}.name{margin:0;font-size:var(--text-name);font-weight:800;font-variation-settings:"opsz" 96;letter-spacing:-.035em;line-height:1.02}.intro{margin-block-start:.6rem;color:var(--ink);font-size:.95rem}.photo-frame{position:relative;flex-shrink:0;inline-size:clamp(96px,22vw,150px);aspect-ratio:1;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--rule)}.photo-frame img{display:block;inline-size:100%;block-size:100%;object-fit:cover;filter:grayscale(1) brightness(.4);transform:scale(1.04);transition:filter .6s ease,transform .6s ease}.photo-frame:hover img,.photo-frame.is-clear img{filter:grayscale(0) brightness(1);transform:scale(1)}@media(prefers-reduced-motion:reduce){.photo-frame img{transition:none}}.recently{margin:0;padding:0;list-style:none;max-inline-size:62ch}.recently li{margin-block-start:.6em;text-wrap:pretty}.recently li:first-child{margin-block-start:0}a{color:inherit;text-decoration:underline;text-decoration-color:var(--rule);text-decoration-thickness:1.5px;text-underline-offset:.2em}a:focus-visible{outline:2px solid var(--muted);outline-offset:3px;border-radius:2px}.links{margin-block-start:.5rem;display:flex;flex-direction:column;gap:.6rem}.link-row{display:flex;flex-wrap:wrap;column-gap:1.5rem;row-gap:.5rem}.light-field{position:fixed;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s ease}.light-field.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.light-field{transition:none}}footer{margin-block:var(--space-group) 0;padding-block:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--ink);font-size:var(--text-small)}.clock{font-variant-numeric:tabular-nums}.sky{display:flex;align-items:center;gap:.5rem}.sky-toggle{display:grid;place-items:center;inline-size:28px;block-size:28px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}.sky-toggle:focus-visible{outline:2px solid var(--muted);outline-offset:2px}@property --g1{syntax: "<color>"; inherits: true; initial-value: #0e9be0;}@property --g2{syntax: "<color>"; inherits: true; initial-value: #16b877;}@property --g3{syntax: "<color>"; inherits: true; initial-value: #f0a818;}@property --gx1{syntax: "<percentage>"; inherits: true; initial-value: 20%;}@property --gy1{syntax: "<percentage>"; inherits: true; initial-value: 30%;}@property --gx2{syntax: "<percentage>"; inherits: true; initial-value: 80%;}@property --gy2{syntax: "<percentage>"; inherits: true; initial-value: 70%;}@property --gx3{syntax: "<percentage>"; inherits: true; initial-value: 55%;}@property --gy3{syntax: "<percentage>"; inherits: true; initial-value: 15%;}:root.p-dawn{--g1: #ff7a4d;--g2: #ffae2b;--g3: #4d94e8}:root.p-day{--g1: #0e9be0;--g2: #16b877;--g3: #f0a818}:root.p-dusk{--g1: #f23b6c;--g2: #ff7f1f;--g3: #0fa3b1}:root.p-night{--g1: #4165e8;--g2: #00a8b8;--g3: #26c2f0}:root.palette-ready{transition:--g1 1.2s ease,--g2 1.2s ease,--g3 1.2s ease}:root{--sky: radial-gradient(90% 120% at var(--gx1) var(--gy1), var(--g1) 0%, transparent 65%), radial-gradient(100% 130% at var(--gx2) var(--gy2), var(--g2) 0%, transparent 70%), linear-gradient(135deg, var(--g1), var(--g2), var(--g3))}.name{color:var(--ink)}.sky-dot{display:block;inline-size:14px;block-size:14px;border-radius:50%;background-image:var(--sky);animation:sky-drift 32s ease-in-out infinite alternate}@keyframes sky-drift{0%{--gx1: 15%;--gy1: 25%;--gx2: 85%;--gy2: 70%;--gx3: 55%;--gy3: 10%}50%{--gx1: 65%;--gy1: 65%;--gx2: 30%;--gy2: 20%;--gx3: 80%;--gy3: 60%}to{--gx1: 30%;--gy1: 80%;--gx2: 70%;--gy2: 30%;--gx3: 15%;--gy3: 50%}}@media(prefers-reduced-motion:reduce){.name,.sky-dot{animation:none}:root.palette-ready{transition:none}}