:root{color-scheme:light;--paper:#f8f5ef;--ink:#252823;--muted:#696b64;--accent:#a34c32;--rule:#d7d0c4;--serif:Georgia, "Times New Roman", serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--serif);text-rendering:optimizelegibility;font-size:18px;line-height:1.6}body{min-width:320px;margin:0}::selection{color:var(--ink);background:#e4c5b9}a,button,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:.25em;text-decoration-thickness:1px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.page-shell{max-width:760px;min-height:100svh;margin:0 auto;padding:2rem 2rem 1.5rem;display:grid}.site-header{justify-content:space-between;align-items:center;margin-bottom:clamp(6rem,17vh,10rem);display:flex}.wordmark{border:1px solid var(--ink);font-family:var(--mono);letter-spacing:-.08em;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:.68rem;text-decoration:none;display:inline-flex;transform:rotate(-2deg)}.wordmark:hover{background:var(--ink);color:var(--paper)}.coordinates,.coordinate-status,.eyebrow,h2,.byline,.elsewhere p,footer{font-family:var(--mono)}.coordinate-control{text-align:right;position:relative}.coordinates{color:var(--muted);cursor:copy;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;padding:.35rem 0;font-size:.62rem}.coordinates:hover{color:var(--accent)}.coordinate-status{color:var(--accent);font-size:.55rem;position:absolute;top:calc(100% + .15rem);left:0;right:0}.introduction{grid-template-columns:minmax(0,1fr) 9rem;align-items:start;gap:2.5rem;max-width:680px;display:grid}.intro-copy{min-width:0}.portrait{border:1px solid var(--ink);margin:.5rem 0 0;padding:.25rem;transform:rotate(1.5deg)}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 18%;width:100%;height:auto;display:block}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem}h1{letter-spacing:-.055em;margin:0 0 2rem;font-size:clamp(3.6rem,11vw,6.4rem);font-weight:500;line-height:.9}.name-crown{color:var(--accent);margin-left:.3em;font-family:Georgia,serif;font-size:.4em;display:inline-block;transform:rotate(25deg)translateY(-1.8em)}.lede{letter-spacing:-.018em;max-width:650px;margin:0;font-size:clamp(1.45rem,4vw,2rem);line-height:1.28}.byline{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin:2rem 0 0;font-size:.68rem;display:flex}.personality-note{display:inline;position:relative}.personality-note summary{color:var(--accent);cursor:pointer;text-underline-offset:.3em;text-decoration:underline dotted;list-style:none;display:inline}.personality-note summary::-webkit-details-marker{display:none}.personality-note p{border-left:2px solid var(--accent);color:var(--ink);font-family:var(--serif);max-width:26rem;margin:.9rem 0 0;padding-left:.9rem;font-size:.88rem;line-height:1.45}.about,.elsewhere{border-top:1px solid var(--rule);grid-template-columns:7rem 1fr;gap:1.5rem;margin-top:clamp(5rem,13vh,8rem);padding-top:1.5rem;display:grid}h2{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:400}.about p{max-width:31rem;margin:-.35rem 0 0;font-size:1.1rem}.elsewhere{margin-top:4rem}.elsewhere ul{flex-wrap:wrap;gap:.5rem 1.5rem;margin:-.35rem 0 0;padding:0;list-style:none;display:flex}.elsewhere p{color:var(--muted);grid-column:2;margin:-1rem 0 0;font-size:.62rem}footer{border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:clamp(7rem,18vh,12rem);padding-top:1rem;font-size:.62rem;display:flex}footer p{margin:0}.footer-mark{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:.35rem}.footer-mark:hover{color:var(--accent)}.secret-message{color:var(--accent);text-align:right;flex-basis:100%}@media (width<=560px){.page-shell{padding:1.4rem 1.25rem 1.25rem}.site-header{margin-bottom:6rem}.coordinates{font-size:.55rem}.introduction{grid-template-columns:1fr;gap:2rem}.portrait{order:-1;max-width:7.5rem;margin-top:0}h1{font-size:clamp(3.4rem,20vw,5rem)}.lede{font-size:1.4rem}.about,.elsewhere{grid-template-columns:1fr;gap:.8rem}.elsewhere p{grid-column:1;margin-top:-.25rem}}@media (prefers-reduced-motion:no-preference){a,button,.wordmark{transition:color .15s,background-color .15s,transform .15s}.wordmark:hover{transform:rotate(2deg)}}