:root{--ink:#102f35;--deep:#062c35;--teal:#0b5660;--paper:#f6f4ee;--serif:"Noto Serif KR",serif;--sans:"Noto Sans KR",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);word-break:keep-all}h1,h2,h3,p{margin-top:0}
.nav{position:absolute;z-index:10;top:0;left:0;width:100%;height:92px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px}.brand span{font:600 27px/1 var(--serif);letter-spacing:.12em}.brand em{font:500 12px/1 var(--sans);font-style:normal;letter-spacing:.26em}.nav-link{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.22em;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:5px}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--deep)}.hero-photo{position:absolute;inset:0;background:url('./assets/hero-pour-warm.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,9,7,.82) 0%,rgba(16,9,7,.43) 48%,rgba(16,9,7,.1) 80%),linear-gradient(0deg,rgba(12,8,7,.78),transparent 58%)}.hero-copy{position:relative;z-index:2;padding:0 clamp(24px,8vw,120px) clamp(84px,11vh,130px);color:#fff}.eyebrow{font-size:12px;letter-spacing:.27em;font-weight:600;margin:0 0 24px;color:#d7e4da}.eyebrow.dark{color:var(--teal)}h1{font:500 clamp(48px,7.4vw,104px)/1.12 var(--serif);letter-spacing:-.06em;margin-bottom:28px}h1 span{color:#dfeadc}.lead{font:400 clamp(15px,1.4vw,19px)/1.9 var(--serif);color:rgba(255,255,255,.86)}.scroll{position:absolute;z-index:2;right:clamp(24px,5vw,72px);bottom:0;height:116px;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px}.scroll span{font-size:10px;letter-spacing:.22em;writing-mode:vertical-rl}.scroll i{width:1px;height:66px;background:rgba(255,255,255,.7)}
.section{padding:clamp(86px,12vw,170px) clamp(24px,7vw,104px)}.intro{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:clamp(40px,7vw,110px);align-items:center;overflow:hidden}.number{position:absolute;top:40px;left:4vw;font:500 clamp(130px,18vw,280px)/1 var(--serif);color:rgba(15,79,87,.055)}.intro-copy{position:relative;z-index:1}.intro h2,.section-heading h2,.serve h2{font:600 clamp(34px,4.5vw,64px)/1.35 var(--serif);letter-spacing:-.055em;margin-bottom:30px}.intro-copy>p:not(.eyebrow),.serve-copy>p:last-child,.section-heading.center>p:last-child{font-size:16px;line-height:2;color:#496267;max-width:590px}.ingredients{margin:34px 0 0;padding:0;border-top:1px solid rgba(11,86,96,.18)}.ingredients div{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(11,86,96,.18)}.ingredients dt{font:500 27px/1 var(--serif);color:var(--teal)}.ingredients dd{margin:0;display:flex;flex-direction:column;gap:4px}.ingredients b{font:500 16px/1.4 var(--serif);color:var(--ink)}.ingredients span{font-size:14px;line-height:1.6;color:#6b7c7f}.editorial-image{position:relative;margin:0;min-height:520px;overflow:hidden;box-shadow:0 24px 65px rgba(10,48,55,.12);background:#132d32}.editorial-image img{width:100%;height:100%;min-height:520px;display:block;object-fit:cover;object-position:center}.editorial-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,24,28,.86))}.editorial-image figcaption{position:absolute;z-index:1;left:clamp(22px,4vw,48px);right:22px;bottom:34px;color:#fff;font:400 15px/1.9 var(--serif)}
.pillars{background:var(--deep);color:#fff}.section-heading{max-width:620px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(255,255,255,.12);margin-top:70px}.pillar-card{position:relative;min-height:520px;background-position:center;background-size:cover;overflow:hidden}.pillar-card.brewing{background-image:url('./assets/brewing.jpg')}.pillar-card.cellar{background-image:url('./assets/cellar.jpg')}.pillar-card.pour{background-image:url('./assets/pour.jpg');background-position:62% center}.pillar-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,24,29,.97) 0%,rgba(2,24,29,.58) 48%,rgba(2,24,29,.06) 100%)}.pillar-card>div{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:42px clamp(24px,3vw,42px)}.pillar-grid b{font:400 46px/1 var(--serif);color:#d7e4da}.pillar-grid h3{font:500 22px/1.4 var(--serif);margin:22px 0 12px}.pillar-grid p{font-size:14px;line-height:1.9;color:rgba(255,255,255,.74);margin-bottom:0}
.recognition{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(2,24,29,.95),rgba(2,24,29,.7)),url('./assets/michelin-bg.jpg') center 57%/cover no-repeat;color:#fff}.recognition:before{content:"200";position:absolute;right:-.04em;top:50%;transform:translateY(-52%);font:500 clamp(200px,36vw,520px)/.8 var(--serif);color:rgba(255,255,255,.035);letter-spacing:-.1em}.recognition-card{position:relative;z-index:1;max-width:980px;margin:0 auto;text-align:center}.recognition .big-number{font:500 clamp(90px,13vw,170px)/1 var(--serif);letter-spacing:-.07em;color:#d7e4da;margin:0 0 24px}.recognition .big-number sup{font-size:.28em;vertical-align:top;margin-left:8px}.recognition h2{font:600 clamp(32px,4.2vw,58px)/1.4 var(--serif);letter-spacing:-.05em;margin-bottom:28px}.recognition-card>p:last-child{font-size:16px;line-height:2;color:rgba(255,255,255,.68);max-width:620px;margin:0 auto}
.vintages{background:#fff}.center{text-align:center;margin:0 auto 64px}.center p{margin-left:auto;margin-right:auto}.vintage-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;gap:16px;align-items:stretch}.vintage-card{position:relative;min-height:430px;display:flex;align-items:flex-end;overflow:hidden;background-position:center;background-size:cover;color:#fff;transition:transform .3s}.vintage-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,24,29,.94),rgba(2,24,29,.08) 75%)}.vintage-card.y2015{background-image:url('./assets/vintage-2015.jpg')}.vintage-card.y2010{background-image:url('./assets/vintage-2010.jpg')}.vintage-card.y2009{background-image:url('./assets/vintage-2009.jpg')}.vintage-card:hover{transform:translateY(-6px)}.vintage-card>div{position:relative;z-index:1;width:100%;padding:32px;text-align:left}.vintage-card span{font:500 46px/1 var(--serif);color:#d7e4da}.vintage-card h3{font:500 18px/1.5 var(--serif);margin:20px 0 7px}.vintage-card p{font-size:14px;color:rgba(255,255,255,.72);margin:0}.vintage-detail{max-width:846px;margin:64px auto 0}.detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cad7d2;margin-bottom:26px}.detail-tabs button{appearance:none;border:0;background:none;padding:17px 8px;color:#697d80;font:500 16px/1 var(--serif);cursor:pointer}.detail-tabs button.active{color:var(--teal);border-bottom:2px solid var(--teal)}.detail-tabs button:focus-visible,.brand:focus-visible,.nav-link:focus-visible,.scroll:focus-visible{outline:2px solid #d7e4da;outline-offset:5px}.detail-sheets{background:#f2f3f1}.detail-sheets img{display:none;width:100%;height:auto}.detail-sheets img.active{display:block}
.serve{background:linear-gradient(105deg,rgba(2,24,29,.94) 0%,rgba(2,24,29,.77) 50%,rgba(2,24,29,.38) 100%),url('./assets/chilled.jpg') center/cover;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw}.serve-mark{font:400 clamp(66px,10vw,150px)/1 var(--serif);color:#dce9e2;white-space:nowrap;text-shadow:0 2px 24px rgba(0,0,0,.2)}.serve-intro{margin:0 0 32px;padding-left:18px;border-left:1px solid rgba(220,233,226,.72);font:400 16px/1.9 var(--serif);color:rgba(255,255,255,.72)}.serve-intro strong{font-weight:600;color:#fff}.serve-copy>p:last-child{color:rgba(255,255,255,.78)}
footer{background:#031f25;color:#fff;text-align:center;padding:78px 24px}.footer-brand{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:23px}.footer-brand strong{font:600 36px/1 var(--serif);letter-spacing:.13em}.footer-brand span{font-size:12px;letter-spacing:.3em}footer>p{font-size:12px;letter-spacing:.24em;color:#afc6bb;margin-bottom:28px}footer small{font-size:11px;letter-spacing:.1em;line-height:1.7;color:rgba(255,255,255,.5)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.nav{height:76px}.hero{min-height:88svh}.hero-photo{background-position:55% center}.hero-shade{background:linear-gradient(0deg,rgba(12,8,7,.94) 0%,rgba(12,8,7,.48) 60%,rgba(12,8,7,.12) 100%)}.hero-copy{padding-bottom:80px}.intro{grid-template-columns:1fr}.number{top:45px;right:15px;left:auto}.section{padding:88px 24px}.intro-copy>p:not(.eyebrow),.serve-copy>p:last-child{font-size:15px;line-height:1.95}.ingredients{margin-top:28px}.editorial-image{margin:0 -24px;min-height:430px}.editorial-image img{min-height:430px}.pillar-grid{grid-template-columns:1fr;margin:48px -24px 0}.pillar-card{min-height:470px}.pillar-card>div{padding:38px 28px}.pillar-grid b{font-size:40px}.pillar-grid h3{margin:20px 0 12px}.recognition{background-position:44% center}.vintage-grid{grid-template-columns:1fr}.vintage-card{min-height:420px}.vintage-card>div{padding:30px 24px}.vintage-card span{font-size:38px}.vintage-detail{margin:46px -24px 0}.detail-tabs{margin:0 24px 22px}.serve{grid-template-columns:1fr;gap:48px}.serve-mark{font-size:62px}footer{padding:64px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}