:root{--ink:#172016;--moss:#283421;--acid:#d6e697;--paper:#f1eee4;--line:rgba(23,32,22,.2);--serif:"Brygada 1918",serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;z-index:99;top:8px;left:8px;padding:12px 16px;color:#fff;background:#111;transform:translateY(-160%)}.skip-link:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #e5ff76;outline-offset:4px}.site-header{position:absolute;z-index:4;top:0;left:0;width:100%;height:90px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#f8f5ea}.brand{justify-self:start;display:flex;align-items:center;gap:12px;min-height:44px}.brand>span{width:34px;height:34px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:22px}.brand b{font-size:13px;letter-spacing:.05em}.site-header nav{display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.site-header nav a,.header-cta{min-height:44px;display:flex;align-items:center}.header-cta{justify-self:end;gap:12px;padding:0 17px;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:100svh;position:relative;isolation:isolate;display:grid;place-items:center;padding:130px 5vw 65px;overflow:hidden;color:#fff;background:var(--moss)}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(15,22,13,.28),rgba(15,22,13,.54)),radial-gradient(circle at 50% 40%,transparent,rgba(10,17,8,.46))}.hero-image{position:absolute;z-index:-2;inset:0;background:url("/assets/tea-hero.webp") center/cover}.hero-copy{max-width:1050px;text-align:center}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700}.hero h1{margin:22px 0 28px;font-family:var(--serif);font-size:clamp(72px,10vw,164px);font-weight:400;line-height:.76;letter-spacing:-.065em}.hero h1 em{color:var(--acid);font-weight:400}.hero-lead{max-width:560px;margin:0 auto 30px;color:#e6e7de;line-height:1.6}.hero-search{max-width:740px;height:72px;margin:auto;display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:8px 9px 8px 22px;color:var(--ink);background:#f6f2e7;border-radius:999px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.hero-search>span{font-size:24px}.hero-search input{min-width:0;border:0;outline:0;background:transparent;font-size:16px}.hero-search button{min-height:54px;padding:0 26px;border:0;border-radius:999px;color:#fff;background:var(--moss);cursor:pointer}.search-tip{font-size:11px;color:#d8d9d0}.search-tip button{border:0;border-bottom:1px solid currentColor;padding:0;color:inherit;background:none;cursor:pointer}.hero-index{position:absolute;left:4vw;bottom:44px;display:flex;gap:13px;align-items:start;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em}.hero-index span:first-child{color:var(--acid)}.section-pad{padding:130px 5vw}.story{display:grid;grid-template-columns:.45fr 1.1fr .8fr;gap:6vw;align-items:start}.section-number{color:#667060}.story h2,.catalog h2,.ritual h2{margin:0;font-family:var(--serif);font-size:clamp(52px,7vw,104px);line-height:.86;font-weight:400;letter-spacing:-.055em}.story h2 em{color:#7c884d}.story-copy{display:grid;gap:20px;color:#4d554a;line-height:1.75}.story-copy p{margin:0}.catalog{padding-top:105px;color:#f3f0e7;background:var(--ink)}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.catalog h2{margin-top:18px}.result-status{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#b8c0ae}.filters{margin:55px 0 35px;display:flex;gap:8px;flex-wrap:wrap}.filters button,.empty-state button{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;background:transparent;cursor:pointer}.filters button.is-active{color:var(--ink);background:var(--acid);border-color:var(--acid)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 18px}.product-card{min-width:0}.product-image{aspect-ratio:4/5;position:relative;background-size:cover;background-position:center;overflow:hidden}.product-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.34))}.product-image-hero{background-image:url("/assets/tea-hero.webp")}.product-image-varieties{background-image:url("/assets/tea-varieties.webp")}.product-image span{position:absolute;z-index:1;top:15px;left:15px;font-size:9px}.product-card:nth-child(4n+2) .product-image{background-position:35% center}.product-card:nth-child(4n+3) .product-image{background-position:70% center}.product-card:nth-child(4n) .product-image{background-position:90% center}.product-meta{margin-top:14px;display:flex;justify-content:space-between;color:#9ea696;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.product-card h3{margin:18px 0 8px;font-family:var(--serif);font-size:25px;font-weight:400}.product-card>p{margin:0;color:#9ea696;font-size:12px;text-transform:capitalize}.empty-state{padding:80px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.2)}.empty-state>span{font-size:60px;color:var(--acid)}.empty-state h3{font-family:var(--serif);font-size:40px;font-weight:400}.ritual{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.ritual>img{width:100%;height:min(76vh,850px);object-fit:cover}.ritual h2{margin:20px 0 50px}.ritual ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.ritual li{display:grid;grid-template-columns:38px .5fr 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}.ritual li span{color:#7f8b54;font-size:9px}.ritual li b{font-family:var(--serif);font-size:24px;font-weight:400}.ritual li p{margin:0;color:#596156;line-height:1.5;font-size:13px}footer{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;color:#eef0e8;background:var(--moss)}footer .footer-brand{font-family:var(--serif);font-size:44px}footer p{margin:0;font-family:var(--serif);font-size:24px}footer span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#afb7a9}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.story{grid-template-columns:1fr 1fr}.story .section-number{grid-column:1/-1}.story-copy{grid-column:2}.product-grid{grid-template-columns:repeat(2,1fr)}.ritual{grid-template-columns:1fr}.ritual>img{height:55vh}footer{grid-template-columns:1fr 1fr}footer span{grid-column:1/-1}}@media(max-width:600px){.site-header{height:70px;padding:0 20px}.brand b{display:none}.header-cta{padding:0 13px}.hero{padding:110px 20px 45px;min-height:820px}.hero h1{font-size:clamp(62px,20vw,90px)}.hero-search{height:auto;min-height:64px;grid-template-columns:30px 1fr}.hero-search button{grid-column:1/-1;width:100%;margin-top:8px}.section-pad{padding:90px 20px}.story{grid-template-columns:1fr}.story-copy{grid-column:auto}.catalog-head{align-items:start;flex-direction:column}.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:5/4}.ritual li{grid-template-columns:32px 1fr}.ritual li p{grid-column:2}.ritual>img{height:45vh}footer{padding:45px 20px;grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}