@charset "utf-8";

#hqMoutaiVisual .overview-visual-bg{
background-position:62% center;
}

#hqMoutai.moutai-brand-section{
--mt-text:#111111;
--mt-sub:#666666;
--mt-muted:#999999;
--mt-gold:#9A845F;
--mt-gold-light:#b8956a;
--mt-gold-dark:#7a6848;
--mt-bg:#faf7f2;
--mt-card:#ffffff;
--mt-card-shadow:0 2px 12px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.03);
position:relative;
padding:0;
background:var(--mt-bg);
color:var(--mt-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqMoutai .label-wrap{
margin-bottom:14px;
}

#hqMoutai .section-heading .label{
margin:0;
font-size:12px;
font-weight:600;
letter-spacing:.16em;
color:var(--mt-gold);
text-transform:uppercase;
font-family:var(--e-font),var(--k-font);
}

#hqMoutai .label-line{
display:block;
width:28px;
height:2px;
margin-top:10px;
background:var(--mt-gold);
}

#hqMoutai .section-heading h2{
margin:0 0 6px;
font-size:52px;
font-weight:700;
line-height:1.1;
letter-spacing:-.03em;
color:var(--mt-text);
font-family:var(--e-font),var(--k-font);
}

#hqMoutai .section-heading .title-ko{
margin:0 0 22px;
font-size:24px;
font-weight:600;
line-height:1.3;
letter-spacing:-.01em;
color:var(--mt-gold);
font-family:var(--k-font),var(--e-font);
}

#hqMoutai .section-heading .description{
margin:0 0 10px;
max-width:440px;
font-size:14px;
font-weight:400;
line-height:1.72;
color:var(--mt-sub);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqMoutai .section-heading .description--second{
margin-bottom:26px;
}

#hqMoutai .moutai-brand-hero{
position:relative;
width:100%;
height:clamp(540px,42vw,720px);
margin:0;
padding:0;
background-color:var(--mt-bg);
background-image:url("/sh_img/include/moutai/img/moutai-showcase.webp");
background-repeat:no-repeat;
background-position:center center;
background-size:100% 100%;
}

#hqMoutai .moutai-brand-hero-inner{
display:grid;
grid-template-columns:minmax(0,520px) 1fr;
grid-template-rows:1fr auto;
grid-template-areas:
"heading ."
"cards cards";
align-content:stretch;
width:100%;
max-width:var(--layout-max,1800px);
height:100%;
min-height:100%;
margin:0 auto;
padding:56px var(--layout-gutter,80px) 36px;
box-sizing:border-box;
}

#hqMoutai .moutai-brand-hero .section-heading{
grid-area:heading;
position:relative;
z-index:1;
align-self:start;
max-width:520px;
margin:0;
}

#hqMoutai .moutai-discover-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 20px;
border:none;
border-radius:8px;
background:#111111;
color:#ffffff;
font-size:12px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
font-family:var(--e-font),var(--k-font);
transition:opacity .25s ease;
}

#hqMoutai .moutai-discover-btn:hover{
opacity:.88;
}

#hqMoutai .moutai-discover-arrow{
font-size:13px;
line-height:1;
}

#hqMoutai .moutai-channel-strip{
grid-area:cards;
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
align-self:end;
width:100%;
margin:0;
padding-top:28px;
}

#hqMoutai .moutai-channel-card{
display:flex;
align-items:center;
gap:16px;
min-height:112px;
padding:24px 24px 24px 22px;
border-radius:16px;
background:var(--mt-card);
box-shadow:var(--mt-card-shadow);
text-decoration:none;
color:inherit;
transition:transform .2s ease,box-shadow .2s ease;
}

#hqMoutai .moutai-channel-card:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(0,0,0,.07),0 0 0 1px rgba(0,0,0,.03);
}

#hqMoutai .moutai-channel-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:48px;
height:48px;
border:1px solid rgba(154,132,95,.28);
border-radius:50%;
background:#fff;
}

#hqMoutai .moutai-channel-icon img{
width:22px;
height:22px;
object-fit:contain;
}

#hqMoutai .moutai-channel-copy{
flex:1;
min-width:0;
}

#hqMoutai .moutai-channel-title{
display:block;
margin-bottom:6px;
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--mt-text);
font-family:var(--k-font),var(--e-font);
}

#hqMoutai .moutai-channel-desc{
display:block;
font-size:12px;
font-weight:400;
line-height:1.6;
color:var(--mt-muted);
word-break:keep-all;
}

#hqMoutai .moutai-channel-arrow{
flex-shrink:0;
font-size:20px;
font-weight:300;
line-height:1;
color:#d0d0d0;
transition:color .2s ease,transform .2s ease;
}

#hqMoutai .moutai-channel-card:hover .moutai-channel-arrow{
color:var(--mt-gold);
transform:translateX(2px);
}

#hqMoutai .reveal-item{
opacity:0;
transform:translateY(14px);
transition:opacity 1s ease-out,transform 1s ease-out;
}

#hqMoutai.is-revealing .reveal-item{
opacity:1;
transform:translateY(0);
}

#hqMoutai.is-revealing .moutai-channel-card.reveal-item:nth-child(1){transition-delay:.1s}
#hqMoutai.is-revealing .moutai-channel-card.reveal-item:nth-child(2){transition-delay:.2s}
#hqMoutai.is-revealing .moutai-channel-card.reveal-item:nth-child(3){transition-delay:.3s}

@media (prefers-reduced-motion:reduce){
#hqMoutai .reveal-item{opacity:1;transform:none;transition:none}
}

@media (max-width:1100px){
#hqMoutai .section-heading .description{max-width:none}
#hqMoutai .section-heading h2{font-size:clamp(32px,6vw,52px)}
#hqMoutai .section-heading .title-ko{font-size:clamp(18px,3vw,24px)}
}

@media (max-width:900px){
#hqMoutai .moutai-brand-hero-inner{
grid-template-columns:1fr;
grid-template-areas:
"heading"
"cards";
padding:48px var(--layout-gutter,80px) 32px;
}
#hqMoutai .moutai-channel-strip{grid-template-columns:1fr;padding-top:24px}
}

@media (max-width:768px){
#hqMoutai .moutai-brand-hero{height:clamp(560px,130vw,760px)}
#hqMoutai .moutai-brand-hero-inner{padding:40px 24px 28px}
#hqMoutai .moutai-brand-hero .section-heading{max-width:100%}
#hqMoutai .moutai-channel-strip{padding-top:20px}
}

/* Featured Bottle — full-section bg + overlay card */
#hqMoutaiFeatured.moutai-featured-section{
--mf-text:#111111;
--mf-sub:#666666;
--mf-muted:#999999;
--mf-gold:#9A845F;
--mf-gold-light:#b8956a;
--mf-card:#ffffff;
--mf-card-border:rgba(0,0,0,.05);
--mf-pedestal-x:71.2%;
position:relative;
width:100vw;
margin-left:calc(50% - 50vw);
padding:clamp(24px,2.5vw,40px) 0;
background-color:#ebe4d9;
background-image:url("/sh_img/include/moutai/img/moutai-featured-hero-bg.webp");
background-repeat:no-repeat;
background-position:64% 52%;
background-size:cover;
color:var(--mf-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqMoutaiFeatured .moutai-featured-inner{
position:relative;
z-index:1;
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 var(--layout-gutter,80px);
box-sizing:border-box;
}

#hqMoutaiFeatured .hero-bottle,
#hqMoutaiFeatured .hero-caption,
#hqMoutaiFeatured .hero-gallery{
position:absolute;
z-index:2;
}

#hqMoutaiFeatured .hero-bottle,
#hqMoutaiFeatured .hero-caption{
pointer-events:none;
}

#hqMoutaiFeatured .hero-drag-zone{
position:absolute;
top:clamp(24px,2.5vw,40px);
right:var(--layout-gutter,80px);
bottom:clamp(24px,2.5vw,40px);
left:42%;
z-index:3;
cursor:grab;
touch-action:pan-y;
-webkit-user-select:none;
user-select:none;
}

#hqMoutaiFeatured .hero-drag-zone.is-dragging{
cursor:grabbing;
}

#hqMoutaiFeatured .moutai-featured-panel{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:clamp(16px,1.8vw,28px);
align-items:center;
}

/* Left card — frosted glass on section bg */
#hqMoutaiFeatured .moutai-featured-card{
display:flex;
flex-direction:column;
padding:clamp(24px,2vw,32px) clamp(26px,2.4vw,36px) clamp(18px,1.6vw,24px);
border:1px solid rgba(255,255,255,.65);
border-radius:24px;
background:rgba(255,255,255,.82);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:0 12px 48px rgba(0,0,0,.07);
box-sizing:border-box;
overflow:hidden;
}

#hqMoutaiFeatured .detail-label,
#hqMoutaiFeatured .detail-sub-label{
margin:0 0 10px;
font-size:12px;
font-weight:600;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--mf-gold);
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiFeatured .detail-title{
margin:0 0 6px;
font-size:clamp(28px,2.4vw,36px);
font-weight:700;
line-height:1.1;
letter-spacing:-.03em;
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiFeatured .detail-title-ko{
margin:0 0 12px;
font-size:clamp(18px,1.5vw,22px);
font-weight:600;
line-height:1.3;
letter-spacing:-.01em;
color:var(--mf-gold);
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiFeatured .detail-story{
margin:0 0 22px;
max-width:520px;
font-size:14px;
font-weight:400;
line-height:1.72;
color:var(--mf-sub);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiFeatured .detail-meta{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px 32px;
margin-bottom:22px;
}

#hqMoutaiFeatured .detail-note-list{
list-style:none;
margin:0;
padding:0;
}

#hqMoutaiFeatured .detail-note-list li{
display:flex;
align-items:flex-start;
gap:12px;
margin-bottom:14px;
}

#hqMoutaiFeatured .detail-note-list li:last-child{margin-bottom:0}

#hqMoutaiFeatured .note-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:32px;
height:32px;
border:1px solid rgba(154,132,95,.22);
border-radius:50%;
background:#faf8f5;
}

#hqMoutaiFeatured .note-icon img{
width:16px;
height:16px;
object-fit:contain;
}

#hqMoutaiFeatured .note-copy{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}

#hqMoutaiFeatured .note-copy strong{
font-size:12px;
font-weight:600;
letter-spacing:0;
color:var(--mf-text);
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiFeatured .note-text{
font-size:14px;
line-height:1.72;
color:var(--mf-sub);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiFeatured .detail-spec-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
margin:0;
border:1px solid rgba(0,0,0,.06);
border-radius:12px;
overflow:hidden;
}

#hqMoutaiFeatured .detail-spec-list div{
display:flex;
flex-direction:column;
gap:4px;
padding:14px 16px;
border-bottom:1px solid rgba(0,0,0,.06);
border-right:1px solid rgba(0,0,0,.06);
background:rgba(250,250,250,.75);
box-sizing:border-box;
}

#hqMoutaiFeatured .detail-spec-list div:nth-child(2n){border-right:none}
#hqMoutaiFeatured .detail-spec-list div:nth-last-child(-n+2){border-bottom:none}

#hqMoutaiFeatured .detail-spec-list dt{
margin:0;
font-size:10px;
font-weight:600;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--mf-muted);
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiFeatured .detail-spec-list dd{
margin:0;
font-size:14px;
font-weight:600;
color:var(--mf-text);
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiFeatured .detail-actions{
display:flex;
align-items:center;
gap:10px;
margin-bottom:18px;
}

#hqMoutaiFeatured .detail-view-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 22px;
border:1px solid rgba(0,0,0,.1);
border-radius:999px;
background:#fff;
font-size:13px;
font-weight:600;
letter-spacing:.02em;
color:var(--mf-text);
text-decoration:none;
transition:background .25s ease,border-color .25s ease;
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiFeatured .detail-view-btn:hover{
background:#fafafa;
border-color:rgba(0,0,0,.16);
}

#hqMoutaiFeatured .detail-view-arrow{font-size:14px;line-height:1}

#hqMoutaiFeatured .detail-book-btn{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
padding:0;
border:1px solid rgba(0,0,0,.1);
border-radius:10px;
background:#fff;
cursor:pointer;
transition:background .25s ease,border-color .25s ease;
}

#hqMoutaiFeatured .detail-book-btn:hover{
background:#fafafa;
border-color:rgba(0,0,0,.16);
}

#hqMoutaiFeatured .detail-book-btn img{
width:18px;
height:18px;
object-fit:contain;
}

#hqMoutaiFeatured .detail-divider{
display:block;
height:1px;
margin:0 0 14px;
background:rgba(0,0,0,.06);
}

/* Card carousel */
#hqMoutaiFeatured .moutai-card-carousel{
position:relative;
margin-top:auto;
padding:0 28px 8px;
overflow:hidden;
}

#hqMoutaiFeatured .moutai-product-slider{
overflow:hidden;
}

#hqMoutaiFeatured .moutai-product-slide{
--carousel-scale:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
padding:8px 4px 0;
box-sizing:border-box;
transform:scale(.78);
opacity:.55;
filter:blur(.2px);
transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s ease,filter .55s ease;
cursor:pointer;
}

#hqMoutaiFeatured .swiper-slide-active.moutai-product-slide{
transform:scale(.92);
opacity:1;
filter:none;
}

#hqMoutaiFeatured .moutai-product-figure{
margin:0;
display:flex;
align-items:flex-end;
justify-content:center;
width:100%;
height:clamp(60px,5.5vw,80px);
overflow:hidden;
}

#hqMoutaiFeatured .moutai-product-figure img{
display:block;
max-height:100%;
width:auto;
max-width:56px;
object-fit:contain;
object-position:bottom center;
transform:scale(var(--carousel-scale));
transform-origin:bottom center;
filter:drop-shadow(0 8px 16px rgba(0,0,0,.12));
}

#hqMoutaiFeatured .moutai-product-caption{
margin-top:8px;
text-align:center;
min-height:36px;
}

#hqMoutaiFeatured .caption-ko{
display:block;
margin-bottom:2px;
font-size:11px;
font-weight:600;
line-height:1.35;
color:var(--mf-text);
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiFeatured .swiper-slide-active .caption-ko{
font-size:12px;
font-weight:700;
}

#hqMoutaiFeatured .caption-en{
display:block;
font-size:9px;
font-weight:500;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--mf-muted);
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiFeatured .card-nav{
position:absolute;
top:38%;
z-index:4;
display:flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
margin-top:-16px;
padding:0;
border:1px solid rgba(0,0,0,.08);
border-radius:50%;
background:rgba(255,255,255,.9);
color:#555;
cursor:pointer;
transition:background .25s ease,border-color .25s ease,transform .25s ease;
}

#hqMoutaiFeatured .card-nav:hover{
background:#fff;
border-color:rgba(0,0,0,.14);
transform:scale(1.05);
}

#hqMoutaiFeatured .card-nav-prev{left:0}
#hqMoutaiFeatured .card-nav-next{right:0}

#hqMoutaiFeatured .card-pagination{
display:flex;
justify-content:center;
align-items:center;
gap:8px;
margin-top:8px;
}

#hqMoutaiFeatured .card-pagination .swiper-pagination-bullet{
width:6px;
height:6px;
margin:0!important;
border-radius:50%;
background:rgba(0,0,0,.15);
opacity:1;
transition:transform .25s ease,background .25s ease,width .25s ease;
}

#hqMoutaiFeatured .card-pagination .swiper-pagination-bullet-active{
width:18px;
border-radius:999px;
background:var(--mf-gold);
}

/* Right hero — transparent overlay on section bg */
#hqMoutaiFeatured .moutai-featured-hero{
position:static;
display:flex;
flex-direction:column;
background:transparent;
min-height:clamp(360px,32vw,560px);
overflow:visible;
}

#hqMoutaiFeatured .hero-scene{
position:static;
flex:1 1 auto;
min-height:clamp(300px,28vw,480px);
}

#hqMoutaiFeatured .hero-bottle{
left:var(--mf-pedestal-x);
bottom:34%;
margin:0;
width:clamp(105px,13vw,175px);
height:clamp(190px,24vw,330px);
transform:translateX(-50%);
display:flex;
align-items:flex-end;
justify-content:center;
overflow:visible;
background:transparent;
}

#hqMoutaiFeatured .hero-bottle::after{
content:"";
position:absolute;
bottom:-6px;
left:50%;
z-index:0;
width:72%;
height:14px;
transform:translateX(-50%);
background:radial-gradient(ellipse at center,rgba(0,0,0,.22) 0%,rgba(0,0,0,0) 72%);
pointer-events:none;
}

#hqMoutaiFeatured .hero-bottle-stage{
position:relative;
z-index:1;
display:flex;
align-items:flex-end;
justify-content:center;
width:100%;
height:100%;
overflow:visible;
background:transparent;
}

#hqMoutaiFeatured .hero-bottle-img{
position:relative;
display:block;
width:auto;
height:100%;
max-width:100%;
object-fit:contain;
object-position:bottom center;
flex:0 0 auto;
}

#hqMoutaiFeatured .hero-bottle-reveal-canvas{
position:absolute;
inset:0;
z-index:2;
width:100%;
height:100%;
pointer-events:none;
}

#hqMoutaiFeatured .hero-bottle-stage.is-hero-switching > .hero-bottle-img{
visibility:hidden;
opacity:0;
}

#hqMoutaiFeatured .hero-caption{
left:var(--mf-pedestal-x);
bottom:20%;
transform:translateX(-50%);
text-align:center;
white-space:nowrap;
}

#hqMoutaiFeatured .hero-caption-ko{
display:block;
margin-bottom:3px;
font-size:clamp(12px,1vw,14px);
font-weight:700;
line-height:1.35;
color:var(--mf-text);
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiFeatured .hero-caption-en{
display:block;
font-size:clamp(9px,.75vw,11px);
font-weight:500;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--mf-muted);
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiFeatured .hero-gallery{
right:calc(var(--layout-gutter,80px) + clamp(8px,1.2vw,20px));
bottom:clamp(24px,2.5vw,40px);
left:auto;
width:min(22vw,280px);
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
padding:0;
margin:0;
z-index:5;
pointer-events:auto;
}

#hqMoutaiFeatured .hero-gallery figure{
margin:0;
border-radius:10px;
overflow:hidden;
background:rgba(255,255,255,.5);
aspect-ratio:5/4;
box-shadow:0 4px 16px rgba(0,0,0,.08);
}

#hqMoutaiFeatured .hero-gallery img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

#hqMoutaiFeatured .reveal-item{
opacity:0;
transform:translateY(16px);
transition:opacity 1s ease-out,transform 1s ease-out;
}

#hqMoutaiFeatured.is-revealing .reveal-item{
opacity:1;
transform:translateY(0);
}

#hqMoutaiFeatured.is-revealing .moutai-featured-card.reveal-item{transition-delay:.12s}

@media (prefers-reduced-motion:reduce){
#hqMoutaiFeatured .reveal-item,
#hqMoutaiFeatured .moutai-product-slide,
#hqMoutaiFeatured .hero-bottle-img{opacity:1;transition:none}
#hqMoutaiFeatured .hero-bottle-reveal-canvas{display:none}
}

@media (max-width:1100px){
#hqMoutaiFeatured .moutai-featured-panel{grid-template-columns:1fr;align-items:start}
#hqMoutaiFeatured .detail-meta{grid-template-columns:1fr}
#hqMoutaiFeatured .hero-scene{min-height:320px}
#hqMoutaiFeatured .moutai-featured-hero{min-height:360px}
#hqMoutaiFeatured .hero-drag-zone{left:0;top:auto;height:clamp(360px,42vw,520px);bottom:clamp(24px,2.5vw,40px)}
}

@media (max-width:900px){
#hqMoutaiFeatured{
padding:32px 0 40px;
background-position:65% 52%;
}
#hqMoutaiFeatured .moutai-featured-card{padding:24px 20px 20px;border-radius:20px}
#hqMoutaiFeatured .card-nav{display:none}
#hqMoutaiFeatured .moutai-card-carousel{padding:0 0 20px}
#hqMoutaiFeatured .hero-bottle{left:50%;bottom:31%;width:clamp(90px,26vw,155px);height:clamp(170px,32vw,270px)}
#hqMoutaiFeatured .hero-caption{left:50%;bottom:18%}
#hqMoutaiFeatured .hero-gallery{right:24px;width:min(72vw,280px)}
}

@media (max-width:768px){
#hqMoutaiFeatured .moutai-featured-inner{padding:0 24px}
#hqMoutaiFeatured .detail-meta{gap:24px}
#hqMoutaiFeatured .hero-gallery{padding:0 16px 16px}
}

/* Premium Distribution */
#hqMoutaiDistribution.moutai-distribution-section{
--mt-text:#111111;
--mt-sub:#666666;
--mt-gold:#9A845F;
position:relative;
width:100vw;
margin-left:calc(50% - 50vw);
min-height:clamp(640px,52vw,860px);
padding:clamp(56px,5.5vw,96px) 0 clamp(48px,4vw,72px);
background-color:#f3ece2;
background-image:url("/sh_img/include/moutai/img/moutai-distribution-bg.webp");
background-repeat:no-repeat;
background-position:left center;
background-size:cover;
color:var(--mt-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqMoutaiDistribution .moutai-distribution-inner{
display:grid;
grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
gap:clamp(24px,2.8vw,48px);
align-items:start;
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 var(--layout-gutter,80px);
box-sizing:border-box;
}

#hqMoutaiDistribution .moutai-distribution-copy{
position:relative;
z-index:1;
max-width:520px;
padding:clamp(8px,1vw,16px) 0;
}

#hqMoutaiDistribution .dist-label-wrap{
margin-bottom:14px;
}

#hqMoutaiDistribution .dist-label{
margin:0;
font-size:12px;
font-weight:600;
letter-spacing:.16em;
color:var(--mt-gold);
text-transform:uppercase;
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiDistribution .dist-label-line{
display:block;
width:28px;
height:2px;
margin-top:10px;
background:var(--mt-gold);
}

#hqMoutaiDistribution .dist-title{
margin:0 0 22px;
font-size:clamp(34px,3.2vw,52px);
font-weight:700;
line-height:1.18;
letter-spacing:-.03em;
color:var(--mt-text);
font-family:var(--k-font),var(--e-font);
word-break:keep-all;
}

#hqMoutaiDistribution .dist-desc{
margin:0 0 10px;
max-width:460px;
font-size:14px;
font-weight:400;
line-height:1.72;
color:var(--mt-sub);
word-break:keep-all;
}

#hqMoutaiDistribution .dist-desc:last-of-type{
margin-bottom:28px;
}

#hqMoutaiDistribution .dist-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 22px;
border:1px solid rgba(154,132,95,.55);
border-radius:999px;
background:rgba(255,255,255,.42);
color:var(--mt-gold);
font-size:12px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
font-family:var(--e-font),var(--k-font);
transition:background .25s ease,border-color .25s ease;
}

#hqMoutaiDistribution .dist-btn:hover{
background:rgba(255,255,255,.72);
border-color:var(--mt-gold);
}

#hqMoutaiDistribution .dist-btn-arrow{
font-size:13px;
line-height:1;
}

#hqMoutaiDistribution .moutai-distribution-panel{
position:relative;
z-index:1;
padding:clamp(16px,1.6vw,22px);
border:1px solid rgba(255,255,255,.72);
border-radius:28px;
background:rgba(255,255,255,.58);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
box-shadow:0 18px 48px rgba(0,0,0,.06);
}

#hqMoutaiDistribution .dist-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(12px,1.2vw,18px);
}

#hqMoutaiDistribution .dist-card{
position:relative;
display:flex;
flex-direction:column;
min-height:100%;
border-radius:18px;
background:#ffffff;
box-shadow:0 4px 18px rgba(0,0,0,.05);
overflow:visible;
}

#hqMoutaiDistribution .dist-card-media{
position:relative;
z-index:1;
aspect-ratio:16/10;
overflow:visible;
}

#hqMoutaiDistribution .dist-card-media img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:18px 18px 0 0;
}

#hqMoutaiDistribution .dist-card-icon{
position:absolute;
left:14px;
bottom:-21px;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid rgba(154,132,95,.24);
border-radius:50%;
background:#ffffff;
box-shadow:0 4px 12px rgba(0,0,0,.08);
}

#hqMoutaiDistribution .dist-card-icon img{
width:20px;
height:20px;
object-fit:contain;
}

#hqMoutaiDistribution .dist-card-body{
position:relative;
z-index:2;
display:flex;
flex:1 1 auto;
flex-direction:column;
padding:28px 18px 18px;
border-radius:0 0 18px 18px;
background:#ffffff;
}

#hqMoutaiDistribution .dist-card-title{
margin:0 0 8px;
font-size:18px;
font-weight:700;
line-height:1.3;
color:var(--mt-text);
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiDistribution .dist-card-desc{
margin:0;
padding-right:28px;
font-size:12px;
font-weight:400;
line-height:1.65;
color:var(--mt-sub);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiDistribution .dist-card-arrow{
position:absolute;
right:16px;
bottom:16px;
font-size:16px;
line-height:1;
color:var(--mt-gold);
}

#hqMoutaiDistribution .reveal-item{
opacity:0;
transform:translateY(16px);
transition:opacity 1s ease-out,transform 1s ease-out;
}

#hqMoutaiDistribution.is-revealing .reveal-item{
opacity:1;
transform:translateY(0);
}

#hqMoutaiDistribution.is-revealing .moutai-distribution-panel.reveal-item{
transition-delay:.12s;
}

@media (prefers-reduced-motion:reduce){
#hqMoutaiDistribution .reveal-item{opacity:1;transform:none;transition:none}
}

@media (max-width:1200px){
#hqMoutaiDistribution .moutai-distribution-inner{
grid-template-columns:1fr;
gap:28px;
}
#hqMoutaiDistribution .moutai-distribution-copy{
max-width:none;
}
#hqMoutaiDistribution.moutai-distribution-section{
background-position:38% center;
}
}

@media (max-width:768px){
#hqMoutaiDistribution.moutai-distribution-section{
padding:40px 0 48px;
background-position:42% center;
}
#hqMoutaiDistribution .moutai-distribution-inner{
padding:0 24px;
}
#hqMoutaiDistribution .dist-grid{
grid-template-columns:1fr;
}
#hqMoutaiDistribution .moutai-distribution-panel{
border-radius:22px;
}
}

/* Moutai Collection */
#hqMoutaiCollection.moutai-collection-section{
--mt-text:#111111;
--mt-sub:#666666;
--mt-gold:#9A845F;
--col-gap:clamp(16px,1.9vw,26px);
--pedestal-label-h:0px;
--pedestal-base:clamp(152px,16.6vw,196px);
--hover-lift:clamp(88px,9.5vw,112px);
position:relative;
width:100vw;
margin-left:calc(50% - 50vw);
aspect-ratio:1345 / 609;
min-height:0;
padding:clamp(36px,3.4vw,52px) 0 0;
background-color:#f5efe4;
background-image:url("/sh_img/include/moutai/img/moutai-collection-bg.webp");
background-repeat:no-repeat;
background-position:center 64%;
background-size:cover;
color:var(--mt-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:visible;
display:flex;
flex-direction:column;
isolation:isolate;
}

#hqMoutaiCollection .moutai-collection-inner{
display:flex;
flex-direction:column;
flex:1;
width:100%;
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 var(--layout-gutter,80px);
box-sizing:border-box;
position:relative;
height:100%;
overflow:visible;
}

#hqMoutaiCollection .moutai-collection-header{
position:relative;
z-index:1;
text-align:center;
max-width:760px;
margin:clamp(24px,3vw,40px) auto clamp(14px,1.6vw,22px);
}

#hqMoutaiCollection .collection-label-wrap{
display:flex;
flex-direction:column;
align-items:center;
margin-bottom:14px;
}

#hqMoutaiCollection .collection-label{
margin:0;
font-size:12px;
font-weight:600;
letter-spacing:.16em;
color:var(--mt-gold);
text-transform:uppercase;
font-family:var(--e-font),var(--k-font);
}

#hqMoutaiCollection .collection-label-line{
display:block;
width:28px;
height:2px;
margin-top:10px;
background:var(--mt-gold);
}

#hqMoutaiCollection .collection-title{
margin:0 0 10px;
font-size:clamp(34px,3.2vw,52px);
font-weight:700;
line-height:1.18;
letter-spacing:-.03em;
color:var(--mt-text);
font-family:var(--k-font),var(--e-font);
word-break:keep-all;
}

#hqMoutaiCollection .collection-desc{
margin:0 auto;
max-width:520px;
font-size:14px;
font-weight:400;
line-height:1.72;
color:var(--mt-sub);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqMoutaiCollection .moutai-collection-stage{
position:absolute;
left:0;
right:0;
bottom:var(--pedestal-base);
width:100%;
display:flex;
align-items:flex-end;
min-height:0;
padding:0;
box-sizing:border-box;
pointer-events:none;
overflow:visible;
z-index:3;
}

#hqMoutaiCollection .collection-scroller-viewport{
width:100%;
overflow-x:auto;
overflow-y:visible;
padding-top:var(--hover-lift);
margin-top:calc(var(--hover-lift) * -1);
box-sizing:border-box;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
cursor:grab;
pointer-events:auto;
position:relative;
z-index:2;
}

#hqMoutaiCollection .collection-scroller-viewport::-webkit-scrollbar{
display:none;
}

#hqMoutaiCollection .collection-scroller-viewport.is-dragging{
cursor:grabbing;
user-select:none;
}

#hqMoutaiCollection .collection-scroller{
display:flex;
align-items:flex-end;
gap:var(--col-gap);
width:max-content;
min-width:100%;
padding:0 0 var(--pedestal-label-h);
box-sizing:border-box;
overflow:visible;
}

#hqMoutaiCollection.is-collection-marquee .collection-scroller{
scroll-snap-type:none;
}

#hqMoutaiCollection.is-collection-marquee .collection-scroller-viewport{
scroll-behavior:auto;
}

#hqMoutaiCollection .collection-item{
--bottle-scale:1;
--hover-boost:1.14;
--hover-rise:clamp(-12px,-1.5vw,-20px);
flex:0 0 calc((min(100vw,var(--layout-max,1800px)) - (var(--layout-gutter,80px) * 2) - (var(--col-gap) * 7)) / 8);
max-width:calc((min(100vw,var(--layout-max,1800px)) - (var(--layout-gutter,80px) * 2) - (var(--col-gap) * 7)) / 8);
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
position:relative;
margin:0;
padding-bottom:0;
scroll-snap-align:start;
overflow:visible;
cursor:pointer;
z-index:1;
}

#hqMoutaiCollection .collection-bottle{
display:flex;
align-items:flex-end;
justify-content:center;
width:100%;
height:clamp(210px,21.5vw,268px);
overflow:visible;
}

#hqMoutaiCollection .collection-bottle-stack{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
width:100%;
height:100%;
transform:translateY(0) scale(var(--bottle-scale));
transform-origin:bottom center;
transition:transform .52s cubic-bezier(.22,1,.36,1);
will-change:transform;
}

#hqMoutaiCollection .collection-bottle img{
display:block;
width:auto;
max-width:88%;
height:100%;
object-fit:contain;
object-position:bottom center;
pointer-events:none;
-webkit-user-drag:none;
user-select:none;
filter:drop-shadow(0 3px 8px rgba(0,0,0,.09)) drop-shadow(0 1px 2px rgba(0,0,0,.16));
transform-origin:bottom center;
transition:filter .45s ease;
}

#hqMoutaiCollection .collection-hover-title{
position:absolute;
left:50%;
bottom:calc(100% + clamp(8px,.9vw,12px));
transform:translateX(-50%) translateY(12px);
margin:0;
padding:0 clamp(4px,.4vw,8px);
font-size:clamp(11px,.92vw,13px);
font-weight:600;
line-height:1.35;
letter-spacing:-.02em;
text-align:center;
color:var(--mt-text);
white-space:nowrap;
opacity:0;
pointer-events:none;
font-family:var(--k-font),var(--e-font);
transition:opacity .48s ease .06s,transform .48s cubic-bezier(.22,1,.36,1) .06s;
}

#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:hover,
#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:focus-within{
z-index:30;
}

#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:hover .collection-bottle-stack,
#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:focus-within .collection-bottle-stack{
transform:translateY(var(--hover-rise)) scale(calc(var(--bottle-scale) * var(--hover-boost)));
}

#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:hover .collection-bottle img,
#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:focus-within .collection-bottle img{
filter:drop-shadow(0 10px 22px rgba(0,0,0,.16)) drop-shadow(0 3px 8px rgba(0,0,0,.12));
}

#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:hover .collection-hover-title,
#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:focus-within .collection-hover-title{
opacity:1;
transform:translateX(-50%) translateY(0);
}

#hqMoutaiCollection .collection-scroller-viewport.is-dragging .collection-item{
cursor:grabbing;
}

#hqMoutaiCollection .collection-item-label{
display:none;
}

#hqMoutaiCollection .reveal-item{
opacity:0;
transform:translateY(24px);
transition:opacity .7s ease,transform .7s ease;
}

#hqMoutaiCollection.is-revealing .reveal-item{
opacity:1;
transform:none;
}

#hqMoutaiCollection.is-revealing .moutai-collection-stage.reveal-item{
transition-delay:.12s;
}

@media (prefers-reduced-motion:reduce){
#hqMoutaiCollection .reveal-item{opacity:1;transform:none;transition:none}
#hqMoutaiCollection .collection-bottle-stack,
#hqMoutaiCollection .collection-hover-title,
#hqMoutaiCollection .collection-bottle img{transition:none}
#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:hover .collection-bottle-stack,
#hqMoutaiCollection .collection-scroller-viewport:not(.is-dragging) .collection-item:focus-within .collection-bottle-stack{
transform:translateY(-8px) scale(calc(var(--bottle-scale) * 1.08));
}
}

@media (max-width:1024px){
#hqMoutaiCollection .moutai-collection-inner{
padding:0 clamp(24px,4vw,48px);
}
#hqMoutaiCollection .collection-item{
flex-basis:clamp(120px,15vw,150px);
max-width:clamp(120px,15vw,150px);
}
}

@media (max-width:768px){
#hqMoutaiCollection.moutai-collection-section{
min-height:clamp(520px,120vw,680px);
padding-top:32px;
background-position:center 58%;
--pedestal-label-h:0px;
--pedestal-base:clamp(126px,21.8vw,152px);
--hover-lift:clamp(68px,14vw,84px);
}
#hqMoutaiCollection .moutai-collection-inner{
padding:0 20px;
}
#hqMoutaiCollection .collection-bottle{
height:clamp(178px,42vw,236px);
}
#hqMoutaiCollection .collection-item{
flex-basis:clamp(100px,30vw,128px);
max-width:clamp(100px,30vw,128px);
}
#hqMoutaiCollection .collection-scroller{
gap:12px;
}
}