:root{--bg:#1a1310;--bg-2:#251a15;--bg-3:#322319;--text:#efe5d6;--text-soft:#c2b3a1;--wine:#9c2f3e;--wine-deep:#5a1019;--accent:#e2727e;--gold:#d6a052;--rose:#e6a6a6;--on-wine:#f3e7d9;--line:#3a2b22;--shadow:rgba(0,0,0,.55);--serif:"VinoNum","Cormorant Garamond","Noto Serif JP",serif;--mincho:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.95;letter-spacing:.02em;overflow-x:hidden;background-image:radial-gradient(circle at 12% 8%,rgba(156,47,62,.1),transparent 42%),radial-gradient(circle at 88% 92%,rgba(214,160,82,.06),transparent 45%)}.wrap{max-width:880px;margin:0 auto;padding:0 26px}.crumbs{max-width:880px;margin:0 auto;padding:26px 26px 0;font-size:.72rem;color:var(--text-soft);letter-spacing:.06em}.crumbs a{color:var(--text-soft);text-decoration:none;transition:color .2s ease}.crumbs a:hover,.crumbs span{color:var(--gold)}header.art{max-width:880px;margin:0 auto;padding:40px 26px 10px;position:relative}header.art .kicker{display:inline-block;font-family:var(--sans);font-weight:500;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1em}header.art .kicker:before{content:"";display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:.9em;opacity:.8}header.art h1{font-family:var(--serif);font-weight:500;color:var(--accent);font-size:clamp(2.1rem,6.2vw,3.3rem);line-height:1.18;letter-spacing:.01em;margin:.05em 0 .25em}header.art .reading{font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft)}.answer{position:relative;background:linear-gradient(180deg,#32231980,#251a1580);border:1px solid var(--line);border-radius:3px;padding:26px 28px 28px;margin:30px 0 12px}.answer:before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:2px;background:linear-gradient(180deg,var(--gold),transparent)}.answer .lbl{display:inline-block;font-family:var(--sans);font-weight:500;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.9em}.answer p{font-family:var(--mincho);font-weight:500;font-size:1.18rem;line-height:1.95;color:var(--on-wine);margin:0;letter-spacing:.01em}.answer strong{color:var(--accent);font-weight:600}.howto-steps{margin:30px 0 8px}.howto-steps>h2{font-family:var(--mincho);font-weight:600;font-size:1.32rem;color:var(--text);margin:0 0 .8em;padding-bottom:.4em;border-bottom:1px solid var(--line)}ol.steps{list-style:none;counter-reset:step;margin:0;padding:0}ol.steps>li{counter-increment:step;position:relative;padding:0 0 18px 52px;margin:0}ol.steps>li:before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;font-size:.95rem;color:var(--bg);background:linear-gradient(150deg,var(--gold),#b9863f);border-radius:50%}ol.steps>li:after{content:"";position:absolute;left:17px;top:34px;bottom:2px;width:1px;background:var(--line)}ol.steps>li:last-child{padding-bottom:0}ol.steps>li:last-child:after{display:none}ol.steps>li b{display:block;font-family:var(--sans);font-weight:700;font-size:1rem;color:var(--text);margin-bottom:.25em}ol.steps>li span{display:block;font-size:.96rem;line-height:1.85;color:var(--text-soft)}ol.steps>li span strong{color:var(--accent);font-weight:600}.cmp{margin:26px 0 8px;overflow-x:auto}.cmp table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:480px}.cmp th,.cmp td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.7}.cmp thead th{font-family:var(--sans);font-weight:700;font-size:.9rem;color:var(--text);background:var(--bg-3);border-bottom:1px solid var(--line)}.cmp thead th:nth-child(2){color:var(--accent)}.cmp thead th:nth-child(3){color:var(--gold)}.cmp tbody th{font-family:var(--sans);font-weight:700;font-size:.86rem;color:var(--text-soft);white-space:nowrap;background:#3223194d}.cmp tbody td{color:var(--text)}.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none}.prose{padding:16px 0 4px;font-size:1.04rem}.prose h2{font-family:var(--serif);font-weight:600;color:var(--accent);font-size:clamp(1.6rem,4.5vw,2rem);line-height:1.28;margin:2.4em 0 .85em}.prose h2:before{content:"";display:block;width:36px;height:2px;background:var(--gold);margin-bottom:.7em}.prose h3{font-family:var(--mincho);font-weight:600;font-size:1.16rem;color:var(--gold);margin:1.9em 0 .5em}.prose p{margin-bottom:1.5em;color:var(--text-soft);line-height:2.05}.prose strong{color:var(--text);font-weight:500}.prose a{color:var(--rose);text-decoration:none;border-bottom:1px solid rgba(230,166,166,.3);transition:color .2s ease,border-color .2s ease}.prose a:hover{color:var(--gold);border-color:var(--gold)}.prose ul,.prose ol{margin:0 0 1.4em 1.2em;color:var(--text-soft)}.prose li{margin:.45em 0;line-height:1.9}.prose blockquote{border-left:2px solid var(--gold);background:var(--bg-2);border-radius:0 3px 3px 0;padding:14px 20px;margin:1.4em 0;color:var(--text-soft);font-family:var(--mincho);font-size:.98rem}.faq{margin:2.6em 0 0}.faq h2{font-family:var(--serif);font-weight:600;color:var(--accent);font-size:clamp(1.5rem,4.5vw,1.85rem);margin-bottom:.7em}.faq h2:before{content:"";display:block;width:34px;height:2px;background:var(--gold);margin-bottom:.7em}.faq details{border-bottom:1px solid var(--line);background:transparent;padding:0}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font-family:var(--mincho);font-weight:500;font-size:1.02rem;color:var(--text);position:relative;transition:color .2s ease}.faq summary:hover{color:var(--gold)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.35rem;line-height:1;font-weight:300}.faq details[open] summary:after{content:"−"}.faq .a{padding:0 0 20px;color:var(--text-soft);font-size:.95rem;line-height:1.95}.related{margin:2.8em 0 0;border-top:1px solid var(--line);padding-top:1.6em}.related h2{font-family:var(--sans);font-weight:500;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1em}.related ul{list-style:none}.related li{margin:0;border-bottom:1px solid rgba(58,43,34,.5)}.related a{display:block;padding:13px 0;color:var(--text-soft);text-decoration:none;font-size:.95rem;transition:color .2s ease,padding .2s ease}.related a:hover{color:var(--gold);padding-left:8px}.related a:before{content:"›";color:var(--gold);margin-right:.7em}.dex-head{display:flex;align-items:baseline;gap:16px;margin:46px 0 16px}.dex-head:first-of-type{margin-top:26px}.dex-head .lbl{font-family:var(--sans);font-weight:600;font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.dex-head .ja{font-family:var(--mincho);font-size:.92rem;color:var(--text-soft);letter-spacing:.04em}.dex-head .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);align-self:center}.dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}@media(max-width:560px){.dex{grid-template-columns:1fr}}.dex a{display:flex;flex-direction:column;background:var(--bg-2);padding:24px 24px 22px;text-decoration:none;transition:background .25s ease}.dex a:hover{background:var(--bg-3)}.dex .dx-k{display:block;font-family:var(--sans);font-weight:500;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.85em}.dex .dx-t{display:block;font-family:var(--serif);font-weight:600;font-size:1.26rem;color:var(--text);line-height:1.32;transition:color .2s ease}.dex a:hover .dx-t{color:var(--accent)}.dex .dx-t .grape-type{font-size:.6rem;padding:3px 10px;top:-.14em}.dex .dx-d{display:block;font-size:.84rem;color:var(--text-soft);line-height:1.78;margin-top:.55em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dex .dx-go{display:block;margin-top:auto;padding-top:1em;font-size:.72rem;letter-spacing:.06em;color:var(--gold)}.dex .dx-go:after{content:" →";transition:margin .3s ease}.dex a:hover .dx-go:after{margin-left:5px}.wrap-dex{max-width:1180px;margin:0 auto;padding:0 32px}.wrap-dex .updated{margin-top:2em}header.art.art-dex{max-width:1180px;padding-left:32px;padding-right:32px}.crumbs.crumbs-dex{max-width:1180px;padding-left:32px;padding-right:32px}::selection{background:var(--wine);color:var(--on-wine)}.dex .dx-img{display:block;margin:-24px -24px 18px;aspect-ratio:3/2;overflow:hidden;border-bottom:1px solid var(--line)}.dex .dx-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;filter:saturate(.95) brightness(.92)}.dex a:hover .dx-img img{transform:scale(1.05)}.wgal{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:24px 0 8px}.wgal figure{margin:0}.wgal img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px;border:1px solid var(--line);filter:saturate(.96) brightness(.96)}.wgal figcaption{font-size:.68rem;color:#f3e7d973;margin-top:.6em;letter-spacing:.03em;line-height:1.7}.wgal figcaption a{color:#e6a6a699;text-decoration:none}.wgal figcaption a:hover{color:var(--gold)}.wmapframe{margin:1.5em 0 0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg-3)}.wmapframe iframe{display:block;width:100%;height:300px;border:0;filter:grayscale(.18) contrast(.95)}.wfig{margin:26px 0 8px}.wfig img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--line);filter:saturate(.96) brightness(.96)}.wfig figcaption{font-size:.7rem;color:#f3e7d973;margin-top:.7em;letter-spacing:.04em;line-height:1.7}.wfig figcaption a{color:#e6a6a699;text-decoration:none}.wfig figcaption a:hover{color:var(--gold)}.winfo{width:100%;border-collapse:collapse;font-size:.9rem;margin:1.3em 0 0}.winfo th{font-family:var(--sans);font-weight:500;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text);text-align:left;padding:11px 14px 11px 0;white-space:nowrap;border-bottom:1px solid rgba(58,43,34,.5);width:6.5em;vertical-align:top}.winfo td{color:var(--text-soft);padding:11px 0;border-bottom:1px solid rgba(58,43,34,.5);line-height:1.8}.winfo tr:last-child th,.winfo tr:last-child td{border-bottom:none}.winfo .wmap{display:inline-block;margin-left:1em;font-size:.78rem;color:var(--rose);text-decoration:none;border-bottom:1px solid rgba(230,166,166,.3)}.winfo .wmap:hover{color:var(--gold);border-color:var(--gold)}.wsib{margin:2.8em 0 0}.wsib h2{font-family:var(--sans);font-weight:500;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1em}.updated{font-size:.72rem;color:#f3e7d973;margin-top:2.4em;letter-spacing:.05em}footer.art{text-align:center;padding:64px 24px 90px;margin-top:54px;background:var(--wine-deep);color:#f3e7d9c7;border-top:1px solid rgba(214,160,82,.18)}footer.art .mark{font-family:var(--serif);font-size:1.7rem;letter-spacing:.04em;color:var(--rose)}footer.art p{color:#f3e7d99e;font-size:.85rem;max-width:30em;margin:.9em auto 0;line-height:1.9}footer.art a{color:var(--rose);text-decoration:none;border-bottom:1px solid rgba(230,166,166,.3)}footer.art a:hover{color:var(--gold)}.grape-type{display:inline-block;font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.14em;padding:4px 13px;border-radius:99px;vertical-align:middle;margin-left:.6em;position:relative;top:-.18em}.grape-type.red{background:var(--wine);color:var(--on-wine)}.grape-type.white{background:var(--gold);color:#2a1a0e}.spec{border:1px solid var(--line);border-radius:3px;padding:22px 26px;margin:26px 0 8px;background:#251a1566}.spec h2{font-family:var(--sans);font-weight:500;font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1em}.spec .row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:16px;margin:.7em 0}.spec .row .k{font-size:.82rem;color:var(--text-soft);letter-spacing:.04em}.spec .bar{height:6px;background:var(--bg-3);border-radius:99px;overflow:hidden}.spec .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--accent));border-radius:99px}.spec .meta{margin-top:1.3em;font-size:.86rem;color:var(--text-soft)}.spec .meta b{display:block;font-family:var(--sans);font-weight:500;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text);margin-bottom:.55em}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:.5em 0 0}.chip{font-size:.78rem;color:var(--text-soft);background:transparent;border:1px solid var(--line);padding:5px 13px;border-radius:99px;transition:border-color .2s ease,color .2s ease}.chip:hover{border-color:var(--gold);color:var(--gold)}.picks{margin:10px 0}.picks .pick{position:relative;border-bottom:1px solid var(--line);padding:18px 0 18px 22px;margin:0}.picks .pick:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:var(--accent)}.picks .pick:first-child{border-top:1px solid var(--line)}.picks .pick .w{font-family:var(--mincho);font-weight:600;color:var(--accent);font-size:1.05rem;line-height:1.4}.picks .pick .y{font-size:.9rem;color:var(--text-soft);margin-top:.35em;line-height:1.8}.page{max-width:1180px;margin:0 auto;padding:0 36px}.page>.crumbs{max-width:none;margin:0;padding:28px 0 0}.page>header.art{max-width:none;margin:0;padding:36px 0 6px}.page>header.art h1{max-width:16em}.layout{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:68px;align-items:start;margin-top:10px}.main{min-width:0}.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:22px}.sidebar .related h2{margin-bottom:.9em}.side-index{display:inline-block;font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:12px 22px;transition:border-color .2s ease,background .2s ease}.side-index:hover{border-color:var(--gold);background:var(--bg-2)}@media(max-width:980px){.page{padding:0 28px}.layout{grid-template-columns:1fr;gap:0}.sidebar{position:static;top:auto;margin-top:40px;border-top:1px solid var(--line);padding-top:28px}}header.art{padding-top:52px}header.art .kicker{margin-bottom:1.25em}header.art h1{font-size:clamp(2.3rem,6.4vw,3.7rem);letter-spacing:.012em;margin-bottom:.32em}header.art .reading{font-size:.76rem;color:var(--text-soft)}.lead-fig{margin:24px 0 4px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-2)}.lead-fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:470px;object-fit:cover;filter:saturate(.98) brightness(.95);transition:transform .8s ease}.lead-fig:hover img{transform:scale(1.02)}.lead-fig figcaption{font-size:.68rem;color:#f3e7d980;letter-spacing:.03em;line-height:1.7;padding:10px 16px;border-top:1px solid var(--line)}.lead-fig figcaption a{color:#e6a6a699;text-decoration:none}.lead-fig figcaption a:hover{color:var(--gold)}@media(max-width:680px){.lead-fig{border-radius:10px}.lead-fig img{aspect-ratio:3/2;max-height:none}}.layout .main>:first-child{margin-top:24px}.layout .main>.answer:first-child{margin-top:26px}.sidebar{gap:26px}.sidebar .spec{margin:0}.sidebar .spec:first-child{margin-top:24px}.sidebar .related{margin:0;border-top:none;padding-top:0}.sidebar .related:not(:first-child){border-top:1px solid var(--line);padding-top:22px}.sidebar>.side-index{align-self:flex-start}.prose h2{margin-top:2.6em}.faq{margin-top:3em}@media(min-width:1500px){.wrap-dex,.page,header.art.art-dex,.crumbs.crumbs-dex{max-width:1340px}}@media(min-width:1920px){.wrap-dex,.page,header.art.art-dex,.crumbs.crumbs-dex{max-width:1520px}}.producers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.6em 0 2.2em}.producer{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;background:var(--bg-2);padding:16px 18px 14px}.producer .p-tag{display:inline-block;font-size:.66rem;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:6px}.producer h3{font-family:VinoNum,Cormorant Garamond,"Noto Serif JP",serif;font-size:1.06rem;font-weight:600;color:var(--text);margin:0 0 2px;line-height:1.4}.producer .p-latin{display:block;font-family:VinoNum,Cormorant Garamond,serif;font-size:.78rem;color:var(--text-soft);letter-spacing:.05em;margin-bottom:8px}.producer p{font-size:.84rem;line-height:1.85;color:var(--text-soft);margin:0}.producer p b,.producer p strong{color:var(--text);font-weight:500}@media(max-width:760px){.producers{grid-template-columns:1fr}}.spec .price-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.8rem}.spec .price-row:last-child{border-bottom:none}.spec .price-row b{color:var(--text-soft);font-weight:500}.spec .price-row span{font-family:VinoNum,Cormorant Garamond,serif;color:var(--gold);letter-spacing:.03em;white-space:nowrap}
