:root{--ink:#0c0d11;--paper:#f2efe7;--cream:#e8e0d1;--gold:#d9aa59;--gold2:#f2d49b;--muted:#a8a6a0;--line:rgba(255,255,255,.13);--serif:"Spectral",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:var(--sans);font-size:16px;line-height:1.6}img{display:block;max-width:100%}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#000;padding:.7rem 1rem}.skip-link:focus{top:1rem}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{height:78px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px;position:absolute;z-index:10;width:100%;border-bottom:1px solid rgba(255,255,255,.17)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:.78rem;letter-spacing:.18em;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.5);transform:rotate(45deg);color:var(--gold2)}.brand-mark::first-letter{transform:rotate(-45deg)}.site-nav{display:flex;margin-left:auto;align-items:center;gap:26px}.site-nav a,.site-footer nav a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.78rem;transition:.2s}.site-nav a:hover,.site-nav a:focus-visible,.site-footer nav a:hover{color:#fff}.menu-button{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:linear-gradient(135deg,#f0d49e,#c7903c);border:0;color:#171008;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.1em;font-size:.73rem;cursor:pointer;transition:.25s}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px rgba(217,170,89,.25)}.button-small{min-height:42px;padding:0 18px}.hero{min-height:780px;height:100vh;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.92) 0%,rgba(4,5,8,.62) 38%,rgba(4,5,8,.1) 68%,rgba(4,5,8,.38) 100%),linear-gradient(0deg,rgba(7,8,11,.78) 0%,transparent 35%)}.hero-content{position:relative;padding-top:100px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.69rem;font-weight:700;color:var(--gold2);display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow span{width:30px;height:1px;background:currentColor}.eyebrow.dark{color:#7d551b}.hero h1,.section h2{font-family:var(--serif);font-weight:600;line-height:.88;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(4.2rem,8.5vw,8.3rem);max-width:780px}.hero h1 em,.section h2 em{font-weight:600;color:var(--gold2)}.hero-copy{max-width:570px;color:rgba(255,255,255,.72);font-size:1.06rem;line-height:1.8;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{color:#fff;text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid rgba(255,255,255,.3);padding:12px 0}.text-link span{color:var(--gold2);margin-left:8px}.stats{display:flex;margin:52px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.18);max-width:680px}.stats div{padding-right:48px;margin-right:48px;border-right:1px solid rgba(255,255,255,.15)}.stats div:last-child{border:0}.stats dt{font-family:var(--serif);font-size:1.65rem;color:var(--gold2);line-height:1}.stats dd{margin:8px 0 0;text-transform:uppercase;font-size:.62rem;letter-spacing:.15em;color:rgba(255,255,255,.55)}.scroll-cue{position:absolute;right:42px;bottom:30px;font-size:.64rem;text-transform:uppercase;letter-spacing:.2em;writing-mode:vertical-rl;color:rgba(255,255,255,.5)}.scroll-cue span{margin-top:12px;color:var(--gold2)}.section{padding:120px 0}.paths,.deckbuilder{background:var(--paper);color:var(--ink)}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.section h2{font-size:clamp(3.1rem,6vw,5.8rem)}.paths h2 em,.deckbuilder h2 em{color:#9c6a22}.split-heading>p,.deck-intro>p{color:#5f5d57;font-size:1.05rem;line-height:1.8;max-width:480px}.path-switcher{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid #cfc9bd}.path-tab{border:0;background:transparent;border-bottom:2px solid #cbc4b7;padding:24px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;text-align:left;color:#79756c;cursor:pointer}.path-tab span:nth-child(2){font-family:var(--serif);font-size:1.4rem}.path-tab small,.tab-number{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.path-tab.active{border-color:#9c6a22;color:#171717}.path-tab.active .tab-number{color:#9c6a22}.path-stage{margin-top:34px;position:relative;min-height:550px;overflow:hidden;background:#13151a}.path-stage>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.path-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(8,9,12,.15),rgba(8,9,12,.92) 76%)}.path-panel{position:relative;z-index:2;width:min(470px,44%);margin-left:auto;padding:90px 55px;color:#fff}.panel-kicker{color:var(--gold2);text-transform:uppercase;font-size:.64rem;letter-spacing:.16em}.path-panel h3{font-family:var(--serif);font-size:3rem;line-height:1;margin:20px 0}.path-panel p{color:rgba(255,255,255,.68)}.path-panel ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:20px 0 0}.path-panel li{border:1px solid rgba(255,255,255,.18);padding:7px 10px;font-size:.67rem;text-transform:uppercase;letter-spacing:.09em}.colors{background:#0b0c10;overflow:hidden}.colors-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.color-art{position:relative}.color-art::before{content:"";position:absolute;inset:10%;background:rgba(217,170,89,.25);filter:blur(60px);border-radius:50%}.color-art img{position:relative;filter:drop-shadow(0 24px 50px #000)}.color-art p{text-align:center;font-family:var(--serif);font-style:italic;color:#8f8d87}.color-list{margin-top:46px;border-top:1px solid var(--line)}.color-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;display:grid;grid-template-columns:48px 1fr auto;align-items:center;text-align:left;padding:19px 0;cursor:pointer}.mana-orb{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.color-row strong{display:block;font-family:var(--serif);font-size:1.35rem}.color-row small{display:block;color:#777b83;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.color-row b{font-size:1.3rem;font-weight:400;color:#767980;transition:.2s}.color-row.active b{transform:rotate(45deg);color:var(--gold2)}.color-row.white{color:#f3e7c3}.color-row.blue{color:#5cb0f4}.color-row.black{color:#bd8fe4}.color-row.red{color:#f56d52}.color-row.green{color:#65c888}.color-detail{display:none;border-bottom:1px solid var(--line);padding:0 0 20px 48px;color:#a8a9ad;font-size:.9rem}.color-detail.active{display:block}.deck-intro{max-width:800px}.deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:66px}.deck-photo{min-height:670px;position:relative;overflow:hidden}.deck-photo img{width:100%;height:100%;object-fit:cover}.deck-total{position:absolute;right:20px;bottom:20px;background:rgba(8,9,12,.9);backdrop-filter:blur(8px);width:110px;height:110px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff}.deck-total span{font-family:var(--serif);font-size:2.6rem;line-height:1;margin-top:12px}.deck-total small{text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;margin-top:-24px;color:var(--gold2)}.recipe{border-top:1px solid #c9c2b5}.recipe-row{display:grid;grid-template-columns:14px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid #d4cec2;padding:18px 4px}.recipe-dot{width:9px;height:9px;border-radius:50%;background:#777}.recipe-dot.land{background:#9a7643}.recipe-dot.ramp{background:#4d9564}.recipe-dot.draw{background:#4f85b1}.recipe-dot.removal{background:#8d537c}.recipe-dot.wipes{background:#b7644c}.recipe-dot.strategy{background:#282a31}.recipe-dot.commander{background:var(--gold)}.recipe-row strong{display:block;font-family:var(--serif);font-size:1.12rem}.recipe-row small{color:#77746e;font-size:.74rem}.counter{display:flex;align-items:center;gap:12px}.counter button{width:31px;height:31px;border:1px solid #c9c2b5;background:transparent;cursor:pointer}.counter button:hover{background:#15161a;color:#fff}.counter output{min-width:26px;text-align:center;font-family:var(--serif);font-size:1.2rem}.locked{opacity:.7}.recipe-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:.78rem}.recipe-footer span{color:#4b7759}.recipe-footer span.warn{color:#a04d3e}.recipe-footer button{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:#4c4943}.why{background:#121318}.centered{text-align:center}.centered .eyebrow{justify-content:center}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit-grid article{padding:44px 36px 50px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:310px}.benefit-grid article>span{font-size:.65rem;letter-spacing:.15em;color:var(--gold)}.benefit-grid h3{font-family:var(--serif);font-size:1.65rem;line-height:1.15;margin:70px 0 18px}.benefit-grid p{color:#8f9198;margin:0}.events{position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 40%,#25304b 0%,#10131c 34%,#090a0f 72%)}.events-content{position:relative;z-index:2;max-width:900px}.events .eyebrow{justify-content:center}.events p{color:#9a9ca5}.store-search{display:flex;max-width:750px;margin:40px auto 15px;padding:8px;border:1px solid rgba(255,255,255,.2);background:rgba(7,8,12,.65);backdrop-filter:blur(12px)}.store-search input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:0 18px;outline:none}.store-search input::placeholder{color:#777a84}.search-note{font-size:.72rem}.events-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.35}.orb-one{width:500px;height:500px;border:1px solid #4562a4;left:-230px;top:40px;box-shadow:inset 0 0 120px #2d5594}.orb-two{width:390px;height:390px;border:1px solid #963f36;right:-180px;bottom:-80px;box-shadow:inset 0 0 100px #852f29}.site-footer{background:#07080b;padding:60px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr 1.2fr;gap:70px;align-items:start}.site-footer p{color:#676a71;font-size:.77rem}.site-footer nav{display:grid;gap:8px}.legal{margin:0}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#090a0e;padding:22px 24px;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-button{display:block;margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:7px 12px}.header-cta{display:none}.hero{min-height:760px}.hero-overlay{background:linear-gradient(90deg,rgba(4,5,8,.9),rgba(4,5,8,.45)),linear-gradient(0deg,rgba(7,8,11,.8),transparent)}.split-heading,.colors-layout,.deck-grid{grid-template-columns:1fr}.colors-layout{gap:35px}.color-art{max-width:560px;margin:auto}.deck-photo{min-height:520px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:auto}.benefit-grid h3{margin-top:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .legal{grid-column:1/-1}}
@media(max-width:620px){.shell{width:min(100% - 32px,1180px)}.section{padding:82px 0}.site-header{padding:0 16px}.hero{min-height:780px}.hero h1{font-size:clamp(3.4rem,17vw,5rem)}.hero-copy{font-size:.95rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.stats{gap:18px}.stats div{padding-right:16px;margin-right:0;flex:1}.stats dt{font-size:1.3rem}.stats dd{font-size:.52rem}.scroll-cue{display:none}.split-heading{gap:25px}.path-switcher{margin-top:38px}.path-tab{grid-template-columns:auto 1fr;padding:16px 8px}.path-tab small{display:none}.path-stage{min-height:650px}.path-stage::after{background:linear-gradient(0deg,rgba(8,9,12,.96) 10%,rgba(8,9,12,.28) 75%)}.path-panel{width:100%;padding:330px 24px 35px}.path-panel h3{font-size:2.5rem}.colors-layout{gap:20px}.color-copy h2,.deck-intro h2,.events h2{font-size:clamp(2.8rem,14vw,4.1rem)}.color-detail{padding-left:0}.deck-photo{min-height:390px}.recipe-row{grid-template-columns:10px 1fr auto;gap:10px}.counter{gap:6px}.counter button{width:28px;height:28px}.recipe-footer{align-items:flex-start;gap:12px}.benefit-grid{margin-top:40px}.store-search{flex-direction:column;gap:8px}.store-search input{min-height:52px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-grid .legal{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* Multi-page navigation and category layouts */
.site-nav a[aria-current="page"]{color:#fff;position:relative}.site-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--gold2)}.home-portals{background:var(--paper);color:var(--ink)}.home-portals h2 em{color:#9c6a22}.portal-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid #cfc9bd;border-left:1px solid #cfc9bd}.portal-card{min-height:270px;padding:34px;display:grid;grid-template-columns:42px 1fr auto;gap:20px;color:var(--ink);text-decoration:none;border-right:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd;transition:.25s}.portal-card>span{font-size:.68rem;letter-spacing:.15em;color:#926522}.portal-card h3{font-family:var(--serif);font-size:2rem;line-height:1.05;margin:64px 0 14px}.portal-card p{color:#6b6861;margin:0;max-width:360px}.portal-card b{font-size:1.3rem;font-weight:400;color:#9c6a22;transition:.25s}.portal-card:hover,.portal-card:focus-visible{background:#e7dece}.portal-card:hover b{transform:translate(3px,-3px)}.category-page{background:var(--paper)}.page-hero{min-height:560px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:155px 0 85px}.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero-start>img{object-position:center}.page-hero-colors>img{object-position:72% 48%}.page-hero-deck>img{object-position:center 43%}.page-hero-community>img{object-position:76% center}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.94) 0%,rgba(5,6,9,.72) 42%,rgba(5,6,9,.12) 78%),linear-gradient(0deg,rgba(5,6,9,.68),transparent 60%)}.page-hero .shell{position:relative;z-index:1}.page-hero h1{font-family:var(--serif);font-size:clamp(4rem,8vw,7rem);font-weight:600;line-height:.88;letter-spacing:-.045em;margin:0}.page-hero h1 em{color:var(--gold2)}.page-hero .shell>p:last-child{max-width:570px;color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.8;margin:28px 0 0}.category-page .paths,.category-page .deckbuilder{width:100%;max-width:none;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}.next-page{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:70px;padding-top:28px;border-top:1px solid #cdc6b9}.next-page p{margin:0;color:#7a766e;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.next-page a{color:#171717;font-family:var(--serif);font-size:1.55rem;text-decoration:none}.next-page a span{color:#9c6a22;margin-left:12px}.dark-next{border-color:var(--line)}.dark-next p{color:#777b83}.dark-next a{color:#fff}.category-page .site-footer{position:relative}.category-page .why+.events{padding-top:130px;padding-bottom:130px}
@media(max-width:900px){.portal-grid{grid-template-columns:1fr}.portal-card{min-height:220px}.portal-card h3{margin-top:35px}.page-hero{min-height:520px}.page-hero-colors>img{object-position:center}.site-nav a[aria-current="page"]::after{display:none}}
@media(max-width:620px){.portal-grid{margin-top:38px}.portal-card{grid-template-columns:32px 1fr auto;padding:24px;min-height:190px}.portal-card h3{font-size:1.6rem;margin-top:24px}.page-hero{min-height:510px;padding:130px 0 65px}.page-hero h1{font-size:clamp(3.4rem,17vw,5rem)}.page-hero-shade{background:linear-gradient(90deg,rgba(5,6,9,.92),rgba(5,6,9,.48)),linear-gradient(0deg,rgba(5,6,9,.7),transparent)}.next-page{align-items:flex-start;flex-direction:column}.next-page a{font-size:1.3rem}}

/* Beginner buying guide */
.page-hero-buying>img{object-position:center 52%}.buying-intro{background:var(--paper);color:var(--ink)}.buying-intro h2 em,.spend-smart h2 em{color:#9c6a22}.buy-path-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #cfc9bd;border-left:1px solid #cfc9bd}.buy-path-grid article{min-height:410px;padding:32px;display:flex;flex-direction:column;border-right:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd}.buy-number{font-size:.68rem;letter-spacing:.15em;color:#926522}.buy-label{margin:48px 0 8px;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;color:#7b766c;font-weight:700}.buy-path-grid h3{font-family:var(--serif);font-size:2rem;line-height:1.05;margin:0 0 18px}.buy-path-grid article>p:not(.buy-label){color:#65625c;margin:0 0 28px}.buy-text-link{margin-top:auto;color:#201b15;text-decoration:none;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.buy-text-link span{color:#9c6a22;margin-left:6px}.buying-essentials{background:#0d0f14}.buying-section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.buying-section-heading h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5.2rem);line-height:.95;letter-spacing:-.04em;margin:0}.buying-section-heading>p{color:#9699a2;max-width:470px}.essentials-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.essentials-grid article{padding:30px 26px 36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px}.essentials-grid span{font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold2)}.essentials-grid h3{font-family:var(--serif);font-size:1.45rem;margin:50px 0 12px}.essentials-grid p{color:#8f9198;margin:0;font-size:.9rem}.accessory-link{margin-top:34px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.accessory-link strong,.accessory-link span{display:block}.accessory-link strong{font-family:var(--serif);font-size:1.2rem}.accessory-link span{color:#858891;font-size:.84rem}.spend-smart{background:var(--paper);color:var(--ink)}.spend-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.spend-smart h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5.2rem);line-height:.95;letter-spacing:-.04em;margin:0}.avoid-list{border-top:1px solid #cac4b8}.avoid-list article{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid #d3cdc1}.avoid-list article>span{font-size:1.6rem;color:#a65847;line-height:1}.avoid-list h3{font-family:var(--serif);font-size:1.3rem;margin:0 0 6px}.avoid-list p{color:#67635c;margin:0}.disclosure-box{margin-top:70px;padding:26px 30px;border:1px solid #cfc7b8;background:#ebe4d8;display:grid;grid-template-columns:180px 1fr;gap:28px}.disclosure-box strong{font-family:var(--serif);font-size:1.15rem}.disclosure-box p{margin:0;color:#625e56;font-size:.88rem}.buy-next{text-align:center;background:radial-gradient(circle at 50% 40%,#27304a 0%,#11141d 38%,#090a0f 75%)}.buy-next .eyebrow{justify-content:center}.buy-next h2{font-family:var(--serif);font-size:clamp(3rem,6vw,5.6rem);line-height:.9;letter-spacing:-.04em;margin:0}.buy-next h2 em{color:var(--gold2)}.buy-next p{max-width:600px;margin:28px auto;color:#9699a2}.buy-next .button{margin-top:8px}
@media(max-width:900px){.buy-path-grid{grid-template-columns:1fr}.buy-path-grid article{min-height:auto}.buy-label{margin-top:28px}.buying-section-heading,.spend-layout{grid-template-columns:1fr;gap:35px}.essentials-grid{grid-template-columns:1fr 1fr}.essentials-grid article{min-height:220px}.page-hero-buying>img{object-position:60% center}}
@media(max-width:620px){.buy-path-grid{margin-top:38px}.buy-path-grid article{padding:26px}.essentials-grid{grid-template-columns:1fr}.essentials-grid article{min-height:auto}.essentials-grid h3{margin-top:28px}.accessory-link{align-items:flex-start;flex-direction:column}.accessory-link .button{width:100%}.disclosure-box{grid-template-columns:1fr;gap:8px;padding:22px}.page-hero-buying>img{object-position:67% center}}
.smart-shopping{padding:90px 0;background:#101218;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.smart-shopping-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.smart-shopping h2{font-family:var(--serif);font-size:clamp(2.8rem,5vw,4.8rem);font-weight:600;line-height:.94;letter-spacing:-.04em;margin:0}.smart-shopping h2 em{color:var(--gold2)}.smart-shopping-inner>div:last-child>p{color:#989aa2;margin:0 0 28px;max-width:480px}
@media(max-width:900px){.smart-shopping-inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.smart-shopping{padding:70px 0}.smart-shopping .button{width:100%}}
.site-header{gap:20px}.site-nav{gap:20px}@media(max-width:1120px) and (min-width:901px){.header-cta{display:none}}
.portal-grid .portal-card:nth-child(7):last-child{grid-column:1/-1;min-height:225px}.portal-grid .portal-card:nth-child(7):last-child h3{margin-top:38px}@media(max-width:900px){.portal-grid .portal-card:nth-child(7):last-child{grid-column:auto;min-height:220px}.portal-grid .portal-card:nth-child(7):last-child h3{margin-top:35px}}

/* Animated header wordmark */
.site-header .brand{position:relative;isolation:isolate}.site-header .brand>span:last-child{display:inline-block;opacity:0;transform:translateX(-10px);background:linear-gradient(100deg,#fff 0%,#fff 34%,#f5d89c 46%,#fff7df 52%,#d9aa59 60%,#fff 72%,#fff 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:vault-title-in .75s cubic-bezier(.16,1,.3,1) .24s forwards,vault-title-shimmer 5.5s ease-in-out 1.2s infinite}.site-header .brand::after{content:"";position:absolute;left:38px;right:0;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--gold2),transparent);transform:scaleX(0);transform-origin:left;animation:vault-line-in .85s cubic-bezier(.16,1,.3,1) .65s forwards}.site-header .brand-mark{opacity:0;animation:vault-mark-in .75s cubic-bezier(.16,1,.3,1) .04s forwards,vault-mark-pulse 4s ease-in-out 1.1s infinite}
@keyframes vault-title-in{to{opacity:1;transform:translateX(0)}}@keyframes vault-title-shimmer{0%,28%{background-position:100% 50%}58%,100%{background-position:0 50%}}@keyframes vault-line-in{to{transform:scaleX(1)}}@keyframes vault-mark-in{from{opacity:0;transform:rotate(15deg) scale(.65)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes vault-mark-pulse{0%,100%{box-shadow:0 0 0 rgba(217,170,89,0);border-color:rgba(255,255,255,.5)}50%{box-shadow:0 0 18px rgba(217,170,89,.32);border-color:rgba(242,212,155,.86)}}
@media(prefers-reduced-motion:reduce){.site-header .brand>span:last-child{opacity:1;transform:none;background:none;-webkit-text-fill-color:#fff}.site-header .brand::after{transform:scaleX(1)}.site-header .brand-mark{opacity:1;transform:rotate(45deg)}}

[hidden]{display:none!important}

.commander-card-art{align-self:start;background:#16181d;aspect-ratio:488/680;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.35)}.commander-card-art img{width:100%;height:100%;object-fit:cover}.commander-card-copy{display:flex;flex-direction:column;align-items:flex-start}.commander-card-copy h3{font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:9px 0 10px}@media(max-width:620px){.commander-card-art{width:min(220px,75%)}}

/* Commander deck architect */
.commander-builder{background:#0b0c10;color:#fff;position:relative;overflow:hidden}.commander-builder::before{content:"";position:absolute;width:620px;height:620px;right:-280px;top:-260px;border:1px solid rgba(217,170,89,.16);border-radius:50%;box-shadow:inset 0 0 150px rgba(217,170,89,.08);pointer-events:none}.builder-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;position:relative}.builder-heading>p{max-width:500px;margin:0;color:#a8a9ad;font-size:1.05rem;line-height:1.8}.builder-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-top:62px;padding:26px;border:1px solid var(--line);background:rgba(255,255,255,.035);position:relative}.field{display:flex;flex-direction:column;gap:8px}.field-wide{grid-column:auto}.field label{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#c7c5bf;font-weight:700}.field label span{color:#74777e;font-weight:400}.field input,.field select{width:100%;height:54px;border:1px solid rgba(255,255,255,.17);background:#12141a;color:#fff;padding:0 16px;outline:none;border-radius:0}.field input::placeholder{color:#666a73}.field input:focus,.field select:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(217,170,89,.1)}.money-input{position:relative}.money-input>span{position:absolute;z-index:1;left:15px;top:50%;transform:translateY(-50%);color:var(--gold2)}.money-input input{padding-left:31px}.builder-submit{align-self:end;height:54px;gap:12px}.builder-status{min-height:26px;margin:13px 0 0;color:#9b9da4;font-size:.82rem}.builder-status.error{color:#f0a08b}.builder-status.success{color:#8fd0a4}.commander-result{display:grid;grid-template-columns:220px 1fr;gap:34px;margin-top:38px;padding:28px;border:1px solid rgba(217,170,89,.28);background:linear-gradient(120deg,rgba(217,170,89,.08),rgba(255,255,255,.025))}.commander-image-wrap{align-self:start;background:#16181d;aspect-ratio:488/680;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.35)}.commander-image-wrap img{width:100%;height:100%;object-fit:cover}.commander-copy{display:flex;flex-direction:column;align-items:flex-start}.commander-copy h3,.blueprint-top h3{font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:9px 0 10px}.commander-meta{color:var(--gold2);margin:0 0 17px;font-size:.82rem;letter-spacing:.05em}.commander-oracle{max-width:720px;margin:0;color:#b7b8bd;white-space:pre-line}.commander-badges{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.status-badge{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.16);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:#d4d5d8}.status-badge.good{border-color:rgba(89,185,119,.45);color:#8fd0a4;background:rgba(50,135,77,.12)}.status-badge.bad{border-color:rgba(221,104,78,.5);color:#f0a08b;background:rgba(159,57,39,.13)}.status-badge.gold{border-color:rgba(217,170,89,.45);color:var(--gold2)}.commander-actions{display:flex;align-items:center;gap:20px;margin-top:auto}.commander-actions .button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45;transform:none;box-shadow:none}.commander-actions a{color:#d6d5d1;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;text-underline-offset:5px}.deck-blueprint{margin-top:28px;border:1px solid var(--line);background:#111319;padding:34px}.blueprint-top{display:flex;justify-content:space-between;gap:50px;align-items:start}.blueprint-top>div:first-child{max-width:760px}.blueprint-top h3{font-size:clamp(2rem,3.5vw,3rem)}.blueprint-top p:not(.panel-kicker){color:#999ca4;margin-bottom:0}.budget-gauge{flex:0 0 160px;text-align:right;border-left:1px solid var(--line);padding-left:24px}.budget-gauge span{display:block;font-family:var(--serif);font-size:2rem;color:var(--gold2);line-height:1.1}.budget-gauge small{color:#777b83;text-transform:uppercase;letter-spacing:.1em;font-size:.58rem}.budget-gauge.warn span{color:#f0a08b}.blueprint-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:34px}.blueprint-item{padding:24px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.blueprint-item strong{display:block;font-family:var(--serif);font-size:2.1rem;color:var(--gold2);line-height:1}.blueprint-item span{display:block;margin-top:9px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.blueprint-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.blueprint-rules>div{display:flex;gap:11px;align-items:flex-start;padding:16px;background:rgba(255,255,255,.035)}.blueprint-rules>div>span{color:#8fd0a4}.blueprint-rules p{margin:0;line-height:1.25}.blueprint-rules strong{display:block;font-size:.76rem}.blueprint-rules small{display:block;color:#757981;font-size:.65rem;margin-top:5px}.blueprint-export{margin-top:24px;border:1px solid rgba(217,170,89,.5);background:transparent;color:var(--gold2);padding:13px 18px;text-transform:uppercase;letter-spacing:.11em;font-size:.67rem;cursor:pointer}.blueprint-export:hover,.blueprint-export:focus-visible{background:var(--gold);color:#15100a}.data-note{color:#686c74;font-size:.69rem;margin:18px 0 0}.data-note a{color:#a6a8ae}
@media(max-width:900px){.builder-heading{grid-template-columns:1fr;gap:26px}.builder-form{grid-template-columns:1fr 1fr}.field-wide{grid-column:1/-1}.commander-result{grid-template-columns:180px 1fr}.blueprint-grid,.blueprint-rules{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.builder-form{grid-template-columns:1fr;padding:18px}.field-wide{grid-column:auto}.commander-result{grid-template-columns:1fr;padding:20px}.commander-image-wrap{width:min(220px,75%)}.commander-actions{align-items:flex-start;flex-direction:column}.blueprint-top{flex-direction:column;gap:22px}.budget-gauge{flex:auto;text-align:left;border-left:0;border-top:1px solid var(--line);padding:18px 0 0;width:100%}.deck-blueprint{padding:20px}.blueprint-grid,.blueprint-rules{grid-template-columns:1fr 1fr}.blueprint-item{padding:18px 14px}}
.commander-showcase{margin-top:56px;position:relative}.commander-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.commander-showcase-heading .panel-kicker{margin:0 0 5px}.commander-showcase-heading h3{font-family:var(--serif);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.1;margin:0}.commander-showcase-heading>a{color:#d6d5d1;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;text-underline-offset:5px;white-space:nowrap}.commander-showcase-heading>a span{color:var(--gold2)}.commander-marquee{overflow:hidden;margin-inline:calc((100vw - min(1180px,calc(100vw - 48px)))/-2);padding:8px 0 16px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.commander-marquee-track{display:flex;width:max-content;animation:commander-scroll 62s linear infinite}.commander-marquee:hover .commander-marquee-track,.commander-marquee:focus-within .commander-marquee-track{animation-play-state:paused}.commander-card-list{display:flex;gap:20px;padding-right:20px}.popular-commander{width:190px;flex:0 0 190px;color:#fff;text-decoration:none;transition:transform .25s ease}.popular-commander img{width:190px;aspect-ratio:488/680;object-fit:cover;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.42);background:#17191f}.popular-commander span{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-family:var(--serif);font-size:.92rem;line-height:1.25}.popular-commander b{font-family:var(--sans);font-size:.62rem;letter-spacing:.08em;color:var(--gold2);padding-top:3px}.popular-commander:hover,.popular-commander:focus-visible{transform:translateY(-7px);outline:none}.popular-commander:focus-visible img{box-shadow:0 0 0 3px var(--gold2),0 18px 38px rgba(0,0,0,.5)}@keyframes commander-scroll{to{transform:translateX(-50%)}}@media(max-width:620px){.commander-showcase{margin-top:42px}.commander-showcase-heading{align-items:flex-start;flex-direction:column;gap:12px}.commander-marquee{margin-inline:-16px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.popular-commander,.popular-commander img{width:156px}.popular-commander{flex-basis:156px}.commander-card-list{gap:14px;padding-right:14px}.commander-marquee-track{animation-duration:48s}}
@media(prefers-reduced-motion:reduce){.commander-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-color:var(--gold) #17191f}.commander-marquee-track{animation:none}.commander-card-list[aria-hidden="true"]{display:none}}

.blueprint-export:disabled{cursor:wait;opacity:.62;background:rgba(217,170,89,.08);color:var(--gold2)}

/* About page */
.page-hero-about>img{object-position:center 42%}.about-intro{background:var(--paper);color:var(--ink)}.about-intro h2 em,.vault-purpose h2 em{color:#9c6a22}.about-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.about-prose{padding-top:3px;max-width:670px}.about-prose p{margin:0 0 22px;color:#4f4d48;font-size:1.05rem;line-height:1.85}.about-text-link{display:inline-flex;gap:10px;margin-top:10px;color:#181716;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;font-weight:700;border-bottom:1px solid #b8aa92;padding-bottom:7px}.about-text-link span{color:#9c6a22}.format-section{background:#0b0c10}.format-section .split-heading>p{color:#9a9ca5}.format-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.format-grid article{padding:38px 38px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:430px;display:flex;flex-direction:column}.format-number{color:var(--gold);font-size:.66rem;letter-spacing:.15em}.format-label{margin:54px 0 8px;color:#7d8088;text-transform:uppercase;letter-spacing:.13em;font-size:.63rem}.format-grid h3{font-family:var(--serif);font-size:2.35rem;line-height:1;margin:0 0 20px}.format-grid article>p:last-of-type{color:#a1a3aa;margin:0;max-width:470px}.format-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:auto 0 0;padding-top:28px}.format-grid dl div{border-top:1px solid rgba(255,255,255,.12);padding-top:11px}.format-grid dt{color:#6f7279;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem}.format-grid dd{margin:3px 0 0;color:#ddd9cf;font-size:.8rem}.vault-purpose{background:var(--paper);color:var(--ink)}.vault-purpose-heading{max-width:850px}.vault-purpose-heading>p:last-child{max-width:650px;color:#5f5d57;font-size:1.05rem;line-height:1.8;margin:30px 0 0}.vault-help-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #cfc9bd;border-left:1px solid #cfc9bd}.vault-help-grid article{min-height:350px;padding:30px 26px;display:flex;flex-direction:column;border-right:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd}.vault-help-grid article>span{color:#926522;font-size:.65rem;letter-spacing:.15em}.vault-help-grid h3{font-family:var(--serif);font-size:1.6rem;line-height:1.1;margin:60px 0 16px}.vault-help-grid p{color:#69665f;margin:0}.vault-help-grid a{margin-top:auto;color:#171717;text-transform:uppercase;text-decoration:none;letter-spacing:.09em;font-size:.67rem;font-weight:700;padding-top:25px}.vault-help-grid a span{color:#9c6a22;margin-left:5px}.about-cta{padding:110px 0;background:radial-gradient(circle at 82% 35%,#27324d 0%,#11151f 27%,#08090d 67%)}.about-cta>.shell{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.about-cta .eyebrow{grid-column:1/-1;margin-bottom:-25px}.about-cta h2{font-family:var(--serif);font-weight:600;font-size:clamp(3.1rem,6vw,5.8rem);line-height:.88;letter-spacing:-.045em;margin:0}.about-cta h2 em{color:var(--gold2)}.about-cta div>div p{color:#9a9ca5;max-width:480px;margin:0 0 28px}
@media(max-width:900px){.about-intro-grid,.about-cta>.shell{grid-template-columns:1fr;gap:38px}.format-grid{grid-template-columns:1fr}.format-grid article{min-height:360px}.vault-help-grid{grid-template-columns:1fr 1fr}.about-cta .eyebrow{margin-bottom:0}.about-cta{padding:90px 0}}
@media(max-width:620px){.page-hero-about>img{object-position:58% center}.about-prose p{font-size:1rem}.format-grid{margin-top:40px}.format-grid article{padding:27px 23px;min-height:390px}.format-label{margin-top:38px}.format-grid dl{gap:8px}.vault-help-grid{grid-template-columns:1fr;margin-top:42px}.vault-help-grid article{min-height:290px}.vault-help-grid h3{margin-top:40px}.about-cta{padding:78px 0}}

/* Refined primary navigation typography */
.site-header .site-nav a{
  font-family:var(--serif);
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.01em;
}
.affiliate-intro{max-width:760px;margin:38px 0 -34px;padding:15px 18px;border-left:2px solid var(--gold);background:rgba(217,170,89,.08);color:#c7c4bd;font-size:.88rem}.affiliate-intro strong{color:#f0d49e}.essentials-grid article{display:flex;flex-direction:column}.product-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;color:var(--gold2);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.product-link:hover,.product-link:focus-visible{color:#fff}.product-link small{font-size:.63rem;color:#8e9199;font-weight:500;letter-spacing:.04em}@media(max-width:620px){.affiliate-intro{margin:28px 0 -12px}.product-link{margin-top:22px;padding-top:0}}
.product-link{display:block}.product-link small{display:block;margin-top:3px}

/* Switch the learning-path composition with its selected medium */
.path-stage>img{object-position:left center;transition:object-position .45s ease}
.path-stage.paper-active>img{object-position:right center}
.path-stage.paper-active::after{background:linear-gradient(270deg,transparent 35%,rgba(8,9,12,.15),rgba(8,9,12,.92) 76%)}
.path-stage.paper-active .path-panel{margin-right:auto;margin-left:0}
@media(max-width:620px){
  .path-stage.paper-active::after{background:linear-gradient(0deg,rgba(8,9,12,.96) 10%,rgba(8,9,12,.28) 75%)}
  .path-stage.paper-active .path-panel{width:100%;margin:0;padding:330px 24px 35px}
}
.site-header .site-nav a:hover,
.site-header .site-nav a:focus-visible{color:var(--gold2)}
.site-header .site-nav a:focus-visible{
  outline:1px solid var(--gold2);
  outline-offset:7px;
}
@media(max-width:900px){
  .site-header .site-nav a{font-size:1rem}
}

/* Guided beginner learning path */
.basics-section,.color-foundation,.format-guide{background:var(--paper);color:var(--ink)}
.basics-section h2 em,.color-foundation h2 em,.format-guide h2 em{color:#9c6a22}
.basics-grid,.color-primer-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:66px;border-top:1px solid #cfc9bd;border-left:1px solid #cfc9bd}
.basics-grid article,.color-primer-grid article{min-height:300px;padding:32px;border-right:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd}
.basics-grid article>span,.color-primer-grid article>span{color:#926522;font-size:.72rem;font-weight:700;letter-spacing:.15em}
.basics-grid h3,.color-primer-grid h3{font-family:var(--serif);font-size:1.65rem;line-height:1.12;margin:64px 0 16px}
.basics-grid p,.color-primer-grid p{margin:0;color:#5f5d57;font-size:1rem;line-height:1.75}
.basics-grid strong{color:#2a2824}
.turn-guide{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;margin-top:44px;padding:48px;background:#111319;color:#fff;border:1px solid rgba(217,170,89,.2)}
.turn-guide-copy h3{font-family:var(--serif);font-size:2.45rem;line-height:1;margin:16px 0 20px}
.turn-guide-copy>p:last-child{color:#9b9da4;margin:0;line-height:1.75}
.turn-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.turn-steps li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.turn-steps li>span{color:var(--gold2);font-size:.68rem;letter-spacing:.12em;padding-top:3px}
.turn-steps strong{display:block;font-family:var(--serif);font-size:1.08rem}
.turn-steps p{margin:3px 0 0;color:#898c94;font-size:.88rem;line-height:1.45}

.color-primer-grid article{min-height:260px}
.color-primer-grid h3{margin-top:48px}
.color-detail{font-size:.94rem;line-height:1.65}
.color-detail p{margin:0 0 16px}
.color-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding-bottom:4px}
.color-detail dl div{padding-top:11px;border-top:1px solid rgba(255,255,255,.1)}
.color-detail dt{text-transform:uppercase;letter-spacing:.12em;font-size:.61rem;color:#767980}
.color-detail dd{margin:4px 0 0;color:#c4c5c8;font-size:.78rem;line-height:1.45}

.page-hero-formats>img{object-position:center 48%}
.format-guide-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:66px;border-top:1px solid #cfc9bd;border-left:1px solid #cfc9bd}
.format-card{display:flex;flex-direction:column;min-height:520px;padding:36px;border-right:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd}
.format-card-top{display:flex;justify-content:space-between;gap:18px;align-items:center}
.format-card-top>span{color:#926522;font-size:.72rem;font-weight:700;letter-spacing:.15em}
.format-card-top p{margin:0;color:#7a766e;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem}
.format-card h3{font-family:var(--serif);font-size:2.75rem;line-height:1;margin:48px 0 20px}
.format-card>p:not(.format-fit){margin:0;color:#5f5d57;font-size:1rem;line-height:1.75;max-width:520px}
.format-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:auto 0 0;padding-top:32px}
.format-card dl div{border-top:1px solid #cdc6b9;padding-top:12px}
.format-card dt{color:#817d74;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}
.format-card dd{margin:4px 0 0;font-family:var(--serif);font-size:1rem;font-weight:600}
.format-fit{margin:24px 0 0;color:#5f5d57;font-size:.88rem;line-height:1.55}
.format-fit strong{color:#2a2824}
.format-card-featured{background:#121419;color:#fff}
.format-card-featured .format-card-top p,.format-card-featured>p:not(.format-fit),.format-card-featured .format-fit{color:#a4a6ad}
.format-card-featured dl div{border-color:var(--line)}
.format-card-featured dt{color:#7e8189}
.format-card-featured dd,.format-card-featured .format-fit strong{color:#fff}
.format-card-featured .format-card-top>span{color:var(--gold2)}
.format-choice{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;margin-top:44px;padding:42px 48px;background:#111319;color:#fff}
.format-choice h3{font-family:var(--serif);font-size:2.3rem;line-height:1;margin:14px 0 0}
.format-choice ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.format-choice li{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.format-choice li span{color:#8f9198}
.format-choice li strong{color:var(--gold2);font-family:var(--serif);font-size:1.05rem;text-align:right}

.portal-grid .portal-card:nth-child(5):last-child{grid-column:1/-1;min-height:225px}
.portal-grid .portal-card:nth-child(5):last-child h3{margin-top:38px}

@media(max-width:900px){
  .basics-grid,.color-primer-grid,.format-guide-grid{grid-template-columns:1fr}
  .basics-grid article,.color-primer-grid article{min-height:230px}
  .basics-grid h3,.color-primer-grid h3{margin-top:36px}
  .turn-guide,.format-choice{grid-template-columns:1fr;gap:32px}
  .format-card{min-height:480px}
  .portal-grid .portal-card:nth-child(5):last-child{grid-column:auto}
}
@media(max-width:620px){
  .basics-grid,.color-primer-grid,.format-guide-grid{margin-top:38px}
  .basics-grid article,.color-primer-grid article{padding:24px;min-height:210px}
  .basics-grid h3,.color-primer-grid h3{font-size:1.45rem;margin-top:28px}
  .turn-guide,.format-choice{padding:28px 24px}
  .turn-guide-copy h3,.format-choice h3{font-size:2rem}
  .color-detail dl{grid-template-columns:1fr}
  .format-card{padding:27px 23px;min-height:500px}
  .format-card h3{font-size:2.25rem;margin-top:36px}
  .format-card dl{gap:8px}
  .format-card dd{font-size:.9rem}
  .format-choice li{align-items:flex-start;flex-direction:column;gap:4px}
  .format-choice li strong{text-align:left}
}

/* Split introduction and how-to-play sequence */
.site-header .site-nav{gap:18px}
.page-hero-intro>img{object-position:center 45%}
.origin-section,.appeal-section{background:var(--paper);color:var(--ink)}
.origin-section h2 em,.appeal-section h2 em{color:#9c6a22}
.history-line{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:66px 0 0;border-top:1px solid #cfc9bd;border-left:1px solid #cfc9bd}
.history-line li{min-height:320px;padding:32px;border-right:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd}
.history-line li>span{color:#926522;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.history-line h3{font-family:var(--serif);font-size:1.75rem;line-height:1.1;margin:68px 0 16px}
.history-line p{margin:0;color:#5f5d57;font-size:1rem;line-height:1.75}
.purpose-section{background:#0b0c10;color:#fff}
.purpose-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}
.purpose-section h2{font-family:var(--serif);font-size:clamp(3.1rem,6vw,5.8rem);font-weight:600;line-height:.88;letter-spacing:-.045em;margin:0}
.purpose-section h2 em{color:var(--gold2)}
.purpose-copy{border-top:1px solid var(--line);padding-top:26px}
.purpose-copy p{margin:0 0 22px;color:#a5a7ad;font-size:1.05rem;line-height:1.85}
.purpose-copy p:first-child{color:#e5e1d8}
.appeal-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:66px;border-top:1px solid #cfc9bd;border-left:1px solid #cfc9bd}
.appeal-grid article{display:flex;flex-direction:column;min-height:350px;padding:30px 26px;border-right:1px solid #cfc9bd;border-bottom:1px solid #cfc9bd}
.appeal-grid article>span{color:#926522;font-size:.68rem;font-weight:700;letter-spacing:.15em}
.appeal-grid h3{font-family:var(--serif);font-size:1.65rem;line-height:1.1;margin:64px 0 16px}
.appeal-grid p{margin:0;color:#626059;line-height:1.7}
.game-zones{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;margin-top:44px;padding:42px 48px;background:#e5ddcf;border:1px solid #cfc5b5}
.game-zones h3{font-family:var(--serif);font-size:2.25rem;line-height:1;margin:14px 0 0}
.game-zones dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid #c5baa9;border-left:1px solid #c5baa9}
.game-zones dl div{padding:15px 18px;border-right:1px solid #c5baa9;border-bottom:1px solid #c5baa9}
.game-zones dt{color:#7c6849;text-transform:uppercase;letter-spacing:.11em;font-size:.63rem;font-weight:700}
.game-zones dd{margin:4px 0 0;color:#4f4b44;font-size:.88rem}
.combat-section{background:#111319;color:#fff}
.combat-section .split-heading>p{color:#9a9ca5}
.combat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:66px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.combat-grid article{min-height:290px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.combat-grid article>span{color:var(--gold2);font-size:.68rem;letter-spacing:.15em}
.combat-grid h3{font-family:var(--serif);font-size:1.65rem;line-height:1.1;margin:56px 0 16px}
.combat-grid p{margin:0;color:#9699a1;line-height:1.7}

@media(max-width:900px){
  .site-header .site-nav{gap:8px}
  .history-line,.appeal-grid,.combat-grid{grid-template-columns:1fr 1fr}
  .purpose-layout{grid-template-columns:1fr;gap:42px}
  .game-zones{grid-template-columns:1fr;gap:30px}
}
@media(max-width:620px){
  .history-line,.appeal-grid,.combat-grid{grid-template-columns:1fr;margin-top:38px}
  .history-line li,.appeal-grid article,.combat-grid article{min-height:230px;padding:24px}
  .history-line h3,.appeal-grid h3,.combat-grid h3{margin-top:34px}
  .purpose-layout{gap:30px}
  .purpose-copy p{font-size:1rem}
  .game-zones{padding:27px 23px}
  .game-zones dl{grid-template-columns:1fr}
}

/* How-to-play tabletop map */
.playmap{margin-top:44px;padding:48px;background:#e5ddcf;border:1px solid #cfc5b5}
.playmap-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:end;margin-bottom:32px}
.playmap-heading h3{font-family:var(--serif);font-size:2.45rem;line-height:1;margin:14px 0 0}
.playmap-heading>p{margin:0;color:#5f5b53;line-height:1.75;max-width:570px}
.playmat{margin:0;background:#17382f;border:10px solid #24201b;box-shadow:0 18px 45px rgba(34,27,18,.2),inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;position:relative;overflow:hidden}
.playmat::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 45%),linear-gradient(115deg,transparent 0 49.7%,rgba(255,255,255,.025) 50%,transparent 50.3%);pointer-events:none}
.player-side{min-height:310px;position:relative;padding:22px 190px 22px 22px;display:flex;flex-direction:column;justify-content:center}
.opponent-side{padding:88px 22px 66px 214px}
.opponent-side .player-label{top:auto;right:22px;bottom:18px;left:auto}
.opponent-side .land-group{grid-row:1}
.opponent-side .permanent-group{grid-row:2}
.opponent-side .pile-column{right:auto;left:20px}
.opponent-side .library-pile{grid-column:2;grid-row:1/3}
.opponent-side .graveyard-pile{grid-column:1;grid-row:1}
.opponent-side .exile-pile{grid-column:1;grid-row:2}
.opponent-side .opponent-hand{left:214px}
.mana-pool.opponent-mana{top:20px;right:22px;bottom:auto}
.player-label{position:absolute;left:22px;top:18px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.13em;font-size:.64rem;color:#b9c9c3}
.player-label b{color:#f0d49e;border-left:1px solid rgba(255,255,255,.22);padding-left:10px}
.battlefield-row{display:grid;gap:13px;align-content:center}
.card-group{position:relative;min-height:84px;border:1px dashed rgba(255,255,255,.24);padding:24px 12px 10px;border-radius:3px}
.card-group .zone-name{position:absolute;top:5px;left:9px;color:#c9d4d0;font-size:.57rem;text-transform:uppercase;letter-spacing:.11em}
.card-group>div{display:flex;gap:10px;justify-content:center}
.card-group i,.hand-zone i{display:block;width:43px;height:60px;border-radius:3px;background:linear-gradient(145deg,#70512e,#211d18);border:2px solid #c7a86c;box-shadow:0 3px 8px rgba(0,0,0,.32)}
.land-group i:nth-child(2){transform:rotate(90deg);margin:0 9px}
.pile-column{position:absolute;right:20px;top:24px;bottom:24px;width:145px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}
.card-pile{min-height:92px;border:1px solid rgba(255,255,255,.3);background:rgba(8,16,14,.42);padding:11px 9px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:3px;box-shadow:inset -4px 4px 0 rgba(255,255,255,.04)}
.card-pile span{font-family:var(--serif);font-weight:600;font-size:.94rem}
.card-pile small{color:#a6b6b0;font-size:.57rem;line-height:1.25}
.library-pile{min-height:125px;grid-row:1/3}
.graveyard-pile{background:rgba(66,52,42,.55)}
.exile-pile{background:rgba(49,58,69,.5)}
.hand-zone{position:absolute;left:22px;display:flex;align-items:center;gap:7px;padding-left:145px}
.hand-zone .zone-name{position:absolute;left:0;top:9px;font-family:var(--serif);font-weight:600}
.hand-zone small{position:absolute;left:0;top:34px;color:#a6b6b0;font-size:.58rem}
.opponent-hand{top:18px;bottom:auto}
.your-hand{bottom:18px}
.your-side{padding-top:70px;padding-right:202px;padding-bottom:96px}
.your-side .pile-column{right:32px}
.your-side .mana-pool{right:196px}
.mana-pool{position:absolute;right:184px;bottom:20px;display:flex;align-items:center;gap:10px;max-width:250px;background:rgba(8,16,14,.55);padding:9px 12px;border:1px solid rgba(217,170,89,.35)}
.mana-pool>span{color:var(--gold2);font-size:1.2rem}
.mana-pool b,.mana-pool small{display:block}
.mana-pool b{font-family:var(--serif);font-size:.85rem}
.mana-pool small{color:#a6b6b0;font-size:.55rem;line-height:1.3}
.combat-line{min-height:64px;padding:10px 190px 10px 22px;background:rgba(8,15,14,.42);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}
.combat-line span{text-transform:uppercase;letter-spacing:.14em;font-size:.59rem;color:#f0d49e}
.combat-line b{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--serif);font-size:.92rem;font-weight:600;color:#d7e0dc}
.playmat figcaption{padding:13px 20px;background:#1e1b17;color:#b8b2a8;font-size:.68rem;line-height:1.5}
.playmap-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.playmap-notes p{margin:0;color:#5a564f;font-size:.9rem;line-height:1.65}
.playmap-notes strong{color:#292621}
@media(max-width:900px){
  .playmap{padding:32px}
  .playmap-heading{grid-template-columns:1fr;gap:20px}
  .player-side{padding-right:150px}
  .your-side{padding-right:162px}
  .your-side .pile-column{right:32px}
  .your-side .mana-pool{right:160px}
  .opponent-side{padding-right:22px;padding-left:174px}
  .opponent-side .opponent-hand{left:174px}
  .opponent-side .player-label{right:22px;left:auto}
  .pile-column{width:120px}
  .combat-line{padding-right:150px}
  .mana-pool{right:148px}
}
@media(max-width:620px){
  .playmap{padding:24px 16px}
  .playmap-heading h3{font-size:2rem}
  .playmat{border-width:6px}
  .player-side{min-height:420px;padding:48px 12px 96px}
  .battlefield-row{margin-bottom:118px}
  .pile-column{left:12px;right:12px;top:auto;bottom:18px;width:auto;height:88px;display:grid;grid-template-columns:1.4fr 1fr 1fr}
  .card-pile,.library-pile{min-height:88px;grid-row:auto}
  .hand-zone{left:12px;right:12px;bottom:114px;padding-left:0;justify-content:center}
  .hand-zone .zone-name{top:-37px}
  .hand-zone small{top:-18px}
  .hand-zone i{width:34px;height:48px}
  .your-side{padding-top:76px;padding-right:12px;padding-bottom:210px}
  .your-side .pile-column{right:16px;left:16px}
  .your-side .mana-pool{right:12px}
  .your-side .battlefield-row{margin-bottom:86px}
  .your-side .pile-column{bottom:18px}
  .your-hand{bottom:126px}
  .opponent-side{min-height:580px;padding:120px 12px 190px}
  .opponent-side .player-label{top:16px;right:12px;bottom:auto;left:auto}
  .opponent-side .opponent-hand{top:52px;right:12px;bottom:auto;left:12px}
  .opponent-side .battlefield-row{margin:0}
  .opponent-side .pile-column{right:12px;left:12px}
  .opponent-side .library-pile,.opponent-side .graveyard-pile,.opponent-side .exile-pile{grid-column:auto;grid-row:auto}
  .mana-pool.opponent-mana{top:auto;right:12px;bottom:116px;left:12px;max-width:none}
  .mana-pool{right:12px;left:12px;bottom:224px;max-width:none}
  .combat-line{padding:12px;display:block;text-align:center}
  .combat-line span,.combat-line b{display:block}
  .combat-line b{position:static;transform:none;white-space:normal;margin-top:3px}
  .playmap-notes{grid-template-columns:1fr;gap:12px}
}