/* Real frames, a choice of scenes, and specific information about each drink. */
.scene-photo{position:absolute;inset:0;overflow:hidden;container-type:size;pointer-events:none;background:#ececef}
.scene-photo>img{width:100%;height:100%;display:block;object-fit:cover}
.crop-aperture{position:absolute;left:50%;top:50%;width:max(100cqw,calc(100cqh * var(--crop-ratio)));height:max(100cqh,calc(100cqw / var(--crop-ratio)));transform:translate(calc(-1 * var(--crop-focus-x,50%)),-50%);overflow:hidden}
.crop-aperture>img{position:absolute;max-width:none;object-fit:fill;display:block}
.cinema-hero>.scene-photo{z-index:-3}
.film-hero{background:#17323c}
.film-hero .cinema-wash{background:linear-gradient(90deg,#06121bd9,#0e26305c 52%,#05202c12)}
.film-hero .cinema-hero-copy,.film-hero .cinema-hero-bottom,.film-hero .cinema-scroll-note{color:white}
.film-hero .cinema-kicker{color:#fff;opacity:.85}
.film-hero .cinema-hero-bottom>p span{color:#fff9}
.film-hero .cinema-buy{background:#fff;color:#171719}
.film-hero .cinema-buy:hover{background:var(--red);color:white}
.film-hero .cinema-music-link{color:white}
.hero-taste{font-size:12px;line-height:1.9;color:#7a4e30;margin-top:22px;letter-spacing:0}
.film-hero .hero-taste{color:#ffffffb3}
.cinema-hero-copy .cinema-music-link{margin-top:22px}
.film-header{background:#fffffff0;backdrop-filter:blur(12px)}
.flower-hero .cinema-wash{background:linear-gradient(90deg,#ffffffed,#ffffffa0 38%,#ffffff00 78%)}
.cinema-narrative{padding-top:100px;padding-bottom:100px;grid-template-columns:1fr 2fr}
.cinema-narrative>div>h2{font-size:clamp(37px,4vw,66px);letter-spacing:-.065em;line-height:1.4}
.cinema-narrative>div>p{font-size:16px;color:#626268;line-height:2.1;max-width:750px}
.taste-kicker{font-size:11px;font-weight:700;color:var(--red);margin-bottom:30px;letter-spacing:0}
.taste-lab{height:100svh;min-height:730px;isolation:isolate;position:relative;display:flex;align-items:center;overflow:hidden;background:#fafafa}
.taste-lab .taste-photo{z-index:-3}
.taste-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#fffffff9,#fffffff2 35%,#ffffffa0 49%,#ffffff08 76%);z-index:-2}
.taste-copy{padding:65px 7vw;width:56%;max-width:950px}
.taste-copy h2{font-size:clamp(40px,4.3vw,72px);line-height:1.38;letter-spacing:-.065em;font-weight:700}
.sense-buttons{display:flex;gap:30px;margin-top:42px;border-bottom:1px solid #b7b7bc;max-width:500px}
.sense-buttons button{font-size:13px;padding:14px 0;color:#7c7c83;font-weight:400;border-bottom:3px solid transparent}
.sense-buttons button[aria-pressed=true]{color:var(--red);font-weight:700;border-color:var(--red)}
.sense-note{max-width:500px;min-height:165px;padding-top:26px}
.sense-note h3{font-size:21px;line-height:1.6;letter-spacing:-.045em}
.sense-note p{font-size:14px;line-height:2;letter-spacing:-.02em;color:#575760;margin-top:15px}
.taste-photo-credit{position:absolute;bottom:22px;right:28px;font-size:9px;line-height:1.8;color:#55555d;max-width:60%;text-align:right}
.product-experience[data-product-id=express] .taste-photo>img{object-fit:contain;object-position:82% center;max-width:65%;margin-left:auto;mix-blend-mode:multiply}
.product-experience[data-product-id=express] .taste-photo{background:#eef4fa}
.product-experience[data-product-id=ferris] .taste-photo>img{object-position:65% center}
.product-experience[data-product-id=nongdam] .taste-scrim{background:linear-gradient(90deg,#fffffffa,#ffffffed 32%,#ffffff50 62%,#fff0)}
.maker-record{padding:110px 7vw 100px;max-width:1700px;margin:auto}
.maker-heading h2{font-size:clamp(30px,3vw,48px);line-height:1.5;letter-spacing:-.055em}
.maker-record dl{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:50px}
.maker-record dl>div{padding:28px 0 32px;border-top:1px solid #1a1a1d;min-width:0}
.maker-record dt{font-size:12px;color:#78787e}
.maker-record dd{font-weight:700;font-size:clamp(28px,3.5vw,58px);line-height:1.5;letter-spacing:-.06em;margin:25px 0 0;word-break:keep-all}
.serve-notes{padding:80px 7vw 100px;background:#f8f8f9;display:grid;grid-template-columns:1fr 1.35fr;gap:8vw}
.serve-notes h2{font-size:clamp(31px,3.5vw,54px);line-height:1.5;letter-spacing:-.06em}
.serve-notes>div>p{font-size:12px;color:#72727a;line-height:2;margin-top:24px}
.serve-notes>div>a{display:inline-block;font-size:12px;border-bottom:1px solid #333;padding-bottom:6px;margin-top:28px}
.serve-notes details{border-top:1px solid #cdced2;padding:24px 0}
.serve-notes details:last-child{border-bottom:1px solid #cdced2}
.serve-notes summary{font-size:17px;font-weight:700;line-height:1.8;cursor:pointer;letter-spacing:-.035em}
.serve-notes details p{font-size:14px;color:#62626a;line-height:2;margin-top:20px;max-width:670px}
.memory-heading{padding:55px 7vw 45px;display:grid;grid-template-columns:1fr auto;gap:20px 40px;align-items:end}
.memory-heading .taste-kicker{grid-column:1/-1;margin-bottom:0}
.memory-heading h2{font-size:clamp(34px,4vw,65px);line-height:1.35;letter-spacing:-.065em}
.memory-heading>p:last-child{font-size:12px;color:#75757d;padding-bottom:8px}
.memory-stage{position:relative;isolation:isolate;height:100svh;min-height:750px;background:#16232b;overflow:hidden}
.memory-photo{z-index:-3}
.memory-shade{position:absolute;inset:0;background:linear-gradient(#07161f00 18%,#07161f15 40%,#07161fd9 85%);z-index:-2}
.memory-caption{position:absolute;bottom:27%;left:7vw;right:7vw;color:white}
.memory-caption h3{font-size:clamp(31px,3.8vw,60px);line-height:1.4;letter-spacing:-.06em;max-width:850px}
.memory-caption>p{font-size:11px;color:#ffffffb0;margin-top:18px}
.memory-caption>button{font-size:12px;border-bottom:1px solid white;padding:0 0 7px;margin-top:25px}
.memory-picks{position:absolute;bottom:30px;left:7vw;right:7vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:900px}
.memory-picks>button{position:relative;min-width:0;aspect-ratio:2.5;padding:0;border:1px solid #ffffff66;opacity:.7;transition:opacity .25s}
.memory-picks>button[aria-pressed=true]{opacity:1;border:2px solid #fff;box-shadow:0 4px 0 var(--red)}
.memory-picks>button>span{position:absolute;bottom:10px;left:13px;right:10px;font-size:10px;color:white;text-shadow:0 1px 8px #000;z-index:1;text-align:left}
.memory-picks>button:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0007)}
.memory-credit{padding:20px 7vw 30px;font-size:10px;color:#77777f;line-height:2}
.memory-credit>a{display:inline-block;border-bottom:1px solid #b5b5bb;margin-left:25px}
.product-taste{font-size:12px;color:#72727a;line-height:1.8;margin:0 0 16px;min-height:43px;letter-spacing:-.025em}
.product-info{min-height:175px}
.detail-flavors{display:flex;gap:8px 15px;flex-wrap:wrap;margin:20px 0 24px;padding:0;list-style:none}
.detail-flavors li{font-size:11px;color:var(--red);padding-bottom:5px;border-bottom:1px solid #bd172833}
.detail-origin{font-size:11px;line-height:1.8;color:#77777e;margin-top:12px}
.real-music .music-stories>button>.scene-photo{opacity:.9;padding:0;display:block;z-index:0}
.cropped-photo img{transform:none!important}
.real-music .music-stories>button:after{background:linear-gradient(90deg,#03182185,#03182108)}
.real-music .music-stories>button>div:not(.scene-photo){color:white;pointer-events:none}
.real-music .music-stories span{color:#ffffffce}
.real-music .music-stories b{border-color:#fff}
.story-card-image>.scene-photo{z-index:0}
.story-card-image>span{z-index:1}
@media(max-width:1100px){.taste-copy{width:66%;padding-left:6vw;padding-right:5vw}.taste-copy h2{font-size:48px}.taste-scrim{background:linear-gradient(90deg,#fffffff7,#ffffffeb 45%,#ffffff35 78%)}.maker-record dd{font-size:40px}.serve-notes{gap:5vw}.memory-caption{bottom:25%}.memory-picks{gap:15px}}
@media(max-width:800px){
 .cinema-narrative{grid-template-columns:1fr;padding:65px 6vw;gap:25px}.cinema-narrative>div>h2{font-size:40px}.cinema-narrative>div>p{font-size:14px}
 .film-hero .cinema-wash{background:linear-gradient(#07151bad,#07151b20 60%,#07151b90)}.film-hero .cinema-hero-copy{max-width:none}.flower-hero .cinema-wash{background:linear-gradient(#ffffffeb,#ffffff70 40%,#fff0 75%)}
 .taste-lab{min-height:850px;height:110svh;align-items:flex-start}.taste-copy{width:100%;max-width:650px;padding:65px 6vw}.taste-copy h2{font-size:47px}.taste-scrim{background:linear-gradient(#fffffffa,#fffffff4 42%,#ffffff55 68%,#ffffff00 90%)}.sense-buttons{max-width:500px;margin-top:30px}.sense-note{max-width:500px;min-height:160px}.sense-note p{font-size:14px}.taste-photo{top:20%}.taste-photo-credit{font-size:9px;max-width:75%}.taste-lab .taste-photo .crop-aperture{top:65%}
 .maker-record{padding:70px 6vw}.maker-heading h2{font-size:36px}.maker-record dl{gap:25px;margin-top:35px}.maker-record dd{font-size:30px;margin-top:20px}.maker-record dt{font-size:11px}.serve-notes{grid-template-columns:1fr;padding:65px 6vw;gap:35px}.serve-notes h2{font-size:38px}.serve-notes summary{font-size:16px}.serve-notes details p{font-size:14px}.serve-notes .taste-kicker{margin-bottom:23px}
 .memory-heading{padding:50px 6vw 35px;display:block}.memory-heading h2{font-size:43px;margin-top:25px}.memory-heading>p:last-child{font-size:12px;margin-top:20px}.memory-stage{height:90svh;min-height:650px}.memory-caption{left:6vw;right:6vw;bottom:26%}.memory-caption h3{font-size:41px}.memory-picks{left:6vw;right:6vw;gap:12px}.memory-picks>button{aspect-ratio:1.5}.memory-picks>button>span{font-size:9px;left:10px;bottom:9px}.memory-credit{padding:18px 6vw 28px}.memory-credit>a{margin-left:0;display:block;width:max-content;margin-top:8px}.memory-caption>p{font-size:10px}.product-info{min-height:170px}.product-taste{font-size:11px;min-height:40px}
}
@media(max-width:520px){
 .hero-taste{font-size:10px;margin-top:14px;max-width:280px}.cinema-hero-copy .cinema-music-link{margin-top:14px}
 .cinema-narrative{padding:50px 22px}.cinema-narrative>div>h2{font-size:30px}.cinema-narrative>div>p{font-size:13px;line-height:2.05}.film-hero .cinema-scroll-note{color:#ffffffa8}.film-hero .cinema-hero-copy{top:108px}.film-hero .cinema-subject{font-size:15px;max-width:290px}.film-hero .cinema-hero-bottom{color:white}.film-hero .cinema-music-link{font-size:11px}
 .taste-lab{height:105svh;min-height:840px}.taste-copy{padding:50px 22px}.taste-kicker{font-size:10px;margin-bottom:24px}.taste-copy h2{font-size:clamp(29px,8.3vw,40px);line-height:1.45}.sense-buttons{gap:26px;margin-top:25px}.sense-buttons button{font-size:12px;padding:13px 0}.sense-note{padding-top:22px;min-height:190px}.sense-note h3{font-size:19px;line-height:1.7}.sense-note p{font-size:13px;line-height:2.05;margin-top:15px}.taste-scrim{background:linear-gradient(#fffffffc,#fffffff7 45%,#ffffff70 66%,#ffffff00 90%)}.taste-photo{top:32%}.taste-lab .taste-photo .crop-aperture{top:65%}.taste-photo-credit{right:22px;bottom:18px;font-size:8px;max-width:82%;background:#ffffffad;padding:3px 6px}
 .maker-record{padding:55px 22px}.maker-heading h2{font-size:29px}.maker-record dl{grid-template-columns:1fr;gap:0;margin-top:30px}.maker-record dl>div{padding:23px 0 25px;display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}.maker-record dt{font-size:11px}.maker-record dd{font-size:28px;margin:0;line-height:1.5}.serve-notes{padding:50px 22px;gap:30px}.serve-notes h2{font-size:30px}.serve-notes>div>p{font-size:11px}.serve-notes>div>a{font-size:11px;margin-top:22px}.serve-notes summary{font-size:15px}.serve-notes details{padding:22px 0}.serve-notes details p{font-size:13px}
 .memory-heading{padding:42px 22px 30px}.memory-heading h2{font-size:32px;margin-top:22px;line-height:1.45}.memory-heading>p:last-child{font-size:11px;margin-top:18px}.memory-stage{height:90svh;min-height:650px}.memory-caption{left:22px;right:22px;bottom:28%}.memory-caption h3{font-size:32px;line-height:1.5}.memory-caption>p{font-size:10px;line-height:1.8;max-width:250px}.memory-caption>button{font-size:11px;margin-top:20px}.memory-picks{left:22px;right:22px;bottom:28px;gap:8px}.memory-picks>button{aspect-ratio:.85}.memory-picks>button>span{font-size:8px;left:7px;right:6px;bottom:8px;line-height:1.8}.memory-credit{padding:16px 22px 25px;font-size:9px}.product-taste{font-size:10px;margin-bottom:12px;min-height:37px;line-height:1.9}.product-info{min-height:180px}.detail-flavors{gap:8px 13px;margin:16px 0 22px}.detail-flavors li{font-size:10px}.detail-origin{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.memory-picks>button{transition:none}}
