:root{--paper:#f3f1e8;--ink:#19382c;--green:#315b42;--leaf:#78926c;--lime:#d6dfb9;--coral:#d98d73;--line:rgba(25,56,44,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}
.topline{height:36px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 12px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:28px}.navlinks{display:flex}.nav-cta{border:1px solid var(--ink);padding:12px 17px;border-radius:99px;font-size:11px;letter-spacing:.06em}
.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:30px;height:1px;background:var(--coral)}
.story-opening{padding-block:76px 88px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.story-opening h1{font:500 clamp(54px,6.5vw,82px)/1.04 var(--serif);letter-spacing:-.05em;margin:25px 0}.story-opening h1 em{font-weight:500;color:var(--green)}.story-opening p{font-size:14px;line-height:1.9;color:#52675a;max-width:450px}.story-opening-photo{position:relative;margin:0}.story-opening-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:37% center}.story-opening-photo figcaption{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#738076;padding-top:14px;display:flex;justify-content:space-between;gap:15px}
.name-story{background:#e5e8d7;padding-block:76px}.name-story-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:13%;align-items:center}.april-type{font-family:serif;font-size:clamp(85px,12vw,154px);letter-spacing:.06em;line-height:1.15;color:var(--green);margin-bottom:17px}.april-caption{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#6e7e6e}.name-story h2,.story-craft h2,.story-origins h2,.four-tone h2,.story-close h2{font:500 clamp(35px,4.3vw,56px)/1.1 var(--serif);letter-spacing:-.04em;margin:19px 0 23px}.name-story p,.story-craft p{font-size:14px;line-height:1.95;color:#52675a;margin:0;max-width:560px}.name-story p+p,.story-craft p+p{margin-top:17px}
.story-craft{padding-block:100px;display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}.story-craft figure{margin:0}.story-craft img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:39% center;display:block}.story-craft figcaption{font-size:10px;color:#7a857b;line-height:1.6;padding-top:13px}.story-craft .editorial-link{margin-top:27px}
.story-origins{padding-block:0 92px}.story-origins-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px}.story-origins-head h2{max-width:630px;margin-bottom:0}.story-origins-head p{font-size:12px;line-height:1.8;max-width:280px;color:#6b7a6e;margin:0}.origin-pair{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.origin-profile{padding:35px 38px 35px 0}.origin-profile+.origin-profile{border-left:1px solid var(--line);padding-left:38px;padding-right:0}.origin-place{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#788579}.origin-profile h3{font:500 41px var(--serif);margin:17px 0 12px;letter-spacing:-.04em}.origin-profile h3 span{font:20px var(--sans);color:var(--leaf);margin-left:8px}.origin-profile p{font-size:13px;line-height:1.9;color:#53675a;max-width:450px;min-height:100px;margin:0 0 22px}.next-season{font-size:11px;color:#748170;line-height:1.7;margin:23px 0 0}
.four-tone{background:var(--ink);color:var(--paper);padding-block:80px}.four-tone-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.four-tone .eyebrow{color:var(--lime)}.four-tone h2{font-size:clamp(44px,5.5vw,70px);margin-bottom:0}.four-tone p{font-size:14px;line-height:1.95;color:#c8d0c3;margin:0}.four-tone p+p{margin-top:17px}
.story-close{padding-block:77px 82px;text-align:center}.story-close h2{max-width:650px;margin:0 auto 26px}.story-button{display:inline-flex;gap:29px;align-items:center;border-radius:99px;padding:16px 22px;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.05em}.story-button:hover{background:var(--green)}
.matcha-notes{padding-block:88px 83px;background:#e7e9d9}.matcha-notes-heading{max-width:600px;margin:0 auto 43px;text-align:center}.matcha-notes-heading .eyebrow{justify-content:center}.matcha-notes-heading h2{font:500 clamp(42px,5vw,62px)/1.04 var(--serif);letter-spacing:-.045em;margin:21px 0 17px}.matcha-notes-heading h2 em{color:var(--green);font-weight:500}.matcha-notes-heading>p{max-width:470px;margin:0 auto;color:#586a58;font-size:13px;line-height:1.85}.matcha-infographic{max-width:900px;min-height:535px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr 1fr;grid-template-rows:1fr 1.2fr 1fr;grid-template-areas:". whole ." "cate bowl theanine" ". caffeine .";align-items:center;justify-items:center;gap:6px 20px;position:relative}.matcha-note{width:min(100%,240px);position:relative;z-index:1;padding:20px 22px;background:rgba(243,241,232,.76);border:1px solid rgba(25,56,44,.12);border-radius:2px}.matcha-note:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#9aab7f;box-shadow:0 0 0 4px rgba(154,171,127,.16)}.note-whole{grid-area:whole;text-align:center}.note-whole:after,.note-caffeine:after{left:calc(50% - 3px)}.note-whole:after{bottom:-12px}.note-catechins{grid-area:cate;text-align:right}.note-catechins:after{right:-13px;top:calc(50% - 3px)}.note-theanine{grid-area:theanine}.note-theanine:after{left:-13px;top:calc(50% - 3px)}.note-caffeine{grid-area:caffeine;text-align:center}.note-caffeine:after{top:-12px}.note-number{font-size:8px;letter-spacing:.16em;color:#71816a}.matcha-note h3{font:500 23px/1.15 var(--serif);margin:9px 0 8px;color:var(--ink)}.matcha-note p{font-size:10px;line-height:1.75;color:#5d6e5e;margin:0}.matcha-bowl-art{grid-area:bowl;width:100%;max-width:330px;position:relative;z-index:1;text-align:center}.bowl-saucer{width:100%;aspect-ratio:1.28;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse at 50% 47%,#f8f6ed 0 52%,#dbd7c6 53% 56%,#f2efe5 57% 65%,#cfcab8 66% 68%,transparent 69%);filter:drop-shadow(0 18px 18px rgba(35,55,38,.12));transform:rotate(-4deg)}.bowl-rim{width:69%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 47% 42%,#ebe5d3 0 67%,#bbb39c 68% 70%,#ded7c4 71% 75%,#988d77 76% 78%,#e4ddcb 79%);box-shadow:inset 0 4px 8px rgba(61,48,32,.13)}.tea-powder{width:84%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 28%,#9eb85a 0 3%,transparent 4%),radial-gradient(circle at 70% 67%,#254f2c 0 5%,transparent 6%),radial-gradient(circle at 40% 76%,#315e32 0 3%,transparent 4%),radial-gradient(ellipse at 40% 36%,#99b64c 0,#6f9438 35%,#477532 70%,#315c30 100%);box-shadow:inset 0 5px 11px rgba(19,49,27,.2),inset 0 -4px 8px rgba(224,235,177,.16);position:relative}.tea-powder:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(237,242,197,.55) .7px,transparent 1px);background-size:8px 7px;opacity:.48}.tea-powder svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.bowl-caption{display:flex;justify-content:space-between;align-items:center;margin:-1px auto 0;width:76%;color:#75816c}.bowl-caption span:first-child{font-family:serif;font-size:17px;color:var(--green)}.bowl-caption span:last-child{font-size:7px;letter-spacing:.18em}.matcha-notes-footnote{max-width:650px;margin:32px auto 0;text-align:center;color:#778172;font-size:9px;line-height:1.7;letter-spacing:.02em}
footer{padding-block:30px 26px;background:#e9e8dc}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-name{font-size:27px}.footer-meta{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#738076}.footer-bottom{padding-top:18px;margin-top:23px;border-top:1px solid var(--line);font-size:10px;color:#7a867b}.footer-bottom nav{display:flex;gap:22px}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.topline{font-size:8px}.story-opening{padding-block:49px 59px;grid-template-columns:1fr;gap:30px}.story-opening h1{font-size:52px;margin-block:20px}.story-opening p{font-size:13px}.story-opening-photo img{aspect-ratio:4/3;object-position:35% center}.name-story{padding-block:53px}.name-story-inner{grid-template-columns:1fr;gap:29px}.april-type{font-size:89px;margin-bottom:10px}.name-story h2,.story-craft h2,.story-origins h2{font-size:39px}.name-story p,.story-craft p{font-size:13px}.story-craft{padding-block:60px;grid-template-columns:1fr;gap:31px}.story-craft img{aspect-ratio:4/3}.matcha-notes{padding-block:60px 58px}.matcha-notes-heading{margin-bottom:25px}.matcha-notes-heading h2{font-size:42px}.matcha-notes-heading>p{font-size:12px}.matcha-infographic{min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"whole whole" "cate bowl" "theanine bowl" "caffeine caffeine";gap:12px 10px}.matcha-note{width:100%;padding:15px 13px}.note-whole,.note-caffeine{text-align:left}.note-whole:after,.note-caffeine:after{left:auto;right:13px}.note-whole:after{bottom:calc(50% - 3px)}.note-caffeine:after{top:calc(50% - 3px)}.note-catechins{text-align:left}.note-catechins:after{right:-7px}.note-theanine:after{left:-7px}.matcha-note h3{font-size:19px;margin:7px 0 6px}.matcha-note p{font-size:9px}.note-number{font-size:7px}.matcha-bowl-art{max-width:250px;align-self:center}.bowl-caption span:last-child{font-size:6px}.matcha-notes-footnote{font-size:8px;margin-top:23px}.story-origins{padding-bottom:60px}.story-origins-head{display:block}.story-origins-head p{margin-top:19px}.origin-pair{grid-template-columns:1fr}.origin-profile{padding:28px 0}.origin-profile+.origin-profile{border-left:0;border-top:1px solid var(--line);padding:28px 0}.origin-profile p{min-height:0}.four-tone{padding-block:57px}.four-tone-inner{grid-template-columns:1fr;gap:27px}.four-tone h2{font-size:48px}.four-tone p{font-size:13px}.story-close{padding-block:57px}.story-close h2{font-size:40px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.footer-bottom nav{gap:19px}}