@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Prata&display=swap');
:root{--ink:#20251d;--paper:#e7dec9;--red:#9d3325;--acid:#c8c661}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:#efe7d5}.mark{display:flex;align-items:center;gap:12px}.mark span{display:grid;place-items:center;width:42px;height:42px;background:var(--red);color:#f4ead4;border-radius:50%;font-family:serif;font-size:22px}.mark b{font-size:14px;letter-spacing:.28em}nav{display:flex;gap:40px;font-size:12px;letter-spacing:.12em}nav a{opacity:.8}nav a:hover{opacity:1}.book{background:transparent;border:0;border-bottom:1px solid #eee;color:inherit;padding:9px 0;letter-spacing:.1em;font-size:11px;cursor:pointer}.book i{font-style:normal;margin-left:15px}.menu{display:none;background:none;border:0;color:inherit;font-size:24px}.hero{height:min(900px,100vh);min-height:720px;background:#293126;position:relative;overflow:hidden;color:#eee7d5}.grain{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.sun{position:absolute;width:62vw;height:62vw;min-width:700px;min-height:700px;border-radius:50%;background:#bcaf59;right:-18vw;top:-18vw;opacity:.82}.hero-copy{position:absolute;left:12vw;top:22%;z-index:4}.eyebrow{font-size:10px;letter-spacing:.28em;font-weight:600}.hero h1,.story h2,.tea-list h2,.visit h2{font:400 clamp(64px,9vw,142px)/.92 Prata,serif;margin:32px 0}.hero h1 span{color:var(--red)}.lead{font-family:Prata,serif;font-size:15px;line-height:1.8;margin-left:12px}.circle-link{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.2em;margin-top:45px}.circle-link span{width:44px;height:44px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center}.bowl{position:absolute;right:13vw;bottom:7%;width:33vw;height:17vw;border-radius:50% 50% 46% 46%;background:linear-gradient(155deg,#917c5b,#312d22 63%,#191b16);box-shadow:10px 35px 70px #1119;transform:rotate(-5deg);z-index:3}.tea{position:absolute;inset:6% 5% 46%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#92a165,#42502f 50%,#161e15);box-shadow:inset 0 8px 18px #d8d7a844}.shine{position:absolute;width:25%;height:3%;border-radius:50%;background:#ddd8bc66;left:15%;top:16%;transform:rotate(-12deg)}.vertical{position:absolute;right:4vw;top:27%;writing-mode:vertical-rl;font:26px serif;letter-spacing:.4em;z-index:5}.stamp{position:absolute;right:5vw;bottom:10%;border:2px solid #ba5b47;color:#d16a54;padding:8px;font:25px serif;text-align:center;transform:rotate(8deg);z-index:5}.stamp small{font-size:13px}.hero-meta{position:absolute;left:4vw;bottom:4%;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;opacity:.6}.story,.tea-list,.visit{padding:120px 9vw}.section-no{float:right;font-size:10px;letter-spacing:.18em}.story h2,.tea-list h2,.visit h2{font-size:clamp(50px,6.5vw,102px)}.story h2 em{color:var(--red);font-style:normal}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin:70px 0 0 28vw}.story-grid>p{line-height:2;font-size:14px}.story blockquote{font:26px/1.6 Prata,serif;margin:0;border-left:1px solid var(--red);padding-left:30px}.tea-list{background:#d7cfb9}.tea-head{display:grid;grid-template-columns:1fr 2fr}.items article{display:grid;grid-template-columns:8% 34% 1fr auto;align-items:center;border-top:1px solid #a8a08d;padding:28px 0}.items article:last-child{border-bottom:1px solid #a8a08d}.items h3{font:46px serif;margin:0}.items b,.items .num,.items p,.items strong{font-size:10px;letter-spacing:.15em}.items b{color:var(--red)}.items strong{font-size:12px}.visit{background:var(--ink);color:#e9dfc9;display:grid;grid-template-columns:1.4fr 1fr;gap:5vw;position:relative}.visit-card{padding-top:85px}.visit-card p{line-height:1.9;font-size:13px;margin-bottom:35px}.visit-card a{border-bottom:1px solid #777;padding-bottom:8px}.visit-card a span{margin-left:60px}.tokyo{position:absolute;bottom:35px;right:5vw;display:flex;gap:20px;align-items:center}.tokyo span{font-size:8px;letter-spacing:.2em}.tokyo b{font:28px Prata,serif}footer{background:#171b16;color:#e9dfc9;display:flex;justify-content:space-between;align-items:center;padding:35px 4vw;border-top:1px solid #444}footer p,footer>a{font-size:9px;letter-spacing:.18em}
@media(max-width:760px){header{height:72px}.book{display:none}.menu{display:block}nav{display:none;position:absolute;top:65px;left:4vw;right:4vw;background:#e7dec9;color:#20251d;padding:25px;flex-direction:column;gap:20px}nav.open{display:flex}.hero{min-height:760px}.sun{right:-100vw;top:-30vw}.hero-copy{left:8vw;top:20%}.hero h1{font-size:64px}.lead{margin-left:0}.bowl{width:70vw;height:37vw;right:-8vw;bottom:9%}.vertical{right:5vw;top:18%;font-size:18px}.stamp{bottom:7%;left:8vw;right:auto}.story,.tea-list,.visit{padding:85px 7vw}.section-no{display:none}.story h2,.tea-list h2,.visit h2{font-size:48px;line-height:1.03}.story-grid{grid-template-columns:1fr;margin:45px 0 0;gap:45px}.story blockquote{font-size:21px}.tea-head{display:block}.items article{grid-template-columns:12% 1fr auto;gap:10px}.items article p{display:none}.items h3{font-size:34px}.visit{grid-template-columns:1fr;padding-bottom:130px}.visit-card{padding-top:0}.tokyo{left:7vw;right:auto}footer .mark b,footer p{display:none}}