/* Actual Bentley Huangqi product cutouts, referenced from the owner's photos.
   Browser-native scroll and the shared site header come from ux-shell.css. */
.hero{height:auto;min-height:min(810px,calc(100svh - 76px));background:radial-gradient(ellipse at 73% 48%,#293028 0%,#1b211b 48%,#101611 100%)}
.hero .hero-copy{top:clamp(112px,18%,190px);left:clamp(28px,9vw,156px);max-width:670px}
.hero h1{font-size:clamp(59px,5.8vw,106px);line-height:1.17;letter-spacing:-.045em}
.hero-copy>p{line-height:1.9;max-width:490px}
.hero-buttons{margin:32px 0 40px}
.hero-grain{opacity:.06}
.hero-ring,.hero-orbit,.hero-side-letter{display:none!important}
.hero-display{width:47%;height:88%;right:2%;bottom:0;perspective:none;filter:none}
.bottle-a,.bottle-b{position:absolute;bottom:1%;will-change:auto}
.bottle-a{left:17%;z-index:2}
.bottle-b{left:51%;z-index:1}
.real-bottle{position:relative;display:block;margin:0;filter:drop-shadow(12px 23px 23px rgba(0,0,0,.25));width:250px;max-width:100%;height:auto}
.real-bottle img{display:block;width:100%;height:auto;object-fit:contain;max-height:670px}
.bottle-a .real-bottle{width:clamp(165px,18vw,266px)}
.bottle-b .real-bottle{width:clamp(150px,15vw,223px)}
.pcard-art{height:430px;background:radial-gradient(circle at 50% 45%,#f1eadc,#d3c4a9)}
.pcard-art.silver{background:radial-gradient(circle at 50% 45%,#f1f1ec,#d2d7d5)}
.pcard-art .real-bottle{width:178px;filter:drop-shadow(11px 20px 17px rgba(42,35,24,.17))}
.pcard-art .real-bottle img{max-height:360px}
.product-card{overflow:hidden;border:1px solid rgba(65,60,45,.11);border-radius:4px;box-shadow:0 9px 29px rgba(50,40,24,.045)}
.product-card .pcard-content{padding:29px 34px 39px}
.detail{min-height:0}
.detail-art{min-height:710px}
.detail-art.silver{background:radial-gradient(circle at 50% 46%,#f1f3ef,#d7dedd)}
.detail-art .real-bottle{width:235px;filter:drop-shadow(13px 26px 22px rgba(51,38,23,.2));z-index:3}
.detail-art .real-bottle img{max-height:625px}
.detail-art-ring{opacity:.42}
.detail-art>small{text-align:center;max-width:70%;font-size:11px;line-height:1.5}
.story{position:relative;min-height:0;display:block;padding:90px clamp(24px,8vw,120px);background:#1a201a}
.story-sticky{position:static;top:auto;height:auto;max-width:1220px;padding:0;margin:0 auto 45px}
.story-sticky h2{font-size:clamp(52px,6vw,86px);margin:20px 0}
.story-progress{display:none}
.story-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1220px;margin:auto}
.story-chapter{padding:35px 28px;border:1px solid #e7dbb52a;min-height:248px;background:rgba(255,255,255,.02)}
.story-chapter h3{font-size:clamp(26px,2.5vw,40px);line-height:1.28}
.wholesale-halo{animation:none!important}
@media(max-width:1100px){
 .hero .hero-copy{left:6vw}
 .hero-display{right:-6%;width:51%}
 .story-chapters{grid-template-columns:1fr;gap:11px}
 .story-chapter{min-height:0}
}
@media(max-width:760px){
 .hero{min-height:880px;overflow:hidden}
 .hero .hero-copy{top:65px;left:24px;right:24px;max-width:none}
 .hero h1{font-size:clamp(50px,11vw,76px)}
 .hero-buttons{margin:21px 0 23px}
 .hero-display{height:380px;width:100%;right:0;bottom:0}
 .bottle-a{left:25%;bottom:-1%}
 .bottle-b{left:52%;bottom:1%}
 .bottle-a .real-bottle{width:min(38vw,190px)}
 .bottle-b .real-bottle{width:min(33vw,170px)}
 .pcard-art{height:360px}
 .pcard-art .real-bottle{width:145px}
 .pcard-art .real-bottle img{max-height:325px}
 .detail-art{min-height:565px}
 .detail-art .real-bottle{width:203px}
 .detail-art .real-bottle img{max-height:490px}
 .story{padding:64px 24px}
 .story-sticky{margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.bottle-a,.bottle-b,.real-bottle{transition:none!important;animation:none!important}}