:root{--wine:#660021;--wine-hover:#8e1b3a;--plum:#4a1024;--cream:#f5f1ed;--cream-dim:#e3d2c6;--peach:#e7b89c;--tag:#ffe14d;--ink:#17131a;--ink-2:#3e373c;--mute:#5a5258;--mute-2:#6a6268;--line:#e6e2e4;--line-2:#d9d3d6;--soft:#f4f2f3;--blush:#fbf3f5;--track:#eee9eb;--green:#1f7a4d;--display:"Barlow Condensed", sans-serif;--body:"Inter", sans-serif;--pad:56px;--max:1280px}@media (max-width:900px){:root{--pad:16px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--body);background:#fff;margin:0;font-size:16px;line-height:1.45}img{max-width:100%}a{color:var(--wine)}a:hover{color:var(--wine-hover)}h1,h2,h3{font-family:var(--display);text-transform:uppercase;margin:0;font-weight:800;line-height:.92}button{font:inherit}:focus-visible{outline:3px solid var(--wine);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:var(--max);padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--wine);font-size:13px;font-weight:600}.crumbs{color:var(--mute-2);font-size:14px}.crumbs a{color:var(--mute-2)}.lede{color:var(--mute);max-width:760px;margin:0;font-size:17px}.mute{color:var(--mute-2)}.num{font-family:var(--display);font-weight:800;line-height:1}.score{font-family:var(--display);color:var(--wine);font-weight:800;line-height:1}.btn{border:2px solid var(--wine);background:var(--wine);color:#fff;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.btn:hover{background:var(--wine-hover);border-color:var(--wine-hover);color:#fff}.btn.ghost{color:var(--wine);background:#fff}.btn.ghost:hover{background:var(--blush);color:var(--wine-hover)}.btn.cream{background:var(--cream);border-color:var(--cream);color:var(--plum)}.btn.cream:hover{color:var(--plum);background:#fff;border-color:#fff}.btn.line-cream{border-color:var(--cream);color:var(--cream);background:0 0}.btn.sm{padding:10px 16px;font-size:14px}.btn.block{width:100%}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:999px;align-items:center;min-height:40px;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}.pill:hover{border-color:var(--wine);color:var(--wine)}.pill.on{background:var(--wine);border-color:var(--wine);color:#fff;font-weight:600}.chip{background:var(--soft);border-radius:999px;padding:8px 14px;font-size:14px}.tagpill{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:999px;padding:12px 20px;font-size:16px;font-weight:600;text-decoration:none}.tagpill.on,.tagpill:hover{background:var(--tag);color:var(--ink)}.tagpill.off,.tagpill.off:hover{border-color:var(--line-2);color:#b9b0b5;cursor:default;background:#fff}.hdr{border-bottom:1px solid var(--line);z-index:40;background:#fff;position:sticky;top:0}.hdr .wrap{justify-content:space-between;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px;display:flex}.hdr .logo img{width:auto;height:52px;display:block}.hdr nav{gap:28px;font-size:14px;font-weight:500;display:flex}.hdr nav a{color:var(--ink);text-decoration:none}.hdr nav a.on,.hdr nav a:hover{color:var(--wine)}.hdr nav a.on{font-weight:600}.hdr .menu{display:none}@media (max-width:1000px){.hdr .logo img{height:42px}.hdr nav,.hdr .cta{display:none}.hdr .menu{display:block}}.menu summary{border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu[open] .sheet{display:flex}.menu .sheet{border-bottom:1px solid var(--line);padding:8px var(--pad) 20px;background:#fff;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.menu .sheet a{border-bottom:1px solid var(--line);color:var(--ink);padding:14px 0;font-weight:600;text-decoration:none}.tabbar{display:none}@media (max-width:700px){.tabbar{z-index:45;border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--ink);padding:10px 0;font-size:13px;font-weight:600;text-decoration:none}.tabbar a.on{color:var(--wine)}body{padding-bottom:64px}}.ftr{border-top:1px solid var(--line);margin-top:80px}.ftr .wrap{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-top:48px;padding-bottom:48px;font-size:14px;display:grid}.ftr .col{flex-direction:column;gap:10px;display:flex}.ftr .col a{text-decoration:none}.ftr .about{color:var(--mute)}.ftr .about img{align-self:flex-start;width:auto;height:64px}@media (max-width:800px){.ftr .wrap{grid-template-columns:1fr 1fr}.ftr .about{grid-column:1/-1}}.stamp{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.bottle{justify-content:center;align-items:flex-end;display:flex}.bottle img{object-fit:contain;width:auto;height:100%;display:block}.bottle svg{display:block}.hero{position:relative}.hero .wrap{justify-content:space-between;align-items:flex-end;gap:40px;padding-top:56px;padding-bottom:28px;display:flex}.hero h1{max-width:820px;font-size:clamp(50px,7.5vw,96px)}.hero .side{color:var(--mute);flex-direction:column;gap:8px;max-width:260px;font-size:14px;display:flex}.hero .side strong{color:var(--ink)}.hero .stamp{right:calc(var(--pad) + 40px);width:150px;top:40px;transform:rotate(-10deg)}@media (max-width:900px){.hero .wrap{flex-direction:column;align-items:flex-start;gap:14px;padding-top:24px}.hero .stamp{width:70px;top:6px;right:12px}.hero .eyebrow{padding-right:76px}}.board{flex-direction:column;display:flex}.board .head,.board .row{grid-template-columns:80px 44px minmax(0,1fr) 150px 120px 90px 170px;align-items:center;gap:16px;display:grid}.board .head{letter-spacing:1px;text-transform:uppercase;color:var(--mute-2);border-bottom:2px solid var(--ink);padding:10px 0;font-size:12px;font-weight:600}.board .row{border-bottom:1px solid var(--line);padding:12px 0}.board .rank{font-size:44px}.board .bottle{height:72px}.board .name{color:var(--ink);flex-direction:column;gap:4px;min-width:0;text-decoration:none;display:flex}.board .name b{font-size:18px;font-weight:600}.board .name span{color:var(--mute-2);font-size:14px}.board .name:hover b{color:var(--wine)}.board .stat{font-size:15px}.board .stat b{font-weight:600}.board .stat span{color:var(--mute-2)}.board .score{font-size:38px}.board .meta{display:none}@media (max-width:1000px){.board .head{display:none}.board .row{grid-template-columns:44px 26px minmax(0,1fr) 56px;gap:10px}.board .rank{font-size:34px}.board .bottle{height:56px}.board .stat,.board .buy{display:none}.board .meta{display:inline}.board .name b{font-size:15px}.board .name span{font-size:12px}.board .score{text-align:right;font-size:30px}}.sec{margin-top:72px}.sec-head{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;display:flex}.sec-head h2{font-size:clamp(34px,4vw,48px)}.grid{gap:18px;display:grid}.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1000px){.g6,.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.g6,.g3,.g2{grid-template-columns:1fr}.g5{grid-template-columns:repeat(2,minmax(0,1fr))}}.typecard{border:1px solid var(--line);color:var(--ink);border-radius:18px;flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.typecard:hover{border-color:var(--wine);color:var(--ink);transform:translateY(-2px)}.typecard b{font-family:var(--display);text-transform:uppercase;font-size:26px;font-weight:700}.typecard span{color:var(--mute-2);font-size:13px}.promo{border-radius:26px;flex-direction:column;gap:14px;padding:36px;text-decoration:none;display:flex}.promo .big{font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,4.4vw,52px);font-weight:800;line-height:.95}.promo.tag{background:var(--tag);color:var(--ink)}.promo.tag:hover{color:var(--ink)}.promo.plum{background:var(--plum);color:var(--cream)}.promo.plum:hover{color:var(--cream)}.promo .small{letter-spacing:1.5px;text-transform:uppercase;font-size:13px;font-weight:600}.promo.plum .small{color:var(--peach)}.promo .stores{flex-wrap:wrap;gap:8px;font-size:14px;font-weight:600;display:flex}.promo .stores span{border:2px solid var(--ink);border-radius:999px;padding:8px 14px}.promo .stores span.off{color:#17131a66;border-color:#17131a40}.filters span.off{color:#b9b0b5;cursor:default;align-items:center;gap:8px;padding:6px 0;display:flex}.tile{color:var(--ink);flex-direction:column;gap:10px;text-decoration:none;display:flex}.tile .shot{background:var(--soft);border-radius:18px;justify-content:center;align-items:flex-end;height:222px;padding:24px 0;display:flex;position:relative;overflow:hidden}.tile .shot .bottle{height:100%;transition:transform .35s}.tile:hover .shot .bottle{transform:translateY(-6px)scale(1.03)}.tile .shot .n{font-family:var(--display);font-size:28px;font-weight:800;position:absolute;top:12px;left:14px}.tile .shot .sc{font-family:var(--display);color:var(--wine);font-size:28px;font-weight:800;position:absolute;top:12px;right:14px}.tile b{font-size:17px;font-weight:600}.tile span{color:var(--mute-2);font-size:14px}.tile:hover b{color:var(--wine)}.boxed{border:2px solid var(--ink);border-radius:26px;padding:40px}.signup{justify-content:space-between;align-items:center;gap:40px;display:flex}.signup form{flex-wrap:wrap;gap:10px;display:flex}.field{font:inherit;border:1px solid var(--line-2);border-radius:999px;width:280px;max-width:100%;min-height:44px;padding:14px 18px;font-size:15px}@media (max-width:800px){.signup{flex-direction:column;align-items:flex-start}.boxed,.promo{padding:24px}}.page-head{flex-direction:column;gap:14px;padding-top:40px;padding-bottom:24px;display:flex}.page-head h1{max-width:1050px;font-size:clamp(48px,7vw,92px)}.tabsrow{border-bottom:1px solid var(--line);padding-bottom:20px}.layout{gap:40px;padding-top:30px;display:flex}.filters{flex-direction:column;flex-shrink:0;gap:26px;width:230px;font-size:14px;display:flex}.filters .grp{flex-direction:column;gap:4px;display:flex}.filters strong{letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:12px}.filters a{color:var(--ink);align-items:center;gap:8px;padding:6px 0;text-decoration:none;display:flex}.filters a .box{border:1.5px solid var(--line-2);border-radius:4px;flex-shrink:0;width:16px;height:16px;display:inline-block}.filters a.on .box{background:var(--wine);border-color:var(--wine)}.filters a.on{font-weight:600}.filters a:hover{color:var(--wine)}.listcol{flex-direction:column;flex-grow:1;min-width:0;display:flex}.listbar{color:var(--mute-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:14px;display:flex}.list .row{border-top:1px solid var(--line);grid-template-columns:70px 34px minmax(0,1fr) 110px 80px 160px;align-items:center;gap:16px;padding:12px 0;display:grid}.list .rank{font-size:40px}.list .bottle{height:60px}.list .name{color:var(--ink);flex-direction:column;gap:3px;min-width:0;text-decoration:none;display:flex}.list .name b{font-size:17px;font-weight:600}.list .name span{color:var(--mute-2);font-size:13px}.list .name:hover b{color:var(--wine)}.list .score{font-size:36px}.more{border-top:1px solid var(--line);color:var(--mute-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:26px 0;font-size:14px;display:flex}.filters-toggle{display:none}@media (max-width:1000px){.layout{flex-direction:column;gap:16px}.filters{flex-flow:wrap;gap:20px;width:auto;display:none}.filters-toggle{display:block}.filters-toggle[open]+.filters{display:flex}.filters .grp{min-width:140px}.list .row{grid-template-columns:40px 24px minmax(0,1fr) 48px;gap:10px}.list .rank{font-size:30px}.list .bottle{height:48px}.list .cmp,.list .buy{display:none}.list .score{text-align:right;font-size:28px}.list .name b{font-size:15px}}.empty{color:var(--mute);padding:40px 0;font-size:16px}.cmp{color:var(--mute-2);cursor:pointer;align-items:center;gap:6px;min-height:44px;font-size:13px;display:flex}.cmp input{width:18px;height:18px;accent-color:var(--wine)}.tray{z-index:50;border:2px solid var(--ink);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;width:min(960px,100% - 24px);padding:14px 18px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #17131a2e}.tray .picked{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.tray .picked .chip{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:220px;display:inline-flex;overflow:hidden}.tray .picked button{color:var(--mute-2);cursor:pointer;background:0 0;border:0;padding:0 0 0 4px;font-size:16px;line-height:1}.tray .slot{color:var(--mute-2);border:1px dashed #b9b0b5;border-radius:999px;padding:8px 14px}@media (max-width:700px){.tray{flex-direction:column;align-items:stretch;bottom:74px}.tray .slot{display:none}}.stage{background:var(--plum);color:var(--cream)}.stage .wrap{flex-direction:column;gap:26px;padding-top:30px;padding-bottom:56px;display:flex}.stage .crumbs,.stage .crumbs a{color:var(--cream-dim)}.stage .grid3{grid-template-columns:1fr 300px 1fr;align-items:center;gap:40px;display:grid}.stage .info{flex-direction:column;gap:20px;display:flex}.stage .kicker{letter-spacing:2px;text-transform:uppercase;color:var(--peach);font-size:13px;font-weight:600}.stage h1{font-size:clamp(42px,6vw,80px)}.stage .sub{color:var(--cream-dim);max-width:440px;font-size:17px;line-height:1.55}.stage .acts{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.stage .acts a.text{color:var(--cream);font-size:15px;font-weight:600}.stage .pic{justify-content:center;height:520px;display:flex;position:relative}.stage .pic .bottle{height:100%}.stage .pic .stamp{width:130px;top:270px;right:-6px;transform:rotate(8deg)}.stage .big{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.stage .big .num{font-size:clamp(110px,15vw,200px);line-height:.85}.stage .big .lbl{letter-spacing:2px;text-transform:uppercase;color:var(--peach);font-size:13px;font-weight:600}.stage .big a{color:var(--cream);font-size:14px}@media (max-width:900px){.stage .grid3{grid-template-columns:110px 1fr;gap:14px}.stage .info{order:3;grid-column:1/-1}.stage .pic{height:260px}.stage .pic .stamp{width:70px;top:150px;right:-14px}.stage .big{align-items:flex-start}}.wine-body{grid-template-columns:minmax(0,1fr) 400px;gap:48px;padding-top:48px;display:grid}.wine-body .main{flex-direction:column;gap:44px;min-width:0;display:flex}.wine-body h2{margin-bottom:18px;font-size:clamp(28px,3.4vw,40px)}.parts{flex-direction:column;gap:18px;display:flex}.part{grid-template-columns:170px minmax(0,1fr) 240px;align-items:center;gap:16px;display:grid}.part .lbl{font-size:15px;font-weight:600}.bar{background:var(--track);border-radius:999px;height:12px;display:flex;overflow:hidden}.bar i{background:var(--wine);border-radius:999px;display:block}.part .note{color:var(--mute-2);text-align:right;font-size:14px}@media (max-width:700px){.part{grid-template-columns:1fr auto;gap:6px}.part .bar{order:3;grid-column:1/-1}.part .note{font-size:13px}}.critic{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:18px;display:flex}.critic span{color:var(--mute-2);font-size:13px}.critic b{font-family:var(--display);font-size:36px;font-weight:800}.taste{flex-direction:column;gap:14px;display:flex}.taste .t{grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:14px;font-size:14px;display:grid}.taste .t span:last-child{text-align:right}.taste .track{background:var(--track);border-radius:999px;height:10px;display:block;position:relative}.taste .knob{background:var(--wine);border-radius:999px;width:44px;height:16px;margin-left:-22px;position:absolute;top:-3px}.ranked-on{flex-wrap:wrap;gap:12px;display:flex}.ranked-on a,.ranked-on span{border:1px solid var(--line);border-radius:14px;padding:12px 18px;font-size:15px;font-weight:600;text-decoration:none}.ranked-on .ed{background:var(--tag);border-color:var(--tag);color:var(--ink)}.buybox{border:2px solid var(--ink);border-radius:24px;flex-direction:column;align-self:start;gap:12px;padding:26px;display:flex;position:sticky;top:104px}.buybox .t{font-family:var(--display);text-transform:uppercase;font-size:32px;font-weight:800}.buybox .shop{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.buybox .shop div{flex-direction:column;gap:2px;min-width:0;display:flex}.buybox .shop b{font-size:16px}.buybox .shop span{color:var(--mute-2);text-overflow:ellipsis;font-size:13px;overflow:hidden}.fine{color:var(--mute-2);font-size:12px;line-height:1.5}@media (max-width:1000px){.wine-body{grid-template-columns:1fr}.buybox{position:static}}.stickybuy{z-index:44;border-top:2px solid var(--ink);background:#fff;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.stickybuy.show{transform:none}.stickybuy .wrap{justify-content:space-between;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px;display:flex}.stickybuy strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}@media (max-width:700px){.stickybuy{bottom:58px}.stickybuy .nm{display:none}}.shelf-head{flex-direction:column;gap:18px;padding-top:44px;padding-bottom:30px;display:flex;position:relative}.shelf-head h1{max-width:1000px;font-size:clamp(54px,7.2vw,92px)}.shelf-head h1 mark{background:var(--tag);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:14px;padding:0 14px}.shelf-head .stamp{right:var(--pad);width:160px;top:60px;transform:rotate(12deg)}@media (max-width:900px){.shelf-head .stamp{width:64px;top:10px}}.under{border-bottom:1px solid var(--line);gap:26px;padding-top:28px;font-size:15px;font-weight:600;display:flex;overflow-x:auto}.under a{color:var(--ink);white-space:nowrap;border-bottom:3px solid #0000;padding-bottom:14px;text-decoration:none}.under a.on{border-bottom-color:var(--wine);color:var(--wine)}.tagcard{border:2px solid var(--ink);background:#fff;border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative}.tagcard .shot{background:var(--soft);border-radius:14px;justify-content:center;height:216px;padding:18px 0;display:flex}.tagcard .shot .bottle{height:100%}.tagcard .flag{background:var(--tag);border:2px solid var(--ink);font-family:var(--display);border-radius:10px 4px 4px 10px;padding:6px 12px;font-size:30px;font-weight:800;line-height:1;position:absolute;top:30px;left:-12px;transform:rotate(-6deg)}.tagcard .at{color:var(--wine);font-size:13px;font-weight:600}.tagcard .nm{color:var(--ink);font-size:19px;font-weight:600;line-height:1.2;text-decoration:none}.tagcard .nm:hover{color:var(--wine)}.tagcard .ds{color:var(--mute-2);font-size:14px}.tagcard .btn{margin-top:auto}.aisle{background:var(--tag);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin-top:56px;padding:32px;display:flex}.aisle b{font-family:var(--display);text-transform:uppercase;font-size:38px;font-weight:800;display:block}@media (max-width:800px){.aisle{flex-direction:column;align-items:flex-start;padding:22px}}.search{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:10px;width:360px;max-width:100%;padding:10px 18px;font-size:15px;display:flex}.search input{font:inherit;background:0 0;border:0;outline:0;flex-grow:1;min-width:0;min-height:28px}.pickgrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.pickgrid .cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;flex-direction:column;justify-content:space-between;gap:12px;padding:20px;display:flex}.pickgrid .cell.on{background:var(--blush)}.pickgrid .top{color:var(--mute-2);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.pickgrid .top .score{font-size:26px}.pickgrid .bottle{height:180px}.pickgrid .nm{flex-direction:column;gap:4px;font-size:14px;display:flex}.pickgrid .nm a{color:var(--ink);font-weight:600;text-decoration:none}@media (max-width:1000px){.pickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pickgrid .bottle{height:130px}}.vs{grid-template-columns:200px repeat(var(--n), minmax(0, 1fr));border-top:2px solid var(--ink);display:grid}.vs>div{border-top:1px solid var(--line);border-left:1px solid var(--line);text-align:center;padding:18px 16px;font-size:15px;font-weight:600}.vs>div.lbl{text-align:left;color:var(--mute);border-left:0;padding-left:0;font-size:14px}.vs>div.col{border-top:0;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}.vs .badge{letter-spacing:1px;text-transform:uppercase;background:var(--soft);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.vs .badge.top{background:var(--tag)}.vs .bottle{height:200px}.vs .big{font-family:var(--display);color:var(--wine);font-size:44px;font-weight:800}.vs .foot{border-top:2px solid var(--ink)}@media (max-width:800px){.vs{grid-template-columns:90px repeat(var(--n), minmax(0, 1fr));font-size:13px}.vs>div{padding:12px 6px;font-size:13px}.vs .bottle{height:110px}.vs .big{font-size:32px}}.feature{background:var(--plum);color:var(--cream);border-radius:26px;grid-template-columns:360px 1fr;gap:40px;padding:36px;display:grid;position:relative}.feature .pic{justify-content:center;height:420px;display:flex}.feature .pic .bottle{height:100%}.feature .txt{flex-direction:column;justify-content:center;gap:18px;display:flex}.feature .k{letter-spacing:2px;text-transform:uppercase;color:var(--peach);font-size:13px;font-weight:600}.feature .nm{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,5.4vw,68px);font-weight:800;line-height:.92}.feature .d{color:var(--cream-dim);max-width:480px;font-size:17px}.feature .acts{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.feature .acts a.text{color:var(--cream);font-weight:600}.feature .stamp{width:130px;top:290px;left:250px;transform:rotate(10deg)}@media (max-width:800px){.feature{grid-template-columns:1fr;padding:24px}.feature .pic{height:280px}.feature .stamp{width:80px;top:200px;left:auto;right:20px}}.split{grid-template-columns:50fr 30fr 20fr;gap:6px;min-height:160px;display:grid}.split>div{flex-direction:column;justify-content:space-between;gap:12px;padding:24px;display:flex}.split .num{font-size:64px}.split span:last-child{font-size:16px;font-weight:600}.split .a{background:var(--wine);color:#fff;border-radius:20px 6px 6px 20px}.split .b{background:var(--plum);color:var(--cream);border-radius:6px}.split .c{background:var(--tag);color:var(--ink);border-radius:6px 20px 20px 6px}@media (max-width:700px){.split{grid-template-columns:1fr}.split>div{border-radius:16px!important}.split .num{font-size:48px}}.prose p{color:var(--ink-2);margin:0;font-size:16px;line-height:1.6}.prose h2{margin-bottom:12px;font-size:36px}.rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;font-size:16px;line-height:1.5;display:grid}@media (max-width:700px){.rules{grid-template-columns:1fr}}.side-nav{flex-direction:column;flex-shrink:0;gap:4px;width:220px;font-size:15px;font-weight:600;display:flex}.side-nav a{color:var(--ink);border-radius:12px;padding:12px 16px;text-decoration:none}.side-nav a:hover{background:var(--blush);color:var(--wine)}.article{flex-direction:column;flex-grow:1;gap:22px;max-width:760px;display:flex}.article h1{font-size:clamp(48px,6.5vw,84px)}.article h2{margin-top:24px;scroll-margin-top:100px;font-size:44px}.article p{color:var(--ink-2);margin:0;font-size:17px;line-height:1.6}@media (max-width:800px){.side-nav{display:none}}.quiz{flex-direction:column;min-height:100vh;display:flex}.quiz.plum{background:var(--plum);color:var(--cream)}.quiz .qhdr{padding:22px var(--pad);justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz .wordmark{font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;color:var(--cream);font-size:28px;font-weight:800;text-decoration:none}.quiz .wordmark span{color:var(--peach)}.quiz .close{font-size:14px;font-weight:600}.quiz.plum .close{color:var(--cream)}.quiz .start{padding:0 var(--pad) 40px;flex-grow:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.quiz .start h1{font-size:clamp(56px,8vw,104px);line-height:.9}.quiz .start .d{color:var(--cream-dim);max-width:520px;font-size:18px;line-height:1.5}.quiz .get{border:1px solid #f6ece44d;border-radius:18px;align-items:center;gap:16px;padding:20px;font-size:17px;display:flex}.quiz .get .num{font-size:40px}@media (max-width:900px){.quiz .start{grid-template-columns:1fr;gap:30px}}.progress{margin:0 var(--pad);background:var(--track);border-radius:999px;height:8px;display:flex;overflow:hidden}.progress i{background:var(--wine);border-radius:999px;transition:width .4s;display:block}.qbody{padding:40px var(--pad);flex-direction:column;flex-grow:1;justify-content:center;gap:40px;display:flex}.qbody h1{font-size:clamp(48px,7.4vw,96px)}.opts{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.opt{font:inherit;text-align:left;border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:22px;flex-direction:column;gap:10px;min-height:180px;padding:26px;transition:border-color .2s,background .2s,transform .2s;display:flex}.opt:hover{border-color:var(--wine);transform:translateY(-2px)}.opt.on{border-color:var(--wine);background:var(--blush)}.opt b{font-family:var(--display);text-transform:uppercase;font-size:34px;font-weight:800;line-height:.95}.opt span{color:var(--mute);font-size:15px}@media (max-width:900px){.opts{grid-template-columns:1fr 1fr}.opt{min-height:130px;padding:18px}.opt b{font-size:26px}}.qfoot{padding:22px var(--pad);border-top:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.qfoot button.text{color:var(--wine);cursor:pointer;background:0 0;border:0;min-height:44px;font-size:15px;font-weight:600}.result-top{background:var(--plum);color:var(--cream)}.result-top .wrap{flex-direction:column;gap:40px;padding-top:22px;padding-bottom:56px;display:flex}.result-top .grid2{grid-template-columns:1fr 380px;align-items:center;gap:56px;display:grid}.result-top h1{font-size:clamp(64px,9vw,110px);line-height:.88}.result-top .d{color:var(--cream-dim);max-width:560px;font-size:18px;line-height:1.5}.result-top .traits{flex-direction:column;gap:12px;max-width:520px;display:flex}.result-top .traits .t{grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;gap:12px;font-size:14px;display:grid}.result-top .traits .t span:last-child{text-align:right}.result-top .traits .track{background:#f6ece440;border-radius:999px;height:10px;display:block;position:relative}.result-top .traits .knob{background:var(--cream);border-radius:999px;width:40px;height:16px;margin-left:-20px;position:absolute;top:-3px}.sharecard{aspect-ratio:4/5;background:var(--tag);width:340px;max-width:100%;color:var(--ink);border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative}.sharecard .im{font-family:var(--display);text-transform:uppercase;font-size:20px;font-weight:800}.sharecard .pn{font-family:var(--display);text-transform:uppercase;font-size:60px;font-weight:800;line-height:.88}.sharecard .u{font-size:15px;font-weight:600}.sharecard .stamp{width:100px;top:18px;right:18px;transform:rotate(10deg)}@media (max-width:900px){.result-top .grid2{grid-template-columns:1fr;gap:30px}}.match{color:var(--green);font-size:14px;font-weight:600}.age{background:var(--plum);min-height:100vh;color:var(--cream);justify-content:center;align-items:center;padding:40px 16px;display:flex}.age .in{text-align:center;flex-direction:column;align-items:center;gap:26px;max-width:620px;display:flex}.age img{width:260px;height:auto}.age h1{font-size:clamp(56px,9vw,88px)}.age .d{color:var(--cream-dim);font-size:16px}.age .acts{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.age label{color:var(--cream-dim);align-items:center;gap:10px;font-size:14px;display:flex}.age .fine{color:#d8c2b4;max-width:460px}.age .fine a{color:var(--cream)}.age .no{color:var(--cream-dim);font-size:15px}.js-motion [data-reveal]{opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.js-motion [data-reveal]{opacity:1!important;transform:none!important}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.locked{position:relative}.locked .list{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.locked .over{background:linear-gradient(#ffffff59,#ffffffe6);justify-content:center;align-items:flex-start;padding-top:40px;display:flex;position:absolute;inset:0}.unlock{border:2px solid var(--ink);background:#fff;border-radius:22px;flex-direction:column;gap:10px;width:min(560px,100% - 32px);padding:26px;display:flex;box-shadow:0 16px 50px #17131a29}.unlock b{font-family:var(--display);text-transform:uppercase;font-size:34px;font-weight:800;line-height:1}.unlock .row{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.unlock .row .field{flex:220px;width:auto}.unlock .err{color:var(--wine);font-size:13px}.unlock .fine{margin-top:2px}.page-loading{z-index:1000;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.page-loading i{background:var(--wine);width:40%;animation:1s ease-in-out infinite page-loading;position:absolute;inset:0 auto 0 0}@keyframes page-loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}.page-loading+*{min-height:70vh}
