:root{color-scheme:dark;--bg:#101d30;--surface:#16263b;--ink:#f3eee4;--muted:#bac1cd;--gold:#d7bc82;--border:#364253;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#223650 0,transparent 48%),var(--bg);color:var(--ink);min-width:280px}main{max-width:640px;margin:0 auto;padding:48px 28px 28px}.profile{text-align:center}.brand{margin:0 0 30px;color:var(--gold);font-size:.75rem;letter-spacing:.27em;line-height:1.7}.portrait{border-radius:50%;object-fit:cover;object-position:50% 38%;border:4px solid var(--bg);outline:1px solid #9b865f;box-shadow:0 8px 32px #0003}h1{font-family:Georgia,'Times New Roman',serif;font-size:3.1rem;font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:22px 0 17px}h1 em{font-weight:400;color:var(--gold)}.bio{font-family:Georgia,'Times New Roman',serif;font-size:1.1rem;line-height:1.7;max-width:470px;margin:0 auto;color:#d8dce3}.instagram{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;padding:10px;color:var(--gold);font-size:.875rem;text-decoration:none;min-height:44px}.instagram:hover{text-decoration:underline;text-underline-offset:5px}.section-label{display:flex;align-items:center;gap:14px;font-size:.625rem;letter-spacing:.16em;line-height:1.7;color:var(--muted);margin:30px 0 20px;text-align:center}.section-label span{height:1px;flex:1;background:var(--border)}.links{display:grid;gap:14px}.card{position:relative;display:flex;align-items:center;gap:22px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:inherit;transition:background .18s,border-color .18s,transform .18s}.card[href]:hover{background:#1d3049;border-color:var(--gold);transform:translateY(-2px)}.featured{background:#26364a;border-color:#776e5a}.card-copy{display:flex;flex-direction:column;min-width:0;flex:1}.eyebrow{font-size:.75rem;letter-spacing:.15em;line-height:1.5;color:var(--gold);margin-bottom:8px}.card-title{font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;line-height:1.2;font-weight:400;margin:0;overflow-wrap:anywhere}.subtitle{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:7px}.detail{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:9px}.number{position:absolute;top:14px;right:15px;font-family:Georgia,serif;color:#a9acb2;font-size:.75rem}.cover{flex-shrink:0;object-fit:contain;max-width:24%;height:auto;box-shadow:0 5px 14px #0005}.book{width:65px}.letter{font-family:Georgia,serif;font-style:italic;font-size:4.5rem;line-height:1;position:relative;width:65px;flex-shrink:0;color:var(--gold);text-align:center}.letter span{position:absolute;font-size:1.2rem;right:-2px;top:-3px}.podcast-cover{width:76px;border-radius:4px}.podcast{align-items:flex-start}.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.platforms a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #69707b;border-radius:5px;color:var(--ink);padding:10px 14px;text-decoration:none;font-size:.875rem;line-height:1.4}.platforms a:hover{border-color:var(--gold);background:#27384c}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}footer{text-align:center;margin-top:35px;color:var(--muted)}.footer-mark{font-family:Georgia,serif;font-style:italic;font-size:2rem;color:var(--gold)}footer p{font-size:.75rem;line-height:1.6;letter-spacing:.03em;margin-top:8px}footer p span{padding:0 5px}@media(min-width:1000px){main{padding-top:52px}.profile{position:relative}.profile:before,.profile:after{content:'';position:absolute;top:88px;width:50px;height:1px;background:#756a55}.profile:before{left:120px}.profile:after{right:120px}}@media(max-width:480px){main{padding:30px 18px 24px}.brand{margin-bottom:24px}h1{font-size:2.7rem}.bio{font-size:1rem}.card{gap:17px;padding:22px 17px}.card-title{font-size:1.35rem}.section-label{letter-spacing:.1em;gap:9px}.podcast-cover{width:65px}.number{top:10px;right:10px}.platforms a{padding:9px 11px}.letter{font-size:4rem}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card[href]:hover{transform:none}}@media(max-width:360px){.card{gap:12px}.cover,.letter{width:50px}.card-title{font-size:1.25rem}}
