:root{--paper:#f5faf8;--celadon:#e5f0eb;--ink:#143f3b;--leaf:#386c52;--line:#cbdcd1;--soft:#526a61;--white:#fff;--amber:#b48845;--serif:'Palatino Linotype',Palatino,'Book Antiqua',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #a2721e;outline-offset:5px;border-radius:3px}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(42px,5vw,76px)}h2{font-size:clamp(32px,3.1vw,47px)}h3{font-size:28px;line-height:1.25}p{margin-bottom:1.15em}.shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;z-index:5;padding:10px 20px;background:var(--ink);color:white}.skip-link:focus{top:10px}.site-header{padding:27px 0 24px}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap;font:27px/1.1 var(--serif);letter-spacing:-.035em}.brand svg{width:35px;height:42px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-header nav{display:flex;gap:30px;flex-wrap:wrap;font-size:15px}.site-header nav a{text-decoration:none;padding-block:8px}.site-header nav a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:var(--white);font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;min-height:49px}.button:hover{background:var(--leaf);border-color:var(--leaf);text-decoration:none}.button-light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button-light:hover{background:white;border-color:white}.text-link{font-size:15px;font-weight:600}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;padding-block:45px 72px}.hero-copy{padding-block:14px}.hero h1{max-width:13ch;margin-bottom:30px}.hero-copy>p{font-size:19px;max-width:36ch;color:#3b5b50;line-height:1.7}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:34px}.hero-media{align-self:stretch;min-height:540px;display:flex;flex-direction:column}.hero-media img{height:100%;min-height:480px;object-fit:cover;object-position:center;border-radius:140px 12px 12px 12px}.hero-media figcaption{font-size:11px;line-height:1.5;color:var(--soft);margin-top:12px}.hero-media figcaption span{display:block}.hero-note{display:flex;align-items:center;gap:16px;margin-top:46px}.hero-note svg{width:39px;height:39px;fill:none;stroke:#658170;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.hero-note p{margin:0;font-size:13px;line-height:1.5;color:var(--soft)}.start-section{background:var(--ink);color:var(--paper);padding-block:65px}.start-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.start-layout h2{font-size:42px;margin-bottom:23px}.start-layout>div>p{max-width:42ch;color:#d6e6dc;font-size:16px}.start-layout .button{margin-top:12px}.start-links{border-top:1px solid #4f7064}.reading-link{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:24px;line-height:1.3;text-decoration:none}.reading-link:hover>span{text-decoration:underline;text-underline-offset:5px}.reading-link svg{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:currentColor;stroke-width:1.5}.start-links .reading-link{border-color:#4f7064;font-size:25px}.varieties-section{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center;padding-block:95px}.variety-copy>p{max-width:43ch;color:var(--soft);font-size:17px}.variety-links{margin-top:33px}.variety-links .reading-link{font-size:23px}.leaf-media{padding-top:12px}.leaf-media img{aspect-ratio:1/1;object-fit:cover;border-radius:12px 90px 12px 12px}.leaf-media figcaption,.place-media figcaption,.credit-photo figcaption{font-size:11px;line-height:1.5;color:var(--soft);margin-top:12px}.leaf-media figcaption span,.place-media figcaption span{display:block}.place-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:52px 58px;border-radius:14px;background:var(--celadon);align-items:center}.place-copy p{font-size:17px;max-width:39ch;color:#405e51}.place-copy .button{margin-top:14px}.place-lettering{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px}.place-lettering svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8ba78f;stroke-width:1.8}.place-lettering span{position:relative;font:58px var(--serif);color:var(--ink);background:var(--celadon);padding:8px 24px}.place-media img{max-height:330px;object-fit:cover;border-radius:8px}.home-about{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:100px 105px}.home-about h2{font-size:44px}.home-about p{font-size:17px;color:#405e51;max-width:50ch}.site-footer{border-top:1px solid var(--line);padding-block:50px;background:#edf5f0}.footer-inner{display:flex;justify-content:space-between;gap:40px}.site-footer .brand{font-size:25px}.site-footer p{font-size:14px;margin:21px 0 0;color:var(--soft)}.site-footer nav{display:flex;gap:18px;flex-direction:column;font-size:14px;padding-top:8px}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.breadcrumb{font-size:13px;color:var(--soft);margin-bottom:30px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.hub-intro{padding-block:44px 60px}.hub-intro h1{max-width:17ch;font-size:65px;margin-bottom:24px}.hub-intro>p:not(.breadcrumb){max-width:48ch;color:var(--soft);font-size:19px}.jump-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.jump-links a{border:1px solid var(--line);border-radius:7px;padding:9px 16px;text-decoration:none;font-size:14px;background:var(--white)}.jump-links a:hover{border-color:var(--leaf)}.guide-library{padding-bottom:85px}.library-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;padding-block:50px;border-top:1px solid var(--line)}.library-section>div>p{max-width:30ch;color:var(--soft);font-size:16px}.guide-summary{padding:0 0 34px;margin-bottom:32px;border-bottom:1px solid var(--line)}.guide-summary:last-child{border-bottom:0;margin:0;padding-bottom:0}.guide-summary h3{max-width:29ch;font-size:31px;margin-bottom:14px}.guide-summary h3 a{text-decoration:none}.guide-summary h3 a:hover{text-decoration:underline}.guide-summary>p:not(.guide-category){color:var(--soft);font-size:16px;max-width:55ch}.guide-category{font-size:13px;font-weight:600;color:var(--leaf);margin-bottom:13px;letter-spacing:.01em}.guide-category span{font-weight:400;margin-left:24px;color:var(--soft)}.article-shell{padding-block:38px 70px}.article-heading{max-width:880px;margin-bottom:46px}.article-heading h1{font-size:clamp(38px,4.5vw,64px);max-width:23ch;margin:14px 0 26px}.standfirst{font-size:20px;line-height:1.7;color:#3e5c51;max-width:70ch}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:68px;align-items:start}.article-contents{position:sticky;top:28px;padding-top:8px;font-size:14px;line-height:1.55}.article-contents>p{font-weight:600;margin-bottom:18px}.article-contents nav{display:flex;flex-direction:column;gap:15px}.article-contents a{color:var(--soft);text-decoration:none}.article-contents a:hover{color:var(--ink);text-decoration:underline}.article-copy{max-width:67ch}.quick-note{padding:22px 26px;background:var(--celadon);border-left:3px solid #77935b;border-radius:0 8px 8px 0;margin-bottom:42px}.quick-note p{margin:0;font-size:17px;line-height:1.65}.article-copy section{margin-bottom:43px;scroll-margin-top:25px}.article-copy h2{font-size:31px;line-height:1.22;margin-bottom:20px;max-width:31ch}.article-copy p{margin-bottom:22px}.article-copy li{padding-left:7px;margin-bottom:13px}.article-copy ul{padding-left:24px}.article-sources{padding-top:30px;border-top:1px solid var(--line);margin-top:50px}.article-sources h2{font-size:27px}.article-sources ul{font-size:15px;line-height:1.7}.article-sources a{overflow-wrap:anywhere}.related-guides{margin-top:50px;padding-top:43px;border-top:1px solid var(--line)}.related-guides h2{font-size:33px}.related-guides>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.related-guides .reading-link{font-size:21px;padding-top:5px;align-items:start}.related-guides .reading-link svg{margin-top:4px}.compact-page{max-width:780px;padding-block:45px 95px}.compact-page h1{font-size:58px;margin-bottom:30px}.compact-page h2{font-size:31px;margin-top:40px;margin-bottom:18px}.compact-page>p{max-width:65ch}.compact-page>.button{margin-top:22px}.credit-item{padding-block:35px}.credit-photo{max-width:580px}.credit-photo img{border-radius:9px}.credit-item>p{font-size:15px;margin-top:22px}.tea-drawing{background:var(--celadon);border-radius:120px 12px 12px 12px;display:flex;align-items:center;justify-content:center;min-height:450px}.tea-drawing svg{fill:none;stroke:var(--ink);stroke-width:3;width:85%;height:auto}
@media(min-width:1500px){.hero{gap:90px}.hero h1{font-size:80px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.hero{gap:38px}.hero h1{font-size:59px}.hero-media{min-height:500px}.hero-media img{min-height:450px}.site-header nav{gap:22px}.start-layout{gap:60px}.varieties-section{gap:65px}.article-layout{gap:40px;grid-template-columns:190px minmax(0,1fr)}.place-section{padding:42px}.hero-actions{gap:20px}}
@media(max-width:800px){body{font-size:17px}.shell{width:calc(100% - 44px)}.site-header{padding-block:22px}.header-inner{align-items:flex-start;gap:18px}.brand{font-size:25px;gap:10px}.brand svg{width:29px;height:35px}.site-header nav{gap:7px 18px;justify-content:flex-end;max-width:240px;font-size:13px}.site-header nav a{padding-block:3px}.hero{grid-template-columns:1fr;gap:30px;padding-block:30px 50px}.hero-copy{padding:0}.hero h1{max-width:13ch;font-size:58px;margin-bottom:23px}.hero-copy>p{max-width:45ch;font-size:18px}.hero-actions{margin-top:27px}.hero-note{display:none}.hero-media{min-height:0}.hero-media img{height:auto;min-height:0;aspect-ratio:1.3;object-position:50% 50%;border-radius:80px 10px 10px 10px}.hero-media figcaption{font-size:10px}.start-section{padding-block:44px}.start-layout{grid-template-columns:1fr;gap:30px}.start-layout h2{font-size:38px}.start-layout>div>p{max-width:45ch}.start-links .reading-link{font-size:23px;padding-block:19px}.varieties-section{grid-template-columns:1fr;gap:30px;padding-block:60px}.variety-copy>p{max-width:48ch}.leaf-media{max-width:520px}.leaf-media img{aspect-ratio:1.4}.place-section{grid-template-columns:1fr;gap:12px;padding:34px 30px}.place-copy p{max-width:45ch}.place-lettering{min-height:200px}.home-about{grid-template-columns:1fr;gap:15px;padding-block:60px}.home-about h2{font-size:38px}.footer-inner{gap:28px}.site-footer{padding-block:36px}.site-footer .brand{font-size:23px}.site-footer nav{font-size:13px}.hub-intro{padding-top:27px}.hub-intro h1{font-size:50px}.library-section{grid-template-columns:1fr;gap:25px;padding-block:36px}.library-section>div>p{max-width:43ch}.guide-summary h3{font-size:28px}.article-shell{padding-top:25px}.article-heading{margin-bottom:28px}.article-heading h1{font-size:46px;max-width:22ch}.standfirst{font-size:18px}.article-layout{grid-template-columns:1fr;gap:30px}.article-contents{position:static;background:var(--celadon);padding:24px;border-radius:8px}.article-contents nav{gap:12px}.article-contents>p{margin-bottom:15px}.article-copy{max-width:none}.article-copy h2{font-size:29px}.article-copy section{margin-bottom:35px}.quick-note{margin-bottom:33px}.related-guides>div{grid-template-columns:1fr;gap:20px}.related-guides .reading-link{padding-bottom:20px;font-size:23px}.compact-page{padding-top:25px}.compact-page h1{font-size:46px}}
@media(max-width:450px){.shell{width:calc(100% - 36px)}.header-inner{display:block}.site-header nav{justify-content:flex-start;max-width:none;margin-top:16px;gap:16px;font-size:13px}.hero{padding-top:21px}.hero h1{font-size:48px;max-width:12ch}.hero-actions{gap:20px}.hero-actions .text-link{font-size:14px}.button{padding-inline:20px}.hero-media img{aspect-ratio:1.15}.place-section{padding:30px 25px}.footer-inner{flex-direction:column}.site-footer nav{gap:14px}.article-heading h1{font-size:39px}.article-copy h2{font-size:27px}.article-contents{padding:21px}.quick-note{padding:20px}.hub-intro h1{font-size:43px}.compact-page h1{font-size:40px}.jump-links{gap:10px}.jump-links a{padding:8px 12px;font-size:13px}.breadcrumb{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.section-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:24px}.section-links a{font-size:15px;font-weight:600;line-height:1.6}.article-copy .section-links{padding-top:4px}.article-contents a{overflow-wrap:anywhere}