*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #faf8f4;--gutter: #d4d0dc;--ink: #1e1a16;--muted: #6b6560;--border: #e8e0d4;--terra: #c2785a;--shell: 1000px}body{font-family:system-ui,sans-serif;line-height:1.65;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 70% 45% at 50% -10%,rgba(34,18,63,.08),transparent 55%),var(--gutter)}.shell{max-width:var(--shell);margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--cream);border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:inset 2px 0 #c2785a8c,0 0 64px #1e1a160f}header{padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;line-height:1.2}.logo{display:inline-flex;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:inherit}.logo-mark{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--terra),#22123f);flex-shrink:0}.logo:hover{text-decoration:underline}nav a{margin-left:2rem;text-decoration:none;color:inherit;font-size:.95rem}nav a:hover{text-decoration:underline}main{flex:1;display:flex;flex-direction:column}#hero{position:relative;min-height:56vh;display:flex;align-items:flex-end;padding:3rem 2rem;background:linear-gradient(180deg,#14100c14,#14100c9e),url(/screenshots/lake-sunset.jpg) center 60% / cover no-repeat}#hero-inner{width:100%}#hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:300;letter-spacing:.04em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}#hero p{margin-top:.75rem;font-size:clamp(1rem,2vw,1.25rem);color:#ffffffe6;text-shadow:0 2px 16px rgba(0,0,0,.35)}#hero .btn{display:inline-block;margin-top:1.75rem;padding:.85rem 1.5rem;background:#fff;color:#1e1a16;text-decoration:none;border-radius:8px;font-size:.95rem;font-weight:600}#hero .btn:hover{background:var(--terra);color:#fff}#intro{max-width:900px;padding:3.5rem 2rem 0;display:flex;align-items:center;gap:1.75rem}.intro-headshot{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:50% 22%;flex-shrink:0;box-shadow:0 4px 16px #1e1a1626}#intro p{font-size:1.4rem;line-height:1.5;color:#3a352f}#intro p strong{color:#1e1a16;font-weight:700}#preview-strip{width:100%;background:linear-gradient(160deg,#341a54,#22123f 65%,#16102b);padding:5rem 2rem;margin-top:3.5rem}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.preview-card{display:flex;flex-direction:column;gap:.6rem;text-decoration:none;color:#f3efe2;border-top:3px solid #eaac3c;padding-top:1.5rem;transition:transform .2s,border-color .2s}.preview-card:hover{border-color:#ffca6b;transform:translateY(-4px)}.preview-num{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;letter-spacing:.06em;color:#eaac3c}.preview-title{font-family:Charter,Iowan Old Style,Palatino Linotype,Georgia,serif;font-weight:700;font-size:1.9rem;letter-spacing:-.01em}.preview-hook{font-size:1rem;color:#bbadcb;line-height:1.55}@media(max-width:700px){#intro{flex-direction:column;text-align:center}.preview-grid{grid-template-columns:1fr;gap:2.5rem}}footer{padding:1.5rem 2rem;text-align:center;font-size:.85rem;color:#666;border-top:1px solid var(--border)}