:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe8;--surface:#fffcf7eb;--surface-strong:#fffdf8;--line:#7c4d2b29;--ink:#1f1a17;--muted:#6f6258;--accent:#b5572f;--accent-dark:#7e3418;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#ffe0c4e6,#0000 32rem),linear-gradient(#f8f3eb 0%,#efe6db 100%);margin:0}body{font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}.landing-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:18px 0 56px}.site-nav{background:#6a343f;border:1px solid #481e2633;border-radius:28px;align-items:center;min-height:74px;margin-bottom:18px;padding:10px 22px;display:flex;box-shadow:0 18px 50px #3b23101f}.brand-lockup{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-copy{min-width:0;display:grid}.brand-copy strong,.brand-copy small{white-space:nowrap;display:block}.brand-copy strong{color:#fff7ef;letter-spacing:-.03em;font:700 24px/1.05 Arial,Helvetica,sans-serif}.brand-copy small{color:#fff3e6d1;letter-spacing:.03em;text-transform:uppercase;margin-top:4px;font:600 12px/1.2 Arial,Helvetica,sans-serif}.hero-panel{border:1px solid var(--line);background:linear-gradient(135deg,#fffaf3f5,#f5e5d2e0);border-radius:32px;padding:clamp(28px,5vw,54px);box-shadow:0 24px 80px #3b231014}.hero-kicker{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font:700 12px/1.2 Arial,Helvetica,sans-serif}.hero-panel h1{letter-spacing:-.05em;max-width:13ch;margin:0;font-size:clamp(42px,7vw,82px);line-height:.94}.hero-copy{max-width:680px;color:var(--muted);margin:20px 0 0;font:400 clamp(18px,2vw,22px)/1.7 Arial,Helvetica,sans-serif}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px;display:grid}.template-card,.empty-state{border:1px solid var(--line);background:var(--surface);border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #3b23100f}.template-card{display:grid}.template-preview{display:block}.template-cover{aspect-ratio:16/10;background:linear-gradient(140deg, var(--cover-from,#2a211d), var(--cover-to,#c77045)), linear-gradient(180deg, #ffffff14, transparent);display:block;position:relative;overflow:hidden}.template-cover:after{content:"";background:linear-gradient(#ffffff40,#0000 45%),#ffffff14;border:1px solid #ffffff59;border-radius:22px;position:absolute;inset:18px}.template-cover-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.template-copy{gap:14px;padding:22px;display:grid}.template-meta{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:12px;font:700 11px/1.2 Arial,Helvetica,sans-serif;display:flex}.template-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,36px);line-height:.98}.template-card p,.empty-state p,.status-line{color:var(--muted);margin:0;font:400 16px/1.7 Arial,Helvetica,sans-serif}.template-actions{justify-content:flex-start;margin-top:6px;display:flex}.primary-action{background:var(--accent-dark);color:#fff9f2;letter-spacing:.01em;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font:700 14px/1 Arial,Helvetica,sans-serif;display:inline-flex}.primary-action:hover,.template-preview:hover+.template-copy .primary-action,.primary-action:focus-visible{background:var(--accent)}.empty-state{text-align:center;margin-top:26px;padding:48px 28px}.empty-state h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(30px,4vw,48px)}.status-line{text-align:center;margin-top:18px}@media (width<=980px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.landing-shell{width:min(100vw - 20px,1180px);padding:20px 0 36px}.site-nav{border-radius:22px;min-height:68px;padding:10px 16px}.brand-mark{flex-basis:40px;width:40px;height:40px}.brand-copy strong{font-size:18px}.hero-panel{border-radius:26px;padding:24px}.gallery-grid{grid-template-columns:1fr;gap:18px}.template-copy{padding:18px}}
