:root{--ink:#191f28;--body:#4e5968;--muted:#6b7684;--faint:#8b95a1;--line:#e5e8eb;--oak:#6e4023;--accent:#a95f24;--cask:#241912;--cask-text:#f3ebe1;--cask-muted:#bfa993;--cask-line:#f3ebe124;--cask-accent:#d39a55;--cream:#fff9f0;--page:#f9fafb;--display:"Hahmlet","Noto Serif KR",serif;--text:"IBM Plex Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--radius:16px;--content:720px}
*{box-sizing:border-box}html{scroll-behavior:smooth}@media(min-width:641px){html{scrollbar-gutter:stable}}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--text);font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3182f6;outline-offset:4px}
p{color:var(--muted)}h1,h2,h3{line-height:1.35;letter-spacing:-.02em}h1{font-size:40px;margin:16px 0 24px}h2{font-size:24px;margin:0 0 20px}h3{font-size:22px}
main{max-width:calc(var(--content) + 56px);margin:auto;padding:0 28px 72px}section{margin:72px 0}main>:last-child,.prose>section:last-of-type{margin-bottom:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:2}
.small{font-size:12px;color:var(--muted)}
.eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.15em;color:var(--accent);margin:0 0 16px}

/* 머리글과 꼬리글 */
.header{max-width:calc(var(--content) + 56px);margin:auto;padding:28px 28px 8px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--oak)}.brand:hover{text-decoration:none}.brand img{display:block;width:18px;height:28px}
.brand>span{font-family:var(--display);font-weight:500;font-size:21px;line-height:1;letter-spacing:-.01em}
nav{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}.header nav a{color:var(--body)}.header nav a:hover{color:var(--ink);text-decoration:none}
.header nav a[aria-current="page"]{color:var(--ink);font-weight:500;text-decoration:underline 1px var(--accent);text-underline-offset:9px}
footer{border-top:1px solid var(--line);max-width:calc(var(--content) + 56px);margin:auto;padding:40px 28px 56px}footer .brand>span{font-size:19px}footer p{font-size:12px;color:var(--muted)}footer nav{font-size:12px;gap:24px;margin:24px 0}

/* 공통 입력 */
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--oak);color:white;border-radius:10px;padding:12px 20px;font-weight:500;font-size:14px;margin-top:16px}.button:hover{text-decoration:none;background:#5a3419}
.home-search{display:flex;gap:8px;min-width:0}.home-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:13px 16px;font:inherit;font-size:14px;background:white;color:var(--ink);transition:border-color .15s}.home-search input:focus{border-color:var(--ink)}
.home-search .button{border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:13px 22px;white-space:nowrap;margin:0}

/* 홈 */
.hero{margin:0;padding:72px 0 80px}.hero h1{font-family:var(--display);font-weight:400;font-size:68px;line-height:1.12;letter-spacing:-.045em;color:var(--ink);margin:0 0 24px}
.hero h1>[lang="en"]{letter-spacing:-.025em}.hero-sub{display:block;margin-top:14px;font-size:26px;font-weight:300;line-height:1.4;letter-spacing:-.02em;color:var(--body)}.hero>p{font-size:17px;line-height:1.75;color:var(--body);margin:0 0 40px;max-width:28em;text-wrap:balance}.hero .home-search{max-width:520px}.hero .home-search input{padding:16px 18px;font-size:15px}.hero .home-search .button{padding:16px 26px;font-size:15px}
/* 산지 목록만 오크통 색 띠에 둔다. box-shadow로 띠를 화면 끝까지 늘려 가로 스크롤을 만들지 않는다. */
.atlas{margin:0 0 88px;padding:72px 0 80px;background:var(--cask);box-shadow:0 0 0 100vmax var(--cask);clip-path:inset(0 -100vmax);color:var(--cask-text)}
.atlas-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-bottom:36px}
.atlas h2{font-family:var(--display);font-weight:300;font-size:36px;letter-spacing:-.03em;color:var(--cask-text);margin:0}.atlas-head p{margin:0;font-size:13px;color:var(--cask-muted)}
.region-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.region-index a{display:block;padding:22px 0 24px;border-top:1px solid var(--cask-line)}.region-index a:hover{text-decoration:none}
.region-name{display:block;font-family:var(--display);font-weight:300;font-size:30px;line-height:1.3;letter-spacing:-.02em;color:var(--cask-text);transition:color .15s}
.region-index a:hover .region-name{color:var(--cask-accent)}
.region-count{margin-left:10px;font-family:var(--text);font-size:14px;font-weight:500;letter-spacing:0;color:var(--cask-accent);font-variant-numeric:tabular-nums;vertical-align:.6em}
.region-names{display:block;margin-top:6px;font-size:13px;color:var(--cask-muted)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}.section-head h2{margin:0}.section-head a{font-size:14px;color:var(--body);white-space:nowrap}.section-head a:hover{color:var(--ink)}
.section-head h2,.bottles h2,.region-head,.distillery h2{font-family:var(--display);font-weight:400;letter-spacing:-.03em;color:var(--ink)}.section-head h2,.bottles h2{font-size:30px}.bottles h2{margin-bottom:8px}
.bottle-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.bottle-list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:18px;color:var(--ink)}.bottle-list a:hover{text-decoration:none;color:var(--accent)}
.bottle-list span{font-family:var(--text);font-size:12px;color:var(--faint);white-space:nowrap}

/* 증류소 항목: 홈과 목록이 함께 쓴다 */
.entry-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.entry{display:grid;grid-template-columns:1fr auto;align-items:baseline;align-content:start;gap:0 12px;height:100%;padding:24px 0 26px;border-bottom:1px solid var(--line)}.entry:hover{text-decoration:none}
.entry-name{font-family:var(--display);font-weight:500;font-size:21px;line-height:1.35;letter-spacing:-.02em;color:var(--ink);transition:color .15s}.entry:hover .entry-name{color:var(--accent)}
.entry-place{font-size:12px;color:var(--faint);text-align:right}.entry-en{grid-column:1/-1;font-size:13px;line-height:1.5;color:var(--faint)}.entry-intro{grid-column:1/-1;margin-top:10px;font-size:14px;line-height:1.75;color:var(--body)}

/* 증류소 목록 */
.page-heading{padding:56px 0 32px}.page-heading h1{font-family:var(--display);font-weight:400;font-size:52px;line-height:1.15;letter-spacing:-.04em;color:var(--ink);margin:0 0 18px}.page-heading p{font-size:16px;line-height:1.75;color:var(--body);max-width:32em;margin:0}
.region-jump{display:flex;flex-wrap:wrap;gap:6px 22px;margin:28px 0 0;font-size:14px}.region-jump a{color:var(--body)}.region-jump a:hover{color:var(--ink);text-decoration:none}.region-jump span{margin-left:5px;font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}
.result-note{margin:20px 0 0;font-size:14px}.result-note a{margin-left:12px;color:var(--accent)}.empty{margin:40px 0}
.region{margin:72px 0 0;scroll-margin-top:24px}.region-head{margin:0;padding-bottom:14px;border-bottom:1px solid var(--ink);font-size:36px;line-height:1.2}.region-head span{margin-left:12px;font-family:var(--text);font-size:13px;font-weight:500;letter-spacing:0;color:var(--accent);font-variant-numeric:tabular-nums;vertical-align:.5em}

/* 증류소 상세와 안내 문서 */
.prose{max-width:var(--content);margin:40px auto 0}.prose h1{font-family:var(--display);font-weight:400;letter-spacing:-.04em;color:var(--ink)}.prose .lead{font-size:19px;line-height:1.7}.prose>h2{margin-top:40px}
.prose p{color:var(--body)}.prose p a,.prose li a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}.prose section{margin:48px 0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--faint);margin-bottom:28px}.crumbs a{color:var(--body)}.crumbs a:hover{color:var(--ink)}
.distillery h1{font-size:60px;line-height:1.1;margin:0}.title-en{margin:10px 0 0;font-size:16px;color:var(--faint)}
.distillery .lead{font-family:var(--display);font-weight:300;font-size:24px;line-height:1.6;letter-spacing:-.02em;color:var(--ink);margin:36px 0 32px}
.article-facts{display:flex;flex-wrap:wrap;gap:8px 36px;margin:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.article-facts div{display:flex;gap:10px}.article-facts dt{color:var(--faint)}.article-facts dd{margin:0;color:var(--body)}.source-facts{display:flex;flex-wrap:wrap;gap:4px 28px;margin:0 0 12px;font-size:13px}.source-facts div{display:flex;gap:10px}.source-facts dt{color:var(--faint)}.source-facts dd{margin:0;color:var(--body)}
.distillery section>h2{font-size:24px;margin:0 0 14px}.distillery section>p{font-size:16px;line-height:1.95;color:var(--body);margin:0}
.related,.neighbours{padding-top:28px;border-top:1px solid var(--ink)}.distillery .related h2,.distillery .neighbours h2{font-size:20px}
.related ul{list-style:none;margin:0 0 14px;padding:0}.related li a{font-family:var(--display);font-size:19px;color:var(--ink)}.related .related-search{font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.neighbours ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}.other-guides ul{display:grid;gap:10px}.neighbours a{font-family:var(--display);font-size:17px;color:var(--body)}
.distillery .neighbours a,.distillery .related li a{text-decoration:none}.distillery .neighbours a{color:var(--body)}.distillery .neighbours a:hover,.distillery .related li a:hover{color:var(--accent)}
.bottle-data h3{font-family:var(--text);font-size:14px;font-weight:600;letter-spacing:0;color:var(--ink);margin:24px 0 8px}.data-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:0;padding:4px 0 0}.data-figures dt{font-size:12px;line-height:1.5;color:var(--faint)}.data-figures dd{margin:4px 0 0;font-family:var(--display);font-size:24px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums}.sample-bottles{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--line)}.related .sample-bottles a{font-size:16px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none!important}.related .sample-bottles a:hover span{color:var(--accent)}.sample-bottles span{min-width:0}.sample-bottles small{font-size:12px;color:var(--faint);white-space:nowrap}.distillery-data h3,.guide-data h3{font-family:var(--text);font-size:14px;font-weight:600;letter-spacing:0;color:var(--ink);margin:28px 0 8px}.distillery-data .data-lead{margin:0 0 20px}.guide-data .data-lead{margin:0 0 8px;font-size:14px}.data-bars{list-style:none;margin:0;padding:0}.related .data-bars{margin:0}.data-bars li{display:grid;grid-template-columns:minmax(88px,28%) minmax(0,1fr) max-content;align-items:center;gap:12px;padding:4px 0;font-size:13px;line-height:1.5}.bar-label{color:var(--body)}.bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:var(--accent)}.bar-value{text-align:right;color:var(--faint);font-variant-numeric:tabular-nums}.scored-bottles .notes{display:block;margin-top:2px;white-space:normal}.scored-bottles strong{flex:none;white-space:nowrap;font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.note-summary{margin:16px 0 0;font-size:13px!important;line-height:1.7}.data-note{margin:12px 0 0;font-size:12px!important;line-height:1.7;color:var(--faint)!important}.sources{border-top:1px solid var(--line);padding-top:24px}.prose .sources h2,.sources h2{font-family:var(--text);font-size:14px;font-weight:600;letter-spacing:0;color:var(--ink)}.sources li,.sources p,.prose .sources p{font-size:13px;line-height:1.8}
.advertisement{margin:64px 0 0;min-height:120px;border-top:1px solid var(--line);padding-top:24px}.advertisement p{font-size:11px;text-align:center}

/* 가이드의 사진과 도식: 도식은 크림색 판 위에 HTML 글자로 그린다 */
.figure{margin:32px 0 0}.figure figcaption{margin-top:12px;font-size:13px;line-height:1.65;color:var(--muted)}
.figure .credit{display:block;margin-top:2px;font-size:12px;color:var(--faint)}.figure .credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.figure-photo img{display:block;width:100%;height:auto;border-radius:var(--radius);background:var(--line)}
.diagram{--rule:#ecdcc6;background:var(--cream);border-radius:var(--radius);padding:26px 28px 28px;color:var(--ink)}
.prose .diagram p{margin:0}.prose .diagram .diagram-title{margin:0 0 22px;font-family:var(--display);font-size:17px;font-weight:500;letter-spacing:-.01em;color:var(--oak)}
.diagram ol,.diagram ul{list-style:none;margin:0;padding:0}
.steps{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px}.steps li{position:relative;padding-top:40px}
.step-num{position:absolute;top:0;left:0;width:28px;height:28px;border-radius:50%;background:var(--oak);color:var(--cream);font-size:13px;font-weight:600;line-height:28px;text-align:center;font-variant-numeric:tabular-nums}
.steps li:not(:last-child)::after{content:"";position:absolute;top:14px;left:38px;right:-4px;height:1px;background:#d6bc98}
.step-label{display:block;font-family:var(--display);font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.01em}.step-note{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:var(--body)}
.timeline li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:14px 0;border-top:1px solid var(--rule)}.timeline li:first-child{border-top:0;padding-top:0}.timeline li:last-child{padding-bottom:0}
.timeline-year{font-family:var(--display);font-size:22px;font-weight:500;line-height:1.3;color:var(--oak);font-variant-numeric:tabular-nums}
.timeline-label{display:block;font-size:15px;font-weight:600;line-height:1.5}.timeline-note{display:block;margin-top:2px;font-size:13px;line-height:1.6;color:var(--body)}
.pairs li{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.5fr);align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--rule)}.pairs li:first-child{border-top:0;padding-top:0}.pairs li:last-child{padding-bottom:0}
.pair-from{font-size:14px;line-height:1.5;color:var(--body)}.pair-line{height:1px;background:var(--accent);position:relative}.pair-line::after{content:"";position:absolute;right:0;top:-3px;border:3.5px solid transparent;border-left:6px solid var(--accent);border-right:0}
.pair-to{font-family:var(--display);font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.01em}.pair-note{display:block;margin-top:2px;font-family:var(--text);font-size:12px;font-weight:400;color:var(--faint)}
.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.column{background:white;border-radius:12px;padding:18px 18px 16px}
.prose .diagram .column-head{font-family:var(--display);font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.01em}.prose .diagram .column-value{margin-top:2px;font-size:12px;color:var(--accent)}
.column ul{margin-top:10px}.column li{padding:7px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--body)}
.segments{display:grid;gap:0 6px}.segment-bar{display:flex;align-items:center;justify-content:center;height:52px;border-radius:10px;background:#ead8bd;font-family:var(--display);font-size:16px;font-weight:500;text-align:center;padding:0 6px;line-height:1.25}
.segment:nth-child(2) .segment-bar{background:var(--oak);color:var(--cream)}.segment:nth-child(3) .segment-bar{background:#d9c4a6}
.segment-value{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.segment-note{display:block;margin-top:2px;font-size:13px;line-height:1.6;color:var(--body)}
.span-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:6px 14px;padding:10px 0}.span-name{font-family:var(--display);font-size:17px;font-weight:500}
.span-track{position:relative;height:16px;border-radius:8px;background:repeating-linear-gradient(90deg,var(--rule) 0 6px,transparent 6px 10px)}.span-bar{position:absolute;top:0;bottom:0;border-radius:8px;background:var(--oak)}
.span-note{grid-column:2;font-size:13px;line-height:1.5;color:var(--body)}.span-axis{padding-top:2px}.span-axis .span-track{background:none;height:18px}
.span-tick{position:absolute;top:0;transform:translateX(-50%);font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.span-tick:first-child{transform:none}
.diagram-scale .segment:nth-child(2) .segment-bar{background:#c9a57a;color:var(--ink)}.diagram-scale .segment:nth-child(3) .segment-bar{background:var(--oak);color:var(--cream)}
.stages li{padding:12px 0;border-top:1px solid var(--rule)}.stages li:first-child{border-top:0;padding-top:0}.stages li:last-child{padding-bottom:0}
.stage-name{display:block;margin-bottom:8px;font-family:var(--display);font-size:17px;font-weight:500}.stage-bar{display:flex;gap:4px}
.stage{flex-basis:0;min-width:max-content;padding:9px 12px;border-radius:8px;background:#ead8bd;font-size:13px;line-height:1.4;white-space:nowrap}.stage:nth-child(2){background:var(--oak);color:var(--cream)}
.stage-note{display:block;margin-top:6px;font-size:13px;color:var(--body)}

@media(max-width:640px){
main{padding:0 20px 56px}section{margin:56px 0}.header{padding:20px 20px 4px}.header nav{gap:20px;font-size:13px}
.hero{padding:40px 0 56px}.hero h1{font-size:42px}.hero-sub{margin-top:10px;font-size:19px}.hero>p{font-size:15px;margin-bottom:28px}.hero .home-search input,.hero .home-search .button{padding:14px 16px}
.atlas{padding:48px 0 52px;margin-bottom:56px}.atlas-head{margin-bottom:20px}.atlas h2{font-size:30px}.region-index{grid-template-columns:1fr}.region-name{font-size:26px}.region-index a{padding:18px 0 20px}
.section-head h2,.bottles h2{font-size:26px}.entry-list,.bottle-list{grid-template-columns:1fr}
.page-heading{padding:32px 0 24px}.page-heading h1{font-size:38px}.page-heading p{font-size:15px}.region{margin-top:56px}.region-head{font-size:30px}
h1{font-size:32px}h2{font-size:22px}.prose{margin-top:24px}.prose .lead{font-size:17px}.distillery h1{font-size:42px}.data-figures{grid-template-columns:1fr;gap:8px}.data-figures div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.data-figures dd{font-size:20px;margin:0}.distillery .lead{font-size:20px}footer nav{gap:16px}
.diagram{padding:22px 18px 22px}.steps{grid-template-columns:1fr;gap:0}.steps li{padding:0 0 18px 42px}.steps li:last-child{padding-bottom:0}
.steps li:not(:last-child)::after{top:32px;bottom:4px;left:14px;right:auto;width:1px;height:auto}.timeline li{grid-template-columns:52px minmax(0,1fr);gap:12px}.timeline-year{font-size:19px}
.pairs li{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:8px}.pair-to{font-size:17px}.segment-bar{font-size:14px;height:46px}.span-row{grid-template-columns:64px minmax(0,1fr);gap:4px 10px}.span-name{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-search input,.entry-name,.region-name{transition:none}}