/* The story of tea, within the approved reference canvas. */
.brand-hero{position:relative;aspect-ratio:1161/453;overflow:hidden}.brand-hero picture,.brand-hero-image{display:block;width:100%;height:100%}.brand-hero-image{object-fit:cover;object-position:center}.brand-hero .hero-tagline{top:41.94%}.brand-hero .hero-idea{top:47.24%;font-size:clamp(9px,1.034cqw,12px);line-height:16px}.brand-hero-heading{position:absolute;top:54.3%;left:8.35%;width:28.77%;margin:0;text-align:center;font:500 clamp(24px,2.929cqw,34px)/1.0589 var(--serif);color:#2e281e}.brand-hero-descriptor{position:absolute;top:71.52%;left:8.35%;width:28.77%;margin:0;text-align:center;font:400 clamp(10px,1.206cqw,14px)/16px var(--text);color:#2e281e}.brand-hero .gold-button{position:absolute;top:79.91%;left:12.23%;width:19.65%;height:10.6%;min-height:44px;padding:0;font-size:clamp(11px,1.206cqw,14px)}
.home-family-index{height:56px;display:flex;align-items:center;justify-content:center;gap:35px;padding:0 28px;border-top:1px solid #a6885a55;border-bottom:1px solid #a6885a55;background:var(--paper)}.home-family-index a{display:flex;align-items:center;min-height:44px;white-space:nowrap;font:600 11px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#514633}.home-family-index a:hover{text-decoration:underline;text-underline-offset:6px}
.story-belief{padding:105px 7%;text-align:center;background:#34493d;color:#f4f0e8}.story-belief .home-eyebrow{color:#d3bd97;margin-bottom:28px}.story-belief h2{max-width:770px;margin:0 auto 22px;font:500 clamp(36px,4.3cqw,50px)/1.12 var(--serif)}.story-belief>p:last-child{margin:0 auto;max-width:620px;font:400 20px/1.6 var(--text);color:#f4f0e8}
.story-chapters{padding:100px 7%}.story-chapter{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story-chapter+.story-chapter{margin-top:96px}.story-chapter-image{min-width:0}.story-chapter-image img{display:block;width:100%;height:auto}.chapter-nature .story-chapter-image{max-width:390px;justify-self:center}.chapter-nature .story-chapter-image img{aspect-ratio:4/5;object-fit:contain}.chapter-art .story-chapter-image{grid-column:2;grid-row:1}.chapter-art .story-chapter-copy{grid-column:1;grid-row:1}.chapter-art .story-chapter-image img{aspect-ratio:5/4;object-fit:cover}.chapter-life .story-chapter-image img{aspect-ratio:3/2;object-fit:cover}.story-chapter-copy h2,.story-black-feature h2,.story-gifting h2,.story-world h2{margin:20px 0 24px;font:500 clamp(34px,4.13cqw,48px)/1.08 var(--serif)}.story-chapter-copy>p:not(.home-eyebrow),.story-black-feature p:not(.home-eyebrow),.story-gift-copy>p:not(.home-eyebrow),.story-world p:not(.home-eyebrow){max-width:390px;margin-bottom:24px;font:400 17px/1.8 var(--text)}.story-chapter-copy .home-text-link{display:inline-block;min-height:44px;line-height:44px}
.story-black-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;padding:0 7% 96px}.story-black-feature>div:first-child img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.story-black-feature .home-text-link,.story-gifting .home-text-link{display:inline-flex;align-items:center;min-height:44px}
.story-gifting{display:grid;grid-template-columns:1fr 1fr;background:#ece4d7}.story-gift-image{align-self:stretch;min-width:0}.story-gift-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.story-gift-copy{padding:70px 12%;align-self:center}.story-gifting h2{font-size:44px}.story-world{padding:88px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;border-bottom:1px solid #d7cfbf}.story-world h2{margin-bottom:0}.story-world nav{display:flex;gap:28px;flex-wrap:wrap}.story-world nav a{display:inline-flex;align-items:center;min-height:44px}.story-readout{padding:64px 7%;max-width:900px;margin:auto}.story-readout h1{font:500 52px/1.1 var(--serif)}.story-readout h2{font:500 34px/1.2 var(--serif)}.story-readout p{font-size:18px;line-height:1.8}.story-readout nav{display:flex;gap:20px;flex-wrap:wrap;margin:34px 0}.story-readout section{margin:50px 0}.ritual-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center;padding:70px 7%;background:#ece4d7}.ritual-hero h1{font:500 clamp(40px,5cqw,64px)/1.05 var(--serif)}.ritual-hero p{font:17px/1.8 var(--text)}.ritual-hero figure{margin:0}.ritual-hero img{width:100%;height:auto}.ritual-reading{max-width:760px;margin:auto;padding:72px 24px}.ritual-reading h2{font:500 34px/1.15 var(--serif);margin:36px 0 18px}.ritual-reading p{font:17px/1.9 var(--text)}.ritual-reading nav{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px}
/* Exploration, without duplicating unavailable purchase buttons. */
.tea-card>.tea-detail-link{min-height:44px;display:inline-flex;align-items:center;margin-top:0;align-self:flex-start}.tea-card .discovery-card-actions button{background:transparent;border:0;padding:6px;min-height:44px;text-decoration:underline;text-underline-offset:5px}.tea-card .discovery-card-actions button[aria-pressed=true]{color:#34493d;background:transparent;font-weight:700;text-decoration-thickness:2px}.collection-wrap{display:flex;flex-direction:column}.collection-wrap>.celeva-share-toolbar{order:10;align-self:flex-end;margin:24px 0 0}.collection-wrap .discovery-tools>div>p{display:none}.collection-wrap .discovery-tools h2{font-size:28px;margin:0}.collection-wrap .discovery-tools{padding:16px 0}.collection-wrap .discovery-tools nav{margin:0}
@media(min-width:768px){.page-banner{padding-top:36px;padding-bottom:32px}}
@media(max-width:767px){.brand-hero{aspect-ratio:300/353}.brand-hero .hero-logo,.brand-hero .hero-tagline,.brand-hero .hero-idea{display:none}.brand-hero-heading{left:8.2%;top:8.7%;width:56%;text-align:left;font-size:clamp(30px,9.23cqw,38px);line-height:1.01}.brand-hero-descriptor{top:35.8%;left:8.2%;width:83%;text-align:left;font-size:16px;line-height:22px}.brand-hero .gold-button{left:8.2%;top:46.6%;width:50%;height:50px;font-size:12px;letter-spacing:.07em}.home-family-index{height:52px;justify-content:flex-start;gap:26px;padding:0 24px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.home-family-index::-webkit-scrollbar{display:none}.home-family-index a{font-size:12px;letter-spacing:.07em;flex-shrink:0;scroll-snap-align:start}.story-belief{padding:72px 24px}.story-belief .home-eyebrow{font-size:10px;margin-bottom:24px}.story-belief h2{font-size:32px;line-height:1.15;margin-bottom:24px}.story-belief>p:last-child{font-size:17px;line-height:1.6}.story-chapters{padding:64px 24px}.story-chapter{display:flex;flex-direction:column;gap:28px;align-items:stretch}.story-chapter+.story-chapter{margin-top:64px}.chapter-nature .story-chapter-image{width:100%;max-width:290px;align-self:center}.chapter-art .story-chapter-image img{aspect-ratio:5/4}.story-chapter-copy h2,.story-black-feature h2,.story-gifting h2,.story-world h2{font-size:34px;line-height:1.08;margin:14px 0 20px}.story-chapter-copy>p:not(.home-eyebrow),.story-black-feature p:not(.home-eyebrow),.story-gift-copy>p:not(.home-eyebrow),.story-world p:not(.home-eyebrow){font-size:16px;line-height:1.75;margin-bottom:20px}.story-black-feature{display:flex;flex-direction:column;gap:28px;align-items:stretch;padding:0 24px 64px}.story-black-feature>div:first-child img{aspect-ratio:5/4}.story-gifting{display:flex;flex-direction:column}.story-gift-image img{height:auto;aspect-ratio:16/10;object-fit:cover}.story-gift-copy{padding:40px 24px 44px}.story-world{display:block;padding:56px 24px}.story-world>div+div{margin-top:26px}.story-world nav{gap:26px}.collection-wrap .discovery-tools{display:block;padding:12px 0}.ritual-hero{grid-template-columns:1fr;padding:36px 24px;gap:24px}.ritual-hero h1{font-size:44px}.ritual-hero p{font-size:16px}.ritual-reading{padding:28px 24px 44px}.ritual-reading p{font-size:16px}.story-readout{padding:40px 24px}.story-readout h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.brand-hero *,.story-chapters *{scroll-behavior:auto}}

.story-world>.celeva-share-toolbar{grid-column:1/-1;justify-self:end;margin:0}.gift-curation>.celeva-share-toolbar,.ritual-reading>.celeva-share-toolbar{margin:24px 0 0}

/* Candidate review: preserve packaging and type at every width. */
.story-gift-image{align-self:center}.story-gift-image img{height:auto;aspect-ratio:auto;object-fit:contain}.story-gifting h2,.story-belief>p:last-child{text-wrap:balance}
.gift-editorial-hero{grid-template-columns:1fr 1.25fr;align-items:center}.gift-editorial-hero>div{padding:56px 48px}.gift-editorial-hero h1{font-size:clamp(40px,4.3cqw,50px);text-wrap:balance}.gift-editorial-hero>img{height:auto;min-height:0;aspect-ratio:auto;object-fit:contain}
.category-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font:13px/1.4 var(--ui);white-space:nowrap}.category-tabs a.active{background:#9a763a;color:#fff}
@media(min-width:768px){.site-nav{position:absolute;left:31.26%;right:21.6%;top:35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-nav a{position:relative;left:auto!important;top:auto;font-size:17px}.brand-hero-descriptor{font-size:clamp(12.5px,1.206cqw,14px)}}
@media(min-width:768px) and (max-width:1100px){.site-nav{left:27%;right:19.2%;gap:10px}.site-nav a{font-size:15px}.header-actions{right:3%}}
@media(max-width:767px){.brand-hero-heading{width:70%}.home-family-index{scroll-padding-inline:24px}.chapter-nature .story-chapter-image{align-self:flex-start;max-width:100%}.gift-editorial-hero{grid-template-columns:1fr}.gift-editorial-hero>div{padding:36px 24px 38px}.gift-editorial-hero h1{font-size:44px}.gift-curation .tea-card{display:flex;flex-direction:column;gap:0}.gift-curation .tea-card>a:first-child{display:block;width:100%}.gift-curation .tea-card img{width:100%;aspect-ratio:4/3;object-fit:contain}.gift-curation .tea-card .tea-family-label{margin-top:18px}.gift-curation .tea-card h2{min-height:0;margin:10px 0 14px;font-size:28px}.gift-curation .tea-card .price{margin-bottom:8px}.category-tabs a{flex-shrink:0;scroll-snap-align:start}}
@media(min-width:768px) and (max-width:1023px){.site-header{height:76px}.brand{left:22px;top:4px;width:124px;height:68px}.site-nav{display:none}.header-actions{top:16px;right:16px;gap:0}.header-actions .account-icon{display:none}.header-actions .mobile-menu{display:block}.brand-hero-descriptor{top:73.5%}}

@media(min-width:768px) and (max-width:1100px){.story-gifting h2{font-size:38px}}
@media(max-width:767px){.brand-hero-descriptor{top:29%}.brand-hero .gold-button{top:40%}}