:root{--ink:#25332b;--purple:#496b4c;--deep:#203d30;--paper:#f5f2e8;--muted:#73796e;--line:#d9ded1;--lavender:#e6ecdf}body{background-color:var(--paper);background-image:radial-gradient(#6a785610 .8px,transparent .8px)}.announcement{background:#182c23;border-bottom:2px solid #a98b4e}.announcement span{color:#e0c88e}.brand-icon,.brand-dot{color:#927541}header{border-color:#d6d9cb}.button{background:#234832;border-color:#234832}.button:hover{background:#365f40}.hero h1 em{color:#557447}.hero .eyebrow{background:#e4e9d9;color:#4b6643}.hero-facts b{color:#3b573d}.benefits{background:#dfe7d6;border-color:#ced8bf;color:#526747}.hero .art-stage{border-color:#8d8454;border-radius:100px 100px 12px 12px;background:radial-gradient(ellipse at 50% 30%,#546345,#253b2c 55%,#192d24);overflow:hidden}.hero .art-stage:before{background:radial-gradient(circle,#dab76835,transparent 65%)}.hero .art-stage:after{content:'';position:absolute;inset:13px;border:1px solid #cbb67a30;border-radius:87px 87px 6px 6px;pointer-events:none}.hero-card{position:absolute;width:210px;border-radius:11px;box-shadow:0 18px 35px #08130c99;transition:transform .35s;overflow:hidden;display:block;background:#1c231b;z-index:1;line-height:0}.hero-card img{width:100%;height:auto;aspect-ratio:488/680;object-fit:contain}.hero-card.one{left:calc(50% - 205px);top:105px;transform:rotate(-16deg)}.hero-card.two{left:calc(50% + 5px);top:100px;transform:rotate(16deg)}.hero-card.three{left:calc(50% - 100px);top:145px;transform:rotate(-2deg);z-index:2}.hero-card.one:hover{transform:translateY(-16px) rotate(-20deg);z-index:3}.hero-card.two:hover{transform:translateY(-16px) rotate(20deg);z-index:3}.hero-card.three:hover{transform:translateY(-16px) rotate(1deg)}.hero-card:focus-visible{outline-color:#f2d79b}.hero-card img:not([src]){visibility:hidden}.hero-card-name{position:absolute;left:0;right:0;bottom:0;background:#132b25ed;color:white;font-size:9px;line-height:1.5;padding:7px;text-align:center}.hero .art-caption{bottom:37px;color:#e9e3ce;z-index:3}.hero .art-caption>span{color:#d8bf79}.hero .illustration-note{color:#c3ceb4;z-index:3}.hero-mana{position:absolute;display:flex;gap:10px;left:50%;transform:translateX(-50%);top:31px;z-index:3}.mana-dot{height:28px;width:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff40,0 2px 5px #0002;font-weight:700}.mana-W{background:#e9dfb7;color:#6f5e33}.mana-U{background:#9cc2db;color:#1f4d70}.mana-B{background:#726275;color:#f4e5ed}.mana-R{background:#d18e74;color:#642d23}.mana-G{background:#8fa77e;color:#254e35}.mana-C{background:#c5c7bc;color:#4d544a}.palette-note{display:flex;align-items:center;gap:10px;margin-top:23px;color:var(--muted);font-size:10px}.palette-note .mana-dot{height:22px;width:22px;font-size:12px}.palette-note>div{display:flex;gap:5px}.brew-card{background:#e6eada;border-color:#cfd7c4}.brew-card:nth-child(2){background:#dce7eb;border-color:#c7d8de}.brew-card:nth-child(3){background:#efe1cd;border-color:#dfcdae}.brew-symbol{color:#6c825b}.brew-card:nth-child(2) .brew-symbol{color:#577f94}.brew-card:nth-child(3) .brew-symbol{color:#ac8250}.pricing-section{background:#e8ecdf;border-color:#d5ddc9}.price-card{background:#f7f7ee;border-color:#cfd9c4}.price-card.featured{background:#203d30;border-color:#203d30}.featured .tier-label,.featured .price>span,.featured p{color:#c4d3ba}.explorer{background:#203d30}.explorer .eyebrow{color:#cfbf89}.explorer-result .button{background:#ded0a0;border-color:#ded0a0;color:#233b2a}.explorer input[type=range]{background:linear-gradient(to right,#d3c38e var(--fill,20%),#ffffff2a var(--fill,20%))}.explorer input::-webkit-slider-thumb{background:#f0e7c4;border-color:#b2a068}.explorer-result>small,.explorer-result>span,.explorer-result>p,.explorer label{color:#c5d0bc}.explore-presets button{color:#d0d9c4}.explore-presets button[aria-pressed=true]{background:#d2c599;border-color:#d2c599;color:#24392b}.order-summary{background:#e3eadb;border-color:#c2d0b8;border-top-color:#5c7750}.discount-message{background:#d2dfc7;color:#4c6744}.tabs{background:#e5ebdf}.order-form{background:#fcfbf4}.steps .step-no{color:#99aa82}.faqs details[open]{background:#e6ecdf}.showcase-section{background:#172b23;color:#f3eee0;position:relative;overflow:hidden;border-top:3px solid #ae9154;border-bottom:1px solid #ad945c}.showcase-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 20%,#758b4326,transparent 45%),radial-gradient(ellipse at 90% 90%,#8d724624,transparent 40%);pointer-events:none}.showcase-section .wrap{position:relative}.showcase-section .eyebrow{color:#c8af72}.showcase-section .section-heading>p{color:#bcc9b8;max-width:300px}.showcase-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.showcase-filters button{display:flex;align-items:center;gap:8px;border:1px solid #a6b89d3a;border-radius:24px;padding:8px 15px;background:#ffffff05;color:#bfcdb9;font-size:11px}.showcase-filters button .mana-dot{width:19px;height:19px;font-size:10px}.showcase-filters button[aria-pressed=true]{background:#e3d4a6;border-color:#e3d4a6;color:#233b2c}.showcase-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.showcase-item{min-width:0}.card-inspect{display:block;width:100%;padding:0;border:0;border-radius:9px;background:#102119;position:relative;box-shadow:0 10px 20px #07110d60;line-height:0;transition:transform .25s,box-shadow .25s}.card-inspect img{width:100%;aspect-ratio:488/680;object-fit:contain;display:block;border-radius:9px}.card-inspect:hover{transform:translateY(-10px);box-shadow:0 15px 24px #0007}.inspect-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#142c23ed;border:1px solid #c8b77e66;border-radius:20px;padding:7px 13px;color:#e4d7ab;font-size:9px;line-height:1;white-space:nowrap;opacity:0;transition:opacity .2s}.card-inspect:hover .inspect-label,.card-inspect:focus-visible .inspect-label{opacity:1}.showcase-item h3{font-size:12px;margin:17px 0 3px;font-weight:600;letter-spacing:-.1px}.showcase-item>p{font-size:9px;color:#9eb096}.showcase-caption{font-size:10px;color:#b1bea7;border-top:1px solid #a5b48a30;margin-top:30px;padding-top:18px;max-width:920px;line-height:1.9}.showcase-caption a{text-decoration:underline;color:#d0bc85}.card-inspect img.failed{opacity:.15}.card-dialog{background:#1c3026;color:#f0e9d9;border:1px solid #b69b5f;width:min(830px,calc(100% - 30px));padding:30px}.card-dialog .close-button{color:#cabb95}.card-dialog-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.card-dialog img{display:block;width:100%;border-radius:12px;aspect-ratio:488/680;object-fit:contain}.card-dialog h2{font-size:28px}.card-dialog .eyebrow{color:#cbb77e}.card-dialog p{color:#bbc6b0;font-size:12px;margin-top:15px}.card-dialog a{margin-top:23px;background:#d0bd88;border-color:#d0bd88;color:#20392a}.showcase-empty{font-size:12px;color:#b9c3af}.failed-note{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center;color:#d5c895;font-size:10px;line-height:1.6}
@media(max-width:1100px){.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hero-card{width:190px}.hero-card.one{left:calc(50% - 165px)}.hero-card.two{left:calc(50% - 13px)}.hero-card.three{left:calc(50% - 90px);top:153px}.hero-card-name{font-size:8px}}
@media(max-width:800px){.hero-card{width:200px}.hero-card.one{left:calc(50% - 190px)}.hero-card.two{left:calc(50% - 10px)}.hero-card.three{left:calc(50% - 100px)}.showcase-grid{gap:23px}.card-dialog-grid{gap:23px}.card-dialog h2{font-size:23px}}
@media(max-width:520px){.hero .art-stage{border-radius:80px 80px 12px 12px;height:420px}.hero-card{width:155px;border-radius:8px}.hero-card.one{left:calc(50% - 142px);top:98px}.hero-card.two{left:calc(50% - 8px);top:98px}.hero-card.three{left:calc(50% - 77px);top:135px}.hero-card-name{font-size:7px;padding:5px}.hero-mana{top:29px;gap:8px}.hero-mana .mana-dot{width:24px;height:24px;font-size:12px}.hero .art-caption{bottom:30px;font-size:8px}.hero .illustration-note{font-size:6px;bottom:10px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.showcase-filters{gap:7px}.showcase-filters button{font-size:10px;padding:7px 11px}.showcase-item h3{font-size:12px;margin-top:12px}.showcase-item>p{font-size:8px}.inspect-label{opacity:1;font-size:8px;padding:5px 10px}.card-dialog-grid{grid-template-columns:1fr;gap:20px}.card-dialog{padding:28px 23px}.card-dialog img{max-width:280px;margin:auto}.card-dialog h2{font-size:24px}.palette-note{font-size:9px}.hero-card:hover{transform:none!important}}
.card-inspect img,.card-dialog img{height:auto}
@media(max-width:520px){nav a[href="#how"],nav a[href="#questions"]{display:none}nav a[href="#showcase"]{display:inline}nav{gap:13px}}
@media(prefers-reduced-motion:reduce){.hero-card,.card-inspect{transition:none}.hero-card:hover,.card-inspect:hover{transform:none!important}}