/* Our Story: real tea, real people, and one uninterrupted photographic pause. */
body.story-page{--paper:#f5f1e8;--ink:#49342e;--pink:#7d1f23;--muted:#716255;--line:#d8cec1;background:var(--paper)}
.story-experience{overflow:clip;--story-gutter:max(6%,calc((100% - 1268px)/2))}
.story-experience-section{padding:clamp(68px,7.5vw,108px) var(--story-gutter);scroll-margin-top:0}
.story-experience-copy{min-width:0;max-width:480px}
.story-experience .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.13em;color:var(--pink);margin:0 0 24px}
.story-experience :is(h1,h2){margin:0;color:var(--pink);line-height:1.07;letter-spacing:-.018em}
.story-experience h1{font-size:clamp(45px,4.5vw,68px)}
.story-experience h2{font-size:clamp(42px,4.5vw,64px)}
.story-experience-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:23px 0 0;max-width:400px}
.story-experience-copy>.story-experience-lede{font-size:16px;line-height:1.85;color:var(--ink);margin-top:28px}
.story-chapter-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;margin-top:26px;border-bottom:1px solid #b5a08e;color:var(--pink);font-size:13px;line-height:1.7}
.story-chapter-link>span{font-size:19px;transition:transform .25s ease}
.story-chapter-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.story-begin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:6%;align-items:center;min-height:650px}
.story-begin-copy{max-width:560px}
.story-photo-pair{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:18px;min-width:0}
.story-experience-photo{margin:0;min-width:0;background:none;overflow:visible}
.story-experience-photo img{display:block;width:100%;height:auto;object-fit:cover}
.story-experience-photo figcaption{font-size:9px;letter-spacing:.1em;line-height:1.7;color:var(--muted);margin-top:13px}
.story-photo-pair img{aspect-ratio:.82;object-position:center}
.story-meaning{padding:0;background:var(--pink);color:var(--paper)}
.story-meaning-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10%;padding:clamp(64px,7.5vw,108px) var(--story-gutter)}
.story-meaning .eyebrow{color:#e6ceaa}
.story-meaning h2{font-size:clamp(42px,4.2vw,61px);color:var(--paper)}
.story-meaning-prose{min-width:0;max-width:420px}
.story-meaning-prose p{color:#eadbd0;font-size:15px;line-height:1.9;margin:0}
.story-meaning-prose p+p{margin-top:22px}
.story-ritual-panorama{margin:0;min-width:0;overflow:hidden}
/* A landscape detail on desktop, with the tin's lid and label in the crop.
   Mobile retains the original portrait composition and the three-tin stack. */
.story-ritual-panorama img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:50% 50%}
.story-ritual-panorama figcaption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px var(--story-gutter);margin:0;color:#e6ceaa;font-size:9px;line-height:1.7;letter-spacing:.1em}
.story-together{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10%;padding-block:clamp(76px,8.5vw,124px)}
.story-people-photo img{aspect-ratio:1.02;object-position:50% 46%}
.story-together .story-experience-copy{max-width:470px;grid-column:2;grid-row:1}
.story-people-photo{grid-column:1;grid-row:1}
.story-together h2{font-size:clamp(42px,4.3vw,61px)}
.story-first-cup{display:grid;grid-template-columns:130px minmax(0,1fr) 240px;align-items:center;gap:5%;background:#eae1d2;padding-block:48px}
.story-first-cup-photo{height:190px;min-width:0;display:flex;align-items:center;justify-content:center}
.story-first-cup-photo img{display:block;width:100%;height:100%;object-fit:contain}
.story-first-cup .eyebrow{margin-bottom:16px}
.story-first-cup h2{font-size:clamp(36px,3.7vw,50px)}
.story-first-cup .story-experience-copy>p:not(.eyebrow){font-size:13px;margin-top:17px}
.story-first-cup-action{min-width:0}
.story-first-cup-action .button{min-height:54px;font-size:13px;width:100%}
.story-first-cup-action>.story-cup-price{margin:0 0 15px;color:var(--pink);font-size:20px;line-height:1.6}
.story-cup-price span{font-size:12px;color:var(--muted);white-space:nowrap}
@media(min-width:901px) and (max-width:1050px){
 .story-begin{min-height:0;gap:5%;padding-block:65px}
 .story-experience h1{font-size:44px}
 .story-experience-copy>.story-experience-lede{font-size:14px}
 .story-photo-pair{gap:12px}
 .story-meaning-intro{gap:7%}
 .story-meaning h2{font-size:43px}
 .story-together{gap:7%}
 .story-together h2{font-size:43px}
 .story-first-cup{grid-template-columns:120px minmax(0,1fr);column-gap:6%}
 .story-first-cup-action{grid-column:2;margin-top:8px;max-width:260px;width:100%}
 .story-first-cup-photo{grid-row:1 / span 2;height:220px}
}
@media(max-width:900px){
 .story-experience{--story-gutter:6%}
 .story-experience-section{padding:54px var(--story-gutter);scroll-margin-top:0}
 .story-begin{display:flex;flex-direction:column;align-items:stretch;gap:38px;min-height:0;padding-top:43px}
 .story-experience h1{font-size:clamp(38px,10vw,60px)}
 .story-experience h2{font-size:clamp(39px,10vw,58px)}
 .story-experience .eyebrow{font-size:9px;margin-bottom:20px}
 .story-experience-copy{max-width:none}
 .story-experience-copy>p:not(.eyebrow){font-size:14px;margin-top:20px;max-width:480px}
 .story-experience-copy>.story-experience-lede{font-size:15px;margin-top:23px}
 .story-chapter-link{font-size:13px;margin-top:20px}
 .story-photo-pair{gap:14px;grid-template-columns:1.18fr .82fr;width:100%;max-width:660px}
 .story-photo-pair img{aspect-ratio:.95}
 .story-experience-photo figcaption{font-size:8px;letter-spacing:.08em;margin-top:11px}
 .story-meaning{padding:0}
 .story-meaning-intro{grid-template-columns:1fr;gap:26px;padding:54px var(--story-gutter)}
 .story-meaning h2{font-size:clamp(39px,10vw,58px)}
 .story-meaning-prose{max-width:480px}
 .story-meaning-prose p{font-size:14px}
 .story-meaning-prose p+p{margin-top:18px}
 .story-ritual-panorama img{aspect-ratio:1.12;object-position:50% 55%}
 .story-ritual-panorama figcaption{font-size:8px;letter-spacing:.08em;padding-block:15px}
 .story-together{display:flex;flex-direction:column;align-items:stretch;gap:31px;padding-block:64px}
 .story-people-photo img{aspect-ratio:1.05;object-position:50% 43%}
 .story-together .story-experience-copy{max-width:none}
 .story-together h2{font-size:clamp(39px,10vw,58px)}
 .story-first-cup{grid-template-columns:92px minmax(0,1fr);gap:22px 20px;padding-block:36px}
 .story-first-cup-photo{height:150px;align-self:start;grid-row:1}
 .story-first-cup h2{font-size:clamp(32px,8.1vw,46px)}
 .story-first-cup .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:13px}
 .story-first-cup .story-experience-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-top:16px}
 .story-first-cup .story-experience-copy>p br{display:none}
 .story-first-cup-action{grid-column:1 / -1}
 .story-first-cup-action>.story-cup-price{margin-bottom:12px}
}
@media(max-width:600px){.story-ritual-panorama img{aspect-ratio:.72;object-position:50% 55%}}
@media(max-width:360px){
 .story-experience h1{font-size:36px}
 .story-first-cup{column-gap:15px;grid-template-columns:75px minmax(0,1fr)}
 .story-first-cup-photo{height:130px}
 .story-first-cup h2{font-size:30px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.story-chapter-link:hover>span{transform:translate(3px,3px)}}