@font-face{font-family:'Lilita One';src:url('./assets/fonts/lilita-one.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url('./assets/fonts/archivo-black.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DM;src:url('./assets/fonts/dm-sans.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DM;src:url('./assets/fonts/dm-sans-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--cream:#fff6e5;--ink:#23201f;--orange:#fc5603;--orange-text:#b83a00;--pink:#ed80b2;--hot-pink:#ef299c;--mint:#82c9aa;--yellow:#f2ee36;--display:Archivo,sans-serif;--body:DM,Arial,sans-serif;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:var(--orange) var(--ink)}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%}p,h1,h2,h3,figure,dl{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em;text-wrap:balance}h1,h2{line-height:1.03}button[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid var(--hot-pink);outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.ui-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--yellow);padding:14px;z-index:100}.skip-link:focus{top:12px}
/* A masthead with the presence of the café's own sign. */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px var(--gutter);background:var(--ink);color:var(--cream);position:relative;z-index:10;border-bottom:5px solid var(--orange)}.header-identity{display:flex;align-items:center;gap:24px}.brand{display:block;flex-shrink:0}.brand-crop{display:block;position:relative;width:123px;height:83px;background:var(--orange);overflow:hidden;border-radius:6px}.brand-crop img{position:absolute;max-width:none;width:250px;height:auto;left:-65px;top:-59px}.header-location{font-size:15px;line-height:1.5;border-left:1px solid #ffffff42;padding-left:24px;font-weight:700}.header-location span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;color:#e8d9c7}.header-location .ui-icon{width:16px;height:16px}.desktop-nav{display:flex;align-items:center;gap:27px;font-size:15px;font-weight:700}.desktop-nav a{padding:12px 0;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:12px}.order-link{display:flex;align-items:center;gap:20px;background:var(--orange);color:var(--ink);padding:14px 20px;border-radius:5px;font-size:15px;font-weight:700;transition:background .2s}.order-link:hover{background:var(--yellow)}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid currentColor;border-radius:50%}.icon-button:hover{background:var(--yellow);color:var(--ink)}.menu-toggle{display:none}.mobile-nav{position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:12px var(--gutter) 24px;border-bottom:5px solid var(--orange)}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff40;font-size:18px;font-weight:700}
/* The interactive object has its own full-bleed stage. */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;max-width:1800px;margin:auto}.hero-copy{padding:64px 32px 30px var(--gutter);display:flex;flex-direction:column;justify-content:center}h1{font-size:clamp(56px,6vw,96px);margin-bottom:28px}.orange-word{color:var(--orange-text)}.pink-period{color:var(--hot-pink)}.hero-intro{font-size:19px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-radius:5px;padding:11px 12px 11px 22px;font-size:15px;font-weight:700;transition:background .2s}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:#483427}.button-arrow{width:36px;height:36px;border-left:1px solid #ffffff50;display:grid;place-items:center;padding-left:10px}.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:700;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link:hover .ui-icon{transform:translate(2px,-2px)}.text-link .ui-icon{transition:transform .2s}.hero-signoff{display:flex;align-items:center;gap:18px;justify-content:space-between;border-top:1px solid #23201f30;padding-top:22px;margin-top:58px;font-size:14px;max-width:450px}.colour-swatch{display:flex;gap:5px}.colour-swatch i{display:block;width:12px;height:20px;background:var(--orange)}.colour-swatch i:nth-child(2){background:var(--hot-pink)}.colour-swatch i:nth-child(3){background:var(--yellow)}.colour-swatch i:nth-child(4){background:var(--mint)}.hero-art{position:relative;isolation:isolate;min-width:0;min-height:640px;background:var(--yellow);overflow:hidden}.hero-backdrop{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.cult-scene{position:absolute;inset:0 -6% 0;z-index:2;touch-action:pan-y;cursor:grab}.cult-scene:active{cursor:grabbing}.cult-scene canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.scene-bottom{position:absolute;bottom:23px;left:25px;right:25px;z-index:3;display:flex;align-items:center;justify-content:space-between}.scene-hint{display:flex;align-items:center;gap:8px;font-size:14px;background:var(--cream);padding:10px 13px;border-radius:4px}.scene-hint .ui-icon{width:20px;height:20px}.scene-buttons{display:flex;gap:8px}.scene-buttons .icon-button{background:var(--cream);border-color:transparent}.scene-buttons .icon-button:hover{background:var(--yellow)}/* The supplied printed menu becomes a readable digital menu board. */
.section-pad{padding:100px var(--gutter)}.cravings{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:8%;align-items:start}.menu-introduction h2{font-size:clamp(36px,4.1vw,64px)}.menu-introduction h2 span{color:var(--yellow)}.menu-introduction>p{max-width:31ch;font-size:17px;line-height:1.7;margin-top:26px;color:#e2d6cc}.menu-feature{margin:38px 0 26px;max-width:330px}.menu-feature img{width:100%;height:auto;aspect-ratio:.96;object-fit:cover;object-position:center;transform:rotate(-3deg);border:6px solid var(--cream)}.menu-feature figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:14px;max-width:290px}.menu-feature figcaption .ui-icon{display:none}.menu-introduction>.text-link{color:var(--yellow)}.menu-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:32px}.menu-tabs{display:flex;gap:5px}.menu-tabs button{padding:12px 19px;background:transparent;color:var(--cream);border:1px solid #ffffff55;font-size:18px;font-weight:700;border-radius:4px;display:flex;align-items:center;gap:17px}.menu-tabs button span{font-size:13px;opacity:.8}.menu-tabs button[aria-selected=true]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.menu-tabs button:hover:not([aria-selected=true]){background:#49403d}.price-note{font-size:14px;white-space:nowrap;color:#ded0c2}.menu-category{border-top:1px solid #fff5e552}.menu-category:last-child{border-bottom:1px solid #fff5e552}.menu-category>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;padding:22px 0;font-size:clamp(21px,2.25vw,30px);font-weight:700;line-height:1.2;transition:color .2s}.menu-category>summary::-webkit-details-marker,.original-menu>summary::-webkit-details-marker{display:none}.menu-category>summary:hover,.menu-category[open]>summary{color:var(--yellow)}.category-meta{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:400;white-space:nowrap;color:var(--cream)}.category-meta .ui-icon{transition:transform .25s ease}.menu-category[open] .category-meta .ui-icon{transform:rotate(45deg);color:var(--yellow)}.menu-items{padding-bottom:18px}.menu-item{display:grid;grid-template-columns:1fr auto;gap:20px;padding:15px 0;border-top:1px solid #ffffff15}.menu-item dt{min-width:0}.menu-item dd{margin:0;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--yellow)}.item-name{display:block;font-size:17px;font-weight:700;line-height:1.4}.item-description{display:block;font-size:15px;line-height:1.55;color:#e2d6cc;margin-top:5px;max-width:57ch}.item-flavours{display:block;font-size:14px;line-height:1.65;color:var(--mint);margin-top:7px;max-width:52ch}.menu-footnote{font-size:13px;color:#d4c5b9;margin-top:23px}.original-menu{margin-top:20px}.original-menu>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding-block:12px;font-size:14px;font-weight:700;list-style:none;border-bottom:1px solid #ffffff45}.menu-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding-top:24px}.menu-source-grid img{width:100%;height:auto}.menu-source-grid a>span{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:9px;gap:10px}.menu-source-grid .ui-icon{width:18px;height:18px}
/* A social interlude, using the café's own campaign artwork. */
/* An actual embedded map is the location section's centrepiece. */
.visit{background:var(--mint);display:grid;grid-template-columns:.8fr 1.35fr;gap:8%;align-items:center}.visit h2{font-size:clamp(44px,5vw,76px)}.visit h2 span{color:#295740}.visit-copy>p{font-size:18px;max-width:25ch;margin-top:22px}.cafe-address{font-style:normal;font-size:17px;line-height:1.75;margin:27px 0}.location-map{min-width:0;background:var(--cream);border:1px solid var(--ink);box-shadow:10px 16px 30px #28564018}.map-heading{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;background:var(--ink);color:var(--cream);font-size:14px}.map-heading>span:first-child{font-weight:700}.location-map iframe{display:block;width:100%;height:430px;border:0;background:#eee9db}.map-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;font-size:14px;font-weight:700;border-top:1px solid #23201f25}.map-footer:hover{background:var(--yellow)}
.site-footer{padding:32px var(--gutter) 24px;background:var(--orange);overflow:hidden}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}.footer-top a,.footer-bottom a{display:flex;align-items:center;gap:12px}.footer-top{padding-bottom:20px}.footer-wordmark{font-family:var(--display);font-size:clamp(60px,14.5vw,225px);line-height:1.22;letter-spacing:-.04em;white-space:nowrap}.footer-wordmark>span{color:var(--cream)}.footer-bottom{padding-top:20px;border-top:1px solid #23201f60}.footer-bottom .ui-icon{width:19px;height:19px}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}html:has(body.motion-paused){scroll-behavior:auto}

.brand-line{overflow:hidden;background:var(--yellow);border-block:1px solid var(--ink);padding:21px 0}.brand-track{display:flex;width:max-content;animation:brand-loop 32s linear infinite;will-change:transform}.brand-track-set{display:flex;flex:none;align-items:center;gap:42px;padding-right:42px;font-family:var(--display);font-size:24px;line-height:1.15}.brand-track-set span{white-space:nowrap;display:flex;align-items:center;gap:42px}.brand-track-set span:after{content:'';display:block;width:10px;height:10px;background:var(--hot-pink);border-radius:50%}@keyframes brand-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.culture{background:var(--pink);display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center}.culture-copy h2{font-size:clamp(36px,4.3vw,68px)}.culture-copy h2 span{color:#733251}.culture-copy>p{font-size:18px;line-height:1.75;max-width:37ch;margin:27px 0}.culture-image{margin:0;max-width:530px}.culture-image>img{width:100%;height:auto;transform:rotate(2deg);border:9px solid var(--cream);box-shadow:10px 20px 35px #542f4626}.culture-image figcaption{display:flex;gap:15px;justify-content:space-between;font-size:13px;margin-top:23px}.culture-image figcaption span+span{text-align:right}

@media(min-width:1700px){.hero-copy{padding-left:72px}.hero{border-inline:1px solid #23201f20}.hero-art{min-height:760px}}
@media(max-width:1150px){.header-identity{gap:16px}.header-location{display:none}.desktop-nav{gap:24px}.site-header{padding-block:14px}.hero-copy{padding-top:45px}.hero-art,.hero{min-height:590px}.hero-actions{gap:20px}.button{gap:14px;padding-left:16px}.hero-signoff{margin-top:40px}.cravings{gap:6%;grid-template-columns:.8fr 1.35fr}.category-meta{gap:12px}.culture{gap:7%}.culture-copy h2{font-size:4.5vw}.culture-copy>p{font-size:17px}.culture-note{margin-top:28px}.visit{gap:6%}.location-map iframe{height:400px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:4px;border-color:#ffffff70}.menu-toggle span{height:2px;width:20px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header-location{display:block}.hero-copy{padding-right:20px}h1{font-size:6.2vw}.hero-intro{font-size:17px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-art,.hero{min-height:530px}.hero-signoff{font-size:13px;gap:8px}.colour-swatch i{width:9px}.scene-bottom{left:16px;right:16px;bottom:17px}.scene-hint{font-size:12px;padding:10px}.scene-buttons{gap:5px}.scene-buttons .icon-button{width:38px;height:38px}.section-pad{padding-block:76px}.cravings{grid-template-columns:1fr;gap:40px}.menu-introduction{display:grid;grid-template-columns:1fr .55fr;gap:0 40px;align-items:start}.menu-introduction h2{font-size:48px}.menu-introduction>p{max-width:35ch;margin-top:22px}.menu-feature{grid-column:2;grid-row:1/4;margin:10px 0 0}.menu-introduction>.text-link{justify-self:start;margin-top:22px}.menu-introduction h2 br:nth-child(2){display:none}.menu-feature figcaption{font-size:13px}.menu-board{max-width:none}.menu-category>summary{font-size:27px}.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.menu-category:has(.menu-items .item-flavours) .menu-items{grid-template-columns:1fr}.culture-copy h2{font-size:4.5vw}.culture-copy>p{font-size:16px}.culture-image figcaption span+span{display:none}.visit{grid-template-columns:1fr;gap:38px}.visit-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:start}.visit-copy h2{grid-row:1/4;font-size:58px}.visit-copy>p{margin-top:0}.cafe-address{margin:15px 0 24px}.visit-copy .button{justify-self:start}.location-map iframe{height:400px}}
@media(max-width:620px){:root{--gutter:24px}.site-header{padding:12px 20px;border-bottom-width:4px;gap:16px}.brand-crop{width:93px;height:63px}.brand-crop img{width:190px;left:-49px;top:-45px}.header-location{display:none}.header-actions{gap:9px}.order-link{padding:12px;font-size:13px;gap:10px}.order-link .ui-icon{width:20px;height:20px}.menu-toggle{width:42px;height:44px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:43px var(--gutter) 32px}h1{font-size:clamp(45px,11.8vw,70px);line-height:1.01;margin-bottom:23px}.hero-intro{font-size:17px;line-height:1.6}.hero-actions{margin-top:25px;gap:24px;flex-wrap:nowrap}.hero-signoff{display:none}.button{font-size:14px;gap:17px}.text-link{font-size:14px;gap:12px}.hero-art{min-height:440px;height:112vw;max-height:600px}.cult-scene{inset:-10px -4% 0}.scene-bottom{left:20px;right:20px;bottom:20px}.scene-hint{font-size:14px;padding:11px 12px}.scene-buttons{gap:8px}.scene-buttons .icon-button{width:44px;height:44px}.brand-line{padding:18px 0}.brand-track-set{font-size:19px;gap:28px;padding-right:28px}.brand-track-set span{gap:28px}.section-pad{padding:60px var(--gutter)}.cravings{gap:32px}.menu-introduction{display:block}.menu-introduction h2{font-size:clamp(32px,9.4vw,54px)}.menu-introduction h2 br:first-child{display:none}.menu-introduction h2 br:nth-child(2){display:block}.menu-introduction>p{font-size:16px;max-width:35ch;margin-top:19px}.menu-feature{display:none}.menu-introduction>.text-link{margin-top:23px}.menu-toolbar{margin-bottom:24px;gap:12px}.menu-tabs button{padding:11px 14px;font-size:17px;gap:12px}.price-note{font-size:12px}.menu-category>summary{font-size:23px;padding:21px 0;gap:14px}.category-meta{font-size:12px;gap:9px}.category-meta .ui-icon{width:22px;height:22px}.menu-items{grid-template-columns:1fr;gap:0}.menu-item{gap:18px;padding:15px 0}.item-name{font-size:17px}.item-description{font-size:15px}.menu-item dd{font-size:17px}.original-menu{margin-top:13px}.menu-source-grid{gap:20px 15px}.menu-source-grid a>span{font-size:12px}.culture{grid-template-columns:1fr;gap:40px}.culture-copy h2{font-size:clamp(34px,9vw,53px)}.culture-copy>p{font-size:17px;max-width:37ch}.culture-note{display:none}.culture-image{width:calc(100% - 10px);margin-left:3px;max-width:none}.culture-image>img{border-width:7px}.culture-image figcaption{font-size:13px;margin-top:18px}.culture-image figcaption span+span{display:block;max-width:150px}.visit{gap:32px}.visit-copy{display:block}.visit-copy h2{font-size:clamp(42px,12vw,66px)}.visit-copy>p{margin-top:19px;font-size:17px}.cafe-address{font-size:16px;margin:20px 0 25px}.location-map iframe{height:340px}.map-heading{padding:15px;font-size:13px;gap:15px}.map-footer{padding:14px 15px}.site-footer{padding:28px 24px 23px}.footer-top{flex-wrap:wrap;gap:18px;font-size:13px}.footer-top>span{flex-basis:100%;font-size:16px}.footer-top>a:last-child{margin-left:auto}.footer-wordmark{font-size:13.3vw;line-height:1.5}.footer-bottom{font-size:12px;flex-wrap:wrap;gap:16px}.footer-bottom>a{flex-basis:100%}}
@media(max-width:360px){:root{--gutter:20px}.site-header{padding-inline:16px}.hero-actions{gap:15px}.hero-actions>.text-link{gap:6px}.hero-actions .button{gap:7px;padding-left:13px}.menu-tabs button{padding-inline:11px;gap:8px}.price-note{font-size:11px}.category-meta{gap:6px}.category-meta .ui-icon{width:19px}.menu-category>summary{font-size:21px}.map-heading>span+span{max-width:110px;text-align:right}.scene-hint{font-size:13px}.footer-wordmark{font-size:13vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-actions>a{white-space:nowrap}
@supports (interpolate-size:allow-keywords){.menu-category{interpolate-size:allow-keywords}.menu-category::details-content{height:0;overflow:clip;transition:height .28s ease,content-visibility .28s;transition-behavior:allow-discrete}.menu-category[open]::details-content{height:auto}}

.desktop-nav a{display:flex;align-items:center;gap:6px}.desktop-nav .ui-icon{width:17px;height:17px}.hero-copy{padding-bottom:64px}.hero{border-bottom:8px solid var(--hot-pink)}.footer-wordmark{font-size:clamp(58px,11vw,170px);line-height:1.35}.footer-bottom>span:nth-child(2){display:none}
@media(max-width:620px){.hero-copy{padding-bottom:36px}.hero{border-bottom-width:6px}.footer-wordmark{font-size:13.3vw}}

.hero{border-bottom:0;grid-template-columns:1.05fr 1fr}.hero-art{background:transparent;overflow:visible}.hero-backdrop{object-fit:contain;mix-blend-mode:multiply}.cult-scene{inset:0 -4% 5%}.scene-drag-hint{position:absolute;bottom:24px;right:var(--gutter);font-size:14px;color:#5b4b3a;border-bottom:1px solid #5b4b3a50;padding-bottom:4px;z-index:3;pointer-events:none}.hero-art:has([data-state=fallback]) .scene-drag-hint{display:none}.hero-art:has([data-state=fallback]) .cult-scene{cursor:default}
@media(max-width:620px){.hero{grid-template-columns:1fr}.hero-art{height:108vw;min-height:390px;margin-top:-16px;overflow:hidden}.cult-scene{inset:-10px 0 20px}.scene-drag-hint{bottom:21px;right:24px}.culture{grid-template-columns:1fr}.culture-copy h2{font-size:clamp(34px,9vw,53px)}}
.hero-backdrop{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.original-menus{grid-column:1/-1;min-width:0;margin-top:20px;padding-top:40px;border-top:1px solid #fff5e552}.original-menu-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.original-menu-heading h3{font-size:clamp(26px,3.1vw,43px)}.original-menu-heading p{font-size:14px;color:#e2d6cc}.original-menus .menu-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 26px;padding-top:30px}.original-menus .menu-source-grid a>span{font-size:15px;font-weight:700}.original-menus .menu-source-grid a:hover>span{color:var(--yellow)}.original-menus .menu-source-grid img{aspect-ratio:1179/2096;object-fit:contain;background:#f3f0ec}
@media(max-width:620px){.original-menus{margin-top:4px;padding-top:28px}.original-menu-heading{display:block}.original-menu-heading h3{font-size:28px}.original-menu-heading p{font-size:13px;margin-top:10px}.original-menus .menu-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px;padding-top:23px}.original-menus .menu-source-grid a>span{font-size:13px;align-items:start}.original-menus .menu-source-grid .ui-icon{width:16px;height:16px}}
.cult-scene[data-input-mode="pointer"]:focus-visible{outline:none}
/* Fixed vertical rhythm prevents percentage grid gaps overflowing the section. */
.cravings{row-gap:64px}.original-menus{margin-top:0;padding-top:45px;padding-bottom:10px}.original-menu-heading{align-items:center;margin-bottom:34px}.original-menu-heading p{max-width:250px;line-height:1.6}.source-menu-group+.source-menu-group{margin-top:42px}.source-menu-group h4{font-family:var(--body);font-size:17px;font-weight:700;margin:0;padding-bottom:14px;border-bottom:1px solid #fff5e533;color:var(--yellow)}.original-menus .menu-source-grid{padding-top:20px;gap:26px}.menu-page-preview{aspect-ratio:.64;overflow:hidden;background:#ede9e1}.original-menus .menu-page-preview img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.original-menus .menu-source-grid a>span{padding-top:5px;line-height:1.4}.original-menus .menu-source-grid a{min-width:0}.original-menus .menu-source-grid a:hover .menu-page-preview{outline:2px solid var(--yellow);outline-offset:5px}
@media(max-width:900px){.cravings{row-gap:42px}}
@media(max-width:620px){.cravings{row-gap:36px}.original-menus{padding-top:30px}.original-menu-heading{margin-bottom:25px}.source-menu-group+.source-menu-group{margin-top:30px}.source-menu-group h4{font-size:16px}.original-menus .menu-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.source-menu-group .menu-source-grid>a:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.original-menu-heading p{margin-top:12px}}
.hero{overflow:hidden}
.menu-category>summary{padding-right:6px}
/* Alternating dividers are separate flow elements, so menus and maps stay level. */
.slogan-seam{position:relative;z-index:3;height:clamp(96px,9vw,160px);background:var(--ink);overflow:hidden}.slogan-seam:before{content:'';position:absolute;left:-5%;right:-5%;height:160%;bottom:50%;background:var(--cream);transform:rotate(-2deg);transform-origin:50% 100%}.slogan-seam .brand-line{position:absolute;width:110%;left:-5%;top:50%;transform:translateY(-50%) rotate(-2deg);border-block-width:2px}.section-seam{height:clamp(26px,3.5vw,80px);position:relative;background:var(--seam-from);overflow:hidden}.section-seam:after{content:'';position:absolute;inset:-1px;background:var(--seam-to)}.seam-positive:after{clip-path:polygon(0 0,100% 100%,0 100%)}.seam-negative:after{clip-path:polygon(0 100%,100% 0,100% 100%)}.menu-social-seam{--seam-from:var(--ink);--seam-to:var(--pink)}.social-visit-seam{--seam-from:var(--pink);--seam-to:var(--mint)}.visit-footer-seam{--seam-from:var(--mint);--seam-to:var(--orange)}.cravings{padding-bottom:70px}.culture,.visit{padding-top:72px;padding-bottom:72px}
.hero-squiggle{position:absolute;left:-32px;top:0;height:100%;width:64px;z-index:4;pointer-events:none;overflow:visible}.hero-squiggle-mobile{display:none}.hero-squiggle path{fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero-copy{padding-right:42px}.scene-loading,.scene-unavailable{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:16px;color:var(--ink);pointer-events:none}.scene-unavailable{display:none;font-size:14px;color:#665443}.loading-dots{display:inline-flex;margin-left:2px}.loading-dots span{display:inline-block;animation:loading-dot 1.1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loading-dot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.cult-scene canvas{opacity:0;transition:opacity .35s ease}.cult-scene[data-state=ready][data-artwork=ready] canvas,.cult-scene[data-state=ready][data-artwork=fallback] canvas{opacity:1}.cult-scene[data-state=ready][data-artwork=ready] .scene-loading,.cult-scene[data-state=ready][data-artwork=fallback] .scene-loading,.cult-scene[data-state=fallback] .scene-loading{display:none}.cult-scene[data-state=fallback] .scene-unavailable{display:flex}.hero-art .scene-drag-hint{visibility:hidden}.hero-art:has([data-state=ready][data-artwork=ready]) .scene-drag-hint,.hero-art:has([data-state=ready][data-artwork=fallback]) .scene-drag-hint{visibility:visible}
@media(max-width:900px){.hero-copy{padding-right:30px}.hero-squiggle{width:48px;left:-24px}.hero-squiggle path{stroke-width:6}}
@media(max-width:620px){.hero-copy{padding-right:var(--gutter);padding-bottom:40px}.hero-art{overflow:visible;margin-top:0}.hero-squiggle{display:none}.hero-squiggle-mobile{display:block;top:-24px;left:0;width:100%;height:48px;transform:none}.hero-squiggle-mobile path{stroke-width:5}.culture,.visit{padding-block:60px}.cravings{padding-bottom:50px}.scene-loading{font-size:15px}}
@media(prefers-reduced-motion:reduce){.loading-dots span{animation:none!important;opacity:1}.cult-scene canvas{transition:none}}

/* Cult Social's headline and cup fields meet on the same two-wave edge. */
:root{--hero-pink:#f5afd1;--hero-mint:#c7e9d4;--hero-plum:#76284f;--hero-band-overlap:clamp(42px,5vw,90px)}
.hero{background:var(--hero-pink)}
.hero-copy{background:var(--hero-pink)}
.hero-headline-accent{color:var(--hero-plum)}
.hero .pink-period{color:var(--hero-plum)}
.hero-actions .button-dark{background:var(--yellow);color:var(--ink);border-radius:999px}
.hero-actions .button-dark:hover{background:#fff96b}
.hero-actions .button-arrow{border-left-color:#23201f50}
.hero :focus-visible{outline-color:var(--ink)}
.hero-art-surface{position:absolute;inset:0 0 0 -32px;z-index:0;background:var(--hero-mint);pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%20640%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%2032.00%200.00%20C%2044.57%2026.67%2C%2056.00%2053.33%2C%2056.00%2080.00%20C%2056.00%20106.67%2C%2044.57%20133.33%2C%2032.00%20160.00%20C%2019.43%20186.67%2C%208.00%20213.33%2C%208.00%20240.00%20C%208.00%20266.67%2C%2019.43%20293.33%2C%2032.00%20320.00%20C%2044.57%20346.67%2C%2056.00%20373.33%2C%2056.00%20400.00%20C%2056.00%20426.67%2C%2044.57%20453.33%2C%2032.00%20480.00%20C%2019.43%20506.67%2C%208.00%20533.33%2C%208.00%20560.00%20C%208.00%20586.67%2C%2019.43%20613.33%2C%2032.00%20640.00%20L%2064%20640%20L%2064%200%20Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#000,#000);mask-size:64px 100%,calc(100% - 63px) 100%;mask-position:left top,right top;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%20640%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%2032.00%200.00%20C%2044.57%2026.67%2C%2056.00%2053.33%2C%2056.00%2080.00%20C%2056.00%20106.67%2C%2044.57%20133.33%2C%2032.00%20160.00%20C%2019.43%20186.67%2C%208.00%20213.33%2C%208.00%20240.00%20C%208.00%20266.67%2C%2019.43%20293.33%2C%2032.00%20320.00%20C%2044.57%20346.67%2C%2056.00%20373.33%2C%2056.00%20400.00%20C%2056.00%20426.67%2C%2044.57%20453.33%2C%2032.00%20480.00%20C%2019.43%20506.67%2C%208.00%20533.33%2C%208.00%20560.00%20C%208.00%20586.67%2C%2019.43%20613.33%2C%2032.00%20640.00%20L%2064%20640%20L%2064%200%20Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#000,#000);-webkit-mask-size:64px 100%,calc(100% - 63px) 100%;-webkit-mask-position:left top,right top;-webkit-mask-repeat:no-repeat}
.hero-backdrop{object-fit:cover;mask-image:none;-webkit-mask-image:none;opacity:.7}
.scene-drag-hint{color:#294f3b;border-bottom-color:#294f3b60;bottom:calc(var(--hero-band-overlap) + 20px)}
.scene-unavailable{color:#294f3b}
.slogan-seam{margin-top:calc(-1 * var(--hero-band-overlap));background:transparent}.slogan-seam:before{top:50%;bottom:auto;background:var(--ink);transform-origin:50% 0}
@media(max-width:900px){.hero-art-surface{left:-24px;mask-size:48px 100%,calc(100% - 47px) 100%;-webkit-mask-size:48px 100%,calc(100% - 47px) 100%}}
@media(max-width:620px){.hero-art-surface{inset:-24px 0 0;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%200.00%2032.00%20C%2026.67%2044.57%2C%2053.33%2056.00%2C%2080.00%2056.00%20C%20106.67%2056.00%2C%20133.33%2044.57%2C%20160.00%2032.00%20C%20186.67%2019.43%2C%20213.33%208.00%2C%20240.00%208.00%20C%20266.67%208.00%2C%20293.33%2019.43%2C%20320.00%2032.00%20C%20346.67%2044.57%2C%20373.33%2056.00%2C%20400.00%2056.00%20C%20426.67%2056.00%2C%20453.33%2044.57%2C%20480.00%2032.00%20C%20506.67%2019.43%2C%20533.33%208.00%2C%20560.00%208.00%20C%20586.67%208.00%2C%20613.33%2019.43%2C%20640.00%2032.00%20L%20640%2064%20L%200%2064%20Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#000,#000);mask-size:100% 48px,100% calc(100% - 47px);mask-position:left top,left bottom;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M%200.00%2032.00%20C%2026.67%2044.57%2C%2053.33%2056.00%2C%2080.00%2056.00%20C%20106.67%2056.00%2C%20133.33%2044.57%2C%20160.00%2032.00%20C%20186.67%2019.43%2C%20213.33%208.00%2C%20240.00%208.00%20C%20266.67%208.00%2C%20293.33%2019.43%2C%20320.00%2032.00%20C%20346.67%2044.57%2C%20373.33%2056.00%2C%20400.00%2056.00%20C%20426.67%2056.00%2C%20453.33%2044.57%2C%20480.00%2032.00%20C%20506.67%2019.43%2C%20533.33%208.00%2C%20560.00%208.00%20C%20586.67%208.00%2C%20613.33%2019.43%2C%20640.00%2032.00%20L%20640%2064%20L%200%2064%20Z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(#000,#000);-webkit-mask-size:100% 48px,100% calc(100% - 47px);-webkit-mask-position:left top,left bottom}}

/* A rounder voice for the hero; the rest of the type system stays consistent. */
#hero-heading{font-family:'Lilita One',var(--display);font-size:clamp(64px,7.1vw,116px);letter-spacing:-.015em;line-height:.98}
@media(max-width:900px){#hero-heading{font-size:7.5vw}}
@media(max-width:620px){#hero-heading{font-size:clamp(51px,13.8vw,82px)}}
/* One-time entrance motion preserves document flow and existing image tilts. */
.scroll-reveal{opacity:0;translate:0 24px;transition:opacity .6s ease,translate .7s cubic-bezier(.2,.7,.2,1),scale .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.reveal-media{scale:.975}
.scroll-reveal.is-revealed{opacity:1;translate:0 0;scale:1}
.scroll-reveal.reveal-immediate{transition:none!important}
body.motion-paused .scroll-reveal{opacity:1;translate:none;scale:none;transition:none}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;scale:none;transition:none}}
@media print{.scroll-reveal{opacity:1;translate:none;scale:none;transition:none}}

.location-map{transform:rotate(-1.5deg);transform-origin:center}
@media(max-width:620px){.location-map{transform:rotate(-1deg)}}

/* Round display accents throughout the page; keep the footer wordmark boxy. */
h2,h3,.menu-category>summary>span:first-child,.brand-track-set{font-family:'Lilita One',var(--display);font-weight:400;letter-spacing:-.015em}
.footer-wordmark{font-family:Archivo,sans-serif}

/* Phones use the same two-wave boundary as the hero instead of a ticker. */
.mobile-slogan-wave{display:none}
@media(max-width:620px){
  .slogan-seam{height:48px;margin-top:-48px;background:transparent}
  .slogan-seam:before,.slogan-seam .brand-line{display:none}
  .mobile-slogan-wave{display:block;width:100%;height:100%;overflow:hidden}
  .mobile-slogan-wave path{fill:var(--ink);stroke:var(--ink);stroke-width:5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
}

/* Keep the pending WhatsApp header action compact on phones. */
.order-link--whatsapp{gap:10px;white-space:nowrap}
.order-link--whatsapp:disabled{opacity:1;cursor:default}
.order-link--whatsapp:disabled:hover{background:var(--orange)}
.order-link--whatsapp .order-label{display:flex;align-items:baseline;gap:.3em}
@media(max-width:620px){.order-link--whatsapp{gap:8px;padding:10px 12px}.order-link--whatsapp .order-label{flex-direction:column;align-items:flex-start;gap:0;line-height:1.25}.order-link--whatsapp .order-prefix{font-size:10px;font-weight:400}}
/* Retain the Foodpanda link styling after moving it above the closing wordmark. */
.footer-order{display:flex;align-items:center;gap:12px;font-size:14px}
.footer-order .ui-icon{width:19px;height:19px}
@media(max-width:620px){.footer-order{font-size:12px}}

/* Overlap the next section by two pixels to prevent a subpixel background seam. */
@media(max-width:620px){.slogan-seam{margin-bottom:-2px}.slogan-seam:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink);pointer-events:none}}

/* Offscreen decoration does not need an animation frame. */
.brand-line.is-offscreen .brand-track{animation-play-state:paused}