.landing-page header{padding-top:22px;padding-bottom:22px}
.landing-page header nav.page-nav a{display:block}
.landing-page .page-nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.page-wrap{max-width:1268px;margin:0 auto;padding:0 0 72px}
.breadcrumbs{padding:25px 0 0;font-size:12px;color:var(--muted)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding:46px 0 64px}
.landing-hero h1{font-size:clamp(52px,6vw,88px);letter-spacing:.01em;line-height:1.01;margin:22px 0 24px}
.landing-hero .lead{font-size:19px;line-height:1.7;max-width:500px;color:var(--muted)}
.landing-hero .actions{margin:28px 0 0;gap:14px}
.landing-hero .button{gap:24px}
.landing-photo{margin:0;min-width:0}
.landing-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1.12;object-fit:cover;object-position:50% 70%;border-radius:150px 150px 3px 3px}
.landing-photo figcaption{margin-top:12px;font-size:11px;color:var(--muted);letter-spacing:.06em}
.visit-facts{padding:42px;background:var(--green);color:var(--cream)}
.visit-facts .eyebrow{color:var(--lime)}
.visit-facts h2{font-size:36px;margin:12px 0 18px}
.visit-facts address{font-size:22px;line-height:1.6;margin:0 0 26px}
.visit-facts .opening-hours{max-width:none;margin:25px 0}
.visit-facts .opening-hours dl{font-size:16px}
.visit-facts .phone{display:inline-block;font-size:23px;text-decoration:underline;text-underline-offset:5px;margin-top:14px}
.visit-facts .local-chinese{color:#e6ecd9;font-size:13px;line-height:1.8}
.detail-section{padding:50px 0;border-top:1px solid #173f3033}
.detail-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.detail-heading h2{margin:12px 0 0}
.detail-heading>p{max-width:430px;color:var(--muted);font-size:16px}
.directions-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:40px}
.directions-map{min-height:410px;border:1px solid #173f3033;background:#e0e3d9}
.directions-map iframe{display:block;width:100%;height:100%;min-height:410px;border:0}
.travel-notes{display:flex;flex-direction:column;justify-content:center;gap:22px}
.travel-notes h3{font-size:20px;margin:0 0 8px}
.travel-notes p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.travel-notes a{text-decoration:underline;text-underline-offset:4px;color:var(--green)}
.sweet-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.sweet-grid figure{margin:0}
.sweet-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 65%}
.sweet-grid h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:600;font-size:35px;margin:22px 0 10px;letter-spacing:.02em}
.sweet-grid p{font-size:17px;color:var(--muted);max-width:490px}
.tea-story{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:60px;padding:60px;background:#e8edda;margin:28px 0 60px}
.tea-story img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.tea-story p{color:var(--muted);font-size:17px}
.tea-story h2{margin-top:15px}
.next-visit{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:42px 0;border-top:1px solid #173f3033}
.next-visit p{font-size:17px;color:var(--muted)}
.next-visit .actions{margin:24px 0;gap:18px}
.landing-page footer{flex-wrap:wrap;padding-bottom:28px;font-size:13px}
.landing-page footer a{text-decoration:underline;text-underline-offset:4px}
.landing-page .mobile-bar a{padding:20px 5px}
.landing-page .local-chinese{font-family:system-ui,sans-serif;font-size:14px;color:var(--muted)}
.landing-page .visit-facts .local-chinese{color:#e6ecd9}
.landing-page .eyebrow{line-height:1.7}
.more-pages{display:flex;flex-wrap:wrap;gap:24px;margin:22px 0 24px}
.more-pages a{text-decoration:underline;text-underline-offset:4px;font-size:15px}
@media(max-width:1440px){.page-wrap{margin:0 6%}}
@media(max-width:900px){.landing-hero{gap:34px}.landing-hero h1{font-size:58px}.visit-facts{padding:30px}.directions-layout{grid-template-columns:1fr 1fr}.tea-story{padding:35px;gap:35px}.next-visit{gap:35px}}
@media(max-width:700px){.landing-page header{gap:15px}.landing-page .page-nav{gap:15px}.landing-page .page-nav a{font-size:12px;white-space:nowrap}.landing-page .brand-lockup{width:100px}.page-wrap{padding-bottom:32px}.breadcrumbs{font-size:11px;padding-top:20px}.landing-hero{grid-template-columns:1fr;padding:30px 0 42px;gap:30px}.landing-hero h1{font-size:48px;margin:18px 0 20px}.landing-hero .lead{font-size:17px}.landing-hero .actions{gap:12px}.landing-photo img{aspect-ratio:1/1;border-radius:100px 100px 3px 3px}.visit-facts{padding:28px 24px}.visit-facts address{font-size:20px}.visit-facts .opening-hours dl{font-size:14px}.detail-section{padding:34px 0}.detail-heading{display:block}.detail-heading>p{font-size:16px}.directions-layout{grid-template-columns:1fr;gap:26px}.directions-map,.directions-map iframe{min-height:300px}.travel-notes{gap:24px}.sweet-grid{grid-template-columns:1fr;gap:30px}.sweet-grid h3{font-size:30px;margin-top:18px}.sweet-grid p{font-size:16px}.tea-story{grid-template-columns:1fr;margin:15px 0 38px;padding:26px;gap:15px}.tea-story img{max-height:360px;aspect-ratio:1/1;object-position:center 48%}.tea-story p{font-size:16px}.next-visit{grid-template-columns:1fr;gap:0;padding:24px 0}.next-visit h2{font-size:38px}.next-visit p{font-size:16px}.landing-page footer{padding-bottom:95px;gap:18px;font-size:12px}.landing-page footer p{flex-basis:100%;margin:0}.more-pages{gap:15px}}