:root{--cream:#F4F8F7;--green:#14456B;--muted:#42677e;--line:#c6d8e0;--gold:#2E7D4F}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.site-header{max-width:1320px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:36px;font-weight:bold;letter-spacing:-2px}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:38px;font-size:13px}nav a:hover,footer a:hover{color:var(--gold)}.hero{max-width:1320px;margin:auto;padding:72px 5% 68px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.status-dot{display:inline-block;width:7px;height:7px;background:#2E7D4F;border-radius:50%;margin-right:7px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(52px,5.7vw,80px);line-height:1.07;letter-spacing:-3px;margin:28px 0}em{font-weight:400;color:var(--gold)}.intro{max-width:390px;font-size:15px;line-height:1.85;color:var(--muted)}.button{display:inline-flex;gap:46px;align-items:center;padding:18px 23px;background:var(--green);color:var(--cream);font-size:12px;margin-top:22px;transition:background .2s,transform .2s}.button:hover{background:#2E7D4F;transform:translateY(-2px)}.hero-note{font-size:10px;color:var(--muted);margin-top:28px;letter-spacing:1px}.tea-art{background:#e8eadc;position:relative;aspect-ratio:1/1.08;border-radius:48% 48% 3px 3px;display:flex;align-items:center;justify-content:center}.tea-art svg{width:100%;height:auto}.art-caption,.art-footer{position:absolute;font-size:8px;letter-spacing:2px}.art-caption{top:35px}.art-footer{bottom:25px}.ribbon{display:flex;justify-content:space-evenly;align-items:center;gap:20px;padding:23px;background:var(--green);color:#F4F8F7;font-family:Georgia,serif;font-size:17px}.ribbon span:nth-child(even){font-size:26px;color:#CFE4F0}.menu-section{max-width:1320px;margin:auto;padding:88px 5%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}h2{font-size:44px;letter-spacing:-1.5px;line-height:1.15;margin:15px 0 0}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.menu-column{border-top:1px solid var(--green);padding-top:24px}.menu-number{font-size:9px;letter-spacing:1.4px;color:var(--muted)}h3{font-size:25px;margin:17px 0 27px}dl{margin:0}dl div{border-top:1px solid var(--line);padding:17px 0}dt{font-size:13px;font-weight:600}dd{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.visit-section{text-align:center;background:#CFE4F0;padding:72px 22px}.visit-section h2{font-size:50px}.visit-section>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:24px 0}.opening-label{display:inline-block;border:1px solid #42677e;padding:12px 18px;font-size:8px;letter-spacing:1.7px;margin-top:10px}footer{max-width:1320px;margin:auto;padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:27px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}
@media(max-width:760px){.site-header{padding:22px 6%}.wordmark{font-size:29px}nav{gap:19px;font-size:11px}.hero{grid-template-columns:1fr;padding:42px 6%;gap:30px}h1{font-size:60px}.hero-copy{max-width:550px}.tea-art{max-width:440px;width:100%;justify-self:center}.ribbon{font-size:14px;padding:20px}.ribbon span:nth-child(n+3){display:none}.menu-section{padding:54px 6%}.section-heading{display:block;margin-bottom:30px}h2{font-size:35px}.section-heading>p{margin-top:20px}.menu-grid{grid-template-columns:1fr;gap:28px}.menu-column{padding-top:20px}h3{margin-bottom:17px}.visit-section{padding:55px 6%}.visit-section h2{font-size:40px}footer{flex-wrap:wrap;padding:26px 6%}footer p{width:100%;order:3;margin:0}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Original brand PNGs are preserved; framing is handled by the layout. */
.tea-art{background:var(--cream);border-radius:0;aspect-ratio:1;overflow:hidden}
.tea-art .brand-stamp{display:block;width:138%;max-width:none;height:auto;flex-shrink:0}
.hero{padding-top:48px;padding-bottom:56px}
.hero-copy h1{font-size:clamp(48px,5.4vw,76px)}
.brand-board{width:min(100%,440px);height:148px;position:relative;overflow:hidden;margin:0 auto 40px;background:#F4F8F7}
.brand-board img{display:block;width:100%;height:auto;position:absolute;left:0;top:50%;transform:translateY(-55%)}
.visit-section{background:var(--cream);border-top:1px solid var(--line)}
.opening-label{color:var(--green)}
.brand-logo{display:flex;flex-direction:column;align-items:center;gap:0;width:260px;flex-shrink:0}
.brand-logo::after{content:"";display:block;order:1;width:42px;height:2px;margin:10px auto 18px;background:#9bc7dd;flex-shrink:0}
.brand-logo .header-wordmark{height:52px}
.brand-logo .header-wordmark img{top:-121px}
.brand-logo .header-tagline{order:2}
.header-wordmark{display:block;position:relative;width:100%;height:70px;overflow:hidden}
.header-wordmark img{position:absolute;width:172%;max-width:none;height:auto;left:-36%;top:-117px}
.header-tagline{font:italic 14px Georgia,serif;letter-spacing:.3px;color:#39769a;white-space:nowrap}
.footer-brand{display:block;width:150px;flex-shrink:0}
.footer-brand .header-wordmark{height:41px}
.footer-brand .header-wordmark img{top:-67px}
.site-header{padding-top:22px;padding-bottom:22px;gap:20px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.site-header .brand-logo{grid-column:2;grid-row:1;justify-self:center}
.site-header nav{grid-column:3;grid-row:1;justify-self:end;align-items:center}
.site-header nav a{display:inline-flex;align-items:center;gap:6px;line-height:1.4;white-space:nowrap}
.header-detail{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:12px;font-size:10px;letter-spacing:2px}
.header-detail>span:last-child{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.6px;color:var(--muted)}
.header-detail i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.logo-transition{isolation:isolate}
.tea-leaves{position:absolute;inset:0;z-index:3;pointer-events:none}
.tea-leaf{position:absolute;left:calc(50% - 20px);top:calc(50% - 40px);width:40px;height:80px;border-radius:100% 0 100% 0;background:#2E7D4F;transform-origin:center;animation:leaves-gather 14s cubic-bezier(.45,0,.25,1) infinite;animation-delay:var(--delay);opacity:0}
.tea-leaf::after{content:"";position:absolute;left:49%;top:12%;height:76%;width:1px;background:#CFE4F0;transform:rotate(27deg)}
.tea-leaf:nth-child(even){background:#4ba674}
.logo-stage{position:absolute;inset:0;opacity:0;pointer-events:none}
.logo-stage img{position:absolute;left:50%;top:50%;width:138%;max-width:none;height:auto;transform:translate(-50%,-50%)}
.gathered-stamp{animation:stamp-bloom 14s cubic-bezier(.4,0,.2,1) infinite}
.gathered-wordmark{animation:wordmark-bloom 14s ease-in-out infinite}
.gathered-wordmark img{width:160%;top:46%}
@keyframes leaves-gather{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--turn)) scale(.5)}8%,19%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--turn)) scale(1)}32%{opacity:1;transform:translate(0,-20px) rotate(25deg) scale(.65)}38%,100%{opacity:0;transform:translate(0,-20px) rotate(25deg) scale(.12)}}
@keyframes stamp-bloom{0%,27%{opacity:0;transform:scale(.55);filter:blur(8px)}40%,57%{opacity:1;transform:scale(1);filter:blur(0)}67%,100%{opacity:0;transform:scale(1.05);filter:blur(5px)}}
@keyframes wordmark-bloom{0%,59%{opacity:0;transform:translateY(12px)}70%,88%{opacity:1;transform:translateY(0)}98%,100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:760px){.brand-logo{width:260px}.header-detail{display:none}.tea-leaves{transform:scale(.8)}.site-header{gap:20px;grid-template-columns:1fr;padding-top:20px;padding-bottom:18px}.site-header .brand-logo{grid-column:1;grid-row:1}.site-header nav{grid-column:1;grid-row:2;justify-self:center;padding-bottom:0}}
@media(max-width:400px){nav{gap:26px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.tea-leaves,.gathered-wordmark{display:none}.gathered-stamp{animation:none;opacity:1;transform:none;filter:none}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(46px,10vw,60px)}.tea-art{max-width:360px}.hero{padding-top:36px}.brand-board{height:125px;margin-bottom:30px}}