@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--black:#030201;--noir:#080604;--espresso:#130d08;--cream:#f7ecd7;--cream-2:#d8c7aa;--gold:#b9852e;--gold-2:#f2c56e;--gold-3:#ffd98a;--line:rgba(242,197,110,.22);--line-strong:rgba(242,197,110,.44);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);font-family:var(--sans);background:radial-gradient(circle at 22% -10%,rgba(242,197,110,.16),transparent 34%),radial-gradient(circle at 86% 18%,rgba(145,92,28,.12),transparent 32%),linear-gradient(135deg,#020100 0%,#070403 42%,#0f0905 100%);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,black,transparent 78%)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 44px,1220px);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(3,2,1,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.26)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.brand{display:flex;align-items:center;gap:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}
.brand img{width:60px;height:60px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 16px rgba(242,197,110,.22))}
.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-title{font-family:var(--serif);font-size:1.22rem;letter-spacing:.12em;color:var(--gold-2);font-weight:600}.brand-sub{font-size:.55rem;letter-spacing:.27em;color:var(--cream-2);opacity:.9;margin-top:7px}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:19px;flex-wrap:wrap;justify-content:flex-end;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--cream-2);font-weight:700}.nav-links a{opacity:.82;transition:.2s}.nav-links a:hover{color:var(--gold-2);opacity:1}
.nav-cta{color:#130b04!important;opacity:1!important;background:linear-gradient(135deg,var(--gold-3),var(--gold),#8f5f1e);padding:12px 17px;border-radius:999px;box-shadow:0 12px 30px rgba(185,133,46,.18)}
section{padding:92px 0;border-bottom:1px solid rgba(242,197,110,.09)}.hero{padding:112px 0 98px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -18% -10%;height:260px;background:radial-gradient(ellipse at center,rgba(242,197,110,.15),transparent 68%);pointer-events:none}
.hero .container,.product-hero,.logo-showcase{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.kicker,.eyebrow{color:var(--gold-2);text-transform:uppercase;letter-spacing:.26em;font-size:.75rem;font-weight:800;margin-bottom:18px}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:600;color:var(--cream);letter-spacing:.035em;line-height:.9}h1{font-size:clamp(4.4rem,11vw,10.8rem);text-shadow:0 12px 50px rgba(0,0,0,.55)}h2{font-size:clamp(2.8rem,5.5vw,5.6rem)}h3{font-size:2rem;line-height:1.02}
.lede{font-family:var(--serif);font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.1;color:var(--gold-3);margin:22px 0 0}.sublede,p,li{font-size:1rem;line-height:1.85;color:var(--cream-2)}.sublede{font-size:1.12rem;max-width:640px;margin:24px 0 0}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 24px;border-radius:999px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;border:1px solid var(--line-strong);transition:.22s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.32)}.btn.primary{background:linear-gradient(135deg,var(--gold-3),var(--gold),#8a591b);color:#130b04;border:0}.btn.secondary{background:rgba(255,255,255,.025);color:var(--cream);border-color:var(--line-strong)}
.hero-card,.image-frame,.logo-panel,.card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(10,7,4,.78);border-radius:30px;box-shadow:0 28px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.hero-card:before,.image-frame:before,.card.media:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(242,197,110,.08);pointer-events:none}.hero-card img,.image-frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.02/1;border-radius:30px}
.section-head{display:grid;grid-template-columns:1fr .86fr;gap:44px;align-items:end;margin-bottom:36px}.grid{display:grid;gap:24px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}
.card{padding:28px}.card.media{padding:0}.card.media img{width:100%;height:300px;object-fit:cover}.cap{padding:20px 22px 24px;color:var(--cream-2);line-height:1.7}.cap strong{display:block;color:var(--gold-2);font-family:var(--serif);font-size:1.42rem;margin-bottom:6px;letter-spacing:.04em}
.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.feature-strip img{height:190px;width:100%;object-fit:cover;border-radius:22px;border:1px solid var(--line);box-shadow:0 18px 46px rgba(0,0,0,.34)}
.facts,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.fact,.step,.character-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));border-radius:24px;padding:22px;box-shadow:0 18px 48px rgba(0,0,0,.28)}.fact strong,.character-card strong{display:block;color:var(--gold-2);font-family:var(--serif);font-size:1.55rem}.fact span,.character-card span{display:block;color:var(--cream-2);margin-top:5px}
.notice{display:none!important}.footer-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:12px}.footer-brand img{width:48px;height:48px;object-fit:contain;border-radius:50%}.footer-brand .brand-title{font-size:1.04rem}.footer-brand .brand-sub{font-size:.5rem;margin-top:5px}
.site-footer{padding:54px 0;background:#030201;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end;color:var(--cream-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.15em}
ul{padding-left:20px}input,textarea,select{width:100%;background:rgba(255,255,255,.04);color:var(--cream);border:1px solid var(--line);border-radius:16px;padding:15px 16px;font:inherit}label{display:block;margin-top:16px;color:var(--gold-2);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
@media(max-width:980px){.hero .container,.product-hero,.logo-showcase,.section-head,.grid.two{grid-template-columns:1fr}.grid.three,.grid.four,.steps,.facts{grid-template-columns:1fr 1fr}.feature-strip{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.grid.three,.grid.four,.steps,.facts{grid-template-columns:1fr}.nav-links{gap:10px;font-size:.66rem}.brand img{width:48px;height:48px}.brand-title{font-size:.98rem}.brand-sub{font-size:.46rem;letter-spacing:.18em}h1{font-size:3.35rem}section{padding:58px 0}.hero{padding:62px 0}.feature-strip img{height:150px}.btn{width:100%}}