:root{--green:#124f2b;--deep:#103d26;--lime:#e5f0a6;--paper:#f7f8f3;--ink:#18271f;--muted:#5f6c62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d18719;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}header{background:white;border-bottom:1px solid #dce3d9;position:sticky;top:0;z-index:10}header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:88px;height:64px;object-fit:contain}.brand span{font-size:13px;letter-spacing:1.4px;color:var(--green);font-weight:700}.nav{display:flex;align-items:center;gap:30px;font-size:15px}.nav a:hover{color:var(--green);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:white;font-weight:700;cursor:pointer;transition:transform .18s,background .18s}.btn:hover{background:#1e6139;transform:translateY(-2px)}.btn.light{background:var(--lime);color:var(--deep);border-color:var(--lime)}.btn.outline{background:transparent;color:var(--green)}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:2px}.hero{padding:54px 0 48px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero .eyebrow{color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(40px,5.2vw,68px);line-height:1.12;margin:17px 0 24px;letter-spacing:-1.4px}h1 em{color:var(--green);font-weight:400}h2{font-size:clamp(32px,4vw,46px);line-height:1.18;margin-bottom:14px}.intro{max-width:440px;color:var(--muted);font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-photo{height:510px;position:relative;border-radius:150px 150px 16px 16px;overflow:hidden;background:#e8e6da}.hero-photo>img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,.95);padding:17px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.photo-caption strong{display:block;font-size:18px;color:var(--green)}.hero-foot{border-top:1px solid #d9e1d6;padding-top:20px;display:flex;gap:23px;font-size:14px;color:var(--muted)}.strip{background:var(--deep);color:var(--lime);padding:19px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;font-weight:700;letter-spacing:.4px}section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.section-head p{color:var(--muted);max-width:430px;margin-bottom:0}.menu-tabs{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}.tab{border:1px solid #cbd7c9;background:transparent;color:var(--green);padding:10px 18px;border-radius:50px;cursor:pointer}.tab[aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.menu-card{background:white;border:1px solid #e1e7dc;border-radius:12px;overflow:hidden}.menu-card img{width:100%;height:260px;object-fit:cover}.menu-card .info{padding:20px}.menu-card h3{font-size:20px;margin-bottom:6px;font-weight:600}.menu-card p{font-size:15px;color:var(--muted);margin-bottom:12px}.price{font-weight:700;color:var(--green)}.menu-note{font-size:14px;color:var(--muted);margin-top:22px}.full-menu{margin-top:28px;border-top:1px solid #d7e0d1;border-bottom:1px solid #d7e0d1;padding:18px 0}.full-menu summary{cursor:pointer;font-weight:700;color:var(--green)}.menu-sheets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.menu-sheets a{display:block;background:white}.menu-sheets img{width:100%;height:auto}.order{background:var(--green);color:white}.order h2{color:white}.order .eyebrow{color:var(--lime)}.order .section-head p{color:#dfebde}.delivery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.delivery a{padding:22px;background:#fff;border-radius:10px;color:var(--ink);display:flex;flex-direction:column;gap:12px;transition:transform .2s}.delivery a:hover{transform:translateY(-4px)}.delivery strong{font-size:21px}.delivery span{font-size:14px;color:var(--muted)}.delivery .badge{align-self:start;padding:4px 10px;border-radius:5px;background:#eaf3e7;color:var(--green);font-size:13px;font-weight:700}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.visit p{color:var(--muted)}.contact-box{padding:32px;border:1px solid #d8e1d3;border-radius:12px;background:white}.contact-box h3{font-size:24px;margin-bottom:6px}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.phone{display:block;font-size:28px;color:var(--green);font-weight:700;margin:18px 0 2px}footer{padding:25px 0 100px;border-top:1px solid #d9e1d6;color:var(--muted);font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px}.mobile-bar{display:none}[hidden]{display:none!important}@media(max-width:760px){.wrap{width:calc(100% - 36px)}header .wrap{min-height:72px}.brand img{width:74px;height:53px}.brand span{display:none}.nav{gap:18px;font-size:14px}.nav .btn{display:none}.hero{padding:30px 0}.hero-grid{grid-template-columns:1fr;gap:27px}h1{font-size:45px;margin-top:10px;margin-bottom:18px}.intro{font-size:16px}.actions{margin:22px 0}.hero-photo{height:350px;border-radius:120px 120px 12px 12px}.hero-foot{gap:16px;flex-wrap:wrap}.strip .wrap{justify-content:center;font-size:13px;gap:8px 22px}.strip .wrap span:last-child{display:none}section{padding:45px 0}.section-head{display:block;margin-bottom:24px}.section-head p{font-size:15px}.menu-grid{grid-template-columns:1fr 1fr;gap:12px}.menu-card img{height:205px}.menu-card .info{padding:14px}.menu-card h3{font-size:18px}.menu-card p{font-size:14px}.menu-sheets{grid-template-columns:1fr}.delivery{grid-template-columns:1fr 1fr;gap:12px}.delivery a{padding:18px}.visit-grid{grid-template-columns:1fr;gap:22px}.contact-box{padding:24px}footer .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:white;padding:10px 18px calc(10px + env(safe-area-inset-bottom));gap:12px;border-top:1px solid #d8e1d4;box-shadow:0 -3px 20px #00000008}.mobile-bar a{flex:1;min-height:46px}.photo-caption{bottom:16px;left:16px;right:16px}.menu-tabs{gap:8px}.tab{padding:9px 14px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}.menu-panel{background:white;border:1px solid #dce5d7;border-radius:12px;padding:24px}.menu-panel h3{font-family:Georgia,serif;font-size:25px;color:var(--green);font-weight:400}.menu-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf0e8}.menu-row:last-child{border-bottom:0}.menu-row strong{white-space:nowrap;color:var(--green);font-size:15px}.menu-photos{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px}.menu-photos img{height:290px;width:100%;object-fit:cover;border-radius:70px 70px 8px 8px}.menu-photos img:nth-child(2){margin-top:50px}.menu-photos p{grid-column:1/-1;color:var(--muted);font-size:14px;margin-top:10px}.menu-original{display:block;max-width:680px;margin-top:20px}.menu-original img{width:100%;height:auto}@media(max-width:900px){.menu-layout{grid-template-columns:1fr}.menu-photos{display:none}}@media(max-width:760px){.menu-panel{padding:18px}.menu-row{font-size:15px}.menu-row strong{font-size:14px}.menu-row{gap:12px}}

/* Real drinks photographed at Hoa Coffee. */
.hero-photo{border-radius:24px;height:560px}.hero-photo>img{object-position:center 85%;filter:saturate(.9) contrast(1.025)}.photo-caption{background:rgba(255,255,255,.96)}
.drink-gallery{background:#edf2e8;border-top:1px solid #dce5d7}.drink-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.drink-gallery figure{margin:0;min-width:0}.drink-gallery img{width:100%;height:330px;object-fit:cover;object-position:center 65%;border-radius:12px;filter:saturate(.92) contrast(1.02)}.drink-gallery figcaption{padding-top:14px;font-size:18px;font-weight:700;color:var(--green)}.drink-gallery figure:nth-child(4) img{object-position:center 90%}.menu-photos img{filter:saturate(.92)}
@media(max-width:900px){.drink-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drink-gallery img{height:360px}}
@media(max-width:760px){.hero-photo{height:400px;border-radius:16px}.hero-photo>img{object-position:center 90%}.drink-gallery-grid{gap:22px 12px}.drink-gallery img{height:250px}.drink-gallery figcaption{font-size:16px;padding-top:9px}.photo-caption{padding:12px 14px}.photo-caption>span{display:none}}
@media(max-width:380px){.drink-gallery img{height:220px}h1{font-size:40px}}

/* Studio product collection */
.hero-photo{background:#f0eee6}.hero-photo>img{object-fit:contain;object-position:center;filter:none}.photo-caption{bottom:12px}.drink-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.drink-gallery img{object-fit:contain;object-position:center!important;background:#f1eee8;filter:none}.menu-photos img{object-fit:contain;background:#f1eee8;filter:none;border-radius:12px}.drink-gallery .collection-wide{grid-column:span 2}.drink-gallery .collection-wide img{height:360px}
@media(max-width:900px){.drink-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.drink-gallery-grid{gap:22px 12px}.drink-gallery .collection-wide img{height:300px}.hero-photo{height:430px}.photo-caption{position:static;border-radius:0}.hero-photo>img{height:calc(100% - 70px)}}

.qr-share{display:flex;align-items:center;gap:22px;border-top:1px solid #dce5d7;margin-top:28px;padding-top:26px}.qr-share img{width:140px;height:140px;flex-shrink:0;object-fit:contain;background:white}.qr-share h4{margin:0 0 6px;font-size:18px;color:var(--green)}.qr-share p{font-size:14px;line-height:1.6;margin:0 0 12px}.qr-download{display:inline-block;font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:4px;padding:5px 0}.qr-domain{display:block;font-size:14px;color:var(--muted);margin-top:6px}@media(max-width:420px){.qr-share{gap:16px;align-items:flex-start}.qr-share img{width:120px;height:120px}}@media(max-width:340px){.qr-share{flex-direction:column}.qr-share img{width:150px;height:150px}}