.hero{padding-top:calc(var(--header-h) + var(--s-6));padding-bottom:var(--s-8)}.hero-grid{gap:var(--s-7);align-items:center;display:grid}.hero .display{margin-top:var(--s-5);font-size:var(--step-4);letter-spacing:-.025em;line-height:1.08}.hero .display em{color:var(--caramel)}.hero-lede{max-width:30ch;margin-top:var(--s-5);font-size:var(--step-1);color:var(--ink-muted);line-height:1.5}.hero .actions{margin-top:var(--s-6)}.hero-media{aspect-ratio:4/5;width:100%}.hero-media img{object-fit:cover;background:var(--paper-2);width:100%;height:100%}@media (width>=900px){.hero{min-height:100dvh;padding-bottom:var(--s-7);align-items:center;display:flex}.hero-grid{gap:var(--s-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hero-media{width:min(100%, calc((100dvh - var(--header-h) - var(--s-9)) * .8));justify-self:end}}.story-grid{gap:var(--s-7);align-items:center;display:grid}.story-media{padding:0 18% 14% 0;position:relative}.story-tall{aspect-ratio:4/5}.story-tall img,.story-small img{object-fit:cover;width:100%;height:100%}.story-small{aspect-ratio:3/4;border:var(--s-2) solid var(--paper);border-radius:calc(var(--r) + var(--s-2));width:44%;position:absolute;bottom:0;right:0;overflow:hidden}.story-small img{border-radius:var(--r)}.story-lede{margin-top:var(--s-5);font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.01em;line-height:1.35}.story-lede em{color:var(--bark)}.story-text{max-width:48ch;margin-top:var(--s-4);color:var(--ink-muted)}.facts{gap:var(--s-5);margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.facts dt{font-family:var(--font-display);font-size:var(--step-1);line-height:1.25}.facts dd{margin-top:var(--s-1);font-size:var(--step--1);color:var(--ink-muted)}@media (width>=900px){.story-grid{gap:var(--s-9);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.menu{background:var(--latte)}.menu .section-head p{color:var(--ink)}.menu-grid{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"viet viet""y season""cake daxay";display:grid}.area-viet{grid-area:viet}.area-y{grid-area:y}.area-season{grid-area:season}.area-cake{grid-area:cake}.area-daxay{grid-area:daxay}.menu-card{gap:var(--s-3);grid-template-rows:auto auto;display:grid}.menu-card .media{aspect-ratio:4/5}.menu-card.area-viet .media{aspect-ratio:4/3}.caption p{margin-top:var(--s-1);font-size:var(--step--1);color:var(--ink-muted)}.menu-more{justify-content:space-between;align-items:center;gap:var(--s-4) var(--s-5);margin-top:var(--s-5);padding:var(--s-5);background:var(--paper);border-radius:var(--r);flex-wrap:wrap;display:flex}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chips li{padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--step--1);font-weight:600}@media (width>=1024px){.menu-grid{grid-template-rows:320px 320px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"viet viet y season""viet viet cake daxay"}.menu-card{grid-template-rows:minmax(0,1fr) auto}.menu-card .media,.menu-card.area-viet .media{aspect-ratio:auto;min-height:200px}.menu-more{padding:var(--s-5) var(--s-6)}}.space-grid{gap:var(--s-4);margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) var(--s-2);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;display:flex;overflow-x:auto}.zone{scroll-snap-align:start;flex:0 0 min(82%,400px)}.zone .media{aspect-ratio:4/5}.zone figcaption{margin-top:var(--s-3)}.zone figcaption p{margin-top:var(--s-1);font-size:var(--step--1);color:var(--ink-muted)}@media (width>=1024px){.space-grid{gap:var(--s-6) var(--s-5);grid-template-columns:minmax(0,3.5fr) minmax(0,3.5fr) minmax(0,5fr);grid-template-areas:"indoor indoor sidewalk""balcony high sidewalk";margin:0;padding:0;display:grid;overflow:visible}.zone-indoor{grid-area:indoor}.zone-balcony{grid-area:balcony}.zone-high{grid-area:high}.zone-sidewalk{grid-area:sidewalk;grid-template-rows:minmax(0,1fr) auto;display:grid}.zone-indoor .media{aspect-ratio:16/10}.zone-balcony .media,.zone-high .media{aspect-ratio:4/3}.zone-sidewalk .media{aspect-ratio:auto;min-height:400px}}.branch-grid{gap:var(--s-5);display:grid}.branch{background:var(--paper-2);border-radius:var(--r);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.branch-map{aspect-ratio:16/10;background:var(--latte)}.branch-map iframe{border:0;width:100%;height:100%}.branch-body{gap:var(--s-4);padding:var(--s-5);flex-direction:column;display:flex}.branch-label{font-size:var(--step--1);color:var(--bark);font-weight:700}.branch-body h3{margin-top:calc(var(--s-3) * -1);font-size:var(--step-2)}.branch-info{gap:var(--s-2);font-size:.9375rem;display:grid}.branch-info li{gap:var(--s-3);align-items:flex-start;display:flex}.branch-info .icon{width:18px;height:18px;margin-top:var(--s-1);color:var(--caramel)}.open-status.is-closed{color:var(--ink-muted)}.open-status:not(.is-closed){color:var(--bark);font-weight:600}.branch .actions{padding-top:var(--s-2);margin-top:auto}.branch .btn .icon{width:18px;height:18px}@media (width>=768px){.branch-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.branch-body{padding:var(--s-6)}}.journal-grid{gap:var(--s-6) var(--s-5);display:grid}.post a{flex-direction:column;height:100%;text-decoration:none;display:flex}.post .media{aspect-ratio:16/9}.post .media img{transition:transform var(--d-slow) var(--ease-out-quart)}.post a:hover .media img{transform:scale(1.04)}.post a:hover h3{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:1px}.post a:focus-visible{outline-offset:8px}.post-meta{padding-top:var(--s-4)}.post time{font-size:var(--step--1);color:var(--ink-muted);display:block}.post h3{margin-top:var(--s-1);text-wrap:pretty}.post-feature h3{font-size:var(--step-2)}.read-more{align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--step--1);color:var(--bark);font-weight:600;display:inline-flex}.read-more .icon{width:16px;height:16px;transition:transform var(--d) var(--ease-out-quart)}.post a:hover .read-more .icon{transform:translate(3px)}@media (width>=900px){.journal-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.post-feature{grid-row:span 2}.post-feature .media{aspect-ratio:auto;flex:1;min-height:280px}}.fnb{padding-block:var(--section-y);background:var(--espresso);color:var(--on-dark-muted);letter-spacing:.005em;line-height:1.72}.fnb-grid{gap:var(--s-7);align-items:center;display:grid}.fnb-media img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:var(--espresso-2);width:100%}.fnb .eyebrow{color:var(--caramel-light)}.fnb h2{margin-top:var(--s-4);color:var(--on-dark)}.fnb-copy>p:not(.eyebrow):not(.fnb-note){max-width:46ch;margin-top:var(--s-4)}.pillars{margin-top:var(--s-6);border-block:1px solid var(--line-dark);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pillars li{padding:var(--s-4) var(--s-3) var(--s-4) 0;font-family:var(--font-display);font-size:var(--step-0);color:var(--on-dark);line-height:1.25}.pillars li+li{padding-left:var(--s-4);border-left:1px solid var(--line-dark)}@media (width>=640px){.pillars{grid-template-columns:auto auto 1fr}.pillars li{padding-right:var(--s-5);font-size:var(--step-1)}.pillars li+li{padding-left:var(--s-5)}}.fnb-note{margin-top:var(--s-6);color:var(--on-dark);font-weight:600}.fnb .actions{margin-top:var(--s-3)}@media (width>=1024px){.fnb-grid{gap:var(--s-9);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fnb-media img{aspect-ratio:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes unveil{0%{clip-path:inset(22% 0 0)}to{clip-path:inset(0)}}@keyframes settle{0%{transform:scale(1.08)}to{transform:none}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise var(--d-slow) var(--ease-out-quart) both}.hero-copy>:nth-child(2){animation-delay:60ms}.hero-copy>:nth-child(3){animation-delay:.12s}.hero-copy>:nth-child(4){animation-delay:.18s}.hero-media img{animation:unveil .8s var(--ease-out-expo) both}.reader[open]{animation:rise .32s var(--ease-out-quart)}.reader[open]::backdrop{animation:fade .32s var(--ease-out-quart)}@supports (animation-timeline:view()){.section-head,.story-copy,.branch,.post,.fnb-copy,.menu-more{animation:rise auto var(--ease-out-quart) both;animation-timeline:view();animation-range:entry entry 40%}.menu-card .media:not(.arch) img,.zone .media:not(.arch) img{animation:settle auto var(--ease-out-quart) both;animation-timeline:view();animation-range:entry cover 45%}}}