@import url('/site-fonts.css');
@import url('/site-chrome.css');
@import url('/shop-components.css');
/* Pages with their own legacy chrome: hide it once the shared chrome is in. */
body.jf-booted .jf-legacy{display:none!important}
body.jf-site{font-family:var(--sans)}
body.jf-booted>footer.site-footer{margin:0;max-width:none;width:auto}

/* Legacy brand pages (tea, about, help, legal): bring body copy up to the shop's reading size. */
body.jf-booted main p:where(:not(.eyebrow,.lede,.muted,.small)){font-size:15px;line-height:1.95;color:var(--ink-2)}
body.jf-booted main .eyebrow{font-size:12px;letter-spacing:.06em;color:var(--ink-3)}
body.jf-booted main h1,body.jf-booted main h2,body.jf-booted main h3{font-family:var(--serif);font-weight:300}
body.jf-booted main a:not(.button){text-underline-offset:5px;text-decoration-thickness:1px}
/* Account page */
.account-page main{padding-top:24px}
.account-page fieldset{border:1px solid var(--line);padding:18px 20px 20px}
.account-page legend{padding:0 8px;color:var(--ink-2);font-size:13px}
.account-page label{font-size:13px;color:var(--ink-2)}
.account-page .intro p{font-size:15px;line-height:1.9;color:var(--ink-2)}
/* Checkout pages */
body[data-checkout-page] main{font-size:14px}
body[data-checkout-page] main h1{font-family:var(--serif);font-weight:300}
/* Tea page paintings */
.tea-photo-pair figure{background:var(--paper-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 28px 20px;margin:0}
.tea-photo-pair figure img{width:auto!important;height:auto!important;max-width:100%;max-height:640px;object-fit:contain!important;aspect-ratio:auto!important}
.tea-photo-pair figcaption,.tea-scroll figcaption{font-size:12px;color:var(--ink-3);line-height:1.6;text-align:center}
.tea-scroll{max-width:1240px;margin:72px auto 0;padding:0 var(--gutter)}
.tea-scroll img{display:block;width:100%;height:auto}
.tea-scroll figcaption{text-align:left;margin-top:12px}

/* Tea page: seasonal painting band replaces the museum paintings */
.tea-season-art{height:min(62vh,620px);margin:8px 0 40px;background:var(--season-a) center 40%/cover no-repeat;opacity:.55;
 -webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,#000 45%,transparent 100%)}
@media(max-width:800px){.tea-season-art{height:52vh;background-image:var(--season-a-small)}}

/* About page: museum painting reference taken down */
.brand-art-reference{display:none!important}