@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--bg:#100e0b;--cream:#f1eadb;--gold:#ddaf65;--muted:#aaa193;--spread:0;--hero-scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:100px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;position:absolute;z-index:10;width:100%}.brand{font-size:20px;line-height:.9;letter-spacing:3px;font-weight:700;display:grid}.brand>span{font-size:27px}.brand-dot{font-size:11px;vertical-align:top;letter-spacing:0}.brand small{font-size:7px;letter-spacing:3px;margin-top:8px}nav{display:flex;gap:36px;font-size:11px;text-transform:uppercase;letter-spacing:2px}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;background:var(--cream);color:var(--bg);padding:18px 25px;font-size:11px;letter-spacing:1px;font-weight:700;transition:background .2s}.button:hover{background:var(--gold)}.small{padding:15px 20px}.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 8% 100px;background:radial-gradient(ellipse at 68% 46%,#3b28132e,transparent 55%)}.hero-copy{position:relative;z-index:3;width:48%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:3px;line-height:1.7;color:var(--gold);font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(78px,9vw,150px);line-height:.9;letter-spacing:-5px;margin:25px 0}em{color:var(--gold);font-weight:500}p{line-height:1.8}.intro{max-width:300px;color:var(--muted);font-size:14px;margin:28px 0}.text-link{font-size:12px;display:inline-flex;gap:40px;border-bottom:1px solid #b49362;padding:12px 0}.burger-stage{position:absolute;width:min(63vw,850px);aspect-ratio:1;right:0;top:50%;transform:translateY(-48%)}.halo{position:absolute;inset:10%;border:1px solid #bc8f4433;border-radius:50%}.halo:after{content:'';position:absolute;inset:7%;border:1px solid #bc8f4417;border-radius:50%}.burger-layer,.craft-layer{position:absolute;inset:0;will-change:transform}.burger-layer img,.craft-layer img{width:100%;height:100%;object-fit:contain}.layer-0{clip-path:inset(0 0 72% 0)}.layer-1{clip-path:inset(28% 0 48% 0)}.layer-2{clip-path:inset(52% 0 23% 0)}.layer-3{clip-path:inset(77% 0 0 0)}.burger-layer.layer-0{transform:translateY(calc(12% - var(--hero-scroll)*9%)) rotate(-3deg)}.burger-layer.layer-1{transform:translateY(calc(4% - var(--hero-scroll)*3%))}.burger-layer.layer-2{transform:translateY(calc(-4% + var(--hero-scroll)*3%))}.burger-layer.layer-3{transform:translateY(calc(-12% + var(--hero-scroll)*9%)) rotate(2deg)}.orbit-label{position:absolute;right:5%;top:43%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--muted)}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;line-height:1.7;color:var(--muted)}.hero-bottom a{color:var(--cream)}.hero-bottom a span{display:inline-block;margin-left:20px;font-size:25px}.hero-bottom>span:last-child{text-align:right}.ticker{overflow:hidden;background:var(--gold);color:var(--bg);padding:17px 0;font-size:12px;letter-spacing:6px;font-weight:700}.ticker div{width:max-content;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.craft{height:190vh;min-height:1100px}.craft-sticky{height:100svh;min-height:650px;position:sticky;top:0;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:5%;overflow:hidden}.section-title{z-index:2}.section-title h2{font-size:clamp(36px,4.2vw,65px);line-height:1.1}.section-title>p:last-child{color:var(--muted);font-size:12px}.exploded{position:relative;width:150%;margin-left:-25%;aspect-ratio:1}.craft-layer.layer-0{transform:translateY(calc(16% - var(--spread)*18%))}.craft-layer.layer-1{transform:translateY(calc(6% - var(--spread)*6%))}.craft-layer.layer-2{transform:translateY(calc(-5% + var(--spread)*6%))}.craft-layer.layer-3{transform:translateY(calc(-16% + var(--spread)*18%))}.ingredient-notes{z-index:2;padding-left:20px}.ingredient-notes article{padding:20px 0;border-bottom:1px solid #ffffff18}.ingredient-notes b{font-size:9px;letter-spacing:2px;color:var(--gold)}.ingredient-notes h3{font-size:21px;margin:7px 0}.ingredient-notes p{font-size:12px;color:var(--muted);margin:0}.section{padding:110px 8%;border-top:1px solid #ffffff16}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:60px}.section-head h2{font-size:clamp(40px,5vw,72px);line-height:1.05;margin:18px 0 0}.section-head>p{font-size:13px;color:var(--muted);max-width:300px;margin:0}.menu-section{background:#17140f}.menu-controls{display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:20px 0}.menu-controls label{font-size:9px;letter-spacing:2px;color:var(--muted)}select{background:#17140f;color:var(--cream);border:1px solid #655744;padding:12px;min-width:200px}.menu-controls>div{margin-left:auto;display:flex;gap:8px}.menu-controls button{border:1px solid #655744;background:none;color:var(--cream);font-size:22px;width:45px;height:45px}.menu-layout{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:10%;padding-top:45px}.menu-description>span{font-size:10px;letter-spacing:3px;color:var(--gold)}.menu-description h3{font-size:45px;margin:20px 0}.menu-description p{color:var(--muted);max-width:290px;font-size:14px}.menu-description .button{margin-top:20px}.menu-image-button{padding:0;border:0;background:#080706;position:relative;max-width:470px;width:100%;justify-self:center;transition:transform .3s}.menu-image-button:hover{transform:translateY(-5px)}.menu-image-button img{display:block;width:100%;height:auto}.menu-image-button span{position:absolute;bottom:12px;right:12px;background:var(--cream);padding:10px;color:var(--bg);font-size:9px;letter-spacing:1px}.statement{text-align:center;background:radial-gradient(ellipse at center,#5a361333,transparent 70%)}.statement h2{font-size:clamp(55px,8vw,110px);line-height:1.06;margin:35px 0}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.branch-grid article{padding:30px;border:1px solid #ffffff20;margin:-1px 0 0 -1px}.branch-index{font-size:9px;letter-spacing:2px;color:var(--gold)}.branch-grid h3{font-size:30px;margin:20px 0 10px}.branch-grid p{color:var(--muted);font-size:13px}.branch-actions{display:flex;gap:22px;margin-top:28px;font-size:11px}.branch-actions a{border-bottom:1px solid #88734d;padding-bottom:7px}.closing{padding:80px 8%;background:var(--gold);color:var(--bg)}.closing .eyebrow,.closing em{color:var(--bg)}.closing>a{font:clamp(70px,12vw,180px) 'Playfair Display',Georgia,serif;display:flex;gap:20px;align-items:center}.closing>a span{margin-left:auto}footer{padding:35px 5%;display:flex;gap:35px;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}dialog{background:#17140f;color:var(--cream);border:1px solid #75664e;padding:55px 12px 12px;max-width:min(96vw,950px);max-height:94svh}dialog::backdrop{background:#000d}dialog>button{position:fixed;top:5svh;right:5vw;background:var(--cream);color:var(--bg);border:0;padding:14px;z-index:2}dialog img{display:block;width:100%;height:auto} @media(min-width:1600px){.hero-copy{margin-left:5%}.burger-stage{right:7%}}
@media(max-width:760px){header{height:85px;padding:15px 6%}nav{display:none}.small{font-size:9px;padding:13px}.hero{min-height:850px;height:100svh;display:block;padding:130px 7% 80px}.hero-copy{width:100%;text-align:center}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:85px;letter-spacing:-3px;margin:20px 0}h1 br{display:none}.intro{margin:20px auto 8px;max-width:290px;font-size:12px}.hero .text-link{font-size:10px}.burger-stage{width:112%;right:-6%;top:auto;bottom:40px;transform:none;max-width:620px}.orbit-label{display:none}.hero-bottom{bottom:17px;font-size:7px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.hero-bottom>a{margin-left:auto}.ticker{font-size:10px;padding:14px;letter-spacing:3px}.craft{height:155vh;min-height:1100px}.craft-sticky{min-height:720px;display:block;padding:45px 7%}.section-title{text-align:center;position:relative}.section-title h2{font-size:39px;margin:12px 0}.section-title h2 br{display:none}.exploded{position:absolute;width:95%;left:2.5%;top:160px;margin:0}.ingredient-notes{position:absolute;bottom:20px;left:7%;right:7%;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.ingredient-notes article{padding:10px 0}.ingredient-notes h3{font-size:16px}.ingredient-notes b{font-size:8px}.ingredient-notes p{font-size:10px}.section{padding:65px 7%}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:42px}.section-head>p{margin-top:25px;font-size:12px}.menu-controls{gap:10px;flex-wrap:wrap}.menu-controls label{width:100%}select{min-width:0;flex:1;width:60%;font-size:12px}.menu-controls>div{gap:4px}.menu-controls button{width:36px;height:40px}.menu-layout{display:flex;flex-direction:column;gap:30px;padding-top:30px;align-items:stretch}.menu-description h3{font-size:33px;margin:12px 0}.menu-description p{max-width:none}.menu-description .button{margin-top:5px}.menu-image-button{align-self:center}.statement h2{font-size:55px}.branch-grid{grid-template-columns:1fr}.branch-grid article{padding:25px}.branch-grid h3{margin:13px 0 8px}.branch-actions{margin-top:18px}.closing{padding:55px 7%}.closing>a{font-size:67px;gap:12px}footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:8px}footer>span{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.craft{height:auto;min-height:0}.craft-sticky{position:relative}.burger-layer,.craft-layer{will-change:auto}}
/* Scroll-driven food scenes */
.layer-0{clip-path:inset(0 0 74% 0)}.layer-1{clip-path:inset(26% 0 51% 0)}.layer-2{clip-path:inset(49% 0 24% 0)}.layer-3{clip-path:inset(76% 0 0 0)}
.burger-layer,.craft-layer{mix-blend-mode:lighten}.juice{height:190vh;min-height:1100px;border-top:1px solid #ffffff18}.juice-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;padding:7%;background:radial-gradient(ellipse at 72% 50%,#4b10172b,transparent 60%)}.juice-copy{position:relative;z-index:2;width:43%}.juice-copy h2{font-size:clamp(50px,7vw,105px);line-height:1.02;letter-spacing:-3px;margin:25px 0}.juice-copy em{color:#ef7774}.juice-copy>p:not(.eyebrow){font-size:13px;color:var(--muted)}.juice-copy .eyebrow{color:#ef7774}.juice-stage{position:absolute;width:70%;aspect-ratio:1;right:-5%;top:50%;transform:translateY(-50%)}.juice-piece{position:absolute;inset:0;mix-blend-mode:lighten;will-change:transform}.juice-piece img{width:100%;height:100%;object-fit:contain}.juice-glass{clip-path:inset(0 27% 0 27%);transform:scale(calc(.83 + var(--juice-progress)*.17)) rotate(calc(-7deg + var(--juice-progress)*7deg))}.juice-left{clip-path:inset(0 74% 0 0);transform:translate(calc(12% - var(--juice-progress)*14%),calc(16% - var(--juice-progress)*35%)) rotate(calc(12deg - var(--juice-progress)*25deg))}.juice-right{clip-path:inset(0 0 0 74%);transform:translate(calc(-12% + var(--juice-progress)*14%),calc(-15% + var(--juice-progress)*30%)) rotate(calc(-12deg + var(--juice-progress)*30deg))}.juice-ring{position:absolute;inset:15%;border:1px solid #ed77732e;border-radius:50%;transform:scale(calc(.7 + var(--juice-progress)*.5))}.juice-caption{position:absolute;bottom:30px;right:7%;color:#ef7774;font-size:9px;letter-spacing:3px}@media(max-width:760px){.juice{height:160vh}.juice-sticky{min-height:760px;display:block;padding:45px 7%}.juice-copy{width:100%;text-align:center}.juice-copy h2{font-size:52px;letter-spacing:-2px;margin:20px 0}.juice-copy h2 br:first-child{display:none}.juice-copy>p:not(.eyebrow){font-size:12px}.juice-stage{width:110%;right:-5%;top:auto;bottom:10px;transform:none}.juice-caption{bottom:15px;font-size:8px}}@media(prefers-reduced-motion:reduce){.juice{height:auto;min-height:0}.juice-sticky{position:relative}.juice-piece{will-change:auto}}

.juice-glass{clip-path:inset(0 31% 0 30%)}.juice-left{clip-path:inset(0 70% 0 0)}.juice-right{clip-path:inset(0 0 0 70%)}
@media(max-width:760px){h1{font-size:70px}h1 em{display:block}.juice-copy h2 br:first-child{display:block}.juice-copy h2{font-size:45px;line-height:1}.juice-copy h2 br:first-child{display:none}.juice-copy h2 em{display:block}}

/* Supplied official brand artwork */
.official-brand{display:flex;align-items:center;gap:12px;letter-spacing:normal}.official-logo{display:block;width:78px;height:78px;border-radius:50%;object-fit:contain}.official-wordmark{display:block;width:116px;height:78px;object-fit:contain}.footer-brand{display:flex;align-items:center;gap:15px}footer{align-items:center;flex-wrap:wrap}.footer-brand .official-logo{width:85px;height:85px}.footer-brand .official-wordmark{width:126px;height:85px}@media(max-width:760px){.official-brand{gap:8px}.official-logo{width:58px;height:58px}.official-wordmark{width:85px;height:58px}.footer-brand{grid-column:1/-1}header .small{padding:12px 14px;gap:14px}.footer-brand .official-logo{width:74px;height:74px}.footer-brand .official-wordmark{width:109px;height:74px}}

/* Supplied porotta burger: pinned, scroll-scrubbed homepage */
.porotta-hero{height:180svh;max-height:none;min-height:1150px;display:block;padding:0;overflow:clip;background:#fff;color:#211e1b}.porotta-hero .hero-copy{position:sticky;top:24svh;margin-left:8%;padding-top:0;width:39%;height:0;transform:translateY(calc(var(--porotta-progress,0)*-35px));opacity:calc(1 - var(--porotta-progress,0)*.25)}.porotta-hero h1{font-size:clamp(65px,8vw,120px)}.porotta-hero .eyebrow{color:#bc281f}.porotta-hero em{color:#e52a23}.porotta-hero .intro{color:#62574c}.porotta-hero .text-link{border-color:#e52a23}.porotta-stage{position:sticky;top:16svh;margin-left:43%;width:57%;height:75svh;display:flex;align-items:center;justify-content:center;transform:translate(calc(var(--porotta-progress,0)*-5%),calc(var(--porotta-progress,0)*-3%)) scale(calc(.94 + var(--porotta-progress,0)*.13)) rotate(calc(var(--porotta-progress,0)*-7deg));transform-origin:center;will-change:transform}.porotta-stage img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.porotta-caption{position:absolute;bottom:4%;left:23%;font-size:10px;letter-spacing:3px;color:#555}.porotta-hero .hero-bottom{color:#62574c;bottom:25px}.porotta-hero .hero-bottom a{color:#211e1b}header{background:#100e0b} @media(max-width:760px){.porotta-hero{height:165svh;min-height:1100px}.porotta-hero .hero-copy{top:125px;margin-left:7%;width:86%;text-align:center;z-index:3}.porotta-hero h1{font-size:62px;line-height:.95;margin:18px 0}.porotta-hero .intro{font-size:12px;max-width:280px;margin:15px auto 0}.porotta-stage{top:365px;margin-left:-4%;width:108%;height:43svh;min-height:300px}.porotta-caption{bottom:0;left:25%;font-size:8px}.porotta-hero .hero-bottom{font-size:7px}.porotta-hero .hero-copy .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){.porotta-hero{height:100svh;min-height:850px}.porotta-stage{transform:none;will-change:auto}.porotta-hero .hero-copy{transform:none;opacity:1}}

/* Independently animated porotta ingredients */
.porotta-hero{height:260svh;min-height:1600px}.porotta-stage{top:12svh;height:84svh;transform:none;will-change:auto}.porotta-stack{height:100%;aspect-ratio:2/3;position:relative;max-width:100%;isolation:isolate}.ingredient{position:absolute;inset:0;mix-blend-mode:multiply;will-change:transform}.ingredient img{width:100%;height:100%;object-fit:fill}.ingredient-0{clip-path:inset(0 0 79% 0);transform:translateY(calc(29% - var(--unstack,0)*29%)) rotate(calc(var(--unstack,0)*-4deg));z-index:5}.ingredient-1{clip-path:inset(21% 0 64% 0);transform:translate(calc(var(--unstack,0)*3%),calc(15% - var(--unstack,0)*15%)) rotate(calc(var(--unstack,0)*5deg));z-index:4}.ingredient-2{clip-path:inset(36% 0 41% 0);transform:rotate(calc(var(--unstack,0)*-2deg));z-index:3}.ingredient-3{clip-path:inset(59% 0 23% 0);transform:translate(calc(var(--unstack,0)*-3%),calc(-14% + var(--unstack,0)*14%)) rotate(calc(var(--unstack,0)*3deg));z-index:2}.ingredient-4{clip-path:inset(77% 0 0 0);transform:translateY(calc(-26% + var(--unstack,0)*26%));z-index:1}.porotta-caption{bottom:1%;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px}.porotta-hero .hero-copy{opacity:1;transform:none}@media(max-width:760px){.porotta-hero{height:260svh;min-height:1800px}.porotta-hero .hero-copy{top:100px}.porotta-hero h1{font-size:46px;margin:10px 0}.porotta-hero .intro{font-size:11px;margin:10px auto 0}.porotta-hero .text-link{padding:8px 0}.porotta-stage{top:315px;height:calc(100svh - 335px);min-height:330px;margin-left:0;width:100%}.porotta-caption{font-size:6px;letter-spacing:1px;bottom:-5px}}@media(prefers-reduced-motion:reduce){.porotta-hero{height:100svh;min-height:850px}.ingredient{will-change:auto}}
.ingredient-0{clip-path:inset(0 0 77.5% 0);transform:translateY(calc(22% - var(--unstack,0)*22%)) rotate(calc(var(--unstack,0)*-4deg))}.ingredient-1{clip-path:inset(22.5% 0 57% 0);transform:translate(calc(var(--unstack,0)*3%),calc(10% - var(--unstack,0)*10%)) rotate(calc(var(--unstack,0)*5deg))}.ingredient-2{clip-path:inset(43% 0 38.5% 0)}.ingredient-3{clip-path:inset(61.5% 0 21% 0);transform:translate(calc(var(--unstack,0)*-3%),calc(-8% + var(--unstack,0)*8%)) rotate(calc(var(--unstack,0)*3deg))}.ingredient-4{clip-path:inset(79% 0 0 0);transform:translateY(calc(-16% + var(--unstack,0)*16%))}

/* Dark homepage, matching the following sections */
.porotta-hero{background:#100e0b;color:#f1eadb}.porotta-hero .eyebrow{color:#ddaf65}.porotta-hero em{color:#ddaf65}.porotta-hero .intro{color:#aaa193}.porotta-hero .text-link{border-color:#b49362}.porotta-hero .hero-bottom,.porotta-caption{color:#aaa193}.porotta-hero .hero-bottom a{color:#f1eadb}.ingredient{mix-blend-mode:lighten}.ingredient img{mix-blend-mode:normal}

.porotta-craft{--unstack:var(--spread,0);width:auto;height:85svh;max-height:800px;aspect-ratio:2/3;margin:0;justify-self:center}.porotta-craft .ingredient img{object-fit:fill}@media(max-width:760px){.porotta-craft{height:46svh;max-height:440px;width:auto;left:50%;top:170px;transform:translateX(-50%);margin:0}}

.inner-page{padding-top:100px;min-height:80vh}.inner-page .section{border-top:0;padding-top:65px}.inner-page .menu-section{min-height:85vh}@media(max-width:760px){.inner-page{padding-top:85px}.inner-page .section{padding-top:40px}}

/* Four-page navigation and single welcome screen */
.porotta-hero{height:100svh;min-height:720px;max-height:none;display:flex;align-items:center;padding:120px 7% 40px}.porotta-hero .hero-copy{position:relative;top:auto;height:auto;width:43%;margin:0}.porotta-stage{position:relative;top:auto;margin:0;width:57%;height:75svh;max-height:720px}.porotta-caption{display:none}.order-page h1{font-size:clamp(55px,7vw,95px)}.order-page>p{color:var(--muted)}.order-page .branch-grid{margin:40px 0}.order-help a{color:var(--gold)}nav{gap:22px}@media(max-width:760px){header{height:120px;flex-wrap:wrap;padding:10px 6%}header nav{display:flex;width:100%;order:3;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1px}.inner-page{padding-top:120px}.porotta-hero{height:100svh;min-height:830px;display:block;padding:145px 7% 20px}.porotta-hero .hero-copy{position:relative;top:auto;width:100%;height:auto;margin:0}.porotta-hero h1{font-size:45px}.porotta-stage{position:relative;top:auto;height:45svh;min-height:350px;width:100%;margin:10px 0 0}.order-page .branch-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.porotta-hero{height:100svh}.ingredient{will-change:auto}}

/* Minimal footer shared by all pages */
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 7%;border-top:1px solid #ffffff17;color:var(--muted);font-size:11px;letter-spacing:.3px}footer a{font-size:11px}footer>span{margin:0}@media(max-width:760px){footer{display:flex;padding:20px 7%;font-size:10px}footer a{font-size:10px}}

footer .instagram-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:linear-gradient(35deg,#f9ce34 0%,#ee2a7b 48%,#6228d7 100%);color:#fff;font-size:12px;font-weight:600;letter-spacing:0;transition:filter .2s}footer .instagram-link:hover{filter:brightness(1.12)}footer .instagram-link svg{flex-shrink:0}

.footer-links{display:flex;align-items:center;gap:20px}

/* Menu page artwork and depth */
.menu-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 84% 15%,#7d461b38 0,transparent 27%),radial-gradient(circle at 8% 90%,#8c202229 0,transparent 34%),#17140f}.menu-section::before{content:'';position:absolute;z-index:-1;width:min(52vw,680px);height:min(52vw,680px);right:-13vw;top:17%;background:url('assets/porotta-burger.png') center/contain no-repeat;opacity:.11;filter:sepia(1) saturate(.75)}.menu-section::after{content:'FRANGO · CRAVE · REPEAT';position:absolute;z-index:-1;left:0;bottom:8%;font-size:clamp(42px,7.3vw,118px);font-weight:700;letter-spacing:.1em;white-space:nowrap;color:#f1eadb08;transform:rotate(-8deg);pointer-events:none}.menu-section .section-head{position:relative}.menu-section .section-head::after{content:'✦  FRESHLY MADE  ·  BIG FLAVOUR  ·  EVERY SINGLE LAYER';display:block;color:var(--gold);font-size:9px;letter-spacing:2px;margin-top:24px}.menu-controls{position:relative;background:#0d0b09a8;padding:20px 16px;border-color:#ddaf6540;box-shadow:0 12px 30px #0003}.menu-controls::before{content:'✦';color:var(--gold);font-size:20px;line-height:1}.menu-controls select{background:#0e0c09;border-color:#ddaf6570}.menu-controls button{border-color:#ddaf6570;transition:background .2s,color .2s,transform .2s}.menu-controls button:hover{background:var(--gold);color:var(--bg);transform:translateY(-2px)}.menu-layout{position:relative;padding:58px 36px 45px;background:linear-gradient(120deg,#ffffff08,transparent 45%);border:1px solid #ffffff12}.menu-layout::before{content:'';position:absolute;width:105px;height:105px;left:43%;top:15%;border:1px solid #ddaf6560;border-radius:50%;box-shadow:0 0 0 16px #ddaf650b,0 0 0 32px #ddaf6507}.menu-layout::after{content:'01 — 15';position:absolute;right:2%;top:2%;color:var(--gold);font-size:10px;letter-spacing:3px;writing-mode:vertical-rl}.menu-description{position:relative;z-index:1}.menu-description::before{content:'SIGNATURE\A FAVOURITES';white-space:pre;position:absolute;right:3%;top:-55px;color:#ddaf6566;font-size:9px;letter-spacing:2px;line-height:1.8;transform:rotate(8deg)}.menu-image-button{box-shadow:18px 20px 0 #ddaf6524,0 25px 55px #0008;border:1px solid #ddaf6566}.menu-image-button::before{content:'';position:absolute;inset:12px;border:1px solid #f1eadb50;z-index:1;pointer-events:none}.menu-image-button::after{content:'✦';position:absolute;z-index:2;left:-20px;top:-20px;width:42px;height:42px;display:grid;place-items:center;background:var(--gold);color:var(--bg);border-radius:50%;font-size:18px}.menu-image-button span{z-index:3;background:var(--gold);font-weight:700}.menu-image-button:hover{transform:translateY(-8px) rotate(-1deg)}@media(max-width:760px){.menu-section::before{width:115vw;height:115vw;right:-36vw;top:26%;opacity:.08}.menu-section::after{font-size:45px;bottom:10%}.menu-section .section-head::after{font-size:7px;letter-spacing:1.5px;margin-top:18px}.menu-controls{padding:14px 10px}.menu-controls::before{display:none}.menu-layout{padding:35px 14px 25px}.menu-layout::before{width:70px;height:70px;left:70%;top:10%}.menu-layout::after{font-size:8px;right:1%;top:1%}.menu-description::before{top:-30px;font-size:7px}.menu-image-button{box-shadow:10px 12px 0 #ddaf6524,0 18px 35px #0008}.menu-image-button::after{left:-10px;top:-10px;width:32px;height:32px;font-size:14px}}

/* Selection-specific menu graphics */
.menu-category-graphic{--menu-accent:#ddaf65;position:absolute;z-index:4;right:4%;top:14px;width:132px;height:132px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--menu-accent) 62%,transparent);border-radius:50%;background-image:linear-gradient(135deg,color-mix(in srgb,var(--menu-accent) 20%,#100e0b),#100e0b99),var(--graphic-image);background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 0 0 10px color-mix(in srgb,var(--menu-accent) 8%,transparent),0 14px 30px #0008;transform:rotate(8deg);overflow:hidden;transition:background .35s,border-color .35s,transform .35s}.menu-category-graphic::after{content:'';position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--menu-accent) 45%,transparent);border-radius:50%;pointer-events:none}.menu-category-graphic .graphic-icon{position:relative;z-index:1;font:52px/1 Georgia,serif;color:var(--menu-accent);filter:drop-shadow(0 3px 4px #0009);transition:transform .35s}.menu-category-graphic .graphic-label{position:absolute;z-index:2;bottom:17px;left:10px;right:10px;text-align:center;color:#fff;font-size:7px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;text-shadow:0 1px 2px #000}.menu-layout:hover .menu-category-graphic{transform:rotate(-6deg) scale(1.05)}.menu-layout:hover .graphic-icon{transform:scale(1.12) rotate(8deg)}#menu[data-theme='coffee'] .menu-category-graphic{--menu-accent:#d59a63}#menu[data-theme='special'] .menu-category-graphic,#menu[data-theme='burger'] .menu-category-graphic{--menu-accent:#e2a34c}#menu[data-theme='sandwich'] .menu-category-graphic{--menu-accent:#e7c678}#menu[data-theme='samoon'] .menu-category-graphic{--menu-accent:#dcad71}#menu[data-theme='wrap'] .menu-category-graphic{--menu-accent:#d99b49}#menu[data-theme='indomie'] .menu-category-graphic{--menu-accent:#e86f4b}#menu[data-theme='chicken'] .menu-category-graphic,#menu[data-theme='meals'] .menu-category-graphic{--menu-accent:#e69e3d}#menu[data-theme='sahan'] .menu-category-graphic{--menu-accent:#a3bd78}#menu[data-theme='juice'] .menu-category-graphic{--menu-accent:#ef7774}#menu[data-theme='mojito'] .menu-category-graphic{--menu-accent:#75c7a7}#menu[data-theme='dessert'] .menu-category-graphic{--menu-accent:#f4a8a7}#menu[data-theme='kids'] .menu-category-graphic{--menu-accent:#f5d45c}@media(max-width:760px){.menu-category-graphic{right:7%;top:8px;width:76px;height:76px}.menu-category-graphic .graphic-icon{font-size:31px}.menu-category-graphic .graphic-label{display:none}}