@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root {--bg:#eae7dc;--paper:#fbfaf6;--ink:#252521;--muted:#777367;--red:#7d3630;--gold:#bd9a58;--line:#d9d2c4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Serif SC','Songti SC','STSong','Noto Serif',serif;-webkit-font-smoothing:antialiased}
.warp{background:linear-gradient(130deg,#11151a,#26303a 64%,#34302a);min-height:236px;color:white;position:relative;overflow:hidden}.warp:before{content:' ';position:absolute;inset:0;opacity:.28;background:radial-gradient(circle at 88% 7%,#a47c49,transparent 29%),repeating-linear-gradient(110deg,transparent 0px,transparent 65px,#ffffff09 66px,#ffffff09 67px)}
.mast{position:relative;max-width:900px;margin:auto;padding:27px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff36;font:11px/1.6 system-ui,sans-serif;letter-spacing:2px;color:#d7cbb3}
.warp-inner{position:relative;margin:auto;max-width:900px;padding:39px 20px 70px}.kicker{font:600 11px/1.8 system-ui,sans-serif;letter-spacing:2.7px;text-transform:uppercase;color:#dbc19c}.header-title{font-size:clamp(27px,6vw,43px);line-height:1.35;letter-spacing:2px;font-weight:600;margin:12px 0 0}.hero{max-width:900px;margin:-44px auto 0;position:relative;padding:0 20px}
.hero figure{margin:0;height:clamp(215px,42vw,360px);overflow:hidden;background:#555;box-shadow:0 12px 45px #16110b30}.hero img{width:100%;height:100%;object-fit:cover;display:block}.hero figcaption{position:absolute;bottom:14px;left:38px;background:#14191ab8;color:#e8e3d3;padding:8px 12px;font:11px system-ui,sans-serif;letter-spacing:1px}
.page{max-width:860px;margin:0 auto;position:relative;background:var(--paper);padding:clamp(24px,6vw,72px) clamp(22px,6vw,76px) 54px;box-shadow:0 6px 35px #241e1512}
.tag{display:inline-flex;gap:12px;align-items:center;color:var(--red);font:700 12px/1.8 system-ui,sans-serif;letter-spacing:2px}.tag:before{content:'';width:27px;height:1px;background:var(--red)}
.product-title{font-size:clamp(25px,5.8vw,38px);font-weight:600;line-height:1.4;margin:18px 0 3px;word-break:break-word}.distillery{font:500 12px/1.7 system-ui,sans-serif;color:var(--muted);letter-spacing:.8px;margin-top:8px}
.hairline{height:1px;background:var(--line);margin:31px 0 28px}.story-title{font-size:clamp(20px,4.6vw,27px);line-height:1.55;font-weight:700;margin:0 0 25px;color:#39322c}
.story p{font-size:15.5px;line-height:2.35;letter-spacing:.25px;margin:0 0 1.6em;text-align:justify;overflow-wrap:anywhere}.story p:last-child{margin-bottom:0}
.note{font-size:11px;line-height:1.9;color:#817d75;border-top:1px solid var(--line);margin-top:36px;padding-top:20px}
.footer{max-width:860px;text-align:center;font:11px/1.8 system-ui,sans-serif;letter-spacing:1px;color:#847e74;padding:30px 16px 50px;margin:0 auto}
@media (min-width:920px){.page{margin-top:0}}@media (max-width:500px){.warp{min-height:220px}.mast{padding:18px 20px}.warp-inner{padding:33px 20px 65px}.hero{padding:0 14px;margin-top:-37px}.hero figure{height:245px}.hero figcaption{left:27px}.page{margin:0 14px;padding:27px 24px 40px}.story p{font-size:15px;line-height:2.25}.hairline{margin:25px 0}}
@media print{.warp{min-height:135px}.hero{margin:0 auto}.page{box-shadow:none}.footer{padding-bottom:0}body{background:white}}