*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4ece6;background:#120f0f;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #2b2222;justify-content:space-between;align-items:center;padding:20px 6%;display:flex}header b{color:var(--accent);font-family:Georgia,serif;font-size:22px}nav{gap:18px;font-size:14px;display:flex}section{max-width:1160px;margin:auto;padding:80px 6%}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:12px}h1{letter-spacing:-2px;white-space:pre-line;margin:16px 0;font-family:Georgia,serif;font-size:clamp(40px,6vw,76px);line-height:1.05}h2{margin:0 0 28px;font-family:Georgia,serif;font-size:clamp(28px,4vw,44px)}p{color:#b9aca4;line-height:1.7}.hero img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);border:1px solid #3a2a2a;width:100%}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;padding:15px 26px;font-size:15px;font-weight:700;display:inline-block}button:disabled{opacity:.6;cursor:wait}.ghost{background:#2b2222;margin-left:8px}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}article{border-radius:var(--radius);background:#1b1616;border:1px solid #2f2424;padding:28px}article small{color:var(--accent)}article h3{margin:8px 0;font-family:Georgia,serif;font-size:24px}.dark{background:#190f10;max-width:none}.dark>*{max-width:1048px;margin-left:auto;margin-right:auto}.demo{border-radius:var(--radius);border:1px dashed #4a3535;margin-top:36px;padding:24px}.reveal b{color:#fff}form{gap:16px;max-width:520px;display:grid}label{gap:8px;font-size:14px;display:grid}input,textarea{font:inherit;color:#fff;background:#1b1616;border:1px solid #3a2e2e;border-radius:10px;padding:13px}:focus-visible{outline-offset:2px;outline:2px solid #ffb4b8}footer{color:#8d8079;border-top:1px solid #2b2222;padding:30px 6%;font-size:14px}@media (width<=760px){.hero,.grid{grid-template-columns:1fr}section{padding:56px 6%}nav{gap:12px}.hero img{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}