:root{--ink:#17382e;--paper:#f7f5ef;--cream:#eee9dc;--amber:#bd7a2b;--muted:#6e756e;--line:#ded9cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.7}.site-header{height:78px;background:#fbfaf6;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);position:sticky;top:0;z-index:5;border-bottom:1px solid #e9e4d8}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:24px 'DM Serif Display',serif;letter-spacing:-.4px;line-height:.8}.brand>span:last-child>span{color:var(--amber)}.brand small{font:500 7px 'Noto Sans JP';letter-spacing:1.7px;display:block;margin-top:8px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--ink);color:#f3e8c6;font:13px 'DM Serif Display',serif;letter-spacing:-1px}nav{display:flex;gap:30px;margin-left:auto;margin-right:45px}nav a,footer a{font-size:12px;color:var(--ink);text-decoration:none}.header-search{background:none;border:0;color:var(--ink);font:12px 'Noto Sans JP';cursor:pointer}.header-search:first-letter{font-size:22px}.hero{height:540px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 50%,#376052 0,#214a3d 28%,#15382f 55%,#102f28 100%);color:#fff}.hero-content{position:relative;z-index:2;padding:105px 0 0 max(9vw,55px);max-width:580px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--amber);margin:0 0 14px}.hero .eyebrow{color:#dba454}.hero h1,.section h2,.guide h2{font:54px/1.15 'DM Serif Display','Noto Sans JP',serif;letter-spacing:-1.5px;margin:0}.hero h1 em{color:#e6bb65;font-style:italic}.hero-copy{font-size:15px;line-height:2;margin:25px 0}.button{display:inline-flex;align-items:center;gap:38px;padding:14px 20px;text-decoration:none;border:0;cursor:pointer;font:600 12px 'Noto Sans JP';letter-spacing:.5px}.button span{font-size:19px}.button-light{color:var(--ink);background:#f7f3e8}.button-dark{background:var(--ink);color:#fff;margin-top:28px}.hero-bottle{position:absolute;right:19%;bottom:0;width:160px;height:430px;z-index:1;filter:drop-shadow(12px 8px 14px #0e241e)}.cap{margin:auto;width:57px;height:16px;background:#b8833b;border-radius:3px 3px 0 0}.neck{width:72px;height:70px;background:linear-gradient(90deg,#9b6a28,#f1c668,#9f6a25);margin:auto}.bottle{height:340px;width:160px;border-radius:19px 19px 11px 11px;background:linear-gradient(105deg,#573516 5%,#d78324 28%,#f0bb5c 44%,#9c501a 75%,#3c2817);border:2px solid #ac712e;display:flex;align-items:center;justify-content:center}.bottle span{background:#ebe1bd;color:#17382e;text-align:center;width:115px;padding:27px 2px;font:14px/1.4 'DM Serif Display',serif;letter-spacing:1px}.bottle b{font-size:18px}.hero-bottle i{position:absolute;right:-100px;bottom:13px;width:230px;height:25px;border-radius:50%;background:#112d25;filter:blur(9px)}.hero-orbit{position:absolute;border:1px solid rgba(229,186,92,.18);border-radius:50%}.orbit-one{width:680px;height:680px;right:-150px;top:-60px}.orbit-two{width:430px;height:430px;right:-35px;top:50px}.quick-links{max-width:1100px;margin:-45px auto 0;z-index:3;position:relative;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 11px 30px #15382e20}.quick-links a{padding:24px 21px;border-right:1px solid var(--line);display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.quick-links a:last-child{border:0}.quick-links b{font:italic 20px 'DM Serif Display';color:#ccb576}.quick-links span{font-size:10px;line-height:1.45}.quick-links strong{font-size:13px}.quick-links i{font-style:normal;margin-left:auto;color:var(--amber)}.section{max-width:1100px;margin:0 auto;padding:110px 28px}.section-heading{text-align:center}.section-heading>p:last-child{color:var(--muted);font-size:13px;margin:16px 0 0}.section-heading.left{text-align:left}.finder{padding-bottom:70px}.finder-panel{margin:37px auto 0;background:#fff;padding:35px 48px;max-width:960px;box-shadow:0 6px 22px #22362e0a}.search-box{border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:12px;padding-bottom:10px}.search-box span{font-size:22px}.search-box input{border:0;outline:0;width:100%;font:14px 'Noto Sans JP';background:transparent}fieldset{padding:22px 0 0;border:0}legend{font-size:12px;font-weight:700;padding:0 0 9px}.chip-group,.price-row{display:flex;flex-wrap:wrap;gap:9px}.chip,.price-row button{font:12px 'Noto Sans JP';padding:8px 14px;background:#f6f4ee;border:1px solid transparent;cursor:pointer;color:#405249}.chip.active,.price-row button.active{color:#fff;background:var(--ink)}.reviews{padding-top:42px}.results-meta{display:flex;justify-content:space-between;margin:20px 0;font-size:12px;color:var(--muted)}.results-meta button{border:0;background:none;color:var(--amber);cursor:pointer}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.review-card{background:#fff;cursor:pointer;transition:.25s;position:relative}.review-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #17382e18}.card-visual{height:190px;padding:27px;display:grid;place-items:center;background:var(--card-bg,#ede6d5)}.mini-bottle{height:122px;width:53px;border:2px solid #90602c;border-radius:7px 7px 4px 4px;background:linear-gradient(90deg,#6b3f19,#e6a240 47%,#7b4619);position:relative}.mini-bottle:before{content:'';position:absolute;width:24px;height:27px;top:-29px;left:13px;background:#bf963d;border-radius:2px}.mini-bottle:after{content:attr(data-label);position:absolute;top:37px;left:5px;width:39px;background:#f3e8c9;padding:12px 1px;color:#17382e;text-align:center;font:8px/1.15 'DM Serif Display'}.review-card:nth-child(2) .mini-bottle{background:linear-gradient(90deg,#2e5d54,#c2d7af 47%,#345c4f);border-color:#557b64}.review-card:nth-child(3) .mini-bottle{background:linear-gradient(90deg,#422913,#a46a27 47%,#372216);border-color:#4d3219}.review-card:nth-child(4) .mini-bottle{background:linear-gradient(90deg,#8b481a,#efaa3c 47%,#753813)}.card-body{padding:19px}.origin{color:var(--amber);letter-spacing:1.2px;font-size:9px;font-weight:700}.review-card h3{font-size:16px;line-height:1.4;margin:8px 0}.rating{font-size:11px;color:var(--amber)}.rating b{color:var(--ink);margin-left:4px}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:11px}.tags span{background:#f2f1ec;padding:3px 5px;font-size:9px;color:#5c665e}.guide{background:var(--cream);padding:95px max(9vw,35px);display:grid;grid-template-columns:1fr 1fr;gap:80px}.guide h2{font-size:46px}.guide>div>p:not(.eyebrow){font-size:13px;color:#59665d;max-width:350px;margin:20px 0}.text-link{color:var(--ink);font-weight:700;text-decoration:none;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:6px}.text-link span{color:var(--amber);padding-left:30px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;align-items:center}.guide-cards article{height:190px;padding:19px;background:#294f42;color:#fff}.guide-cards article:nth-child(2){background:#bd7a2b;transform:translateY(25px)}.guide-cards article:nth-child(3){background:#183b31}.guide-cards span{font:22px 'DM Serif Display';color:#ead18c}.guide-cards h3{font:20px 'DM Serif Display';margin:32px 0 2px}.guide-cards p{font-size:10px;line-height:1.4}.faq{padding-top:85px;max-width:760px}.faq details{border-bottom:1px solid var(--line);padding:18px 5px}.faq summary{font-weight:600;font-size:14px;cursor:pointer}.faq details p{font-size:12px;color:var(--muted);padding-right:20px}footer{background:#15382f;color:#e9e7da;text-align:center;padding:55px 25px 30px}.footer-brand{justify-content:center;color:#fff}.footer-brand .brand-mark{background:#d4ae58;color:#15382f}footer p{font-size:10px;color:#b5c2ba;margin:20px}footer div:last-of-type{display:flex;justify-content:center;gap:20px}footer a{color:#dce5dd;font-size:10px}footer small{display:block;color:#7f988b;font-size:9px;margin-top:30px}dialog{border:0;padding:0;max-width:720px;width:calc(100% - 32px);background:#fff;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#092017b8}.modal-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:27px;cursor:pointer;color:var(--ink)}.modal-inner{padding:42px}.modal-inner h2{font:32px 'DM Serif Display','Noto Sans JP';margin:6px 0 13px}.modal-inner p{font-size:13px}.modal-flavors{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.modal-flavors span{font-size:11px;padding:6px 10px;background:#f0eee6}.buy-links{display:flex;gap:10px;margin-top:25px}.buy-links a{flex:1;text-align:center;text-decoration:none;padding:13px;font-size:12px;font-weight:700}.amazon{background:#f0a442;color:#1b2922}.rakuten{background:#bf3140;color:#fff}.ai-box{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.ai-box h3{font-size:14px;margin:0}.ai-box p{color:var(--muted);font-size:12px}.ai-answer{min-height:21px}.ai-button{border:1px solid var(--ink);background:#fff;color:var(--ink);padding:9px 13px;font:11px 'Noto Sans JP';cursor:pointer}@media(max-width:760px){.site-header{padding:0 20px;height:66px}.brand{font-size:20px}nav{display:none}.header-search span{display:none}.hero{height:485px}.hero-content{padding:82px 25px}.hero h1{font-size:41px}.hero-bottle{right:7%;transform:scale(.74);transform-origin:bottom}.orbit-one{right:-325px}.quick-links{margin:-18px 15px 0;grid-template-columns:1fr 1fr}.quick-links a{padding:14px 10px}.quick-links a:nth-child(2){border-right:0}.quick-links a:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:75px 20px}.section h2{font-size:39px}.finder-panel{padding:25px 20px}.review-grid{grid-template-columns:1fr 1fr;gap:10px}.card-visual{height:145px}.guide{grid-template-columns:1fr;padding:70px 25px;gap:25px}.guide-cards{gap:7px}.guide-cards article{height:155px;padding:12px}.guide-cards h3{margin-top:20px;font-size:17px}.guide-cards article:nth-child(2){transform:translateY(13px)}.buy-links{flex-direction:column}}
