:root{--bg:#0a1016;--bg-elevated:#121a22;--text:#eef3f7;--text-muted:#9aabb8;--turquoise:#2dd4bf;--turquoise-dim:#1a9e8f;--gold:#e8b84a;--gold-soft:#e8b84a2e;--line:#eef3f71f;--font-display:"Teko", sans-serif;--font-body:"Outfit", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}#root{min-height:100vh}.site{overflow-x:clip}.nav{z-index:20;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem clamp(1.25rem,4vw,3rem);display:flex;position:absolute;inset:0 0 auto}.nav-brand{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;opacity:.92;font-size:1.35rem;font-weight:600}.nav-links{align-items:center;gap:1.75rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a:focus-visible{outline:2px solid var(--turquoise);outline-offset:4px}@media (width<=640px){.nav-links{gap:1rem}.nav-links .nav-hide-sm{display:none}}.hero{isolation:isolate;align-items:end;min-height:100svh;display:grid;position:relative}.hero-media{z-index:-2;position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center 40%;width:100%;height:100%}.hero-veil{z-index:-1;background:linear-gradient(#0a10169e 0%,#0a10166b 32%,#0a1016c7 68%,#0a1016f7 100%),linear-gradient(105deg,#0a1016b8 0%,#0a101659 42%,#0000 70%);position:absolute;inset:0}.hero-content{text-shadow:0 2px 24px #0a10168c;width:min(40rem,100%);padding:clamp(5.5rem,12vh,7rem) clamp(1.25rem,4vw,3rem) clamp(3rem,8vh,5rem)}.hero-brand{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(3.5rem,12vw,6.5rem);font-weight:700;line-height:.9}.hero-brand span{letter-spacing:.18em;color:var(--turquoise);margin-top:.35em;font-size:.42em;font-weight:500;display:block}.hero-headline{max-width:22ch;margin-bottom:.75rem;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:600;line-height:1.3}.hero-lede{color:var(--text-muted);max-width:34ch;margin-bottom:1.75rem;font-size:1.05rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{min-height:2.85rem;transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s var(--ease-out);border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:focus-visible{outline:2px solid var(--turquoise);outline-offset:3px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--turquoise);color:#062a26}.btn-primary:hover{background:#5eead4}.btn-ghost{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#0a101659}.btn-ghost:hover{background:#0a10168c;border-color:#eef3f759}.section{padding:clamp(4rem,10vh,7rem) clamp(1.25rem,4vw,3rem)}.section-inner{width:min(68rem,100%);margin-inline:auto}.section-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--turquoise);margin-bottom:.65rem;font-size:1.15rem;font-weight:600}.section-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;max-width:16ch;margin-bottom:.85rem;font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:600;line-height:.95}.section-copy{color:var(--text-muted);max-width:38ch;margin-bottom:1.75rem;font-size:1.05rem}.shop{background:radial-gradient(ellipse 70% 60% at 85% 20%, #2dd4bf14, transparent), radial-gradient(ellipse 50% 40% at 10% 80%, #e8b84a0f, transparent), var(--bg)}.shop-layout{align-items:end;gap:2.5rem;display:grid}@media (width>=800px){.shop-layout{grid-template-columns:1fr 1fr;gap:4rem}}.shop-visual{aspect-ratio:5/4;border:1px solid var(--line);background:linear-gradient(145deg,#162029 0%,#0e151c 55%,#1a2430 100%);border-radius:2px;position:relative;overflow:hidden}.card-fan{place-items:center;display:grid;position:absolute;inset:12% 8% 8%}.card-fan .mtg-card{aspect-ratio:5/7;background:linear-gradient(160deg,#2dd4bf40,#0000 45%),linear-gradient(20deg,#1c2834,#0f161d);border:1px solid #eef3f733;border-radius:6px;width:min(38%,9.5rem);position:absolute;box-shadow:0 18px 40px #00000073}.card-fan .mtg-card:before{content:"";background:linear-gradient(#e8b84a26,#0000 30%),linear-gradient(135deg,#243140,#15202a);border:1px solid #eef3f714;border-radius:3px;position:absolute;inset:7%}.card-fan .mtg-card:first-child{z-index:1;transform:rotate(-18deg)translate(-55%,8%)}.card-fan .mtg-card:nth-child(2){z-index:2;background:linear-gradient(160deg,#e8b84a47,#0000 45%),linear-gradient(20deg,#1c2834,#0f161d);transform:rotate(-4deg)translate(-8%,-2%)}.card-fan .mtg-card:nth-child(3){z-index:3;background:linear-gradient(160deg,#5eaadc4d,#0000 45%),linear-gradient(20deg,#1c2834,#0f161d);transform:rotate(14deg)translate(48%,10%)}.shop-meta{border-top:1px solid var(--line);color:var(--text-muted);flex-direction:column;gap:.85rem;margin-top:1.5rem;padding-top:1.5rem;font-size:.95rem;display:flex}.shop-meta strong{color:var(--text);font-weight:600}.tools{background:linear-gradient(180deg, var(--bg) 0%, #0e161e 50%, var(--bg) 100%)}.tools-panel{border-top:1px solid var(--line);margin-top:.5rem;padding:clamp(1.75rem,4vw,2.75rem) 0 0}.tools-panel h3{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.65rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:600}.tools-panel h3 em{color:var(--gold);font-style:normal}.tools-panel p{color:var(--text-muted);max-width:48ch;margin-bottom:1.5rem}.draft-preview{grid-template-columns:repeat(5,1fr);gap:.55rem;width:min(100%,28rem);margin-top:2rem;display:grid}.pack-slot{aspect-ratio:5/7;border:1px solid var(--line);background:linear-gradient(160deg,#1a2530,#101820);border-radius:4px;position:relative;overflow:hidden}.pack-slot:after{content:"";background:var(--gold-soft);opacity:.55;border-radius:2px;position:absolute;inset:12%}.pack-slot:nth-child(2):after{background:#2dd4bf33}.pack-slot:nth-child(3):after{background:#5eaadc38}.pack-slot:nth-child(4):after{background:#e8b84a2e}.pack-slot:nth-child(5):after{background:#b478dc29}.footer{border-top:1px solid var(--line);background:#080d12;padding:2.5rem clamp(1.25rem,4vw,3rem) 3rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;width:min(68rem,100%);margin-inline:auto;display:flex}.footer-brand{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:1.5rem;font-weight:600}.footer-note{color:var(--text-muted);font-size:.9rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}