.marketing-page{--guide-border:#a8b7d52b;--guide-gold:#eac589;--guide-muted:#b3bdce;padding:0 5% 80px}.marketing-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,80px);align-items:center;padding:clamp(52px,7vw,100px) 0 72px;border-bottom:1px solid var(--line)}.marketing-hero>div{min-width:0}.marketing-hero h1{max-width:850px;margin:15px 0 25px;font-size:clamp(44px,5.7vw,84px);text-wrap:balance}.marketing-lead{max-width:650px;color:var(--guide-muted);font-size:clamp(16px,1.45vw,20px);line-height:1.7}.marketing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:33px}.marketing-art{position:relative;isolation:isolate;min-width:0;margin:0;padding:27px 28px 26px;background:linear-gradient(135deg,#dfc08d80,#a8b7d526 33%,#a8b7d53a 75%,#dfc08d70);clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px)}.marketing-art:before{content:"";position:absolute;z-index:-1;inset:1px;background:radial-gradient(ellipse at 48% 38%,#273049 0,#182133 40%,#111a2a 78%);clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px)}.marketing-art:after{content:"";position:absolute;z-index:-1;inset:10px;border:1px solid #afbddc0c;pointer-events:none}.marketing-art-top{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#bec7da;font-size:9px;font-weight:600;line-height:1.6;text-transform:uppercase;letter-spacing:.15em}.marketing-art-top>span:last-child{flex-shrink:0;color:#dcc08c;font-size:8px;letter-spacing:.12em}.marketing-illustration{display:block;width:calc(100% + 32px);height:auto;margin:0 -16px 6px}.marketing-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #b9c6de24}.marketing-art figcaption strong{display:block;color:var(--text);font:700 clamp(25px,2.5vw,36px)/1.1 var(--font-display,var(--serif));letter-spacing:-.01em}.marketing-art figcaption span{display:block;margin-top:9px;color:var(--guide-muted);font-size:11px;line-height:1.6}.marketing-art figcaption>svg{color:var(--guide-gold);opacity:.65}.marketing-section{padding:70px 0;border-bottom:1px solid var(--line)}.marketing-section h2{max-width:780px;margin:12px 0 22px;font-size:clamp(32px,3.4vw,52px);text-wrap:balance}.marketing-section>p:not(.eyebrow){max-width:790px;color:var(--guide-muted);font-size:15px;line-height:1.85}.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}.marketing-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-grid article{position:relative;min-width:0;padding:30px;border:1px solid var(--guide-border);border-radius:4px;background:linear-gradient(145deg,#1c2639,#141d2d 80%);box-shadow:inset 0 1px 0 #ffffff04,0 14px 30px -20px #03071199}.marketing-grid article:before{content:"";position:absolute;top:-1px;left:30px;width:35px;height:1px;background:var(--guide-gold);opacity:.65}.marketing-grid article:focus-within{border-color:#eac58980}.marketing-card-icon{display:block;color:var(--guide-gold);margin-bottom:27px}.marketing-grid .index{display:block;margin-bottom:14px;color:#a9b9e4;font-size:9px;font-weight:600;line-height:1.6;letter-spacing:.14em}.marketing-grid h3{margin-bottom:12px;font:700 29px/1.12 var(--font-display,var(--serif));letter-spacing:-.01em}.marketing-grid p{color:var(--guide-muted);line-height:1.8}.marketing-grid a,.marketing-section>p a{color:var(--guide-gold);text-decoration:underline;text-decoration-color:#eac58966;text-underline-offset:5px}.marketing-grid a{display:inline-block;margin-top:22px;font-size:12px}.marketing-grid a:hover,.marketing-section>p a:hover{color:#ffe1ae;text-decoration-color:currentColor}.marketing-specimens article{padding:0 26px 27px}.marketing-specimens article:before{display:none}.marketing-specimen-art{display:grid;place-items:center;height:325px;margin:0 -26px 25px;padding:30px;overflow:hidden;border-bottom:1px solid var(--guide-border);background:radial-gradient(ellipse at 50% 50%,#b69d7230,transparent 65%),#101827}.marketing-specimen-art .wiki-card{width:180px;transform:rotate(-5deg)}.marketing-specimens article:nth-child(2) .wiki-card{transform:rotate(3deg)}.marketing-specimens article:nth-child(3) .wiki-card{transform:rotate(-3deg)}.marketing-specimens [data-rarity=ultra-rare] .marketing-specimen-art{background:radial-gradient(ellipse at 50% 50%,#b083b630,transparent 65%),#101827}.marketing-specimens [data-rarity=rare] .marketing-specimen-art{background:radial-gradient(ellipse at 50% 50%,#738fbd30,transparent 65%),#101827}.marketing-specimens [data-rarity=legendary] .index{color:var(--guide-gold)}.marketing-specimens [data-rarity=ultra-rare] .index{color:#d5abd7}.marketing-specimens [data-rarity=rare] .index{color:#a6c6ef}.marketing-callout{position:relative;isolation:isolate;overflow:hidden;margin:64px 0 0;padding:clamp(28px,4vw,55px);border:1px solid #d1b68140;border-radius:4px;background:radial-gradient(ellipse at 100% 0,#c5a36510,transparent 60%),linear-gradient(120deg,#1d283d,#131c2c);display:flex;align-items:center;justify-content:space-between;gap:32px}.marketing-callout:after,.marketing-callout:before{content:"";position:absolute;z-index:-1;width:245px;height:345px;right:-90px;top:-70px;border:1px solid #d7b67c16;border-radius:10px;transform:rotate(25deg);pointer-events:none}.marketing-callout:after{right:-65px;transform:rotate(38deg)}.marketing-callout h2{margin:12px 0 0;font-size:clamp(32px,3.5vw,48px);text-wrap:balance}.marketing-callout p:not(.eyebrow){max-width:570px;margin-top:18px;color:var(--guide-muted)}.marketing-callout .button{flex-shrink:0}.marketing-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.marketing-related a{padding:11px 15px;border:1px solid var(--guide-border);border-radius:4px;color:#bcc7dc;font-size:12px}.marketing-related a:hover{border-color:#eac58980;color:var(--guide-gold)}.marketing-note{margin-top:30px;color:#98a6bc;font-size:12px}@media (max-width:1000px) and (min-width:851px){.marketing-grid article{padding:24px}.marketing-specimens article{padding:0 20px 24px}.marketing-specimen-art{margin-inline:-20px;padding:25px 15px;height:300px}.marketing-specimen-art .wiki-card{width:155px}}@media (max-width:850px){.marketing-hero{grid-template-columns:1fr;gap:38px;padding:48px 0}.marketing-art{width:100%;max-width:540px;justify-self:center}.marketing-art figcaption strong{font-size:32px}.marketing-grid,.marketing-grid.two{grid-template-columns:1fr}.marketing-section{padding:48px 0}.marketing-grid article{padding:27px}.marketing-specimens article{padding:0 27px 27px}.marketing-specimen-art{margin-inline:-27px}.marketing-callout{display:block}.marketing-callout .button{margin-top:25px}}@media (max-width:480px){.marketing-page{padding-bottom:48px}.marketing-hero h1{font-size:clamp(42px,11.5vw,55px)}.marketing-art{padding:24px 23px}.marketing-art-top{font-size:8px;gap:10px}.marketing-art figcaption{gap:14px}.marketing-art figcaption strong{font-size:29px}.marketing-actions{align-items:flex-start;gap:23px}.marketing-related a{flex-grow:1;text-align:center}}