/* Hong Kee Kopitiam — one visual system, v16. The living kopitiam journal.
   Original identity. Warm paper, forest green, and an open editorial rhythm.
   This file replaces cinematic.css, heritage.css, review-v2.css and editorial.css.
   Load after fonts.css. No browser QA is implied by this source stylesheet. */
:root {
  --paper:#f7f2e8; --cream:#ece4d3; --forest:#304532; --deep:#203a2c;
  --red:#b34635; --gold:#d5b378; --ink:#2d4030; --muted:#65705f;
  --line:rgba(48,69,50,.19); --on-green:#f5eedf; --header-height:84px;
  --display:'HK Serif SC','Songti SC',STSong,'Noto Serif CJK SC',serif;
  --english:'HK Fraunces',Georgia,'Times New Roman',serif;
  --body:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC','Segoe UI',Arial,sans-serif;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px);-webkit-text-size-adjust:100%}
body {margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 var(--body);-webkit-font-smoothing:antialiased}
body,button,input {font-synthesis:none}
main,section,article,aside,nav,div,figure {min-width:0}
img {display:block;max-width:100%;height:auto}
picture {display:block;min-width:0}
figure,p,h1,h2,h3,blockquote {margin:0}
a {color:inherit;text-decoration:none}
button,input {font:inherit;color:inherit}
button {cursor:pointer;touch-action:manipulation}
button,summary,a {-webkit-tap-highlight-color:transparent}
button:disabled {opacity:.4;cursor:default}
address {font-style:normal}
svg {width:24px;height:24px;flex:none}
iframe {display:block;border:0;max-width:100%}
[hidden] {display:none!important}
:focus-visible {outline:2px solid var(--red);outline-offset:5px}
::selection {background:var(--red);color:var(--paper)}
h1,h2,h3 {font-family:var(--display);font-weight:500;line-height:1.5;letter-spacing:.015em;text-wrap:balance}
h1 {font-size:clamp(38px,4.5vw,65px);line-height:1.48}
h2 {font-size:clamp(29px,3.1vw,43px)}
h3 {font-size:24px}
.title-line {display:block}
.accent-line {color:var(--red)}
html:lang(en) h1,html:lang(en) h2,html:lang(en) h3 {font-family:var(--english);font-weight:400;letter-spacing:-.025em;line-height:1.2}
html:lang(en) h1 {font-size:clamp(40px,4.8vw,69px)}
html:lang(en) .section-heading .english-caption {display:none}
.wrap {width:min(100%,1280px);margin-inline:auto;padding-inline:48px}
.section {padding-block:72px}
.eyebrow,.small-label,.english-caption {display:block;font:11px/1.7 var(--body);letter-spacing:.14em;text-transform:uppercase}
.eyebrow {color:var(--red);margin-bottom:18px}
.english-caption {font-family:var(--english);letter-spacing:.1em;color:var(--muted)}
.small-label {color:var(--red);margin-bottom:8px}
.lead {font-size:23px;line-height:1.8}
.dish-en {display:block;font:15px/1.6 var(--english);color:var(--muted);margin-top:7px}
.food-description {color:var(--muted);font-size:15px;line-height:1.9;margin-top:12px}
.text-link,.button {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;font:500 15px/1.5 var(--body);max-width:100%}
.text-link {justify-content:flex-start;background:none;border:0;padding:8px 0;text-align:left}
.text-link svg {width:29px;transition:transform .2s ease}
.text-link:hover svg {transform:translateX(5px)}
.text-link>span,.button>span {min-width:0}
.button {padding:14px 24px;background:var(--forest);color:var(--paper);border:1px solid transparent;border-radius:3px;transition:background-color .2s ease}
.button:hover {background:var(--deep)}
.button.red {background:var(--red)}
.button.red:hover {background:#923a2e}
.button.outline {background:none;border-color:var(--line);color:var(--forest)}
.button.outline:hover {background:var(--cream)}
.button svg {width:22px}
.text-link.light {color:inherit}
.skip-link {position:fixed;left:20px;top:-150px;z-index:100;background:var(--paper);color:var(--forest);padding:12px 20px}
.skip-link:focus {top:12px}
.atmosphere-caption,.scene-note {display:block;font:11px/1.7 var(--body);letter-spacing:.01em;color:var(--muted);padding-top:9px}
.scene-note {padding:8px 20px}
.menu-note,.directory-note {font-size:13px;line-height:1.9;color:var(--muted);margin-top:26px}
.section-heading,.editorial-section-top {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.section-heading>div {min-width:0}
.section-heading .english-caption {font-size:12px;margin-top:8px}
.section-heading .index-label {display:block;font:12px var(--english);color:var(--red);margin-bottom:12px}
.section-heading>.text-link,.editorial-section-top>.text-link {flex:none}
.editorial-section-top .eyebrow {margin-bottom:12px}

/* The original red/gold outlines are never filtered or blended. */
.site-header {position:sticky;top:0;z-index:50;background:var(--forest);color:var(--on-green);border-bottom:1px solid rgba(213,179,120,.25)}
.header-inner {height:var(--header-height);width:min(1440px,100%);margin:auto;padding-inline:40px;display:flex;align-items:center;gap:26px}
.brand-logo {display:flex;align-items:center;width:292px;min-height:44px;flex:none}
.brand-logo img {width:100%;height:auto;filter:none;mix-blend-mode:normal}
.desktop-nav {display:flex;align-items:center;gap:23px;margin-left:auto;white-space:nowrap}
.desktop-nav a {position:relative;display:flex;align-items:center;min-height:44px;font-size:14px}
.desktop-nav a:after {content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s ease}
.desktop-nav a[aria-current=page]:after,.desktop-nav a:hover:after {transform:scaleX(1)}
.header-actions {margin-left:2px;display:flex;align-items:center;gap:14px;flex:none}
.language {display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:none;color:inherit;padding:8px;font-size:13px}
.member-nav {display:flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;font-size:13px;color:var(--gold)}
.member-nav svg {width:19px}
.mobile-nav {display:none}
.mobile-nav summary {list-style:none;width:44px;height:44px;padding:12px 6px;cursor:pointer}
.mobile-nav summary::-webkit-details-marker {display:none}
.mobile-nav summary span {display:block;width:100%;height:1px;background:var(--paper);margin:6px 0}
.mobile-nav[open] nav {position:absolute;top:100%;left:0;right:0;background:var(--forest);color:var(--paper);padding:20px max(24px,calc((100vw - 1184px)/2)) 30px;max-height:calc(100dvh - var(--header-height));overflow-y:auto;border-top:1px solid rgba(245,238,223,.18);box-shadow:0 15px 25px rgba(20,42,29,.14)}
.mobile-nav nav a {display:flex;align-items:center;gap:15px;min-height:54px;font:24px/1.4 var(--display);padding-block:6px}
.mobile-nav nav .text-link {font:16px/1.5 var(--body)}
.site-header :focus-visible {outline-color:var(--gold)}

/* Homepage: arriving, remembering, sharing, and coming back. */
.brand-home-hero {display:grid;grid-template-columns:1fr 1.08fr;align-items:center;background:var(--cream);max-width:1600px;margin:auto}
.brand-hero-copy {width:100%;max-width:650px;justify-self:end;padding:56px 46px 56px max(48px,calc((100vw - 1184px)/2))}
.brand-hero-copy h1 {font-size:clamp(38px,3.8vw,61px);max-width:600px}
.brand-hero-copy>p {font-size:16px;line-height:1.95;max-width:470px;margin-top:24px;color:var(--muted)}
.hero-actions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}
.brand-hero-photo {position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#e7ddc8}
.brand-hero-photo>img,.brand-hero-photo>picture img {width:100%;height:auto;object-fit:contain}
.brand-hero-photo .atmosphere-caption {padding:10px 20px 14px}
.home-welcome {display:grid;grid-template-columns:1fr 1.05fr .48fr;gap:44px;align-items:center;padding-block:78px}
.welcome-title h2 {font-size:clamp(29px,2.9vw,40px)}
.welcome-copy p {font-size:16px;line-height:1.95;color:var(--muted);margin-bottom:16px}
.welcome-copy p:last-child {margin-bottom:0}
.welcome-illustration {max-width:200px;justify-self:center;align-self:end}
.welcome-illustration img {width:100%;height:auto;mix-blend-mode:multiply}
.home-signature-feature,.home-signatures {background:#eee7d8;padding-top:52px}
.home-signature-feature .signature-intro,.signature-intro {display:grid;grid-template-columns:1fr auto;gap:8px 30px;align-items:end;padding-bottom:30px}
.signature-intro>.eyebrow {grid-column:1/-1;margin-bottom:6px}
.signature-intro h2 {font-size:clamp(29px,3.1vw,43px)}
.signature-intro>.text-link {align-self:end}
.signature-table {position:relative;width:min(100%,1440px);margin-inline:auto}
.signature-picture img {width:100%;height:auto;object-fit:contain;transform:none;filter:none}
.signature-table .atmosphere-caption {padding:11px 24px;font-size:11px;text-align:right}
.signature-caption-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:17px;padding-bottom:48px}
.signature-caption-row>a {display:flex;gap:14px;align-items:flex-start;min-height:62px}
.signature-caption-row>a>div {flex:1}
.signature-caption-row>a>svg {width:24px;margin-top:10px}
.signature-caption-row h3 {font-size:21px;line-height:1.65}
.dish-number {font:12px/2.7 var(--english);color:var(--red)}
.signature-caption-row .dish-en {font-size:14px}
.kopi-craft {background:var(--deep);color:var(--paper)}
.craft-layout {display:grid;grid-template-columns:.8fr 1.3fr;gap:70px;align-items:center;padding-block:52px}
.craft-copy .eyebrow {color:var(--gold)}
.craft-copy h2 {font-size:clamp(30px,3.2vw,43px)}
.craft-copy p {color:#e1ddce;margin-top:22px;max-width:390px;line-height:1.95}
.craft-copy .text-link {margin-top:20px}
.craft-photo img {width:100%;height:auto;object-fit:contain}
.craft-photo .atmosphere-caption {color:#d4cebc;text-align:right}
.home-drink-story {display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center;padding-block:70px}
.home-drink-story>figure {width:100%;max-width:475px;justify-self:center}
.home-drink-story>figure>img {width:100%;height:auto;object-fit:contain}
.home-drink-story>div>p {color:var(--muted);font-size:16px;line-height:1.95;max-width:480px;margin-top:24px}
.home-drink-story>div>.text-link {margin-top:20px}
.home-journal-layout {display:grid;grid-template-columns:1.7fr .8fr;gap:65px;align-items:center}
.home-journal-film {display:grid;grid-template-columns:206px 1fr;gap:30px;align-items:center}
.home-journal-film .editorial-film-copy {padding-top:0}
.home-journal-layout>aside {border-left:1px solid var(--line);padding-left:34px}
.home-journal-layout>aside h3 {font-size:27px;line-height:1.6}
.home-journal-layout>aside>p {font-size:16px;color:var(--muted);line-height:1.95;margin-top:18px}
.home-journal-layout>aside>.text-link {margin-top:16px}
.home-visits {background:var(--cream)}
.home-outlet-directory {display:grid;grid-template-columns:1fr 1fr;gap:70px}
.home-outlet-directory .outlet-editorial {display:block;padding-block:25px 0}
.home-outlet-directory .outlet-editorial-name {margin-bottom:24px}
.home-outlet-directory .outlet-editorial-name h2 {font-size:34px}
.home-outlet-directory .outlet-editorial-name .eyebrow {display:none}
.home-outlet-directory .outlet-editorial-name .outlet-monogram {margin-bottom:10px}
.home-outlet-directory .outlet-official {font-size:18px;margin-top:9px}
.home-outlet-directory .outlet-editorial-facts address {max-width:480px}
.home-films {display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.home-breakfast-film {display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.home-breakfast-film .editorial-film-poster {aspect-ratio:9/14}
.home-breakfast-film .editorial-film-copy {padding-top:0}
.home-claypot-film .editorial-film-poster {aspect-ratio:3/2}
.family-invitation {background:var(--cream)}
.family-invitation-inner {display:grid;grid-template-columns:170px 1fr;gap:62px;align-items:center;padding-block:44px}
.family-art img {max-height:250px;margin:auto;object-fit:contain;mix-blend-mode:multiply}
.family-invitation h2 {font-size:clamp(28px,3vw,40px)}
.family-invitation p {max-width:620px;color:var(--muted);margin-top:17px}
.family-invitation .text-link {margin-top:12px}

/* Stories and inner pages share type, not a repeated page template. */
.editorial-opening,.page-opening {padding-block:60px 42px}
.editorial-opening h1,.page-opening h1 {max-width:930px}
.opening-intro,.page-intro {margin-top:23px;max-width:690px;color:var(--muted);font-size:16px;line-height:1.95}
.memory-opening {background:var(--cream)}
.memory-opening-inner {display:grid;grid-template-columns:1.25fr .65fr;gap:70px;align-items:center;padding-block:52px 40px}
.memory-opening figure {width:100%;max-width:270px;justify-self:center;align-self:end}
.memory-opening figure img {mix-blend-mode:multiply}
.memory-opening figcaption {font:11px/1.6 var(--english);letter-spacing:.14em;text-align:center;margin-top:16px;color:var(--muted)}
.memory-lead {font:23px/1.85 var(--display);margin-top:24px}
.memory-opening .text-link {margin-top:18px}
.memory-chapter {display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:70px}
.chapter-number {display:block;font:12px/1.7 var(--english);letter-spacing:.07em;color:var(--red);margin-bottom:18px}
.memory-chapter h2 {font-size:34px}
.memory-prose p {font-size:16px;line-height:2;margin-bottom:22px;color:var(--muted)}
.memory-prose p:last-child {margin-bottom:0}
.memory-prose .lead {font:23px/1.85 var(--display);color:var(--forest)}
.memory-table {background:var(--cream)}
.memory-table-inner {display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-block:52px}
.memory-table figure {width:100%;max-width:430px;justify-self:center}
.memory-table figure img {width:100%;height:auto;object-fit:contain}
.memory-table figcaption {font-size:12px;line-height:1.7;margin-top:12px;color:var(--muted)}
.memory-table h2 {margin-bottom:24px}
.memory-table p {font-size:16px;line-height:2;margin-bottom:20px;color:var(--muted)}
.values-editorial {display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-block:70px}
.values-lines article {display:flex;gap:24px;border-bottom:1px solid var(--line);padding-block:23px}
.values-lines article:first-child {padding-top:0}
.values-lines article>span {font:13px/2 var(--english);color:var(--red)}
.values-lines h3 {font-size:25px}
.values-lines p {font-size:16px;color:var(--muted);line-height:1.95;margin-top:10px}
.story-brand-film {padding-top:0}
.story-last-word {padding-block:15px 65px;text-align:center}
.story-last-word h2 {max-width:850px;margin-inline:auto}
.story-last-word>p {max-width:650px;margin:20px auto 0;font-size:16px;line-height:1.95;color:var(--muted)}
.story-last-word>.text-link {margin-top:17px}
.brand-film-feature {display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}
.brand-film-feature .editorial-film-poster {aspect-ratio:4/3}
.brand-film-feature .editorial-film-copy {padding-top:0}

/* Original menu photographs: complete subject bounds, no invented shadows. */
.menu-content {padding-bottom:64px}
.menu-tools {display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:16px}
.menu-search {display:flex;align-items:center;gap:20px;min-width:310px;max-width:430px;flex:1;border-bottom:1px solid var(--line)}
.menu-search>span {white-space:nowrap;font-size:15px}
.menu-search input {min-width:0;width:100%;min-height:50px;padding:8px 0;background:none;border:0;border-radius:0;font-size:16px}
.menu-search input:focus {outline:none}
.menu-search:focus-within {border-color:var(--red);box-shadow:0 2px 0 var(--red)}
.menu-search input::placeholder {color:#7d8377}
.menu-sidebar {position:sticky;top:var(--header-height);z-index:20;background:var(--paper);padding-block:10px 13px;display:flex;gap:24px;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--line)}
.menu-filters {display:flex;gap:24px;overflow-x:auto;flex:1;scrollbar-width:thin;padding-bottom:3px;overscroll-behavior-inline:contain}
.menu-filter {position:relative;white-space:nowrap;background:none;border:0;padding:9px 0;min-height:44px;font-size:15px;color:var(--muted)}
.menu-filter.active {color:var(--red);font-weight:600}
.menu-filter.active:after {content:'';position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--red)}
.menu-count {white-space:nowrap;font-size:12px;color:var(--muted)}
.menu-result-count {font:20px var(--english);color:var(--forest)}
.menu-food-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px;align-items:start}
.food-card {min-width:0;scroll-margin-top:calc(var(--header-height) + 86px)}
.food-image {position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:18px;aspect-ratio:1.18;background:#ece4d7;border:0;overflow:hidden;border-radius:0}
.food-image>.original-dish {width:100%;height:100%;max-height:100%;object-fit:contain;filter:none;transform:none}
.food-image>.crop-window {width:100%;flex:none}
.food-card.has-photo-scene .food-image {padding:0;aspect-ratio:auto;background:var(--forest)}
.food-card.has-photo-scene[data-category=toast] .food-image {background:#b8242b}
.food-info {padding-top:18px}
.food-card-top h3 {font-size:22px;line-height:1.65}
.food-info .dish-en {font-size:15px;line-height:1.65}
.food-description {font-size:15px}
.image-action {position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(247,242,232,.95)}
.image-action svg {width:21px}
.crop-window {position:relative;width:100%;aspect-ratio:var(--cw)/var(--ch);overflow:hidden}
.crop-window img {position:absolute;max-width:none;width:calc(100% * var(--sw) / var(--cw));height:auto;left:calc(-100% * var(--cx) / var(--cw));top:calc(-100% * var(--cy) / var(--ch))}
.menu-bottom {display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;flex-wrap:wrap}
.no-results {font:24px/1.6 var(--display);padding-block:35px}

/* Complete menu is its own accessible reader, not an image wall. */
.full-menu-browser {padding-bottom:64px}
.full-menu-toolbar {display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:26px}
.full-menu-toolbar .english-caption {color:var(--red);font-size:12px}
.full-menu-toolbar p {font-size:15px;color:var(--muted);margin-top:7px}
.full-menu-tabs {display:flex;gap:12px;overflow-x:auto;padding-bottom:14px;margin-bottom:22px;scrollbar-width:thin;overscroll-behavior-inline:contain}
.full-menu-tabs button {display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;white-space:nowrap;border:1px solid var(--line);background:none;color:var(--muted);font-size:14px;border-radius:2px}
.full-menu-tabs button[aria-selected=true] {background:var(--forest);color:var(--paper);border-color:var(--forest)}
.sheet-index {font:14px var(--english);color:var(--red)}
.full-menu-tabs button[aria-selected=true] .sheet-index {color:var(--gold)}
.full-menu-pages {padding:18px;background:var(--cream);border:1px solid var(--line)}
.full-menu-sheet a {display:block}
.full-menu-sheet img {width:100%;height:auto;object-fit:contain}
.full-menu-controls {display:flex;justify-content:center;align-items:center;gap:24px;margin-top:22px}
.sheet-prev,.sheet-next {width:48px;height:48px;border:1px solid var(--line);background:none;border-radius:50%;font-size:24px}
.sheet-count {font:16px var(--english);min-width:54px;text-align:center}

/* Beverage chapters: composed photographs, distinct moods, and readable names. */
.drink-editorial-hero,.drinks-editorial-hero {display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:54px 58px}
.drink-editorial-hero h1,.drinks-editorial-hero h1 {font-size:clamp(38px,4.3vw,61px)}
.drink-editorial-hero>div>p,.drinks-editorial-hero>div>p {color:var(--muted);font-size:16px;line-height:1.95;max-width:490px;margin-top:23px}
.drink-editorial-hero .text-link,.drinks-editorial-hero .text-link {margin-top:19px}
.drink-editorial-hero .drink-story-copy {border-top:1px solid var(--line);margin-top:26px;padding-top:23px}
.drink-editorial-hero .drink-story-copy h3 {font-size:27px;line-height:1.6}
.drink-editorial-hero .drink-story-copy .dish-en {font-size:17px}
.drink-editorial-hero .drink-story-copy .food-description {font-size:16px;line-height:1.9}
.drink-hero-scene,.drinks-editorial-hero figure {width:100%;justify-self:center}
.drink-hero-scene img,.drinks-editorial-hero figure img {width:100%;height:auto;object-fit:contain}
.drinks-editorial-hero figcaption {font-size:12px;margin-top:9px;color:var(--muted)}
.drink-chapter {padding-top:34px;padding-bottom:60px}
.drink-chapter-heading {display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:28px}
.drink-chapter-heading>p {color:var(--muted);max-width:500px;font-size:16px;line-height:1.95}
.drink-story-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 38px;align-items:start}
.drink-story {min-width:0;scroll-margin-top:calc(var(--header-height) + 25px)}
.drink-story-photo {display:block;position:relative;width:100%;padding:0;border:0;background:transparent;overflow:hidden}
.drink-story-photo>.original-dish,.drink-story-photo img {width:100%;height:auto;object-fit:contain;filter:none;transform:none}
.drink-story-copy {padding-top:20px;max-width:560px}
.drink-story-copy h3 {font-size:27px;line-height:1.6}
.drink-story-copy .dish-en {font-size:17px;margin-top:6px}
.drink-story-copy .food-description {font-size:16px;line-height:1.9;margin-top:13px}
.temperature {display:block;font:13px/1.6 var(--body);color:var(--muted);margin-top:12px}
.drink-featured.single .drink-story-grid {display:block}
.drink-featured.single .drink-story:not(.drink-text-story) {display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}
.drink-featured.single .drink-story-copy {padding-top:0}
.drink-featured.single .drink-story-copy h3 {font-size:33px}
.drink-chapter.paired .drink-story:not(.drink-text-story):nth-child(2) {padding-top:50px}
.drink-chapter.paired .drink-story:nth-child(2) .drink-story-photo {margin-top:0}
.drinks-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 32px}
.drink-tile {min-width:0;scroll-margin-top:calc(var(--header-height) + 24px)}
.drink-photo {display:flex;align-items:center;justify-content:center;width:100%;height:370px;background:var(--cream);border:0;padding:24px;overflow:hidden}
.drink-photo .crop-window {max-width:100%;width:220px;flex:none}
.drinks-grid .drink-tile h3 {font-size:24px;line-height:1.65}
.drinks-grid .drink-tile>.small-label {margin-top:18px}
.drinks-grid .drink-tile .dish-en {font-size:16px}
.kopi-vocabulary {background:var(--forest);color:var(--paper)}
.vocabulary-layout {display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-block:60px}
.vocabulary-layout .eyebrow {color:var(--gold)}
.vocabulary-layout>div>p {font-size:16px;color:#e3decd;margin-top:22px;max-width:350px}
.vocabulary-list article {display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;padding-block:23px;border-bottom:1px solid rgba(247,242,232,.2)}
.vocabulary-list article:first-child {padding-top:0}
.vocabulary-list article:last-child {border-bottom:0;padding-bottom:0}
.vocabulary-list h3 {font-size:25px}
.vocabulary-list .dish-en {color:var(--gold);font-size:16px}
.vocabulary-list p {color:#e3decd;font-size:16px;line-height:1.9}
.classic-drinks {background:var(--cream)}
.classic-list {display:grid;grid-template-columns:1fr 1fr;gap:0 60px}
.classic-list article {display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-block:21px}
.classic-list h3 {font-size:24px}
.classic-list .dish-en {font-size:16px}
.classic-temperatures {font-size:13px;white-space:nowrap;color:var(--muted)}
.classic-drinks .text-link {margin-top:20px}

/* The journal is a small edited publication, not a social-feed grid. */
.journal-opening {padding-block:60px 42px}
.journal-opening h1 {max-width:900px}
.journal-opening>p {font-size:16px;line-height:1.95;max-width:680px;margin-top:24px;color:var(--muted)}
.editorial-film {min-width:0}
.editorial-film-poster {position:relative;display:block;width:100%;border:0;padding:0;aspect-ratio:4/3;background:var(--deep);overflow:hidden}
.editorial-film-poster img {width:100%;height:100%;object-fit:contain}
/* The two official portrait thumbnails are only 206px wide. Keep their
   native dimensions instead of enlarging them into blurry hero images. */
.editorial-film-poster:has(>img[src$="film-breakfast.webp"]),
.editorial-film-poster:has(>img[src$="film-claypot.webp"]) {width:min(100%,206px);aspect-ratio:206/366;justify-self:center;margin-inline:auto}
.editorial-film-copy {padding-top:20px}
.editorial-film-copy h3 {font-size:28px;line-height:1.55}
.editorial-film-copy p {font-size:15px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:620px}
.editorial-film-copy .text-link {font-size:14px;margin-top:12px}
.editorial-film-copy .film-cover-note {font-size:12px;line-height:1.75;margin-top:10px}
.play-icon {position:absolute;left:19px;bottom:19px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(247,242,232,.96);color:var(--forest)}
.play-icon svg {width:19px;margin-left:3px}
.duration {position:absolute;bottom:30px;right:19px;font:12px/1.5 var(--body);background:rgba(20,36,25,.65);color:var(--paper);padding:3px 7px;border-radius:2px}
.journal-lead-film {display:grid;grid-template-columns:.75fr 1.4fr;gap:65px;align-items:center;padding-bottom:60px}
.journal-lead-intro>p {font-size:16px;line-height:1.95;color:var(--muted);margin-top:22px;max-width:440px}
.journal-lead-film .editorial-film {display:grid;grid-template-columns:206px 1fr;gap:32px;align-items:center}
.journal-lead-film .editorial-film-copy {padding-top:0}
.journal-lead-film h3 {font-size:30px}
.journal-lead-film .editorial-film-copy p {font-size:16px}
.journal-story {padding-block:48px 60px;border-top:1px solid var(--line)}
.journal-story-heading {display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:38px}
.journal-story-heading>div>p {max-width:500px;color:var(--muted);font-size:16px;line-height:1.95}
.journal-story-heading>div>.text-link {margin-top:16px}
.journal-scenes {display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;align-items:center}
.journal-scenes figure:nth-child(2) {margin-top:0}
.journal-scenes img {width:100%;height:auto;object-fit:contain}
.journal-scenes figcaption {font-size:14px;line-height:1.85;color:var(--muted);margin-top:14px;max-width:560px}
.journal-scenes .journal-ahgong {max-width:270px;justify-self:center;padding-inline:25px}
.journal-scenes .journal-ahgong img {width:min(100%,200px);height:auto;margin-inline:auto;mix-blend-mode:multiply}
.journal-scenes .journal-ahgong figcaption {text-align:center;font-size:13px;margin-top:23px}
.journal-quote {display:block;text-align:center;padding-block:43px 54px;border-top:1px solid var(--line)}
.journal-quote h2 {font-size:clamp(30px,3.5vw,45px);line-height:1.6;max-width:850px;margin-inline:auto}
.journal-quote p {font-size:15px;line-height:1.95;color:var(--muted);max-width:600px;margin-top:18px}
.journal-film-list {display:block;padding-top:10px;padding-bottom:66px}
.journal-film-list .journal-pair {display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:start}
.journal-claypot-film {display:grid;grid-template-columns:206px 1fr;gap:30px;align-items:center}
.journal-claypot-film .editorial-film-copy {padding-top:0}
.journal-film-list .editorial-film-copy h3 {font-size:27px}
.social-follow {display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);padding-block:38px 60px}
.social-follow h2 {font-size:31px}
.social-follow p {color:var(--muted);margin-top:15px;font-size:16px;max-width:600px}
.social-follow>div:last-child {display:flex;gap:14px;flex-wrap:wrap;flex:none}
.journal-feature {display:grid;grid-template-columns:1.4fr .7fr;gap:65px;align-items:center;padding-bottom:24px}
.journal-lead {display:grid;grid-template-columns:.85fr 1fr;gap:30px;align-items:center}
.journal-lead .editorial-film-poster {aspect-ratio:9/14}
.journal-lead .editorial-film-copy {padding:0}
.journal-note {border-left:1px solid var(--line);padding-left:30px}
.journal-note p {font-size:16px;color:var(--muted);margin-top:20px}
.journal-pair {display:grid;grid-template-columns:1fr 1fr;gap:48px}

/* Branches: useful addresses and a quiet, small branch identity. */
.outlet-section {background:var(--forest);color:var(--paper)}
.outlet-section .eyebrow,.outlet-section .index-label {color:var(--gold)}
.outlet-section .english-caption {color:#d6c8ab}
.outlet-grid {display:grid;grid-template-columns:1fr 1fr;gap:65px}
.outlet-card {padding:24px 0 0;border-top:1px solid var(--line)}
.outlet-section .outlet-card {border-color:rgba(247,242,232,.23)}
.outlet-card-top {display:flex;gap:17px;align-items:start;margin-bottom:20px}
.outlet-code {display:block;flex:none;font:15px/1.4 var(--english);color:var(--red);padding-top:8px;letter-spacing:.02em}
.outlet-section .outlet-code {color:var(--gold)}
.outlet-card h3 {font-size:32px;line-height:1.45}
.outlet-card .english-caption {margin-top:8px;font-size:12px}
.outlet-card address {max-width:460px;font-size:15px;line-height:1.9;opacity:.9}
.outlet-hours {display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin-top:18px}
.outlet-hours strong {font:25px/1.5 var(--english);font-weight:400}
.outlet-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;margin-top:21px}
.outlet-actions .text-link {font-size:15px}
.outlet-directory {padding-bottom:55px}
.outlet-editorial {display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:35px 45px;border-top:1px solid var(--line)}
.outlet-editorial-name .outlet-monogram {display:inline-block;font:15px/1.6 var(--english);color:var(--red);margin-bottom:16px;letter-spacing:.05em}
.outlet-editorial-name .eyebrow {font-size:11px;margin-bottom:12px;color:var(--muted)}
.outlet-editorial-name h2 {font-size:38px}
.outlet-official {font:20px/1.6 var(--english);color:var(--muted);margin-top:13px}
.hours-large,.phone-large {display:block;font:28px/1.5 var(--english);font-weight:400}
.outlet-editorial-facts>.small-label,.outlet-editorial-facts>div>.small-label {font-size:11px}
.outlet-editorial-facts p {font-size:14px;color:var(--muted);margin-top:6px}
.outlet-editorial-facts address {font-size:16px;line-height:1.95;margin-top:20px;max-width:450px}
.directory-note {border-top:1px solid var(--line);padding-top:24px}
.visit-table {background:var(--cream)}
.visit-table-inner {display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding-block:50px}
.visit-table figure {width:100%;max-width:360px;justify-self:center}
.visit-table figure img {width:100%;height:auto;object-fit:contain}
.visit-table p {margin-top:22px;max-width:490px;color:var(--muted);font-size:16px;line-height:1.95}
.visit-table .text-link {margin-top:16px}
.branch-editorial-opening {padding-block:24px 48px}
.breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin-bottom:36px}
.breadcrumb a {display:inline-flex;min-height:44px;align-items:center}
.branch-editorial-title {display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;margin-bottom:45px}
.branch-official {font:24px/1.65 var(--english);margin-block:16px;color:var(--muted)}
.branch-editorial-title p:not(.branch-official) {font-size:16px;line-height:1.95;max-width:550px;color:var(--muted)}
.branch-editorial-title .button {margin-top:24px}
.branch-identity {display:grid;grid-template-columns:1fr 1.3fr;gap:15px;align-items:center;background:var(--cream);width:100%;max-width:350px;padding:30px 20px;justify-self:end}
.branch-identity>span {font:27px/1.3 var(--english);color:var(--red);align-self:start;letter-spacing:.03em}
.branch-identity img {width:100%;max-height:200px;object-fit:contain;mix-blend-mode:multiply;grid-column:2;grid-row:1/3}
.branch-identity small {font-size:10px;line-height:1.8;letter-spacing:.1em;align-self:end;overflow-wrap:anywhere}
.branch-facts {display:grid;grid-template-columns:1.15fr 1fr 1.15fr;gap:42px;padding-top:32px;border-top:1px solid var(--line)}
.branch-facts h2 {font-size:24px;margin-bottom:18px}
.branch-facts address {font-size:16px;line-height:1.95}
.branch-facts p {font-size:15px;color:var(--muted);margin-top:10px}
.branch-facts .hours-large,.branch-facts .phone-large {font-size:25px}
.branch-facts .phone-large {min-height:44px;overflow-wrap:anywhere}
.branch-facts .small-label {font-size:11px;margin-top:16px}
.branch-facts .text-link {font-size:14px;margin-top:9px}
.branch-favourites {padding-block:8px 20px;background:var(--cream)}
.branch-favourites>.editorial-section-top {padding-top:44px}
.other-outlet {display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:45px 58px}
.other-outlet h2 {font-size:31px;margin-top:12px}
.other-outlet .english-caption {font-size:11px;color:var(--red)}

/* Membership and contact are designed around useful actions. */
.member-editorial-hero {background:var(--cream)}
.member-editorial-layout {display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;padding-block:55px 46px}
.member-editorial-layout>div>p {max-width:540px;color:var(--muted);font-size:16px;line-height:1.95;margin-top:20px}
.member-editorial-layout>div>.member-lead {font:24px/1.8 var(--display);color:var(--forest);margin-top:24px}
.member-editorial-layout .button {margin-top:25px}
.member-editorial-art {width:100%;max-width:250px;justify-self:center}
.member-editorial-art img {width:100%;mix-blend-mode:multiply}
.member-editorial-art figcaption {text-align:center;font:22px/1.7 var(--display);color:var(--red);margin-top:18px}
.member-path {display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-block:68px}
.member-path ol {list-style:none;padding:0;margin:0;display:grid;gap:24px}
.member-path li {display:flex;gap:23px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.member-step-number {font:15px/2 var(--english);color:var(--red)}
.member-path h3 {font-size:26px}
.member-path li p {font-size:16px;line-height:1.95;color:var(--muted);margin-top:10px}
.member-return {display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:0 60px}
.member-return h2 {font-size:30px}
.member-return p {font-size:16px;color:var(--muted);margin-top:14px}
.contact-editorial {display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:5px 60px}
.contact-main h2 {font-size:29px;margin-bottom:18px}
.contact-main>p {margin-top:18px;color:var(--muted);font-size:16px}
.contact-phone {display:inline-flex;align-items:center;min-height:48px;font:clamp(28px,3vw,42px)/1.4 var(--english);overflow-wrap:anywhere}
.contact-social>a:not(.text-link) {display:grid;grid-template-columns:1fr auto;gap:5px 20px;border-bottom:1px solid var(--line);padding-block:15px;min-height:70px;font-size:15px}
.contact-social .social-name {font:26px/1.5 var(--english)}
.contact-social>a>svg {grid-column:2;grid-row:1/3;align-self:center;width:28px}
.contact-social>a>span:not(.social-name) {color:var(--muted)}
.contact-social>.text-link {margin-top:16px}
.contact-visit {background:var(--cream)}

/* A simple last invitation and a functional branded footer. */
.closing-invitation {background:#e9e0cc}
.closing-inner {padding-block:44px 46px;text-align:center}
.closing-inner .eyebrow {font-size:11px}
.closing-inner h2 {font-size:37px}
.closing-locations {font-size:12px;letter-spacing:.06em;color:var(--muted);margin-top:15px}
.closing-inner>div {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:24px}
.tile-band {height:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream)}
.site-footer {background:var(--forest);color:var(--paper)}
.footer-top {display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:65px;padding-block:50px 40px}
.footer-logo {width:310px;max-width:100%;height:auto;filter:none;mix-blend-mode:normal;margin-bottom:20px}
.footer-intro>p {font:20px/1.8 var(--display);max-width:350px}
.footer-intro>.english-caption {font-size:11px;letter-spacing:.08em;color:#d9c7a4;margin-top:14px;max-width:350px;line-height:1.85}
.footer-social {display:flex;flex-wrap:wrap;gap:22px;font-size:15px;margin-top:18px}
.footer-social a {display:flex;align-items:center;min-height:44px}
.footer-top nav {display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.footer-top strong {display:block;font:20px/1.7 var(--display);font-weight:500;color:#e2d0ad;margin-bottom:14px}
.footer-top nav a {display:flex;align-items:center;min-height:44px;font-size:15px}
.footer-top nav a:hover,.footer-social a:hover {color:var(--gold)}
.footer-visit>a {display:flex;flex-direction:column;line-height:1.65;margin-bottom:19px;min-height:44px}
.footer-visit b {font-size:17px;font-weight:500}
.footer-visit span {font:17px/1.6 var(--english)}
.footer-visit small {font-size:13px;line-height:1.7;color:#e0dacb;margin-top:4px}
.footer-visit>small {display:block;margin-top:4px}
.footer-visit>.footer-phone {margin-top:19px;margin-bottom:0;font-size:15px;justify-content:center}
.footer-bottom {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 25px;min-height:82px;font-size:12px;color:#e0dacb;border-top:1px solid rgba(247,242,232,.2);padding-block:16px}
.footer-bottom>a {min-height:44px;display:flex;align-items:center}

/* Dialogs are native, keyboard accessible, and keep original subjects intact. */
.dish-dialog,.video-dialog {padding:0;border:0;border-radius:3px;color:var(--forest);background:var(--paper);width:min(860px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:90dvh;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.28)}
dialog::backdrop {background:rgba(16,29,20,.78)}
.dish-close,.video-close {display:grid;place-items:center;min-width:44px;width:44px;height:44px;border:0;background:var(--paper);color:var(--forest);font:30px/1 var(--body);border-radius:50%}
.dish-close {position:sticky;top:12px;margin:12px 12px -56px auto;z-index:2;box-shadow:0 1px 8px rgba(0,0,0,.1)}
.dish-dialog-image {display:flex;align-items:center;justify-content:center;min-height:0;max-height:58dvh;overflow:hidden;background:var(--cream);padding:22px}
.dish-dialog-image>.original-dish {max-height:calc(58dvh - 44px);width:auto;max-width:100%;object-fit:contain;filter:none;transform:none}
.dish-dialog-image>.crop-window {width:100%;max-width:600px}
.dish-dialog.is-drink .dish-dialog-image>.crop-window {width:240px}
.dish-dialog-copy {padding:26px 35px 34px}
.dish-dialog-copy .eyebrow {font-size:10px;margin-bottom:12px}
.dish-dialog-copy h2 {font-size:30px;line-height:1.6}
.dish-dialog-english {font:17px/1.6 var(--english);color:var(--muted);margin-top:10px}
.dish-dialog-description {font-size:16px;color:var(--muted);line-height:1.95;margin-top:15px}
.video-dialog {width:min(800px,calc(100vw - 40px))}
.video-dialog-bar {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 16px 10px 24px}
.video-dialog-bar h2 {font-size:24px;line-height:1.5}
.video-frame {aspect-ratio:4/3;background:var(--deep);width:100%}
.video-frame iframe {width:100%;height:100%;border:0}
.video-original {display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 20px;text-align:center;font-size:15px}

/* Authentic serving references take precedence over generated cup printing.
   The original group is one photograph; the remaining signatures are an
   editorial index, not separately fabricated or floating tabletop images. */
.drink-text-story {display:flex;gap:24px;border-top:1px solid var(--line);padding-top:23px}
.drink-index {flex:none;font:28px/1.6 var(--english);color:var(--red)}
.drink-text-story .drink-story-copy {padding-top:0}
.drink-text-story .small-label {display:none}
.drink-chapter.paired .drink-text-story:nth-child(2) {padding-top:23px}
.drink-featured.single .drink-text-story {display:flex;gap:24px;max-width:740px}
.drink-featured.single .drink-text-story .drink-story-copy {padding-top:0}
.daily-original-photography {display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:20px 60px}
.daily-original-photography>div {display:flex;align-items:center;gap:30px}
.daily-original-photography figure {width:44%;flex:none}
.daily-original-photography img {width:100%;height:auto;max-height:420px;object-fit:contain}
.daily-original-photography h3 {font-size:26px;line-height:1.6}
.daily-original-photography .dish-en {font-size:15px;margin-top:12px}
.home-drink-story>figure>img {width:auto;max-height:530px;margin-inline:auto;object-fit:contain}
.home-drink-story>figure>.atmosphere-caption {text-align:center}

@media(max-width:1180px) {
  .desktop-nav {display:none}
  .mobile-nav {display:block}
  .header-actions {margin-left:auto}
  .header-inner {padding-inline:32px}
  .wrap {padding-inline:36px}
  .brand-home-hero {grid-template-columns:1fr 1fr}
  .brand-hero-copy {padding-inline:36px}
  .home-welcome {gap:30px;grid-template-columns:1fr 1fr .4fr}
  .craft-layout {gap:45px}
  .home-films {gap:35px}
  .home-drink-story {gap:55px}
  .home-journal-layout {gap:40px;grid-template-columns:1.7fr .8fr}
  .home-journal-film {grid-template-columns:186px 1fr;gap:25px}
  .home-journal-layout>aside {padding-left:26px}
  .home-outlet-directory {gap:50px}
  .home-breakfast-film {display:block}
  .home-breakfast-film .editorial-film-poster {aspect-ratio:4/3}
  .home-breakfast-film .editorial-film-copy {padding-top:20px}
  .footer-top {gap:40px}
  .branch-facts {gap:28px;grid-template-columns:1.1fr 1fr}
  .branch-facts article:last-child {grid-column:1/-1}
  .journal-lead-film {gap:40px;grid-template-columns:.7fr 1.4fr}
  .journal-lead-film .editorial-film {grid-template-columns:186px 1fr;gap:26px}
  .drink-editorial-hero,.drinks-editorial-hero {gap:40px}
  .journal-film-list .journal-pair {gap:40px}
  .journal-claypot-film {grid-template-columns:186px 1fr;gap:25px}
  .journal-feature {gap:40px}
}
@media(max-width:900px) {
  :root {--header-height:78px}
  .wrap {padding-inline:30px}
  .section {padding-block:56px}
  .brand-logo {width:275px}
  .brand-hero-copy {padding:36px 30px}
  .brand-hero-copy h1 {font-size:36px}
  .brand-hero-copy>p {font-size:15px}
  .hero-actions {gap:10px 20px}
  .home-welcome {grid-template-columns:1fr 1.1fr;gap:25px 40px;padding-block:56px}
  .welcome-illustration {display:none}
  .memory-opening-inner {grid-template-columns:1.3fr .6fr;gap:35px}
  .memory-chapter,.memory-table-inner,.values-editorial,.member-path {gap:45px}
  .home-films {gap:28px}
  .home-drink-story {gap:40px;padding-block:54px}
  .home-journal-layout {grid-template-columns:1fr;gap:30px}
  .home-journal-film {grid-template-columns:206px 1fr;gap:35px}
  .home-journal-layout>aside {padding:24px 0 0;border-left:0;border-top:1px solid var(--line);max-width:650px}
  .home-outlet-directory {gap:40px}
  .craft-layout {grid-template-columns:.8fr 1fr;gap:35px}
  .craft-copy h2 {font-size:31px}
  .signature-caption-row {gap:22px}
  .signature-caption-row h3 {font-size:19px}
  .signature-caption-row .dish-number {display:none}
  .signature-caption-row>a>svg {display:none}
  .menu-food-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}
  .menu-sidebar {gap:18px}
  .menu-count {display:none}
  .menu-filters {gap:24px}
  .menu-tools {gap:10px 24px}
  .menu-search {width:100%;max-width:none;flex-basis:100%}
  .drink-editorial-hero,.drinks-editorial-hero {gap:35px}
  .drink-editorial-hero h1,.drinks-editorial-hero h1 {font-size:39px}
  .drink-chapter-heading {gap:30px}
  .drink-story-grid {gap:35px 28px}
  .drink-featured.single .drink-story:not(.drink-text-story) {gap:35px}
  .drink-story-copy h3 {font-size:25px}
  .drink-featured.single .drink-story-copy h3 {font-size:28px}
  .vocabulary-layout {gap:45px}
  .vocabulary-list article {grid-template-columns:1fr;gap:9px}
  .classic-list {gap:0 35px}
  .drinks-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .outlet-grid {gap:40px}
  .outlet-hours strong {font-size:23px}
  .outlet-editorial {gap:45px}
  .outlet-editorial-name h2 {font-size:33px}
  .branch-editorial-title {gap:40px}
  .branch-editorial-title h1 {font-size:42px}
  .branch-identity {padding:24px 18px}
  .visit-table-inner {gap:45px}
  .journal-lead-film {grid-template-columns:1fr;gap:28px}
  .journal-lead-intro>p {max-width:650px}
  .journal-lead-film .editorial-film {grid-template-columns:206px 1fr;gap:35px}
  .journal-lead-film h3 {font-size:29px}
  .journal-feature {grid-template-columns:1fr}
  .journal-note {padding-left:0;border-left:0;max-width:640px}
  .journal-pair {gap:30px}
  .journal-story-heading {gap:35px}
  .journal-scenes {gap:35px;grid-template-columns:.65fr 1.35fr}
  .journal-scenes .journal-ahgong {padding-inline:0}
  .journal-scenes .journal-ahgong img {max-width:170px}
  .journal-film-list .journal-pair {gap:35px;grid-template-columns:1fr 1fr}
  .journal-claypot-film {display:block}
  .journal-claypot-film .editorial-film-copy {padding-top:20px}
  .social-follow {display:block}
  .social-follow>div:last-child {margin-top:25px}
  .member-editorial-layout {gap:40px}
  .contact-editorial {gap:45px}
  .family-invitation-inner {grid-template-columns:145px 1fr;gap:40px}
  .footer-top {grid-template-columns:1.25fr 1fr;gap:35px 55px}
  .footer-intro {grid-column:1/-1}
  .footer-logo {width:310px}
}
@media(max-width:640px) {
  .drink-text-story,.drink-featured.single .drink-text-story {gap:18px;display:flex}
  .drink-text-story .drink-story-copy,.drink-featured.single .drink-text-story .drink-story-copy {padding-top:0}
  .drink-index {font-size:24px}
  .daily-original-photography {grid-template-columns:1fr;gap:34px;padding-block:5px 38px}
  .daily-original-photography>div {gap:24px}
  .daily-original-photography figure {width:40%}
  .daily-original-photography img {max-height:310px}
  .daily-original-photography h3 {font-size:24px}
  .home-drink-story>figure>img {max-height:440px}
  :root {--header-height:72px}
  body {font-size:16px;line-height:1.85}
  .wrap {padding-inline:22px}
  .section {padding-block:44px}
  h1 {font-size:36px;line-height:1.5;letter-spacing:.005em}
  h2 {font-size:30px;line-height:1.55;letter-spacing:.005em}
  h3 {font-size:24px;line-height:1.6}
  html:lang(en) h1 {font-size:42px;line-height:1.15}
  html:lang(en) h2 {font-size:34px;line-height:1.2}
  html:lang(en) h3 {line-height:1.3}
  .eyebrow {font-size:10px;letter-spacing:.12em;margin-bottom:15px}
  .small-label {font-size:10px}
  .english-caption {font-size:11px;letter-spacing:.08em}
  .text-link,.button {font-size:15px;min-height:46px;gap:15px}
  .button {padding:13px 20px}
  .text-link svg {width:27px}
  .atmosphere-caption,.scene-note {font-size:11px;line-height:1.65}
  .section-heading,.editorial-section-top {align-items:flex-start;gap:18px;margin-bottom:25px;flex-wrap:wrap}
  .section-heading>.text-link,.editorial-section-top>.text-link {font-size:14px}
  .section-heading .english-caption {font-size:11px;margin-top:7px}
  .header-inner {height:72px;padding-inline:18px;gap:10px}
  .brand-logo {width:min(59vw,255px);min-height:44px}
  .header-actions {gap:4px}
  .member-nav {display:none}
  .language {width:44px;font-size:12px;padding:6px}
  .mobile-nav summary {width:44px;padding-inline:7px}
  .mobile-nav[open] nav {padding:16px 24px 25px}
  .mobile-nav nav a {font-size:24px;min-height:53px}
  .brand-home-hero {display:flex;flex-direction:column}
  .brand-hero-copy {padding:32px 22px 30px;max-width:none}
  .brand-hero-copy h1 {font-size:clamp(34px,8.8vw,43px);line-height:1.5;max-width:500px}
  .brand-hero-copy>p {font-size:16px;line-height:1.9;margin-top:20px;max-width:500px}
  .hero-actions {gap:12px 21px;margin-top:22px}
  .brand-hero-photo {width:100%;display:block}
  .brand-hero-photo img {width:100%;height:auto;object-fit:contain}
  .brand-hero-photo .atmosphere-caption {padding:9px 22px 13px}
  .home-welcome {grid-template-columns:1fr;gap:22px;padding-block:42px}
  .welcome-title h2 {font-size:31px}
  .welcome-copy p {font-size:16px;line-height:1.95;margin-bottom:17px}
  .welcome-illustration {display:block;max-width:110px;justify-self:end;margin-top:-6px}
  .home-signature-feature,.home-signatures {padding-top:36px}
  .signature-intro,.home-signature-feature .signature-intro {grid-template-columns:1fr;gap:12px;padding-bottom:22px}
  .signature-intro h2 {font-size:30px}
  .signature-intro>.text-link {justify-self:start}
  .signature-table .atmosphere-caption {padding:10px 22px;text-align:left}
  .signature-caption-row {grid-template-columns:1fr;gap:0;padding-top:7px;padding-bottom:27px}
  .signature-caption-row>a {gap:13px;min-height:76px;padding-block:14px;border-bottom:1px solid var(--line);align-items:center}
  .signature-caption-row>a:last-child {border-bottom:0}
  .signature-caption-row .dish-number {display:block;font-size:12px;line-height:1.8}
  .signature-caption-row>a>svg {display:block;width:25px;margin:0 0 0 auto}
  .signature-caption-row h3 {font-size:21px;line-height:1.65}
  .signature-caption-row .dish-en {font-size:14px;margin-top:4px}
  .craft-layout {grid-template-columns:1fr;gap:27px;padding-block:36px}
  .craft-copy h2 {font-size:32px}
  .craft-copy p {font-size:16px;max-width:none;margin-top:20px}
  .craft-copy .text-link {margin-top:15px}
  .craft-photo .atmosphere-caption {text-align:left}
  .home-films {grid-template-columns:1fr;gap:36px}
  .home-drink-story {grid-template-columns:1fr;gap:28px;padding-block:37px 40px}
  .home-drink-story>figure {max-width:480px}
  .home-drink-story h2 {font-size:31px}
  .home-drink-story>div>p {font-size:16px;line-height:1.95;max-width:none;margin-top:19px}
  .home-drink-story>div>.text-link {margin-top:14px}
  .home-journal-layout {gap:29px}
  .home-journal-film {display:block}
  .home-journal-film .editorial-film-copy {padding-top:21px}
  .home-journal-layout>aside {padding-top:25px}
  .home-journal-layout>aside h3 {font-size:26px}
  .home-journal-layout>aside>p {font-size:16px;line-height:1.95;margin-top:17px}
  .home-outlet-directory {grid-template-columns:1fr;gap:30px}
  .home-outlet-directory .outlet-editorial {padding-block:22px 0}
  .home-outlet-directory .outlet-editorial-name {margin-bottom:20px}
  .home-outlet-directory .outlet-editorial-name h2 {font-size:31px}
  .home-outlet-directory .outlet-official {font-size:18px}
  .home-breakfast-film,.home-claypot-film {display:block}
  .home-breakfast-film .editorial-film-poster,.home-claypot-film .editorial-film-poster {aspect-ratio:4/3}
  .home-breakfast-film .editorial-film-copy {padding-top:18px}
  .family-invitation-inner {grid-template-columns:82px 1fr;gap:22px;padding-block:32px 35px;align-items:start}
  .family-art {padding-top:12px}
  .family-art img {max-height:150px}
  .family-invitation h2 {font-size:27px;line-height:1.6}
  .family-invitation .eyebrow {font-size:9px;letter-spacing:.09em;margin-bottom:12px}
  .family-invitation p {font-size:15px;line-height:1.9;margin-top:17px}
  .family-invitation .text-link {font-size:14px;margin-top:10px}
  .editorial-opening,.page-opening,.journal-opening {padding-block:35px 30px}
  .opening-intro,.page-intro,.journal-opening>p {font-size:16px;line-height:1.95;margin-top:20px}
  .memory-opening-inner {grid-template-columns:1fr;gap:24px;padding-block:36px 26px}
  .memory-opening h1 {font-size:37px}
  .memory-opening figure {max-width:150px;justify-self:end}
  .memory-lead {font-size:21px;line-height:1.9;margin-top:20px}
  .memory-opening .text-link {margin-top:13px}
  .memory-opening figcaption {font-size:10px;margin-top:12px}
  .memory-chapter {grid-template-columns:1fr;gap:24px;padding-block:40px}
  .chapter-number {font-size:11px;margin-bottom:13px}
  .memory-chapter h2 {font-size:30px}
  .memory-prose p {font-size:16px;line-height:2;margin-bottom:21px}
  .memory-prose .lead {font-size:22px;line-height:1.85}
  .memory-table-inner {grid-template-columns:1fr;gap:31px;padding-block:34px 39px}
  .memory-table figure {max-width:340px}
  .memory-table h2 {font-size:30px;margin-bottom:20px}
  .memory-table p {font-size:16px;line-height:1.95}
  .values-editorial {grid-template-columns:1fr;gap:26px;padding-block:40px}
  .values-lines article {gap:17px;padding-block:22px}
  .values-lines h3 {font-size:25px}
  .values-lines p {font-size:16px;line-height:1.95}
  .brand-film-feature {grid-template-columns:1fr;gap:0}
  .brand-film-feature .editorial-film-copy {padding-top:20px}
  .story-last-word {padding-block:5px 42px}
  .story-last-word h2 {font-size:29px}
  .story-last-word>p {font-size:16px;line-height:1.95;margin-top:17px}
  .menu-content {padding-bottom:42px}
  .menu-tools {gap:10px 22px;margin-bottom:13px}
  .menu-tools>.text-link {font-size:14px}
  .menu-search {min-width:0;max-width:none;gap:18px}
  .menu-search>span {font-size:15px}
  .menu-search input {min-height:49px;font-size:16px}
  .menu-sidebar {margin-inline:-22px;padding:9px 22px 10px;margin-bottom:25px}
  .menu-filters {gap:24px}
  .menu-filter {font-size:14px;min-height:44px}
  .menu-food-grid {grid-template-columns:1fr;gap:32px}
  .food-image {aspect-ratio:1.24;padding:22px}
  .food-card.has-photo-scene .food-image {aspect-ratio:auto;padding:0}
  .food-info {padding-top:17px}
  .food-card-top h3 {font-size:24px;line-height:1.65}
  .food-info .dish-en {font-size:16px;line-height:1.65;margin-top:6px}
  .food-description {font-size:16px;line-height:1.95;margin-top:12px}
  .image-action {width:36px;height:36px}
  .menu-note,.directory-note {font-size:13px;line-height:1.9;margin-top:23px}
  .menu-bottom {display:block;padding-top:16px}
  .menu-bottom .text-link {display:flex;width:fit-content;margin-top:6px;font-size:14px}
  .full-menu-browser {padding-bottom:40px}
  .full-menu-toolbar {display:block;margin-bottom:20px}
  .full-menu-toolbar p {font-size:15px;margin-top:7px}
  .full-menu-toolbar>.text-link {margin-top:10px;font-size:15px}
  .full-menu-tabs {gap:10px;margin-bottom:16px;padding-bottom:12px}
  .full-menu-tabs button {font-size:14px;min-height:48px;padding:10px 13px}
  .full-menu-pages {padding:7px}
  .full-menu-controls {gap:23px;margin-top:18px}
  .drink-editorial-hero,.drinks-editorial-hero {grid-template-columns:1fr;gap:28px;padding-block:34px 38px}
  .drink-editorial-hero h1,.drinks-editorial-hero h1 {font-size:38px;line-height:1.5}
  .drink-editorial-hero>div>p,.drinks-editorial-hero>div>p {font-size:16px;line-height:1.95;margin-top:20px}
  .drink-editorial-hero .text-link,.drinks-editorial-hero .text-link {margin-top:16px}
  .drink-editorial-hero .drink-story-copy {margin-top:23px;padding-top:20px}
  .drink-editorial-hero .drink-story-copy h3 {font-size:25px;line-height:1.65}
  .drink-hero-scene,.drinks-editorial-hero figure {max-width:480px}
  .drink-chapter {padding-top:20px;padding-bottom:37px}
  .drink-chapter-heading {grid-template-columns:1fr;gap:14px;margin-bottom:25px}
  .drink-chapter-heading h2 {font-size:30px}
  .drink-chapter-heading>p {font-size:16px;line-height:1.9}
  .drink-story-grid {grid-template-columns:1fr;gap:35px}
  .drink-story-copy {padding-top:19px;max-width:none}
  .drink-story-copy h3 {font-size:26px;line-height:1.65}
  .drink-story-copy .dish-en {font-size:17px;line-height:1.6}
  .drink-story-copy .food-description {font-size:16px;line-height:1.95;margin-top:13px}
  .drink-featured.single .drink-story:not(.drink-text-story) {display:block}
  .drink-featured.single .drink-story-copy {padding-top:20px}
  .drink-featured.single .drink-story-copy h3 {font-size:28px}
  .drink-chapter.paired .drink-story:not(.drink-text-story):nth-child(2) {padding-top:0}
  .temperature {font-size:13px;margin-top:12px}
  .drinks-grid {grid-template-columns:1fr;gap:32px}
  .drink-photo {height:auto;min-height:320px;padding:25px}
  .drink-photo .crop-window {width:230px}
  .drinks-grid .drink-tile h3 {font-size:26px}
  .drinks-grid .drink-tile .dish-en {font-size:17px}
  .vocabulary-layout {grid-template-columns:1fr;gap:30px;padding-block:38px}
  .vocabulary-layout>div>p {margin-top:18px;max-width:none}
  .vocabulary-list article {grid-template-columns:1fr;gap:12px;padding-block:21px}
  .vocabulary-list h3 {font-size:25px}
  .vocabulary-list p {font-size:16px;line-height:1.9}
  .classic-list {grid-template-columns:1fr;gap:0}
  .classic-list article {gap:18px;padding-block:21px}
  .classic-list h3 {font-size:24px}
  .classic-list .dish-en {font-size:16px}
  .classic-temperatures {font-size:13px}
  .journal-lead-film {padding-bottom:37px;gap:25px}
  .journal-lead-intro>p {font-size:16px;line-height:1.95;margin-top:18px}
  .journal-lead-film .editorial-film {grid-template-columns:1fr;gap:0}
  .journal-lead-film .editorial-film-copy {padding-top:21px}
  .journal-lead-film h3 {font-size:30px;line-height:1.55}
  .editorial-film-copy h3 {font-size:26px;line-height:1.65}
  .editorial-film-copy p {font-size:16px;line-height:1.95;margin-top:12px}
  .editorial-film-copy .text-link {font-size:14px;margin-top:10px}
  .play-icon {width:48px;height:48px;left:15px;bottom:15px}
  .duration {bottom:28px;right:15px;font-size:12px}
  .journal-story {padding-block:34px 38px}
  .journal-story-heading {display:block;margin-bottom:27px}
  .journal-story-heading>div>p {font-size:16px;line-height:1.95;margin-top:20px}
  .journal-scenes {grid-template-columns:1fr;gap:30px}
  .journal-scenes figure:nth-child(2) {margin-top:0}
  .journal-scenes .journal-ahgong {max-width:260px;padding:0 24px}
  .journal-scenes .journal-ahgong img {max-width:170px}
  .journal-scenes .journal-ahgong figcaption {font-size:13px;margin-top:18px}
  .journal-scenes figcaption {font-size:14px;line-height:1.85;margin-top:13px}
  .journal-quote {padding-block:34px 37px}
  .journal-quote h2 {font-size:28px;line-height:1.65}
  .journal-quote p {font-size:15px;margin-top:16px}
  .journal-film-list {padding-bottom:40px}
  .journal-film-list .journal-pair {grid-template-columns:1fr;gap:35px}
  .journal-film-list .editorial-film-copy h3 {font-size:26px}
  .social-follow {padding-block:30px 40px}
  .social-follow h2 {font-size:29px}
  .social-follow p {font-size:16px;line-height:1.95}
  .social-follow>div:last-child {margin-top:21px;gap:12px}
  .social-follow .button {font-size:15px;padding-inline:20px}
  .journal-feature,.journal-lead,.journal-pair {grid-template-columns:1fr;gap:30px}
  .journal-lead {gap:0}
  .journal-lead .editorial-film-poster {aspect-ratio:4/3}
  .journal-lead .editorial-film-copy {padding-top:20px}
  .journal-note {padding-top:5px}
  .outlet-grid {grid-template-columns:1fr;gap:32px}
  .outlet-card {padding-top:23px}
  .outlet-card-top {gap:14px;margin-bottom:18px}
  .outlet-code {font-size:14px;padding-top:7px}
  .outlet-card h3 {font-size:30px;line-height:1.5}
  .outlet-card .english-caption {font-size:11px;letter-spacing:.08em}
  .outlet-card address {font-size:16px;line-height:1.95;max-width:none}
  .outlet-hours {gap:6px 16px;margin-top:18px;font-size:13px}
  .outlet-hours strong {font-size:25px;line-height:1.6}
  .outlet-actions {gap:10px 26px;margin-top:16px}
  .outlet-actions .text-link {font-size:15px}
  .outlet-directory {padding-bottom:40px}
  .outlet-editorial {grid-template-columns:1fr;gap:22px;padding-block:27px 34px}
  .outlet-editorial-name .outlet-monogram {font-size:14px;margin-bottom:11px}
  .outlet-editorial-name .eyebrow {font-size:10px;margin-bottom:10px}
  .outlet-editorial-name h2 {font-size:33px}
  .outlet-official {font-size:20px;margin-top:9px}
  .hours-large {font-size:27px}
  .outlet-editorial-facts p {font-size:14px}
  .outlet-editorial-facts address {font-size:16px;line-height:1.95;margin-top:18px}
  .directory-note {padding-top:22px}
  .visit-table-inner {grid-template-columns:1fr;gap:27px;padding-block:35px 40px}
  .visit-table figure {max-width:300px}
  .visit-table h2 {font-size:31px}
  .visit-table p {font-size:16px;margin-top:18px}
  .branch-editorial-opening {padding-block:17px 35px}
  .breadcrumb {gap:8px;font-size:12px;margin-bottom:23px}
  .branch-editorial-title {grid-template-columns:1fr;gap:27px;margin-bottom:29px}
  .branch-editorial-title h1 {font-size:39px}
  .branch-official {font-size:22px;line-height:1.6;margin-block:13px}
  .branch-editorial-title p:not(.branch-official) {font-size:16px;line-height:1.95}
  .branch-editorial-title .button {margin-top:20px;font-size:14px;gap:13px}
  .branch-identity {max-width:none;padding:20px 24px;grid-template-columns:1fr 110px}
  .branch-identity>span {font-size:24px}
  .branch-identity img {max-height:150px}
  .branch-identity small {font-size:11px;overflow-wrap:normal}
  .branch-facts {grid-template-columns:1fr;gap:29px;padding-top:27px}
  .branch-facts article:last-child {grid-column:auto}
  .branch-facts h2 {font-size:25px;margin-bottom:15px}
  .branch-facts address {font-size:16px}
  .branch-facts .hours-large,.branch-facts .phone-large {font-size:26px}
  .branch-facts p {font-size:15px}
  .branch-favourites>.editorial-section-top {padding-top:33px}
  .branch-favourites {padding-bottom:0}
  .other-outlet {display:block;padding-block:32px 40px}
  .other-outlet h2 {font-size:29px;margin-top:10px}
  .other-outlet>.text-link {margin-top:17px}
  .member-editorial-layout {grid-template-columns:1fr;gap:29px;padding-block:36px 28px}
  .member-editorial-layout h1 {font-size:37px}
  .member-editorial-layout>div>p {font-size:16px;line-height:1.95;margin-top:17px}
  .member-editorial-layout>div>.member-lead {font-size:22px;line-height:1.8;margin-top:21px}
  .member-editorial-layout .button {font-size:15px;margin-top:23px}
  .member-editorial-art {max-width:170px}
  .member-editorial-art figcaption {font-size:21px;margin-top:14px}
  .member-path {grid-template-columns:1fr;gap:29px;padding-block:39px}
  .member-path h2 {font-size:31px}
  .member-path ol {gap:23px}
  .member-path li {gap:18px;padding-bottom:23px}
  .member-path h3 {font-size:25px}
  .member-path li p {font-size:16px;line-height:1.95}
  .member-return {display:block;padding-bottom:40px}
  .member-return h2 {font-size:28px}
  .member-return p {font-size:16px;line-height:1.95;margin-top:13px}
  .member-return>.text-link {margin-top:15px}
  .contact-editorial {grid-template-columns:1fr;gap:34px;padding-block:0 40px}
  .contact-main h2 {font-size:28px;margin-bottom:15px}
  .contact-phone {font-size:32px;line-height:1.5}
  .contact-main>p {font-size:16px;margin-top:15px}
  .contact-social>a:not(.text-link) {font-size:15px;padding-block:17px}
  .contact-social .social-name {font-size:26px}
  .closing-inner {padding-block:34px 37px}
  .closing-inner h2 {font-size:31px}
  .closing-locations {font-size:11px;line-height:1.9;letter-spacing:.03em;margin-top:14px}
  .closing-inner>div {gap:12px 23px;margin-top:20px}
  .closing-inner .button,.closing-inner .text-link {font-size:14px}
  .footer-top {grid-template-columns:1fr 1fr;gap:31px 25px;padding-block:36px 27px}
  .footer-intro {grid-column:1/-1}
  .footer-logo {width:300px;max-width:95%;margin-bottom:18px}
  .footer-intro>p {font-size:19px;line-height:1.8}
  .footer-intro>.english-caption {font-size:10px;line-height:1.9;letter-spacing:.07em;margin-top:12px}
  .footer-social {font-size:15px;gap:25px;margin-top:15px}
  .footer-top strong {font-size:18px;margin-bottom:13px}
  .footer-top nav a {font-size:15px;min-height:44px}
  .footer-visit>a {margin-bottom:17px}
  .footer-visit b {font-size:16px}
  .footer-visit span {font-size:15px}
  .footer-visit small {font-size:12px}
  .footer-visit>.footer-phone {font-size:13px;line-height:1.8;margin-top:17px}
  .footer-bottom {min-height:0;padding-block:16px 19px;gap:4px 22px;justify-content:flex-start;font-size:11px}
  .footer-bottom>a {min-height:44px}
  .footer-bottom>a:last-child {margin-left:auto}
  .dish-dialog,.video-dialog {width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:92dvh}
  .dish-dialog-copy {padding:23px 22px 28px}
  .dish-dialog-copy h2 {font-size:27px;line-height:1.6}
  .dish-dialog-english {font-size:17px}
  .dish-dialog-description {font-size:16px;line-height:1.95}
  .dish-dialog-image {padding:17px;max-height:55dvh}
  .dish-dialog-image>.original-dish {max-height:calc(55dvh - 34px)}
  .dish-dialog.is-drink .dish-dialog-image>.crop-window {width:210px}
  .video-dialog-bar {padding:10px 12px 10px 20px}
  .video-dialog-bar h2 {font-size:21px}
  .video-frame {aspect-ratio:9/13}
  .video-original {font-size:15px;min-height:54px}
}
@media(max-width:360px) {
  .wrap {padding-inline:18px}
  .header-inner {padding-inline:12px;gap:8px}
  .brand-logo {width:min(58vw,205px)}
  .header-actions {gap:0}
  .brand-hero-copy {padding-inline:18px}
  .brand-hero-copy h1 {font-size:33px}
  .brand-hero-photo .atmosphere-caption {padding-inline:18px}
  .hero-actions {gap:10px 15px}
  .hero-actions .button {padding-inline:17px}
  .family-invitation-inner {grid-template-columns:62px 1fr;gap:18px}
  .family-invitation h2 {font-size:25px}
  .signature-table .atmosphere-caption {padding-inline:18px}
  .signature-caption-row h3 {font-size:20px}
  .signature-caption-row>a {gap:10px}
  .menu-sidebar {margin-inline:-18px;padding-inline:18px}
  .food-card-top h3 {font-size:23px}
  .drink-story-copy h3 {font-size:25px}
  .classic-list article {gap:14px}
  .classic-list h3 {font-size:22px}
  .classic-temperatures {font-size:12px}
  .outlet-hours strong {font-size:23px}
  .branch-identity {padding-inline:20px;grid-template-columns:1fr 90px}
  .contact-phone {font-size:29px}
  .footer-top {gap:28px 20px}
  .footer-visit>.footer-phone {font-size:12px}
  .footer-bottom {gap:3px 15px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*:before,*:after {animation:none!important;transition:none!important}
}
@media print {
  .site-header,.site-footer,.closing-invitation,.menu-sidebar,.menu-tools,.full-menu-toolbar,.full-menu-tabs,.full-menu-controls,dialog {display:none!important}
  body {color:#000;background:#fff;font-size:12pt}
  .wrap {padding:0;width:100%}
  .full-menu-sheet[hidden] {display:block!important}
  .full-menu-pages {padding:0;border:0;background:none}
  .full-menu-sheet {break-after:page}
}

/* Real branch photographs. Signs and entrances remain complete at every size. */
.outlet-editorial.outlet-with-photo {grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:52px;padding-block:35px 48px}
.outlet-real-photo,.branch-real-facade {margin:0;min-width:0}
.outlet-real-photo img,.branch-real-facade img {display:block;width:100%;height:auto;max-height:610px;object-fit:contain;object-position:center;margin-inline:auto}
.outlet-real-photo figcaption,.branch-real-facade figcaption,.branch-real-gallery figcaption,.visit-real-space figcaption {font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}
.outlet-real-content {min-width:0}
.outlet-real-content .outlet-editorial-name {margin-bottom:25px}
.outlet-real-content .outlet-invitation {font-size:16px;line-height:1.95;max-width:440px;color:var(--muted);margin-top:16px}
.home-outlet-directory .outlet-editorial.outlet-with-photo {display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-top:22px}
.home-outlet-directory .outlet-real-photo {width:100%}
.home-outlet-directory .outlet-real-photo img {height:490px;max-height:none;object-fit:contain}
.home-outlet-directory .outlet-real-content .outlet-editorial-name {margin-bottom:22px}
.branch-editorial-title.branch-real-title {grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.branch-real-title .branch-real-facade {width:100%;max-width:520px;justify-self:start}
.branch-real-title .branch-real-facade img {max-height:650px}
.branch-real-gallery {padding-block:18px 66px}
.branch-real-gallery-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px}
.branch-real-gallery-grid figure {margin:0;min-width:0}
.branch-real-gallery-grid img {display:block;width:100%;height:auto;object-fit:contain}
.branch-real-gallery-grid.gallery-is-single {grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}
.branch-real-gallery-grid.gallery-is-single img {max-height:620px;object-fit:contain}
.visit-real-space .visit-table-inner {grid-template-columns:1.1fr .9fr;gap:56px}
.visit-real-space figure {max-width:none}
@media(max-width:900px) {
  .outlet-editorial.outlet-with-photo {gap:32px}
  .home-outlet-directory .outlet-real-photo img {height:390px}
  .branch-editorial-title.branch-real-title {gap:35px}
  .branch-real-gallery-grid {gap:30px 24px}
  .visit-real-space .visit-table-inner {gap:35px}
}
@media(max-width:640px) {
  .outlet-editorial.outlet-with-photo {grid-template-columns:minmax(0,1fr);gap:26px;padding-block:25px 36px}
  .outlet-real-photo img {height:auto;max-height:570px}
  .outlet-real-photo figcaption,.branch-real-facade figcaption,.branch-real-gallery figcaption,.visit-real-space figcaption {font-size:13px;line-height:1.8;margin-top:10px}
  .outlet-real-content .outlet-editorial-name {margin-bottom:23px}
  .outlet-real-content .outlet-invitation {font-size:16px;margin-top:13px;max-width:none}
  .home-outlet-directory .outlet-editorial.outlet-with-photo {gap:24px;padding-top:20px}
  .home-outlet-directory .outlet-real-photo img {height:auto;max-height:570px}
  .branch-editorial-title.branch-real-title {grid-template-columns:minmax(0,1fr);gap:28px}
  .branch-real-title .branch-real-facade {max-width:none}
  .branch-real-title .branch-real-facade img {max-height:600px}
  .branch-real-gallery {padding-block:8px 40px}
  .branch-real-gallery-grid {grid-template-columns:minmax(0,1fr);gap:27px}
  .branch-real-gallery-grid.gallery-is-single {max-width:none}
  .visit-real-space .visit-table-inner {grid-template-columns:minmax(0,1fr);gap:29px}
}

/* Complete photographs keep each serving and its setting in one image. */
.food-card.has-complete-scene .food-image {padding:0;aspect-ratio:4/3;background:transparent}
.food-card.has-complete-scene .food-image>.scene-dish {width:100%;height:auto;object-fit:contain;filter:none;transform:none}
.signature-scenes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:44px}
.signature-scene-photo {display:block;min-height:44px}
.signature-scene-photo img {width:100%;height:auto;object-fit:contain;filter:none}
.signature-scene-caption {display:flex;gap:13px;align-items:flex-start;padding-top:18px}
.signature-scene-caption>div {flex:1;min-width:0}
.signature-scene-caption h3 {font-size:22px;line-height:1.65}
.signature-scene-caption .dish-en {font-size:15px;line-height:1.65;margin-top:6px}
.signature-scene-caption>svg {width:23px;margin-top:8px}
.classic-scene-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.classic-scene-card .drink-story-copy {padding-top:17px}
.classic-scene-card .drink-story-copy h3 {font-size:24px}
.classic-scene-card .drink-story-copy .dish-en {font-size:16px}
.classic-scene-card .drink-story-photo {background:none}
.drink-story-photo img {width:100%;height:auto;object-fit:contain}
.home-drink-story>figure>img {width:100%;height:auto;max-height:none;object-fit:contain}
.home-drink-story>figure>.atmosphere-caption {text-align:left}
.dish-source-link {display:inline-flex;align-items:center;min-height:44px;margin-top:17px;font-size:15px;border-bottom:1px solid var(--line)}
.brand-hero-photo>img {width:100%;height:auto;object-fit:contain}
@media(max-width:900px) {
  .signature-scenes {gap:20px}
  .signature-scene-caption {gap:10px}
  .signature-scene-caption .dish-number,.signature-scene-caption>svg {display:none}
  .signature-scene-caption h3 {font-size:20px}
  .classic-scene-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}
}
@media(max-width:640px) {
  .signature-scenes {grid-template-columns:minmax(0,1fr);gap:30px;padding-bottom:33px}
  .signature-scene-caption {gap:14px;padding-top:16px}
  .signature-scene-caption .dish-number,.signature-scene-caption>svg {display:block}
  .signature-scene-caption h3 {font-size:24px;line-height:1.65}
  .signature-scene-caption .dish-en {font-size:16px;line-height:1.6}
  .classic-scene-grid {grid-template-columns:minmax(0,1fr);gap:32px}
  .classic-scene-card .drink-story-copy h3 {font-size:26px}
  .home-drink-story>figure {max-width:none;width:100%}
  .home-drink-story>figure>img {width:100%;max-height:none}
  .brand-hero-photo>img {width:100%;height:auto}
}

/* V14: the owner's complete brand film opens the site, without cropping
   real people, subtitles, or the original photography. */
.brand-home-hero.hero-video-first {
  display:block;max-width:none;margin:0;background:var(--deep);color:var(--on-green);
}
.hero-film-stage {width:min(100%,1600px);margin-inline:auto;scroll-margin-top:var(--header-height)}
.hero-brand-film {
  display:block;width:100%;height:auto;aspect-ratio:854/480;
  max-height:calc(100svh - var(--header-height));object-fit:contain;
  background:#15271e;
}
.hero-film-caption {
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:10px clamp(22px,3vw,48px);color:#ded8c8;
  font:10px/1.6 var(--body);letter-spacing:.12em;
}
.hero-film-caption>span:last-child {font-variant-numeric:tabular-nums;flex:none}
.hero-film-intro {
  display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;
  padding-block:42px 48px;
}
.hero-film-intro .eyebrow {color:var(--gold);font-size:10px;margin-bottom:13px}
.hero-film-intro h1 {font-size:clamp(34px,3.4vw,52px);line-height:1.45;color:var(--on-green)}
html:lang(en) .hero-film-intro h1 {font-size:clamp(38px,4vw,56px);line-height:1.15}
.hero-film-intro .accent-line {color:var(--on-green)}
.hero-film-invitation>p {color:#e6dfcf;font-size:16px;line-height:1.8;max-width:430px}
.hero-video-first .hero-actions {margin-top:21px;gap:16px 24px}
.hero-video-first .hero-actions .button {padding:13px 21px;gap:13px;min-height:48px}
.hero-video-first .hero-actions .button svg {width:18px;height:18px}
.hero-video-first :focus-visible {outline-color:var(--gold)}
@media(max-width:900px) {
  .hero-film-intro {gap:26px;padding-block:34px 40px}
  .hero-film-intro h1 {font-size:36px}
}
@media(max-width:640px) {
  .brand-home-hero.hero-video-first {display:block}
  .hero-brand-film {max-height:none}
  .hero-film-caption {padding:9px 22px;font-size:9px;letter-spacing:.08em}
  .hero-film-intro {display:block;padding:26px 22px 32px}
  .hero-film-intro .eyebrow {font-size:9px;letter-spacing:.12em;margin-bottom:11px}
  .hero-film-intro h1 {font-size:clamp(31px,8.7vw,40px);line-height:1.4;max-width:100%}
  .hero-film-invitation {margin-top:17px}
  .hero-film-invitation>p {font-size:15px;line-height:1.85}
  .hero-video-first .hero-actions {margin-top:18px;gap:12px 22px}
  .hero-video-first .hero-actions .button {font-size:14px;padding-inline:18px}
  html:lang(en) .hero-film-intro h1 {font-size:clamp(32px,8.6vw,40px);line-height:1.12}
}
@media(max-width:360px) {
  .hero-film-intro {padding-inline:18px}
  .hero-film-caption {padding-inline:18px}
  .hero-video-first .hero-actions {gap:12px 18px}
}

/* V15 homepage: photographic chapters, an original Ah Gong identity and real life.
   Every selector is scoped to this homepage; menu, film and branch data are retained. */
.home-v15 .hero-film-intro {padding-block:32px 38px}
.home-v15 .hero-film-intro h1 {font-size:clamp(34px,3.2vw,48px)}
.home-v15 .hero-film-invitation>p {font-size:15px}
.heritage-v15 {background:var(--paper)}
.heritage-stage-v15 {position:relative;isolation:isolate;height:clamp(470px,43vw,650px);overflow:hidden;background:var(--deep)}
.heritage-picture-v15 {position:absolute;inset:0}
.heritage-picture-v15 picture,.heritage-picture-v15 img {width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.heritage-shade-v15 {position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(17,40,27,.79),rgba(17,40,27,.38) 33%,transparent 67%)}
.heritage-title-v15 {position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:var(--on-green)}
.heritage-title-v15 .eyebrow {color:var(--gold);font-size:11px;letter-spacing:.18em;margin-bottom:20px}
.heritage-title-v15 h2 {font-size:clamp(46px,5.5vw,78px);line-height:1.33;max-width:640px;letter-spacing:.02em}
.heritage-title-v15 .accent-line {color:var(--gold)}
.heritage-scene-note-v15 {position:absolute;right:24px;bottom:14px;z-index:3;font:10px/1.7 var(--body);color:#fff7e8;background:rgba(20,40,29,.5);padding:3px 8px;max-width:calc(100% - 48px)}
.heritage-afterword-v15 {display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:38px;align-items:center;padding-block:27px 31px}
.heritage-afterword-v15>figure {width:120px}
.heritage-afterword-v15>figure img {width:100%;height:auto;mix-blend-mode:multiply}
.heritage-afterword-v15 p {max-width:640px;font-size:16px;line-height:1.85;color:var(--ink)}
.heritage-afterword-v15 .text-link {margin-top:8px}
.heritage-signoff-v15 {font:12px/1.9 var(--english);letter-spacing:.1em;color:var(--red);align-self:center}
.chapter-top-v15 {display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
.chapter-top-v15 .eyebrow {margin-bottom:13px;font-size:10px}
.chapter-top-v15 h2 {font-size:clamp(34px,3.8vw,52px);line-height:1.36}
.chapter-top-v15>.text-link {flex:none}
.signature-chapter-v15 {background:#ece5d6;padding-block:54px 64px}
.signature-gallery-v15 {display:grid;grid-template-columns:1.8fr 1fr;gap:34px;align-items:start}
.signature-supports-v15 {display:grid;gap:23px}
.signature-photo-v15 {display:block;min-height:44px;overflow:hidden}
.signature-photo-v15 img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;filter:none;transform:none}
.signature-caption-v15 {display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:15px;align-items:start;padding:17px 0 19px;border-bottom:1px solid var(--line)}
.signature-lead-v15 h3 {font-size:clamp(24px,2.5vw,34px);line-height:1.45}
.signature-small-v15 h3 {font-size:20px;line-height:1.55}
.signature-small-v15 .dish-en {font-size:14px;line-height:1.5}
.signature-note-v15 {font-size:15px;line-height:1.8;color:var(--muted);margin-top:13px}
.signature-arrow-v15 {position:relative;display:grid;place-items:center;width:44px;height:44px}
.signature-arrow-v15>span {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.signature-arrow-v15 svg {width:29px;transition:transform .2s ease}
.signature-arrow-v15:hover svg {transform:translateX(4px)}
.kopi-chapter-v15 {background:var(--deep);color:var(--on-green)}
.kopi-grid-v15 {display:grid;grid-template-columns:.95fr 1.05fr;grid-template-areas:'copy drink' 'process drink';gap:32px 74px;align-items:start;padding-block:62px 66px}
.kopi-copy-v15 {grid-area:copy;align-self:end}
.kopi-copy-v15 .eyebrow {color:var(--gold);font-size:10px;margin-bottom:17px}
.kopi-copy-v15 h2 {font-size:clamp(42px,5.8vw,78px);line-height:1.28;letter-spacing:.02em}
.kopi-copy-v15 .accent-line {color:var(--gold)}
.kopi-copy-v15>p {max-width:390px;margin-top:23px;font-size:16px;line-height:1.85;color:#e0dccf}
.kopi-copy-v15 .text-link {margin-top:13px}
.kopi-signature-v15 {grid-area:drink;width:min(100%,520px);justify-self:end}
.kopi-signature-v15 img {width:100%;height:auto;object-fit:contain}
.kopi-signature-v15 figcaption {padding-top:17px}
.kopi-signature-v15 h3 {font-size:23px;line-height:1.5}
.kopi-signature-v15 .dish-en {color:#d6cfb9}
.kopi-process-v15 {grid-area:process;width:84%;max-width:440px;align-self:start}
.kopi-process-v15 img {width:100%;height:auto;object-fit:contain}
.kopi-process-v15 figcaption {font-size:11px;line-height:1.75;color:#d8d3c2;margin-top:9px}
.life-chapter-v15 {padding-block:64px 68px}
.life-grid-v15 {display:grid;grid-template-columns:1.55fr 1fr;gap:50px;align-items:start}
.life-main-v15 img,.life-details-v15 img {width:100%;height:auto;object-fit:contain}
.life-grid-v15 figcaption {font-size:11px;line-height:1.75;color:var(--muted);margin-top:10px}
.life-copy-v15 {margin-top:25px;max-width:590px}
.life-copy-v15 h3 {font-size:32px;line-height:1.55}
.life-copy-v15 p {font-size:16px;line-height:1.85;color:var(--muted);margin-top:17px;max-width:520px}
.life-details-v15 {display:grid;gap:28px;padding-top:4px}
.home-v15 .home-visits {--muted:#ded8c8;--ink:#f5eedf;--line:rgba(245,238,223,.21);background:#2a402e;color:var(--on-green)}
.home-v15 .home-visits .eyebrow,.home-v15 .home-visits .small-label {color:var(--gold)}
.home-v15 .home-visits .accent-line {color:var(--gold)}
.home-v15 .home-visits .button {background:var(--paper);color:#2d4030}
.home-v15 .home-visits .button:hover {background:var(--gold)}
.home-v15 .home-visits :focus-visible {outline-color:var(--gold)}
.home-v15 .family-invitation {background:#ede4d0}
html:lang(en) .home-v15 .dish-en {display:none}
html:lang(en) .heritage-title-v15 h2 {font-size:clamp(44px,5vw,72px);max-width:650px;line-height:1.12}
html:lang(en) .kopi-copy-v15 h2 {font-size:clamp(44px,5.2vw,70px);line-height:1.12}
@media(max-width:900px) {
  .heritage-stage-v15 {height:500px}
  .heritage-afterword-v15 {grid-template-columns:105px minmax(0,1fr);gap:28px}
  .heritage-afterword-v15>figure {width:105px}
  .heritage-signoff-v15 {display:none}
  .signature-gallery-v15 {gap:25px;grid-template-columns:1.5fr 1fr}
  .signature-small-v15 h3 {font-size:18px}
  .kopi-grid-v15 {gap:28px 38px;padding-block:50px}
  .kopi-copy-v15 h2 {font-size:52px}
  .life-grid-v15 {gap:30px;grid-template-columns:1.3fr 1fr}
  .life-copy-v15 h3 {font-size:27px}
}
@media(max-width:640px) {
  .home-v15 .hero-film-intro {padding-block:23px 28px}
  .home-v15 .hero-film-intro h1 {font-size:clamp(31px,8.4vw,38px)}
  .home-v15 .hero-film-intro .eyebrow {margin-bottom:9px}
  .home-v15 .hero-film-invitation {margin-top:13px}
  .heritage-stage-v15 {height:auto;aspect-ratio:4/5}
  .heritage-picture-v15 picture,.heritage-picture-v15 img {object-position:50% 65%}
  .heritage-shade-v15 {background:linear-gradient(180deg,rgba(17,40,27,.72),rgba(17,40,27,.2) 45%,transparent 69%,rgba(17,40,27,.32))}
  .heritage-title-v15 {position:absolute;inset:0;justify-content:flex-start;padding-top:28px}
  .heritage-title-v15 .eyebrow {font-size:9px;margin-bottom:13px;letter-spacing:.14em}
  .heritage-title-v15 h2 {font-size:clamp(37px,10.7vw,46px);line-height:1.31;max-width:100%}
  .heritage-scene-note-v15 {right:14px;bottom:10px;font-size:9px;max-width:calc(100% - 28px)}
  .heritage-afterword-v15 {grid-template-columns:94px minmax(0,1fr);gap:21px;padding:24px 22px 28px}
  .heritage-afterword-v15>figure {width:94px;align-self:start}
  .heritage-afterword-v15 p {font-size:15px;line-height:1.8}
  .heritage-afterword-v15 .text-link {font-size:14px;gap:12px;margin-top:9px}
  .heritage-afterword-v15 .text-link svg {width:24px}
  .chapter-top-v15 {display:block;margin-bottom:25px}
  .chapter-top-v15 h2 {font-size:clamp(32px,9.4vw,40px);line-height:1.38}
  .chapter-top-v15>.text-link {margin-top:14px}
  .chapter-top-v15 .eyebrow {font-size:9px;letter-spacing:.11em;margin-bottom:11px}
  .signature-chapter-v15 {padding-block:36px 39px}
  .signature-gallery-v15 {display:block}
  .signature-lead-v15 h3 {font-size:27px;line-height:1.4}
  .signature-caption-v15 {gap:10px;padding:15px 0 17px}
  .signature-note-v15 {font-size:15px;margin-top:10px}
  .signature-supports-v15 {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
  .signature-small-v15 h3 {font-size:18px;line-height:1.6}
  .signature-small-v15 .signature-caption-v15 {display:block;padding-top:13px}
  .signature-small-v15 .dish-en {font-size:13px;line-height:1.6;margin-top:6px}
  .signature-small-v15 .signature-arrow-v15 {margin-top:4px;justify-content:start}
  .kopi-grid-v15 {grid-template-columns:1fr;grid-template-areas:'copy' 'drink' 'process';gap:28px;padding-block:39px 41px}
  .kopi-copy-v15 h2 {font-size:46px;line-height:1.28}
  .kopi-copy-v15 .eyebrow {font-size:9px;margin-bottom:12px}
  .kopi-copy-v15>p {font-size:15px;line-height:1.8;margin-top:18px;max-width:none}
  .kopi-copy-v15 .text-link {margin-top:11px}
  .kopi-signature-v15 {width:100%;max-width:none}
  .kopi-signature-v15 h3 {font-size:23px}
  .kopi-signature-v15 .dish-en {font-size:15px}
  .kopi-process-v15 {width:76%;margin-top:1px}
  .kopi-process-v15 figcaption {font-size:10px}
  .life-chapter-v15 {padding-block:37px 43px}
  .life-grid-v15 {display:block}
  .life-copy-v15 {margin-top:20px}
  .life-copy-v15 h3 {font-size:27px;line-height:1.5}
  .life-copy-v15 p {font-size:15px;line-height:1.8;margin-top:14px}
  .life-details-v15 {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:0;margin-top:25px;align-items:start}
  .life-grid-v15 figcaption {font-size:10px;line-height:1.8;margin-top:8px}
  .home-v15 .home-visits .section {padding-block:38px 43px}
  html:lang(en) .heritage-title-v15 h2 {font-size:clamp(31px,8.8vw,39px);line-height:1.1;max-width:340px}
  html:lang(en) .kopi-copy-v15 h2 {font-size:43px;line-height:1.12}
}
@media(max-width:360px) {
  .heritage-afterword-v15 {grid-template-columns:82px minmax(0,1fr);gap:17px;padding-inline:18px}
  .heritage-afterword-v15>figure {width:82px}
  .signature-supports-v15 {grid-template-columns:minmax(0,1fr)}
  .signature-small-v15 .signature-caption-v15 {display:grid}
  .signature-small-v15 .signature-arrow-v15 {margin-top:0;justify-content:center}
  .life-details-v15 {gap:14px}
}
@media(prefers-reduced-motion:reduce) {
  .signature-arrow-v15 svg {transition:none}
}

/* V16 — a living kopitiam journal. Photographs, confident titles, clear facts. */
html:root {--font-display:var(--display);--font-body:var(--body)}
body {font-size:16px;line-height:1.8}
h1[data-zh],h2[data-zh],h3[data-zh] {font-weight:600;letter-spacing:.005em}
h1[data-zh] {line-height:1.3}
h2[data-zh] {line-height:1.35}
h3[data-zh] {line-height:1.45}
html:lang(en) h1[data-zh],html:lang(en) h2[data-zh],html:lang(en) h3[data-zh] {font-weight:500;letter-spacing:-.025em}
.eyebrow,.small-label {font-weight:500;letter-spacing:.12em}
.dish-en {font-weight:400;line-height:1.5}
.text-link,.button {font-weight:600;min-height:46px}
.text-link {gap:20px}
.button {border-radius:0}
.text-link:hover {color:var(--red)}
.text-link.light:hover {color:var(--gold)}
.site-header .text-link:hover {color:var(--gold)}
.site-header {height:var(--header-height)}
.site-header .header-inner {height:100%}
.desktop-nav a {font-size:13px;font-weight:500}
.brand-logo {width:276px}
.header-inner {gap:24px}
.desktop-nav {gap:21px}
.site-footer {border-top:1px solid rgba(213,179,120,.35)}
.footer-intro>p {font-family:var(--display);font-weight:600}
.footer-top strong,.branch-facts h2,.contact-main h2,.member-path h3 {
  font-family:var(--body);font-size:18px;line-height:1.5;font-weight:600;letter-spacing:.02em;
}
.closing-invitation {background:var(--cream)}
.closing-inner {padding-block:46px 50px}
.closing-inner h2 {font-size:clamp(32px,3.3vw,48px)}
.tile-band {height:16px;background-color:var(--cream);background-image:url('/assets/heritage-tile.svg');background-size:32px 32px;background-position:center}

/* Desktop cinema occupies the complete first viewport. The whole real frame,
   including people and burned-in subtitles, remains visible at any screen ratio. */
@media(min-width:1024px) and (min-aspect-ratio:1/1) {
  .page-home .hero-film-stage {
    width:100%;max-width:none;height:calc(100svh - var(--header-height));
    min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 30px;
    background:#10251b;
  }
  .page-home .hero-brand-film {width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;object-fit:contain}
  .page-home .hero-film-caption {padding:0 30px;font-size:9px;align-items:center;background:#182e22}
}
.page-home .hero-film-intro {padding-block:34px 40px}
.page-home .hero-film-intro h1 {font-size:clamp(36px,3.6vw,56px);line-height:1.3}
.page-home .chapter-top-v15 h2 {font-size:clamp(36px,4vw,56px);line-height:1.3}
.page-home .heritage-title-v15 h2,.page-home .kopi-copy-v15 h2 {font-weight:600}
.page-home .signature-lead-v15 h3 {font-size:clamp(27px,2.6vw,36px)}
.page-home .signature-small-v15 h3 {font-size:22px}
.page-home .heritage-afterword-v15 {padding-block:28px}
.page-home .signature-chapter-v15 {padding-block:50px 56px}
.page-home .life-chapter-v15 {padding-block:54px 60px}
.page-home .life-copy-v15 h3 {font-size:clamp(27px,2.8vw,37px);line-height:1.4}

/* Catalogue openings are composed photographs with a compact, useful lead. */
.catalogue-opening-v16 {background:var(--cream);margin-bottom:32px}
.catalogue-opening-inner-v16 {display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-block:36px}
.catalogue-heading-v16 h1 {font-size:clamp(44px,4.3vw,64px);line-height:1.3}
.catalogue-heading-v16 .page-intro {max-width:31em;margin-top:20px;line-height:1.85}
.catalogue-photo-v16 {justify-self:end;width:100%;max-width:470px}
.catalogue-photo-v16 img {width:100%;height:auto;object-fit:contain}
.catalogue-photo-v16 figcaption {font:12px/1.7 var(--body);color:var(--muted);padding-top:9px}
.page-full-menu .catalogue-opening-inner-v16 {grid-template-columns:1.1fr .9fr}
.page-full-menu .catalogue-photo-v16 {max-width:470px}
.page-full-menu .catalogue-photo-v16 img {max-height:none}
.food-card-top h3 {font-size:23px;line-height:1.5}
.food-info .food-description {font-size:15px;line-height:1.85}
.food-info .dish-en {font-size:16px}
.menu-food-grid {gap:38px 28px}
.menu-sidebar {border-top:1px solid var(--line)}
.menu-filter {padding-inline:5px}
.image-action {width:44px;height:44px;right:10px;bottom:10px}
.full-menu-toolbar {gap:20px}
.full-menu-tabs button {font-weight:500}

/* Drinks: a strong signature first; names stay attached to their complete cups. */
.drinks-opening-v16 {display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'heading photograph' 'details photograph';gap:20px 72px;align-items:center;padding-block:44px 48px}
.drink-heading-v16 {grid-area:heading;align-self:end}
.drink-heading-v16 h1 {font-size:clamp(46px,4.7vw,68px);line-height:1.3}
.drink-heading-v16>p {font-size:16px;line-height:1.85;margin-top:22px;max-width:31em;color:var(--muted)}
.drinks-opening-v16 .drink-hero-scene {grid-area:photograph;width:100%;max-width:480px;justify-self:end}
.drink-details-v16 {grid-area:details;align-self:start;max-width:520px;border-top:1px solid var(--line);padding-top:22px}
.drink-details-v16 .drink-story-copy {padding:0;border:0;margin:0}
.drink-details-v16 .drink-story-copy h3 {font-size:28px;line-height:1.45}
.drink-details-v16>.text-link {margin-top:14px}
.drink-chapter {padding-block:38px 48px}
.drink-chapter-heading h2 {font-size:clamp(32px,3.7vw,49px)}
.drink-chapter-heading>p {line-height:1.8}
.drink-story-copy h3 {font-size:26px;line-height:1.45}
.drink-story-copy .food-description {line-height:1.85}
.drink-chapter.paired .drink-story:not(.drink-text-story):nth-child(2) {padding-top:36px}
.vocabulary-layout {padding-block:44px;gap:60px;grid-template-columns:1fr 1.1fr;align-items:center}
.vocabulary-layout h2 {font-size:clamp(32px,3.4vw,46px)}
.vocabulary-layout>div>p {max-width:32em;margin-top:17px}
.vocabulary-photo-v16 {margin-top:24px;width:100%;max-width:420px}
.vocabulary-photo-v16 img {width:100%;height:auto}
.vocabulary-photo-v16 figcaption {font:11px/1.7 var(--body);color:#dbd5c4;padding-top:9px}
.vocabulary-list h3 {font-size:25px}
.vocabulary-list article {grid-template-columns:1fr;gap:12px;padding-block:20px}
.vocabulary-list article>div {display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}
.vocabulary-list .dish-en {margin:0}
.vocabulary-list p {font-size:16px;line-height:1.8;max-width:32em}
.classic-drinks .section {padding-block:44px 52px}
.classic-drinks h2 {font-size:clamp(33px,3.6vw,48px)}
.classic-scene-card .drink-story-copy h3 {font-size:23px;line-height:1.45}
.classic-scene-card .drink-story-copy .dish-en {font-size:15px}
.classic-scene-card .temperature {font-size:13px;margin-top:8px}

/* Real places and useful facts. Large photographs carry their own identity. */
.page-locations .editorial-opening {display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:end;padding-block:42px 32px}
.page-locations .editorial-opening>.eyebrow {grid-column:1/-1}
.page-locations .editorial-opening h1 {font-size:clamp(40px,4.2vw,60px)}
.page-locations .opening-intro {margin-top:0;max-width:32em}
.page-locations .outlet-directory>.outlet-with-photo:first-child {border-top:0;padding-top:8px}
.outlet-with-photo .outlet-real-content {align-self:center}
.outlet-editorial-name h2 {font-size:clamp(34px,3.6vw,48px)}
.outlet-official {font-size:19px;line-height:1.5}
.outlet-invitation {line-height:1.85}
.outlet-editorial-facts address {line-height:1.8}
.hours-large {font-size:29px}
.branch-real-title h1 {font-size:clamp(42px,4.4vw,64px)}
.branch-official {font-size:22px;line-height:1.45}
.branch-facts h2 {font-size:16px;color:var(--red);margin-bottom:14px}
.branch-real-gallery .editorial-section-top h2 {font-size:clamp(30px,3.4vw,46px)}
.branch-real-gallery-grid {gap:30px}
.visit-real-space .visit-table-inner {padding-block:42px}

/* Membership: an invitation to a real table, with the original Ah Gong. */
.member-editorial-hero {background:var(--deep);color:var(--paper)}
.member-editorial-layout {grid-template-columns:1fr 1.1fr;gap:64px;padding-block:48px 50px}
.member-editorial-layout h1 {font-size:clamp(42px,4.5vw,64px);line-height:1.3}
.member-editorial-layout .eyebrow,.member-editorial-layout .accent-line {color:var(--gold)}
.member-editorial-layout>div>p {color:#e4ddcb;max-width:31em;line-height:1.85}
.member-editorial-layout>div>.member-lead {font:500 23px/1.6 var(--display);color:var(--paper);margin-top:21px}
.member-editorial-layout .button {margin-top:23px}
.member-visual-v16 {position:relative}
.member-life-v16 img {width:100%;height:auto}
.member-life-v16 figcaption {font:11px/1.7 var(--body);padding-top:10px;color:#d6cfbc}
.member-ahgong-v16 {position:relative;width:125px;max-width:40%;margin:-12px 22px 0 auto;background:var(--paper);padding:13px 15px 10px;transform:rotate(3deg)}
.member-ahgong-v16 img {width:100%;height:auto}
.member-ahgong-v16 figcaption {font:500 11px/1.6 var(--body);color:var(--ink);text-align:center;margin-top:7px}
.member-path {padding-block:44px;gap:64px}
.member-path h2 {font-size:clamp(32px,3.4vw,46px)}
.member-path li p {line-height:1.8}
.member-return {padding-bottom:44px}

/* Contact begins at the actual door, then goes straight to the helpful actions. */
.contact-opening-v16 {background:var(--cream);margin-bottom:36px}
.contact-opening-inner-v16 {display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:36px}
.contact-opening-inner-v16 h1 {font-size:clamp(43px,4.5vw,65px)}
.contact-opening-inner-v16 .opening-intro {max-width:31em;line-height:1.85}
.contact-photo-v16 img {width:100%;height:auto;object-fit:contain}
.contact-photo-v16 figcaption {font:12px/1.7 var(--body);color:var(--muted);margin-top:9px}
.contact-editorial {gap:65px;padding-bottom:44px}
.contact-main h2 {font-size:18px;margin-bottom:13px}
.contact-main>p {line-height:1.8}
.contact-phone {font-size:clamp(31px,3.3vw,46px);letter-spacing:-.025em}
.contact-social .social-name {font-size:27px}

@media(max-width:1100px) {
  .brand-logo {width:260px}
  .catalogue-opening-inner-v16,.contact-opening-inner-v16,.member-editorial-layout {gap:38px}
  .drinks-opening-v16 {gap:20px 40px}
}
@media(max-width:900px) {
  .catalogue-opening-inner-v16 {gap:30px;padding-block:32px}
  .catalogue-heading-v16 h1 {font-size:43px}
  .page-full-menu .catalogue-opening-inner-v16 {grid-template-columns:1.1fr .9fr}
  .drinks-opening-v16 {gap:22px 30px;padding-block:35px}
  .drink-heading-v16 h1 {font-size:43px}
  .vocabulary-layout {gap:35px}
  .member-editorial-layout {gap:35px;padding-block:35px}
  .member-editorial-layout h1 {font-size:42px}
  .member-visual-v16 {padding-bottom:15px}
  .page-locations .editorial-opening {gap:18px 32px}
  .page-locations .editorial-opening h1 {font-size:42px}
  .page-locations .opening-intro {font-size:15px}
}
@media(max-width:640px) {
  html:root {--header-height:72px}
  .brand-logo {width:min(59vw,255px)}
  .header-inner {gap:10px}
  h1[data-zh] {font-size:38px;line-height:1.35}
  h2[data-zh] {font-size:32px;line-height:1.4}
  html:lang(en) h1[data-zh] {font-size:40px;line-height:1.12}
  html:lang(en) h2[data-zh] {font-size:34px;line-height:1.15}
  .eyebrow {font-size:10px;letter-spacing:.1em}
  .page-home .hero-film-intro {padding-block:24px 30px}
  .page-home .hero-film-intro h1 {font-size:36px;line-height:1.35}
  .page-home .chapter-top-v15 h2 {font-size:35px;line-height:1.35}
  .page-home .signature-lead-v15 h3 {font-size:28px}
  .page-home .signature-small-v15 h3 {font-size:21px;line-height:1.5}
  .page-home .life-copy-v15 h3 {font-size:28px}
  .page-home .signature-chapter-v15 {padding-block:34px 38px}
  .page-home .life-chapter-v15 {padding-block:35px 38px}
  .catalogue-opening-v16 {margin-bottom:24px}
  .catalogue-opening-inner-v16,.page-full-menu .catalogue-opening-inner-v16 {grid-template-columns:1fr;gap:24px;padding-block:28px 24px}
  .catalogue-heading-v16 h1 {font-size:38px;line-height:1.32}
  .catalogue-heading-v16 .page-intro {font-size:16px;line-height:1.8;margin-top:17px}
  .catalogue-photo-v16 {max-width:none}
  .page-full-menu .catalogue-photo-v16 {max-width:none;justify-self:center}
  .page-full-menu .catalogue-photo-v16 img {max-height:none}
  .catalogue-photo-v16 figcaption {font-size:11px}
  .food-card-top h3 {font-size:25px;line-height:1.45}
  .food-info .food-description {font-size:16px;line-height:1.8}
  .menu-tools {gap:12px 22px}
  .menu-search {min-width:0;flex-basis:100%}
  .menu-food-grid {gap:29px}
  .full-menu-toolbar {gap:12px}
  .drinks-opening-v16 {grid-template-columns:1fr;grid-template-areas:'heading' 'photograph' 'details';gap:23px;padding-block:28px 32px}
  .drink-heading-v16 h1 {font-size:39px;line-height:1.32}
  .drink-heading-v16>p {font-size:16px;line-height:1.8;margin-top:16px}
  .drinks-opening-v16 .drink-hero-scene {justify-self:center;max-width:430px}
  .drink-details-v16 {max-width:none;padding-top:21px}
  .drink-details-v16 .drink-story-copy h3 {font-size:27px;line-height:1.45}
  .drink-details-v16 .drink-story-copy .food-description {font-size:16px;line-height:1.8}
  .drink-chapter {padding-block:30px 34px}
  .drink-chapter-heading {gap:17px;margin-bottom:23px}
  .drink-chapter-heading h2 {font-size:33px}
  .drink-chapter-heading>p {font-size:16px;line-height:1.8}
  .drink-story-copy h3 {font-size:26px;line-height:1.45}
  .drink-chapter.paired .drink-story:not(.drink-text-story):nth-child(2) {padding-top:0}
  .vocabulary-layout {display:block;padding-block:32px}
  .vocabulary-layout h2 {font-size:32px}
  .vocabulary-photo-v16 {margin-top:22px;max-width:none}
  .vocabulary-list {margin-top:28px}
  .vocabulary-list article {gap:10px;padding-block:19px}
  .vocabulary-list p {font-size:16px;line-height:1.8}
  .classic-drinks .section {padding-block:32px 38px}
  .classic-scene-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
  .classic-scene-card .drink-story-copy {padding-top:13px}
  .classic-scene-card .drink-story-copy h3 {font-size:21px;line-height:1.45}
  .classic-scene-card .drink-story-copy .dish-en {font-size:15px;line-height:1.45;margin-top:6px;overflow-wrap:break-word}
  .classic-scene-card .temperature {font-size:12px}
  .page-locations .editorial-opening {display:block;padding-block:28px 23px}
  .page-locations .editorial-opening h1 {font-size:38px}
  .page-locations .opening-intro {font-size:16px;margin-top:18px;line-height:1.8}
  .outlet-editorial-name h2 {font-size:36px}
  .outlet-official {font-size:20px}
  .hours-large {font-size:28px}
  .branch-real-title h1 {font-size:38px}
  .branch-facts h2 {font-size:16px}
  .branch-real-gallery-grid {gap:24px}
  .member-editorial-layout {grid-template-columns:1fr;gap:28px;padding-block:29px 31px}
  .member-editorial-layout h1 {font-size:38px}
  .member-editorial-layout>div>.member-lead {font-size:22px;margin-top:19px}
  .member-editorial-layout>div>p {font-size:16px;line-height:1.8}
  .member-visual-v16 {padding-bottom:0}
  .member-ahgong-v16 {width:100px;margin:-12px 17px 0 auto;padding:10px 12px}
  .member-path {gap:26px;padding-block:32px}
  .member-path h2 {font-size:32px}
  .member-path h3 {font-size:18px}
  .member-path li p {font-size:16px;line-height:1.8}
  .member-return {padding-bottom:34px}
  .contact-opening-v16 {margin-bottom:29px}
  .contact-opening-inner-v16 {grid-template-columns:1fr;gap:23px;padding-block:28px 24px}
  .contact-opening-inner-v16 h1 {font-size:38px}
  .contact-opening-inner-v16 .opening-intro {font-size:16px;line-height:1.8;margin-top:17px}
  .contact-photo-v16 figcaption {font-size:11px}
  .contact-editorial {gap:29px;padding-bottom:34px}
  .contact-main h2 {font-size:18px}
  .contact-phone {font-size:32px}
  .closing-inner {padding-block:30px 34px}
  .closing-inner h2 {font-size:33px}
  .footer-intro>p {font-size:21px}
}
@media(max-width:360px) {
  .brand-logo {width:min(57vw,205px)}
  .header-inner {gap:8px}
  .catalogue-heading-v16 h1,.drink-heading-v16 h1,.member-editorial-layout h1,.contact-opening-inner-v16 h1 {font-size:35px}
  .page-home .hero-film-intro h1 {font-size:33px}
  .classic-scene-grid {gap:25px 14px}
  .classic-scene-card .drink-story-copy h3 {font-size:20px}
  .page-home .signature-small-v15 h3 {font-size:24px}
  .contact-phone {font-size:29px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .text-link svg,.button {transition:none}
}