/* Nanyang tea-house layout, with the customer's natural photographs. */
:root{--cream:#fefbdc;--green:#0d5b4e;--red:#e3161d;--line:#0d5b4e30}body{background:var(--cream)}.topline{display:none}header{display:grid;grid-template-columns:1fr auto 1fr;gap:0;padding:0;background:var(--green);color:var(--cream);border:0;position:relative}.header-side{font-size:11px;letter-spacing:3px;padding-left:6vw}.brand{width:180px;margin:15px 0}.brand img{height:100px;background:var(--cream);padding:7px 10px}.header-actions{justify-content:flex-end;padding-right:6vw}.language{color:var(--cream);border-color:var(--cream)}.small-order{background:transparent;color:var(--cream);border:1px solid #fefbdc70;padding:12px 17px}.small-order:hover{background:#ffffff12}nav{grid-column:1/-1;background:var(--red);color:var(--cream);justify-content:center;gap:0;min-height:52px;font-weight:500;letter-spacing:2px}nav a,nav button{background:transparent;font-size:13px;padding:16px 32px;color:var(--cream)}nav a:hover,nav button:hover{color:var(--cream);background:#00000016}.hero{max-width:none;width:100%;padding:0;min-height:650px;grid-template-columns:46% 54%;gap:0;background:#f4efcf;position:relative;border-bottom:7px solid var(--green)}.hero-copy{padding:76px 35px 70px 10vw;position:relative;z-index:1;align-self:center}.hero-copy:before{content:'';position:absolute;left:7vw;top:55px;bottom:48px;width:1px;background:var(--line)}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero .overline{margin:32px 0 19px;font-family:'Noto Serif SC',serif;font-size:15px;letter-spacing:4px}.hero h1{font-size:clamp(40px,4.1vw,65px);line-height:1.5;letter-spacing:1px}.hero h1 span{display:block}.hero-description{font-size:13px;line-height:2.2}.hero-actions{gap:22px;flex-wrap:wrap;margin-top:28px}.hero-note{margin-top:38px;display:block}.hero-note>span{display:inline-block;font-size:10px;letter-spacing:4px;padding:7px 12px}.hero-note small{display:block;margin-top:11px;letter-spacing:1px;font-size:10px}.hero-visual{height:100%;min-height:650px;padding:0;display:block}.photo-frame{border:0;border-radius:0;padding:0;width:100%;height:100%;min-height:650px;box-shadow:none;background:var(--green)}.photo-frame>img{border-radius:0;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 45%;filter:none;opacity:1;mix-blend-mode:normal}.photo-label{left:0;right:0;bottom:0;padding:17px 28px;background:var(--green);font-size:10px;letter-spacing:2px}.seal{width:92px;height:92px;top:30px;right:30px;font-size:24px;box-shadow:0 2px 12px #0002}.vertical-caption,.arch-word{display:none}.ticker{background:var(--cream);color:var(--green);border-bottom:1px solid var(--line);padding:18px 20px;gap:35px;font-size:10px;letter-spacing:2px}.ticker b{color:var(--red);font-size:20px}.section{max-width:none}.story{display:block;text-align:center;background:var(--cream);border:0;padding:85px 10vw 80px}.story .eyebrow{font-size:9px;letter-spacing:3px;color:#7b8265}.ornament-title{display:flex;gap:24px;align-items:center;justify-content:center;margin:17px auto 30px}.ornament-title>span{color:var(--red);font-size:18px}.ornament-title h2{font-size:35px;letter-spacing:4px;margin:0;line-height:1.6}.story .story-lead{font-size:19px;font-family:'Noto Serif SC',serif;color:var(--green);margin-bottom:22px}.story>p:not(.eyebrow):not(.story-lead){font-size:14px;line-height:2.4;color:#56705c;max-width:850px;margin:auto}.story-signature{border:0;padding:0;margin:25px 0 0;font-size:16px;letter-spacing:4px;color:var(--red)}.menu-section{padding:0;background:var(--cream)}.section-head{display:block;text-align:center;margin:0;padding:50px 6vw 45px;background:#ebe9ce;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head .eyebrow{font-size:9px;letter-spacing:3px}.section-head h2{font-size:36px;letter-spacing:3px}.section-head>p{color:#56705c;line-height:2.1;font-size:13px;margin:0}.products{display:flex;flex-direction:column;gap:0}.product{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-bottom:1px solid var(--line);padding:0}.product-image{height:570px;margin:0;min-width:0}.product-image img{object-fit:cover;filter:none;opacity:1;mix-blend-mode:normal}.noodle img{object-position:50% 46%}.product-details{align-self:center;padding:60px 12%;max-width:700px}.product-meta{font-size:9px;letter-spacing:1.5px;margin-top:0;margin-bottom:26px;color:#777f64}.product h3{font-size:41px;letter-spacing:5px;margin-bottom:12px}.product .english-name{font-size:10px;letter-spacing:2px;margin-bottom:26px;min-height:0;line-height:1.8}.product-details>p:not(.english-name){font-size:14px;line-height:2.2;color:#5f715c;margin-bottom:36px;min-height:0}.product-button{max-width:250px;padding:15px 0;border-bottom:1px solid var(--green);letter-spacing:2px}.tag{background:var(--cream);top:25px;left:25px;padding:9px 15px;font-size:11px;letter-spacing:3px}.product:nth-child(2){background:var(--green);color:var(--cream)}.product:nth-child(2) .product-image{order:2}.product:nth-child(2) .product-details{order:1}.product:nth-child(2) .product-meta,.product:nth-child(2) .product-details>p:not(.english-name){color:#d1dbc3}.product:nth-child(2) .product-button{color:var(--cream);border-color:#fefbdc88}.product:nth-child(2) .tag{color:var(--green)}.product:nth-child(3){background:#efecd3}.kuih{height:420px;border:0;background:#e4e5c8;color:var(--green);margin:65px 0 65px 12%;outline:1px solid #0d5b4e55;outline-offset:-18px}.kuih-placeholder>span{font-size:60px}.kuih-placeholder small{color:#65775a}.kuih-pattern{font-size:360px;left:12%;top:15px}.visit{background:var(--cream);padding:80px 10vw;gap:11%;border-top:6px solid var(--green)}.visit h2{font-size:43px;letter-spacing:3px}.visit-details{padding-top:15px}.visit .eyebrow{font-size:9px}.button{border-radius:0}.button.red{background:var(--red)}footer{padding:42px 6vw;background:var(--green)}.cart-float{background:var(--green);border-radius:3px;border:1px solid #fefbdc70}.cart-float b{color:var(--green)}html[lang=en] .hero h1{font-size:clamp(38px,4vw,61px);line-height:1.2}html[lang=en] .product h3{font-size:36px;letter-spacing:0}html[lang=en] .ornament-title h2{font-size:33px;letter-spacing:0}html[lang=en] .product-button{letter-spacing:0}
@media(min-width:1600px){.hero-copy{padding-left:13vw}.hero-copy:before{left:10vw}.hero-visual,.photo-frame{min-height:760px}.product-image{height:650px}.story{padding-top:100px;padding-bottom:100px}}
@media(max-width:1000px){.header-side{font-size:9px;letter-spacing:1px;padding-left:4vw}.header-actions{padding-right:4vw;gap:15px}nav a,nav button{padding:15px 24px}.hero-copy{padding:50px 25px 50px 6vw}.hero-copy:before{left:3vw;top:35px;bottom:35px}.hero h1{font-size:39px}.hero-visual,.photo-frame{min-height:620px}.hero-actions{gap:15px}.hero-actions .button{font-size:12px;padding:15px 18px}.hero-description{font-size:12px}.hero-note{margin-top:24px}.product-image{height:480px}.product-details{padding:45px 10%}.product h3{font-size:33px}.ornament-title h2{font-size:29px}.story{padding:65px 7vw}.product-meta{letter-spacing:.5px;flex-wrap:wrap}.kuih{height:360px;margin-top:50px;margin-bottom:50px}}
@media(max-width:700px){header{grid-template-columns:1fr auto 1fr;padding:0;min-width:0}.header-side{font-size:9px;line-height:1.8;letter-spacing:2px;padding-left:18px;max-width:90px}.brand{width:132px;margin:13px 0}.brand img{height:77px;padding:5px}.header-actions{padding-right:18px;gap:0;flex-direction:column;align-items:flex-end}.language{font-size:11px;padding:5px}.small-order{font-size:9px;padding:7px 9px;margin-top:9px}.header-actions .small-order{letter-spacing:0}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0;padding:0;border:0;min-height:auto;order:unset}nav a,nav button{font-size:10px;letter-spacing:1px;padding:14px 12px}.hero{display:grid;grid-template-columns:1fr;gap:0;padding:0;border-bottom-width:5px}.hero-copy{padding:40px 7vw 35px;order:2;text-align:center}.hero-copy:before{display:none}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero .overline{margin:21px 0 12px;font-size:12px}.hero h1{font-size:37px;line-height:1.5;margin-bottom:17px}.hero h1 span{display:inline}.hero-description{font-size:12px;line-height:2}.hero-actions{justify-content:center;margin-top:23px}.hero-note{display:none}.hero-visual{order:1;min-height:0;height:440px;padding:0;max-width:none;width:100%}.photo-frame{min-height:0;height:440px;border-radius:0}.photo-frame>img{border-radius:0;object-position:50% 45%}.photo-label{font-size:8px;letter-spacing:1px;padding:12px 19px}.seal{width:72px;height:72px;right:18px;top:18px;font-size:18px}.ticker{padding:14px 18px;gap:25px;font-size:9px}.ticker b{font-size:16px}.story{padding:48px 7vw}.ornament-title{gap:12px;margin:15px 0 23px}.ornament-title h2{font-size:23px;letter-spacing:1px}.ornament-title>span{font-size:11px}.story .story-lead{font-size:16px}.story>p:not(.eyebrow):not(.story-lead){font-size:12px;line-height:2.2}.story>p br{display:none}.story-signature{font-size:13px;letter-spacing:2px;margin-top:22px}.section-head{padding:34px 7vw}.section-head h2{font-size:26px;letter-spacing:1px}.section-head>p{font-size:12px}.product{display:flex;flex-direction:column;gap:0}.product-image{height:420px;width:100%}.product-details{padding:32px 8vw 38px;width:100%;max-width:none}.product h3{font-size:31px;letter-spacing:3px}.product-meta{font-size:9px;margin-bottom:18px}.product .english-name{font-size:9px;margin-bottom:18px;letter-spacing:1px}.product-details>p:not(.english-name){font-size:12px;line-height:2;margin-bottom:25px}.product-button{max-width:none;font-size:12px}.product:nth-child(2) .product-image{order:0;height:330px}.product:nth-child(2) .product-details{order:1}.tag{top:20px;left:20px;font-size:10px}.kuih{width:calc(100% - 14vw);height:300px;margin:32px 7vw 0;outline-offset:-15px}.kuih-placeholder>span{font-size:48px}.kuih-pattern{font-size:270px;left:18%;top:0}.visit{padding:45px 8vw;display:block}.visit h2{font-size:32px}.visit-details{padding-top:37px}.visit-details>div>p{font-size:13px}footer{padding:30px 7vw 100px}.cart-float{bottom:14px;right:14px;padding:10px 15px;font-size:11px}.cart-float b{width:21px;height:21px;margin:0 8px}html[lang=en] .hero h1{font-size:39px}html[lang=en] .ornament-title h2{font-size:26px}html[lang=en] .product h3{font-size:30px}html[lang=en] .hero h1 span{display:block}.hero-copy .hero-actions .button{padding:14px 18px}}
@media(max-width:380px){.header-side{font-size:8px;padding-left:10px}.brand{width:115px}.header-actions{padding-right:10px}nav a,nav button{padding:13px 9px;font-size:9px}.hero-visual,.photo-frame{height:390px}.hero h1{font-size:33px}.ornament-title h2{font-size:21px}.product-image{height:370px}}
@media(min-width:701px){html[lang=zh-Hans] .hero h1{font-size:clamp(36px,3.7vw,59px)}html[lang=zh-Hans] .hero h1 span{display:inline}}