.game-card .game-type,.game-card i{color:var(--card-a,var(--a))}.pairing .mood{color:var(--mood-a,var(--a))}.pairing-rationale{margin-block:28px}.pairing-rationale p{margin:0;font-size:clamp(17px,2.4vw,19px);line-height:1.55}.pairing-rationale .mood{margin-bottom:12px}.pairing-extras{border-top:1px solid color-mix(in srgb, currentColor 22%, transparent);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:24px;margin-top:30px;padding-top:24px;display:grid}.pairing-extras .snacks,.pairing-extras .music{border:0;min-width:0;margin:0;padding:0}.pairing-extras p{overflow-wrap:anywhere}.pairing-extras+.share-link{margin-top:28px}.system-link{border:1px solid var(--a);background:color-mix(in srgb, var(--a) 10%, transparent);color:#fff;grid-template-columns:1fr auto;gap:7px 18px;margin-top:30px;padding:18px;text-decoration:none;transition:transform .16s,background .16s;display:grid}.system-link:hover{background:var(--system-hover-a,var(--a));color:var(--i);transform:translateY(-2px)}.system-link span{color:var(--system-a,var(--a));font:10px var(--font-dm-mono), monospace;letter-spacing:1px;grid-column:1/-1}.system-link:hover span{color:var(--i)}.system-link strong{font-size:18px;line-height:1.15}.system-link small{border-top:1px solid color-mix(in srgb, currentColor 35%, transparent);font:11px var(--font-dm-mono), monospace;letter-spacing:.25px;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:11px;display:flex}.system-link small b{font-size:18px}.snacks{border-top:1px solid color-mix(in srgb, currentColor 22%, transparent);margin-top:25px;padding-top:16px}.snacks span{color:#cbd3d2;font:10px var(--font-dm-mono), monospace;letter-spacing:1px;display:block}.snacks p{font:13px/1.45 var(--font-dm-mono), monospace;color:#fff;margin:7px 0 0}.music{margin-top:14px}.music span{color:#cbd3d2;font:10px var(--font-dm-mono), monospace;letter-spacing:1px;display:block}.music p{color:#fff;font:13px/1.45 var(--font-dm-mono), monospace;margin:7px 0 0}@media (max-width:520px){.system-link{padding:16px}.system-link strong{font-size:16px}}.filter-note{text-align:center;font:10px var(--font-dm-mono),monospace;letter-spacing:.5px;color:#4e635f;margin:-7px 0 20px}.game-tags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.game-tags span{border:1px solid color-mix(in srgb,var(--a) 75%,#fff);font:10px var(--font-dm-mono),monospace;letter-spacing:.25px;color:#eef2ed;padding:5px 7px}.game-card .game-type{max-width:90%;line-height:1.35}.hero{background:var(--coral);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.hero-copy{z-index:2;min-width:0;padding:clamp(44px, 8vw, 80px) var(--page-x) 0;background:0 0;position:relative;container-type:inline-size}.hero h1{overflow-wrap:normal;max-width:100%;margin:0;font-weight:700}.hero-title-lead,.hero-title-game{font-weight:700;display:block}.hero-title-lead{color:var(--ink);letter-spacing:-.055em;font-size:clamp(76px,29cqi,148px);line-height:.82}.hero-title-game{color:var(--cream);font-family:var(--font-dm-sans), Arial, sans-serif;letter-spacing:-.075em;white-space:nowrap;margin-top:clamp(6px,1.5cqi,10px);font-size:clamp(30px,12.7cqi,86px);line-height:.88}.hero-intro{max-width:31rem;color:var(--ink);letter-spacing:-.02em;margin:clamp(24px,3vw,30px) 0 0;font-size:clamp(17px,2.4vw,20px);font-weight:600;line-height:1.35}.hero-art{isolation:isolate;background:0 0;place-items:center;min-width:0;min-height:0;margin:0;padding:24px 24px 32px;display:grid;position:relative;overflow:hidden}.hero-bottle{z-index:2;aspect-ratio:190/540;width:clamp(118px,22vw,145px);max-width:100%;height:auto;display:block;position:relative;overflow:visible}.hero-art .orbit{border:1px solid var(--ink);aspect-ratio:1;border-radius:50%;width:clamp(380px,75vw,650px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-art .o2{width:clamp(280px,54vw,465px)}.hero-art .spark{z-index:3;color:#f6d67e;font-size:clamp(32px,5vw,50px);position:absolute;transform:none}.hero-art .s1{top:25%;left:20%}.hero-art .s2{color:var(--ink);bottom:18%;right:16%}@media (min-width:1000px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:650px}.hero-copy{padding:72px 24px 72px var(--page-x);align-self:center}.hero-art{padding:48px 32px}.hero-bottle{width:clamp(145px,12vw,180px)}}:root{--page-x:clamp(20px, 6vw, 130px);--section-y:clamp(72px, 11vw, 115px)}html,body{overflow-x:clip}.nav{height:clamp(64px,12vw,74px);padding-inline:var(--page-x)}.navlinks{gap:clamp(12px,3vw,28px)}.pairing{grid-template-columns:1fr}.discover,.how{padding:var(--section-y) var(--page-x)}.section-head h2,.pairing h2,.how h2{letter-spacing:clamp(-3.5px,-.7vw,-1.5px);font-size:clamp(42px,10.5vw,78px);line-height:.86}.section-head>p:last-child{max-width:42rem;font-size:clamp(15px,2.4vw,17px)}.finder{margin-top:clamp(30px,7vw,45px)}.finder input{padding:clamp(15px,3.5vw,19px) clamp(46px,11vw,56px) clamp(15px,3.5vw,19px) clamp(15px,3.5vw,20px);font-size:clamp(15px,3.8vw,16px)}.genrebar{margin-bottom:clamp(28px,8vw,40px)}.genrebar button{padding:clamp(7px,2vw,9px) clamp(10px,2.6vw,13px)}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2.5vw,14px)}.game-card{min-height:clamp(166px,42vw,220px);padding:clamp(15px,4vw,22px)}.game-mark{font-size:clamp(39px,11vw,52px)}.pairing-visual{min-height:clamp(310px,80vw,470px)}.pairing-stage,.pairing-emblem{display:contents}.wine-glass{background:linear-gradient(to bottom, transparent 45%, var(--i) 45%)}.wine-glass>div{display:none}@media (max-width:760px){.pairing-visual .big-mark{place-items:center;width:110px;height:96px;font-size:90px;line-height:1;display:grid;top:calc(100% - 293px);left:50%;transform:translate(-50%)}}.pairing-copy{padding:var(--section-y) var(--page-x)}.beer-name{font-size:clamp(25px,6vw,31px)}.steps{grid-template-columns:1fr;gap:clamp(28px,7vw,40px);margin-top:clamp(42px,9vw,70px)}footer{padding:clamp(30px, 7vw, 40px) var(--page-x)}@media (min-width:761px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.pairing-visual{place-items:center;height:560px;min-height:0;display:grid}.pairing-emblem{aspect-ratio:1/2.6;width:clamp(160px,18vw,240px);display:block;position:relative}.pairing-emblem .big-mark{z-index:1;place-items:center;width:76%;height:26%;font-size:clamp(106px,12vw,160px);line-height:1;display:grid;inset:4% 12% auto;transform:none}.pairing-emblem .wine-glass{background:linear-gradient(to bottom, transparent 48%, var(--i) 48%);border-width:4px;border-radius:6px 6px 50% 50%/6px 6px 28.28% 28.28%;width:100%;height:68%;inset:0 auto auto 0;transform:none}.pairing-emblem .wine-glass:before{width:5px;height:42%;bottom:calc(-42% - 4px);left:calc(50% - 2.5px)}.pairing-emblem .wine-glass:after{width:82%;height:5px;bottom:calc(-42% - 4px);left:9%}}@media (min-width:1100px){.pairing{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.pairing-visual{align-self:stretch;height:auto;display:block;position:relative;overflow:clip}.pairing-stage{place-items:center;height:min(760px,100svh);display:grid;position:sticky;top:0}.pairing-copy{padding-inline:clamp(44px,5vw,100px)}.pairing-copy h2{overflow-wrap:anywhere}.pairing-emblem{width:min(clamp(160px,18vw,240px),30svh)}.pairing-emblem .big-mark{font-size:min(clamp(106px,12vw,160px),20svh)}}@media (min-width:900px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.eyebrow,.filter-note,.game-type,.game-tags span,.beer-name span,.notes span,.snacks span,.music span,.system-link span,.vertical,.tiny,footer p,footer>span{font-size:clamp(12px,2.9vw,14px)}.section-head>p:last-child,.pairing-copy>p,.steps p{font-size:clamp(17px,2.4vw,19px)}.finder input{font-size:clamp(17px,3.8vw,18px)}.genrebar button,.navlinks,.navlinks button,.cta,.save{font-size:clamp(14px,3.4vw,16px)}.game-card{min-height:clamp(178px,45vw,230px)}.game-card strong{font-size:clamp(19px,5.1vw,23px)}.game-card small{font-size:clamp(14px,3.2vw,16px)}.game-card i{font-size:clamp(21px,4vw,24px)}.mood{font-size:clamp(23px,4vw,26px)!important}.notes b{font-size:clamp(15px,3.4vw,17px)}.snacks p,.music p{text-transform:lowercase;font-size:clamp(15px,3.5vw,17px)}.system-link strong{font-size:clamp(18px,4.5vw,21px)}.system-link small{font-size:clamp(13px,3vw,14px)}.share-link{color:#f9f6f0;cursor:pointer;font:clamp(14px, 3.4vw, 16px)/1.45 var(--font-dm-mono), monospace;letter-spacing:.7px;background:0 0;border:1px solid #ffffff8a;margin-top:14px;padding:11px 14px}.share-link:hover{border-color:var(--a);color:var(--a)}.game-card{text-decoration:none;display:block}.back-to-results{width:fit-content;color:inherit;font:clamp(14px, 3.4vw, 16px)/1.5 var(--font-dm-mono), monospace;text-underline-offset:4px;margin-top:24px;display:block}.pairing{scroll-margin-top:0}.pairing h2[tabindex="-1"]:focus,#discover-title[tabindex="-1"]:focus{outline:none}:root{--cream:#f0eadb;--ink:#151d17;--coral:#dfad5d}body{color:var(--cream);background:#080908}.nav{background:#080908;border-bottom-color:#f0eadb26}.logo{color:var(--cream)}.logo span{color:var(--coral)}.navlinks button,.cta{background:var(--coral);color:var(--ink)}.hero{background:#080908}.hero-title-lead,.hero-intro{color:var(--cream)}.hero-title-game{color:var(--coral)}.hero-art .orbit{border-color:#dfad5d55}.hero-art .spark,.hero-art .s2{color:var(--coral)}.discover{background:#121711}.finder input{color:var(--cream);background:#1c241b;border-color:#85907a}.finder input::placeholder{color:#b5beac}.genrebar button{color:var(--cream);border-color:#adb69c80}.genrebar .active{background:var(--coral);color:var(--ink)}.genrebar button.active{box-shadow:3px 3px #78613b}.filter-note{color:#b5beac}.how{background:#080908}.steps div{border-top-color:#f0eadb88}.steps p{color:#bcc3b6}footer{background:#111710}footer>span{color:#bcc3b6}.logo{font-size:clamp(14px,4.2vw,20px)}.logo i{margin-left:3px}.navlinks button{white-space:nowrap}.beer-glass{width:145px;height:270px;position:absolute;bottom:24px;left:50%;overflow:visible;transform:translate(-50%)}@media (max-width:760px){.pairing-visual .big-mark{height:96px;font-size:90px;top:calc(100% - 238px)}}@media (min-width:761px){.pairing-emblem .beer-glass{width:100%;height:100%;inset:0;transform:none}.pairing-emblem .big-mark{top:16%}}