@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#171714;--paper:#f3f1e9;--gold:#d5b975;--muted:#73736a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ae5d25;outline-offset:6px}img{display:block;max-width:100%}button{border:0}h1,h2,h3,p{margin:0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;z-index:100;background:white;padding:15px}.header{height:92px;background:var(--paper);display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;padding:0 3.5%;border-radius:0 0 22px 22px;position:sticky;top:0;z-index:20;border-bottom:1px solid #1717141a}.brand{justify-self:center;width:147px;height:82px;overflow:hidden;display:flex;align-items:center}.brand img{width:147px;mix-blend-mode:multiply}.header nav{display:flex;gap:30px;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:18px;font-weight:700;letter-spacing:.3px}.nav-right{justify-content:flex-end}.header-cta{font-family:'Noto Sans KR',sans-serif;font-size:12px;border:1px solid var(--ink);padding:12px 18px}.header-cta span{margin-left:22px}.header a:hover{opacity:.65}.menu-toggle,.mobile-cta,.mobile-menu{display:none}.ticker{margin:7px 6px;background:var(--gold);height:32px;overflow:hidden;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;letter-spacing:.7px}.ticker>div{display:flex;align-items:center;justify-content:space-around;gap:40px;white-space:nowrap;height:100%;width:max-content;min-width:100%;padding:0 20px}.ticker span:nth-of-type(2){font:700 12px 'Noto Sans KR',sans-serif}.ticker b{font-size:22px}.hero{position:relative;margin:0 6px;background:#121212;overflow:hidden}.hero-image{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.hero-bottom{position:absolute;bottom:35px;left:6%;display:flex;align-items:center;gap:28px;color:white}.hero-bottom p{font-size:14px;letter-spacing:.1em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:50px;padding:15px 25px;font-size:13px;font-weight:800;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#e7d19b}.gold{background:var(--gold);color:var(--ink)}.dark{background:var(--ink);color:white}.scroll-label{position:absolute;bottom:50px;right:4%;color:#fff;font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:1.4px}.section{padding:70px 5% 85px}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid #17171440;padding-bottom:18px}.eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:600}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:36px 0 40px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(60px,7.8vw,118px);font-weight:800;letter-spacing:-1.8px;line-height:.91}.section-heading h2 span{color:#77786b}.section-heading>p{font-size:13px;line-height:1.9;padding-bottom:4px}.product-tabs{display:flex;gap:8px;border-top:1px solid #17171440;border-bottom:1px solid #17171440;padding:15px 0;align-items:center}.product-tabs button{background:transparent;font-size:12px;padding:10px 18px}.product-tabs .active{background:var(--ink);color:var(--paper)}sup{font-size:8px;margin-left:6px}.product-count{margin-left:auto;font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:1px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;row-gap:30px}.product{background:transparent;text-align:left;border-bottom:1px solid #17171440;padding:24px 0 23px;min-width:0}.product[hidden]{display:none}.product-number{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:1.2px;color:#69695f}.can{height:350px;display:flex;align-items:center;justify-content:center;margin:8px 0 18px;overflow:hidden}.can img{width:100%;height:100%;object-fit:contain;transform:scale(1.35);transition:transform .35s}.product:hover .can img{transform:scale(1.43) rotate(-4deg)}.product-name{display:flex;justify-content:space-between;align-items:center}.product h3{font:800 clamp(26px,3vw,42px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px}.product-name>span{font-size:26px;transition:transform .2s}.product:hover .product-name{color:var(--accent)}.product p{font-size:13px;margin-top:12px;display:flex;justify-content:space-between;gap:6px}.product p span{color:var(--muted);font-size:11px}.lineup-note{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 15px}.lineup-note img{width:88px;mix-blend-mode:multiply;margin-bottom:20px}.lineup-note>p{font:800 42px/.95 'Barlow Condensed',sans-serif}.lineup-note>span{font-size:12px;line-height:1.8;margin:20px 0}.lineup-note>a{border-bottom:1px solid;font-size:12px;padding-bottom:5px}.manifesto{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}.story-art{position:relative;min-height:760px}.story-art>img{width:100%;height:100%;object-fit:cover;position:absolute}.story-art>span{position:absolute;bottom:28px;left:28px;font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}.story-copy{padding:60px 10%}.story-copy h2{font-size:clamp(65px,6.8vw,105px);margin:35px 0}.story-copy em{font-style:normal;color:var(--gold)}.story-text h3{font-size:20px;margin-bottom:16px}.story-text p{font-size:12px;line-height:2;color:#c5c4bb;margin-bottom:16px}.text-link{display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:18px;font-size:12px;margin-top:28px}.statement{padding:40px 5%;background:var(--gold);display:flex;gap:25px;justify-content:space-between;align-items:center;font:800 clamp(35px,6.8vw,100px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.statement i{font-style:normal;margin-left:18px}.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.moment{position:relative;background:var(--ink);padding:0;text-align:left;overflow:hidden}.moment img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s}.moment:hover img{transform:scale(1.04)}.moment>span{position:absolute;bottom:0;left:0;width:100%;padding:55px 18px 20px;color:white;background:linear-gradient(transparent,#0009);font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:.6px}.closing{background:var(--ink);text-align:center;color:var(--paper);padding:80px 20px 90px;border-bottom:1px solid #ffffff35}.closing h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(30px,4.4vw,64px);line-height:1.4;letter-spacing:-2px;margin:25px 0 32px}.closing h2 span{color:var(--gold)}footer{padding:45px 5% 25px;background:var(--ink);color:var(--paper)}.footer-top{display:flex;align-items:center;gap:70px;padding-bottom:45px}.footer-logo{width:170px}.footer-logo img{filter:invert(1);mix-blend-mode:screen}.footer-top>p{font:600 20px 'Barlow Condensed',sans-serif;line-height:1.8}.footer-top>p span{font:400 12px 'Noto Sans KR',sans-serif;color:#b4b4a9}.footer-top nav{margin-left:auto;display:grid;gap:12px;font:600 15px 'Barlow Condensed',sans-serif}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff35;padding-top:25px;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:.7px}dialog{border:0;padding:0;max-width:900px;width:calc(100% - 40px);background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:15px;top:12px;width:40px;height:40px;font-size:28px;background:var(--paper);z-index:2}.modal-inner{display:grid;grid-template-columns:45% 55%;min-height:480px}.modal-image{display:flex;align-items:center;background:#e8e5d9}.modal-image img{width:100%;transform:scale(1.2)}.modal-copy{padding:70px 35px 45px}.modal-copy h2{font-size:52px;margin:25px 0 10px;overflow-wrap:anywhere}.modal-copy h3{font-size:18px}.modal-copy>p{font-size:14px;line-height:1.9;margin:22px 0}.availability{border-top:1px solid #17171440;padding-top:18px;margin-bottom:25px;font-size:11px}.availability>span{font-weight:800}.availability p{margin-top:8px;color:#68685f}#image-dialog{width:auto;max-width:min(820px,90vw);background:#111}#large-image{max-height:85dvh;object-fit:contain;margin:auto}
@media(min-width:1700px){.hero-image{max-height:850px;object-position:center}.can{height:400px}}
@media(max-width:900px){.header{grid-template-columns:1fr 145px 1fr;padding:0 22px}.header nav{gap:15px;font-size:15px}.header-cta{padding:10px}.nav-right>a:first-child{display:none}.section{padding:50px 5%}.can{height:250px}.product-grid{gap:20px}.product p{flex-direction:column}.story-art{min-height:730px}.story-copy{padding:45px 8%}.story-copy h2{font-size:70px}.footer-top{gap:35px}.section-heading>p{font-size:12px}}
@media(max-width:600px){html{scroll-padding-top:80px}.header{height:72px;border-radius:0 0 16px 16px;grid-template-columns:1fr 130px 1fr;padding:0 20px}.brand{width:112px;height:66px}.brand img{width:112px}.header nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:32px;background:transparent;padding:8px 0}.menu-toggle span{display:block;background:var(--ink);height:2px;width:22px}.mobile-cta{display:block;justify-self:end;font:700 14px 'Barlow Condensed',sans-serif}.mobile-menu:not([hidden]){display:flex;position:fixed;top:72px;left:0;right:0;z-index:19;background:var(--paper);padding:25px;flex-direction:column;gap:24px;border-bottom:1px solid var(--ink);font:700 22px 'Barlow Condensed',sans-serif}.ticker{height:28px;margin:5px 4px}.ticker>div{gap:24px;font-size:14px;animation:marquee 30s linear infinite}.hero{margin:0 4px;height:calc(88svh - 110px);min-height:460px;max-height:690px}.hero-image{width:100%;height:100%;object-fit:cover;object-position:67% center}.hero:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}.hero-bottom{left:22px;right:22px;bottom:28px;flex-direction:column;align-items:flex-start;gap:16px;z-index:1}.hero-bottom p{font-size:13px}.hero-bottom .button{min-height:47px}.scroll-label{display:none}.section{padding:40px 20px 45px}.section-top{padding-bottom:15px}.eyebrow{font-size:9px;letter-spacing:.6px}.section-heading{display:block;margin:28px 0}.section-heading h2{font-size:63px;letter-spacing:-1px}.section-heading>p{margin-top:22px;font-size:12px}.product-tabs{gap:0;padding:10px 0}.product-tabs button{font-size:11px;padding:10px 12px}.product-count{font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:5px}.product{padding-top:20px}.product-number{font-size:9px;letter-spacing:.5px}.can{height:220px;margin:5px 0 12px}.can img{transform:scale(1.6)}.product:hover .can img{transform:scale(1.66)}.product h3{font-size:24px;letter-spacing:-.4px}.product-name>span{font-size:18px}.product p{font-size:12px;margin-top:9px;gap:5px}.product p span{font-size:9px}.lineup-note{padding:25px 5px}.lineup-note img{width:65px;margin-bottom:15px}.lineup-note>p{font-size:28px}.lineup-note>span{font-size:10px;margin:13px 0}.lineup-note>a{font-size:10px}.manifesto{grid-template-columns:1fr}.story-art{min-height:0;aspect-ratio:1/1}.story-copy{padding:40px 25px 45px}.story-copy h2{font-size:80px;margin:28px 0}.story-text p{font-size:12px}.statement{display:block;padding:27px 20px;font-size:53px}.statement span{display:block}.statement span:last-child{text-align:right}.statement i{margin-left:5px}.culture-grid{grid-template-columns:1fr 1fr;gap:12px}.moment:first-child{grid-column:span 2}.moment:first-child img{aspect-ratio:4/3;object-position:center 55%}.moment>span{font-size:11px;padding:40px 12px 15px}.closing{padding:55px 20px}.closing h2{font-size:30px;letter-spacing:-1px}.footer-top{flex-wrap:wrap;gap:24px;padding-bottom:30px}.footer-logo{width:120px}.footer-top>p{font-size:16px}.footer-top>p span{font-size:10px}.footer-top nav{width:100%;margin:0;display:flex;justify-content:space-between;font-size:13px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:15px}.footer-bottom>span:nth-child(2){display:none}.modal-inner{grid-template-columns:1fr}.modal-image{height:220px;justify-content:center;overflow:hidden}.modal-image img{height:280px;width:280px;object-fit:contain}.modal-copy{padding:25px}.modal-copy h2{font-size:42px;margin-top:15px}.modal-copy>p{font-size:12px;margin:15px 0}.availability{margin-bottom:18px}dialog{width:calc(100% - 24px)}}
@keyframes marquee{to{transform:translateX(-30%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Center-focused product carousel */
.product-carousel{padding-top:12px}.product-grid{display:block;position:relative;height:590px;overflow:hidden;touch-action:pan-y;user-select:none;isolation:isolate}.product-grid .product{position:absolute;left:50%;top:0;width:38%;margin:0;padding:22px 0 16px;border:0;text-align:center;transform:translateX(var(--slide-x,-50%)) scale(.73);transform-origin:50% 48%;opacity:.66;transition:transform .5s cubic-bezier(.22,.7,.2,1),opacity .35s;z-index:1}.product-grid .product.is-active{transform:translateX(var(--slide-x)) scale(1);opacity:1;z-index:3}.product-grid .product.is-away{opacity:0;pointer-events:none}.product-grid .product-number{display:block}.product-grid .can{height:430px;margin:10px 0 16px;overflow:visible}.product-grid .can img{transform:scale(1.15);pointer-events:none}.product-grid .product:hover .can img{transform:scale(1.19) rotate(-2deg)}.product-grid .product-name{justify-content:center;gap:14px}.product-grid .product h3{font-size:clamp(30px,3.5vw,48px)}.product-grid .product p{justify-content:center;gap:15px;flex-direction:row}.product-grid .product p span{font-size:11px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:38px;margin-top:10px}.carousel-arrow{border:1px solid var(--ink);border-radius:50%;width:52px;height:52px;background:transparent;font-size:23px;transition:background .2s,color .2s}.carousel-arrow:hover{background:var(--ink);color:var(--paper)}.carousel-middle{min-width:145px;text-align:center}.carousel-dots{display:flex;justify-content:center;gap:2px}.carousel-dots button{width:26px;height:26px;background:transparent;position:relative;padding:0}.carousel-dots button:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#bcbcb2;top:10px;left:10px;transition:background .2s,transform .2s}.carousel-dots button.active:after{background:var(--ink);transform:scale(1.45)}.carousel-status{font-size:11px;letter-spacing:1px;margin-top:5px}.carousel-hint{text-align:center;font-size:11px;color:var(--muted);margin-top:22px}.product-carousel .product:focus-visible{outline-offset:-5px}
@media(max-width:900px){.product-grid{height:490px}.product-grid .can{height:340px}.product-grid .product{width:42%}.product-grid .product p{flex-direction:column;gap:5px}.product-grid .product h3{font-size:32px}}
@media(max-width:600px){.product-carousel{margin:0 -20px;padding-top:15px}.product-grid{height:420px}.product-grid .product{width:70%;padding:15px 0;transform:translateX(var(--slide-x)) scale(.65);opacity:.55;transform-origin:50% 45%}.product-grid .product.is-active{transform:translateX(var(--slide-x)) scale(1);opacity:1}.product-grid .product-number{font-size:10px}.product-grid .can{height:290px;margin:8px 0 20px}.product-grid .can img{transform:scale(1.35)}.product-grid .product:hover .can img{transform:scale(1.38)}.product-grid .product h3{font-size:35px}.product-grid .product-name>span{font-size:21px}.product-grid .product p{flex-direction:row;gap:10px;font-size:12px}.product-grid .product p span{font-size:10px}.carousel-controls{gap:25px;margin-top:5px}.carousel-arrow{width:46px;height:46px}.carousel-hint{font-size:10px;margin-top:18px}}

@media(max-width:600px){.product-grid .product{transform:translateX(calc(-50% + var(--slide-offset,0)*61%)) scale(.65)}.product-grid .product.is-active{transform:translateX(calc(-50% + var(--slide-offset,0)*61%)) scale(1)}}
/* White canvas and black boxed product selectors */
:root{--paper:#ffffff}
.product-tabs button{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:0;opacity:.65;margin-right:8px}
.product-tabs button:hover,.product-tabs button.active{opacity:1}
.product-tabs button.active{box-shadow:inset 0 -3px 0 var(--gold)}
.carousel-arrow{border-radius:0;background:var(--ink);color:#fff}
.carousel-arrow:hover{background:#383833}
.carousel-dots{gap:7px}
.carousel-dots button{width:25px;height:25px;background:var(--ink);color:white;opacity:.5;border-radius:0;font:600 11px 'Barlow Condensed',sans-serif}
.carousel-dots button:after{display:none}
.carousel-dots button.active{opacity:1;box-shadow:inset 0 -3px 0 var(--gold)}
.carousel-dots button:hover{opacity:1}

.hero-headline{position:absolute;z-index:2;left:6%;top:23%;color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(55px,8.4vw,150px);font-weight:800;line-height:.9;letter-spacing:-1.8px;text-shadow:0 2px 18px #00182b35;pointer-events:none}
@media(max-width:600px){.hero-headline{left:20px;top:28px;font-size:clamp(30px,8.8vw,52px);line-height:.94;letter-spacing:-.5px;max-width:48%}}

.hero-message{position:absolute;z-index:2;left:6%;top:18%;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.hero-message .hero-headline{position:static;font-size:clamp(60px,9.3vw,165px);max-width:none}.hero-message .button{pointer-events:auto}
@media(max-width:600px){.hero-message{left:20px;top:25px;gap:15px}.hero-message .hero-headline{font-size:clamp(32px,9.5vw,56px)}.hero-message .button{padding:11px 14px;min-height:40px;font-size:11px;gap:20px}}

.hero-switch{position:absolute;z-index:4;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:#111b;padding:4px}.hero-switch button{color:#fff;background:transparent;min-height:36px;padding:8px 12px;font-size:11px}.hero-switch button[aria-pressed="true"]{background:#fff;color:#171714}.hero-switch button:hover{background:#444;color:#fff}
@media(max-width:600px){.hero[data-banner="namsan"] .hero-image{object-position:83% center}.hero-switch{bottom:16px;left:auto;right:12px;transform:none}.hero-switch button{padding:8px;min-height:34px;font-size:10px}.hero-bottom{bottom:65px}}

.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:60px;padding:0;background:#10101070;color:white;font:400 46px/1 Arial,sans-serif;border:1px solid #ffffff45;display:flex;align-items:center;justify-content:center;transition:background .2s}.hero-arrow:hover{background:#101010c9}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}@media(max-width:600px){.hero-arrow{width:32px;height:48px;font-size:36px}.hero-arrow-left{left:5px}.hero-arrow-right{right:5px}.hero-bottom{bottom:28px}}

.drinks.section{padding-top:24px}
@media(max-width:600px){.drinks.section{padding-top:16px}}

.product-carousel{position:relative}.product-carousel>.carousel-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:5}.product-carousel>#product-prev{left:8px}.product-carousel>#product-next{right:8px}
@media(max-width:600px){.product-carousel>.carousel-arrow{width:42px;height:48px}.product-carousel>#product-prev{left:12px}.product-carousel>#product-next{right:12px}}

/* Two identical groups travel exactly one group width for a seamless loop. */
.ticker>.ticker-track{display:flex;justify-content:flex-start;gap:0;padding:0;width:max-content;min-width:200%;animation:ticker-loop 32s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;min-width:calc(100vw - 12px);gap:48px;padding:0 24px;height:100%}
.ticker-group span:nth-of-type(2){font:700 12px 'Noto Sans KR',sans-serif}
@keyframes ticker-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.ticker-group{gap:28px;padding:0 14px;min-width:calc(100vw - 8px)}.ticker>.ticker-track{animation-duration:26s}}

.size-selector{display:flex;justify-content:center;gap:8px;margin:8px 0 16px}.size-selector button{background:#fff;border:1px solid #171714;padding:10px 24px;font-size:14px;font-weight:700}.size-selector button[aria-pressed="true"]{background:#171714;color:white;box-shadow:inset 0 -3px #d5b975}.product-size{display:block;font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin-top:12px}.product-carousel[data-size="350"] .can img{transform:scale(.95)}.product-carousel[data-size="350"] .product:hover .can img{transform:scale(.98) rotate(-2deg)}#modal-can[data-size="350"]{transform:scale(.86)}
@media(max-width:600px){.product-carousel .product-grid{height:450px}.product-size{margin-top:10px}.size-selector{margin-bottom:6px}.product-carousel[data-size="350"] .can img{transform:scale(1.05)}.product-carousel[data-size="350"] .product:hover .can img{transform:scale(1.08)}}

/* Size square 500ml artwork by height so transparent side margins do not shrink the can. */
.product-carousel[data-size="500"] .can img{width:auto;max-width:none;height:100%;transform:scale(1.15)}
.product-carousel[data-size="500"] .product:hover .can img{transform:scale(1.19) rotate(-2deg)}
@media(max-width:600px){.product-carousel[data-size="500"] .can img{transform:scale(1.2)}.product-carousel[data-size="500"] .product:hover .can img{transform:scale(1.23) rotate(-2deg)}}