/* Typography and interactive presentation of the supplied front bottle image. */
/* Reuse the exact supplied calligraphy; SVG alpha filter removes paper; CSS arranges the original letters. */
.brand-logo{display:block;position:relative;flex-shrink:0}.brand-logo img{position:absolute;display:block;width:177.8%;height:auto;max-width:none;left:-44%;filter:invert(1) sepia(.45) saturate(.68);pointer-events:none}.logo-horizontal{--logo-unit:46px;display:flex;align-items:center;gap:0;height:52px}.logo-letter{display:block;position:relative;overflow:hidden;width:var(--logo-unit);flex-shrink:0}.logo-tian{height:calc(var(--logo-unit)*.914)}.logo-tian img{top:calc(var(--logo-unit)*-.16)}.logo-quan{height:calc(var(--logo-unit)*1.086)}.logo-quan img{top:calc(var(--logo-unit)*-1.074)}.logo-zhuang{height:calc(var(--logo-unit)*1.06)}.logo-zhuang img{top:calc(var(--logo-unit)*-2.16)}.logo-vertical{--vertical-logo-unit:64px;width:var(--vertical-logo-unit);aspect-ratio:500/1540;overflow:hidden}.logo-vertical img{top:calc(var(--vertical-logo-unit)*-.15)}.site-header{height:108px}.site-header .brand{gap:6px}.site-header .brand-caption{font-size:.8125rem;line-height:1.6;letter-spacing:.08em}.site-header nav{gap:22px}footer>.brand{align-items:center;gap:16px}footer .brand-caption{font-size:.875rem;letter-spacing:.06em}html{scroll-padding-top:120px}
@media(max-width:1000px){.site-header{height:100px;gap:18px}.logo-horizontal{--logo-unit:40px;height:46px}.site-header nav{gap:16px}.site-header .brand-caption{font-size:.75rem}}
@media(max-width:700px){.site-header{height:98px}.logo-horizontal{--logo-unit:36px;height:42px}.site-header .brand-caption{font-size:.75rem}.site-header .brand{gap:5px}html{scroll-padding-top:110px}footer>.brand{align-items:flex-start}.logo-vertical{--vertical-logo-unit:58px}}
.hero-copy{max-width:40rem}.hero h1{font-size:clamp(2.5rem,4.3vw,4.8rem);font-weight:500;line-height:1.45;letter-spacing:.025em;margin-bottom:1.6rem}.hero h1 .headline-line{white-space:nowrap}.hero-copy>.eyebrow{font-size:.875rem;letter-spacing:.22em;line-height:1.8;margin-bottom:1.4rem}.hero-description{font-size:1.0625rem;line-height:2.05;letter-spacing:.045em;max-width:26rem;margin-bottom:2rem}.hero-meta{font-size:.875rem;letter-spacing:.025em}.hero-copy>.button{font-size:1rem;letter-spacing:.08em;padding:13px 30px;min-height:54px}.brand-name{font-weight:500;letter-spacing:.14em}.brand-caption{font-size:.8125rem;letter-spacing:.12em}.site-header nav{font-size:.9375rem}.section-heading .eyebrow{font-size:.875rem;letter-spacing:.18em}.section-heading h2,.story-copy h2{font-size:clamp(1.9rem,2.9vw,2.9rem);line-height:1.55;letter-spacing:.05em;font-weight:500}.section-heading>p{font-size:1rem;line-height:1.95;max-width:35rem}.story-copy>p:not(.eyebrow){font-size:1rem;line-height:2;max-width:34rem}.story-copy .story-quote{font-size:1.45rem!important;letter-spacing:.06em;line-height:1.8}.product-card h3{font-size:clamp(1.25rem,1.6vw,1.55rem);line-height:1.65;font-weight:500;letter-spacing:.025em}.product-series,.product-notes span,.detail-link{font-size:.875rem}.product-description{font-size:1rem;line-height:1.95;letter-spacing:.015em}.category-tabs button{font-size:.9375rem}.mix-label{font-size:1.4rem;line-height:1.7;letter-spacing:.035em}.mix-bar p{font-size:.9375rem}.tea-types h3{font-weight:500;letter-spacing:.04em}.tea-types p{font-size:1rem;line-height:1.95}.tea-type-index,.tea-reference{font-size:.875rem}.tea-guide-note h3{font-weight:500}.delivery-grid h3{font-size:1.4rem;line-height:1.6;letter-spacing:.035em}.delivery-grid p,.faq p{font-size:1rem;line-height:1.95}.service-ribbon{font-size:.875rem;line-height:1.9;letter-spacing:.055em}
.hero-art{perspective:none}.art-stage{cursor:grab;touch-action:pan-y;user-select:none;transform-style:flat;transform-origin:50% 75%;transform:translate(var(--stage-x,0px),var(--stage-y,0px)) rotate(var(--stage-angle,0deg));transition:transform .7s cubic-bezier(.18,.8,.22,1)}.art-stage:focus-visible{outline:1px solid var(--gold);outline-offset:8px}.art-stage.is-dragging{cursor:grabbing;transition:transform .08s linear}.hero-art .hero-bottles{transform:none;pointer-events:none;-webkit-user-drag:none}.product-float{transform-style:flat;animation:bottle-sway 7.6s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 75%;will-change:transform}.motion-enabled .hero.is-in-view .product-float{animation-play-state:running}.art-stage.is-dragging .product-float,.art-stage.is-settling .product-float,.page-hidden .product-float{animation-play-state:paused!important}.product-hint{position:absolute;left:0;right:0;bottom:-20px;margin:0;text-align:center;font-size:.875rem;letter-spacing:.06em;line-height:1.8;color:#eadac0;user-select:none;display:none;pointer-events:none}.motion-enabled .product-hint{display:block}.product-ground{transform:none;transition:opacity .6s,scale .6s}.art-stage.is-dragging .product-ground{opacity:.7;scale:.93}
@keyframes bottle-sway{0%,100%{transform:translate(-4px,0) rotate(-1.8deg)}25%{transform:translate(0,-3px) rotate(0deg)}50%{transform:translate(4px,-1px) rotate(1.8deg)}75%{transform:translate(0,-3px) rotate(0deg)}}
@media(max-width:1000px){.hero h1{font-size:clamp(2.35rem,4.1vw,3.4rem)}.hero-description{font-size:1rem}.site-header nav{font-size:.875rem;gap:18px}.brand-caption{font-size:.75rem}.product-card h3{font-size:1.3rem}.service-ribbon{gap:5%;letter-spacing:.035em}}
@media(max-width:700px){.hero h1{font-size:clamp(2rem,7.8vw,3rem);line-height:1.5;letter-spacing:.025em;margin-bottom:1.2rem}.hero-copy>.eyebrow{font-size:.875rem;letter-spacing:.15em;margin-bottom:1rem}.hero-description{font-size:1rem;line-height:2;letter-spacing:.02em;margin-bottom:1.5rem}.hero-meta{font-size:.875rem;gap:16px;flex-wrap:wrap}.hero-meta span+span{padding-left:16px}.hero-art{padding-bottom:60px}.art-stage{max-width:390px}.product-float{animation-duration:9s}.product-hint{bottom:-24px}.brand-caption{font-size:.75rem}.section-heading h2,.story-copy h2{font-size:clamp(1.8rem,6.2vw,2.35rem);letter-spacing:.035em}.section-heading>p{font-size:1rem}.product-card h3{font-size:1.45rem}.product-description,.tea-types p{font-size:1rem}.tea-types h3{font-size:1.25rem}.service-ribbon{width:calc(100% - 8%);padding:15px 10px;gap:8px;font-size:.875rem;letter-spacing:0;flex-wrap:wrap}.service-ribbon span{white-space:nowrap}.brand-name{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.art-stage{cursor:default;transform:none!important;transition:none}.product-float{animation:none!important;transform:none;will-change:auto}.product-hint{display:none!important}}

/* Center the bounded description block as well as its text. */
.collection>.section-heading>p{margin:18px auto 0;text-align:center}