:root{--bg:#120f0c;--surface:#1f1914;--surface-alt:#2b221a;--paper:#f4ead8;--ink:#221a14;--text:#fbf4e8;--muted:#d8c8b2;--accent:#c28b3c;--accent-soft:#e8c17a;--red:#8f2f28;--blue:#365f7d;--green:#526b48;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(194,139,60,.2),transparent 32rem),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}main{min-height:70vh}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(18,15,12,.78);border-bottom:1px solid rgba(244,234,216,.12)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.logo{font-family:Georgia,serif;font-size:1.35rem;letter-spacing:.03em;font-weight:700}.logo span{color:var(--accent-soft)}.nav-links{display:flex;gap:18px;align-items:center;font-size:.95rem;color:var(--muted);flex-wrap:wrap}.nav-links a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(232,193,122,.45);background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:#1a1109;padding:12px 18px;border-radius:999px;font-weight:800;box-shadow:0 12px 32px rgba(194,139,60,.2)}.button.secondary{background:transparent;color:var(--text);border-color:rgba(244,234,216,.22);box-shadow:none}.hero{padding:88px 0 54px}.eyebrow{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800}h1,h2,h3{line-height:1.1;margin:0 0 18px}h1{font-size:clamp(3rem,8vw,6.7rem);max-width:980px;letter-spacing:-.055em}h1,h2{font-family:Georgia,serif}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.035em}h3{font-size:1.25rem}.lede{color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.grid{display:grid;grid-gap:22px;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:58px 0}.card{background:linear-gradient(180deg,rgba(244,234,216,.1),rgba(244,234,216,.045));border:1px solid rgba(244,234,216,.13);border-radius:28px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.16)}.card.paper{background:var(--paper);color:var(--ink)}.card p{color:var(--muted)}.card.paper p{color:#5a493b}.sample-card{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:28px;gap:28px;align-items:center}.player{border-radius:24px;padding:24px;background:#0d0b09;border:1px solid rgba(244,234,216,.12)}.embed-shell{margin-top:18px}.embed-frame{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:18px;border:1px solid rgba(244,234,216,.14);background:#050403;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;display:block}.player-bar{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft) 0 42%,rgba(244,234,216,.18) 42%);margin:22px 0}.form{display:grid;grid-gap:14px;gap:14px}label{font-weight:800;color:var(--paper)}input,select,textarea{width:100%;border:1px solid rgba(244,234,216,.18);background:rgba(255,255,255,.06);color:var(--text);border-radius:14px;padding:13px 14px;font:inherit}textarea{min-height:120px;resize:vertical}select option{color:#111}.footer{border-top:1px solid rgba(244,234,216,.12);padding:34px 0}.footer,.note{color:var(--muted)}.note{font-size:.95rem}.quote{font-family:Georgia,serif;font-size:1.45rem;color:var(--paper)}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.badge{border:1px solid rgba(244,234,216,.18);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.9rem}@media (max-width:800px){.grid.three,.grid.two,.sample-card{grid-template-columns:1fr}.nav-inner{align-items:flex-start;padding:16px 0;flex-direction:column}.hero{padding-top:52px}}.hero.compact{padding-bottom:30px}.section-header{max-width:780px;margin-bottom:28px}.text-link{color:var(--accent-soft);font-weight:800;display:inline-block;margin-top:12px}.text-link:hover{color:var(--paper)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.note.success{color:#bfe8a8}.note.error{color:#ffb4a9}.swatch{min-height:190px}.swatch-color{height:72px;border-radius:18px;margin-bottom:16px;border:1px solid rgba(244,234,216,.22)}.card .text-link{margin-top:6px}.player h2{font-size:clamp(1.8rem,3vw,2.8rem)}@media (max-width:800px){.form-row{grid-template-columns:1fr}}