:root{--coral:#E45A3C;--indigo:#1E3B57;--teal:#5B8C8C;--gold:#D3A649;--cream:#F2EBDD;--night:#071016;--black:#101014;--muted:#b7aea0;--line:rgba(211,166,73,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(30,59,87,.9),transparent 34%),linear-gradient(180deg,var(--night),#0b1014 48%,var(--black));color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(242,235,221,.18) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:overlay}.site-header{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:linear-gradient(180deg,rgba(7,16,22,.86),rgba(7,16,22,.28));backdrop-filter:blur(16px);border-bottom:1px solid rgba(211,166,73,.14)}.brand{font-family:Georgia,serif;font-size:1.15rem;color:var(--cream);text-decoration:none;letter-spacing:.04em}.brand span{color:var(--gold)}nav{display:flex;gap:1.1rem;flex-wrap:wrap}nav a,footer a{color:var(--muted);text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}nav a:hover,footer a:hover{color:var(--gold)}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4rem;padding:7rem clamp(1rem,6vw,5rem) 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 28%,rgba(228,90,60,.34),transparent 19%),radial-gradient(circle at 58% 50%,rgba(211,166,73,.18),transparent 22%),linear-gradient(105deg,rgba(7,16,22,.25),rgba(7,16,22,.95) 72%)}.fog{position:absolute;inset:15% -20%;background:linear-gradient(90deg,transparent,rgba(91,140,140,.18),transparent);filter:blur(28px);animation:fog 14s ease-in-out infinite alternate}.hero-content,.hero-card,.section{position:relative}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.26em;font-size:.78rem;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(4rem,11vw,9rem);line-height:.84;margin:.2rem 0;text-shadow:0 0 42px rgba(228,90,60,.18)}.tagline{max-width:720px;color:#fff2e0;font-size:clamp(1.2rem,2.3vw,2rem);line-height:1.35}.actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.9rem 1.25rem;color:var(--cream);text-decoration:none;font-weight:800;letter-spacing:.04em;transition:.25s}.btn.primary{background:linear-gradient(135deg,var(--coral),#b43d2c);border-color:rgba(242,235,221,.2);box-shadow:0 15px 40px rgba(228,90,60,.22)}.btn.ghost{background:rgba(242,235,221,.06)}.btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 18px 44px rgba(211,166,73,.16)}.asset-panel{min-height:190px;border:1px solid rgba(211,166,73,.26);border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(228,90,60,.18),transparent 32%),radial-gradient(circle at 70% 20%,rgba(211,166,73,.28),transparent 22%),linear-gradient(160deg,#132235,#0b1116 58%,#1a1010)}.asset-panel.tall{min-height:560px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.asset-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 42%,rgba(211,166,73,.52) 42.2%,transparent 43%),repeating-linear-gradient(90deg,rgba(242,235,221,.03) 0 1px,transparent 1px 58px)}.asset-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.asset-panel.has-image:before{background:linear-gradient(180deg,transparent 45%,rgba(7,16,22,.88)),linear-gradient(100deg,transparent 42%,rgba(211,166,73,.34) 42.2%,transparent 43%);z-index:1}.asset-panel.has-image:hover img{transform:scale(1.04)}.asset-panel span{position:absolute;z-index:2;left:1.2rem;bottom:1rem;color:#fff;font-family:Georgia,serif;font-size:1.3rem;text-shadow:0 2px 14px rgba(0,0,0,.85)}.kintsugi{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-18deg);opacity:.65}.k1{width:58vw;top:30%;right:-8%}.k2{width:38vw;bottom:18%;left:6%;transform:rotate(12deg)}.section{padding:6rem clamp(1rem,6vw,5rem);border-top:1px solid rgba(211,166,73,.1)}.section-title{max-width:850px;margin-bottom:2rem}.section-title h2,.final-cta h2{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;margin:.25rem 0}.section-copy,.final-cta p{color:var(--muted);font-size:1.12rem;line-height:1.75}.video-frame{max-width:1040px;margin:auto;padding:12px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(211,166,73,.18),rgba(228,90,60,.08));box-shadow:0 0 55px rgba(228,90,60,.14)}.video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:18px}.feature-grid,.lore-grid,.visual-grid,.character-grid,.gallery-grid{display:grid;gap:1rem}.feature-grid{grid-template-columns:repeat(3,1fr)}.character-grid{grid-template-columns:repeat(4,1fr)}.lore-grid,.visual-grid{grid-template-columns:repeat(4,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}.feature-card,.lore-tile,.visual-grid article,.character-card{background:rgba(242,235,221,.045);border:1px solid rgba(211,166,73,.18);border-radius:24px;padding:1.4rem;position:relative;overflow:hidden;transition:.25s}.feature-card h3,.lore-tile h3,.visual-grid h3,.character-card h3{font-family:Georgia,serif;font-size:1.55rem;margin:.2rem 0;color:#fff}.feature-card p,.lore-tile p,.visual-grid p,.character-card p{color:var(--muted);line-height:1.6}.character-card{padding:.75rem}.character-card .asset-panel{min-height:230px;border-radius:18px}.role,.number{color:var(--gold)!important;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.number{position:absolute;top:1rem;right:1rem}.character-card:hover,.lore-tile:hover,.feature-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 22px 55px rgba(0,0,0,.28)}.character-card:hover:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}.quiet:hover{filter:saturate(.25);background:rgba(211,166,73,.08)}.palette{display:grid;grid-template-columns:repeat(6,1fr);border-radius:22px;overflow:hidden;margin:2rem 0}.palette div{min-height:96px;padding:.8rem;display:flex;align-items:end}.palette span{color:white;text-shadow:0 1px 8px #000;font-size:.8rem;font-weight:800}.final-cta{text-align:center;max-width:980px;margin:auto}.final-cta .actions{justify-content:center}footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2rem clamp(1rem,6vw,5rem);border-top:1px solid rgba(211,166,73,.18);color:var(--muted)}footer div{display:flex;gap:1rem}@keyframes fog{from{transform:translateX(-8%)}to{transform:translateX(8%)}}@media (max-width:1000px){.hero{grid-template-columns:1fr}.asset-panel.tall{min-height:360px}.character-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.lore-grid,.visual-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.site-header{position:absolute;align-items:flex-start}.site-header nav{display:none}.hero{padding-top:6rem;gap:2rem}.hero h1{font-size:4.2rem}.feature-grid,.lore-grid,.visual-grid,.character-grid,.gallery-grid,.palette{grid-template-columns:1fr}.section{padding-block:4rem}.actions{flex-direction:column}.btn{justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}