/* The burger lab */
header{height:96px;transition:height .28s,padding .28s,box-shadow .28s;background:#111310f5}header .brand img{transition:width .28s,height .28s}header.slim{height:62px;padding-block:6px}header.slim .brand img{width:72px;height:46px}header.slim .nav-cta{padding:8px 18px}header:focus-within{min-height:62px}.burger-builder{background:#20231b;position:relative;overflow:clip}.burger-builder .section-top>p{max-width:330px}.builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.burger-preview{position:sticky;top:110px;min-height:490px;background:var(--yellow);color:var(--black);border-radius:50% 50% 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 20px;overflow:hidden}.lab-label{font-size:10px;letter-spacing:2px;font-weight:700}.burger-stack{min-height:295px;width:min(330px,90%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0;filter:drop-shadow(0 18px 10px #4f290435)}.burger-layer{width:91%;min-height:22px;flex-shrink:0;border:2px solid #332114;position:relative;margin-top:-3px;animation:ingredient-drop .3s ease-out}.bun-top{height:90px;border-radius:150px 150px 20px 20px;background:linear-gradient(#efbe66,#c97b32);width:100%;z-index:12}.bun-top.seeded{background:radial-gradient(ellipse at 30% 48%,#fff0bb 0 3px,transparent 4px),radial-gradient(ellipse at 60% 32%,#fff0bb 0 3px,transparent 4px),radial-gradient(ellipse at 76% 64%,#fff0bb 0 3px,transparent 4px),radial-gradient(ellipse at 46% 73%,#fff0bb 0 3px,transparent 4px),linear-gradient(#efbe66,#c97b32)}.bun-bottom{height:35px;border-radius:12px 12px 40% 40%;background:linear-gradient(#efbd6c,#ba6626);width:98%}.patty{height:47px;border-radius:24px;background:repeating-linear-gradient(12deg,transparent 0 12px,#2b1c143d 13px 17px),#69402b}.patty.chicken{background-color:#c48d40}.patty.crispy{background:radial-gradient(#a76626 2px,transparent 3px) 0 0/13px 10px,#d59e42}.patty.plant{background:radial-gradient(#648331 2px,transparent 3px) 0 0/19px 13px,#705237}.cheese{height:18px;min-height:18px;width:100%;background:#ffbd20;clip-path:polygon(0 0,100% 0,96% 60%,77% 100%,67% 57%,34% 100%,22% 55%,3% 80%);border:0}.cheese.blue{background:#efddba}.cheese.chilli{background:repeating-linear-gradient(30deg,#f4a924 0 18px,#ae3d2a 19px 21px)}.sauce{height:13px;min-height:13px;width:94%;border-radius:40%;background:#e6ad71;border:0}.sauce.hot,.sauce.jam{background:#ad3621}.sauce.relish{background:#88472c}.sauce.cheeky{background:#f8c51b}.topping{height:23px;min-height:23px;border-radius:20px;background:#bc7434}.topping.bacon{background:repeating-linear-gradient(175deg,#a34529 0 8px,#e6a076 9px 13px);transform:rotate(-3deg);width:101%}.topping.hash{height:30px;background:radial-gradient(#bb7f27 2px,transparent 3px) 0 0/11px 9px,#e6b153}.topping.mac{background:repeating-radial-gradient(ellipse at 40% 40%,#f8d469 0 5px,#cb8b20 6px 9px)}.topping.jackfruit{background:#9a6035}.topping.pork{background:repeating-linear-gradient(-20deg,#9a5032 0 4px,#bd7752 5px 8px)}.topping.beef-extra{background:#59402b}.bunless{background:repeating-linear-gradient(15deg,#71a041 0 12px,#89b94f 13px 23px);border-radius:50%;height:24px;width:100%}#stack-caption{font:900 31px var(--display);letter-spacing:-.02em}.preview-note{font-size:11px;margin-top:9px}#burger-form fieldset{border:0;border-bottom:1px solid #626654;padding:0 0 23px;margin:0 0 25px}#burger-form legend{font:800 29px var(--display);margin-bottom:15px}#burger-form legend span{color:var(--yellow);font:500 11px 'DM Sans',sans-serif;margin-right:13px}.option-grid{display:flex;flex-wrap:wrap;gap:8px}.ingredient-option{position:relative;cursor:pointer}.ingredient-option input{position:absolute;opacity:0;width:1px;height:1px}.ingredient-option span{display:block;padding:10px 13px;border:1px solid #717566;border-radius:25px;font-size:12px;transition:background .15s,color .15s}.ingredient-option input:checked+span{background:var(--yellow);border-color:var(--yellow);color:#111;font-weight:700}.ingredient-option input:focus-visible+span{outline:3px solid #f58ca4;outline-offset:3px}.builder-actions{display:flex;align-items:center;gap:20px}.builder-actions button,.receipt-actions button{cursor:pointer;border:0}.reset-button{background:none;color:var(--cream);text-decoration:underline;font-size:12px}.build-receipt{display:flex;justify-content:space-between;gap:35px;padding:28px;border:1px dashed #939a7d;margin-top:38px;align-items:center}.build-receipt .eyebrow{color:var(--yellow);margin-bottom:10px}#burger-summary{max-width:640px;font-size:15px}.receipt-actions{display:flex;flex-direction:column;align-items:start;flex-shrink:0}.receipt-actions .text-link{font-size:12px}#builder-status{margin-top:12px;color:var(--yellow);font-size:13px}.burger-builder .small-note{color:#c2c6b7;max-width:780px}.instagram-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #555a4b;margin-top:95px;padding-top:60px;align-items:center}.instagram-panel h3{font-size:clamp(32px,3.6vw,60px);margin:22px 0}.instagram-panel p{max-width:420px;margin-bottom:24px}.instagram-panel .small-note{margin:18px 0 0}.instagram-panel button{border:0;cursor:pointer}.instagram-window{background:#25281f;border:1px solid #555b49;min-height:380px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.instagram-window .instagram-glyph{font-size:100px;color:var(--yellow)}.instagram-window p{font:900 42px var(--display)}.instagram-window>span:last-child{font-size:12px;color:#c1c5b6;padding:12px}.instagram-window iframe{width:100%;height:490px;border:0;background:white}.local-section{background:var(--cream);color:var(--black)}.local-section h2{font-size:clamp(55px,8.5vw,130px)}.local-section h2 em{color:var(--black);-webkit-text-stroke:1px var(--black);color:transparent}.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:55px}.local-grid h3{font-size:40px;margin-bottom:24px}.local-grid p{font-size:15px;margin-bottom:20px}.visit-card{padding:35px;background:var(--yellow);transform:rotate(1deg)}.visit-card .eyebrow{margin-bottom:24px}.visit-card address{font-style:normal;line-height:1.6;font-weight:600;margin:24px 0}.visit-card .text-link{display:flex;font-size:13px}.local-bottom{display:grid;grid-template-columns:1fr 1.6fr auto;gap:30px;align-items:center;border-top:1px solid #bbbfb0;padding-top:40px;margin-top:50px}.local-bottom h3{font-size:38px}.local-bottom p{font-size:14px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq-layout h2{font-size:clamp(60px,7vw,110px)}.faqs summary{font-family:'DM Sans',Arial,sans-serif;letter-spacing:0;font-size:16px;line-height:1.5;gap:14px}.faqs details>div{padding-left:0}.faqs details p{max-width:none}.faqs a{text-decoration:underline}.burger-finale{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:85px 4% 70px;background:#1b1e16;min-height:900px}.burger-finale .eyebrow{justify-content:center;color:var(--yellow);margin-bottom:24px}.burger-finale h2{font-size:clamp(100px,19vw,300px);line-height:.84;color:var(--yellow)}.burger-finale h2 span{color:transparent;-webkit-text-stroke:1px var(--yellow)}.giant-burger{position:relative;width:min(100%,1100px);height:auto;object-fit:contain;margin:-8vw auto -2vw;z-index:2;filter:drop-shadow(0 30px 30px #0006);will-change:transform}.burger-finale .button{position:relative;z-index:3}.section-tag{overflow:hidden}.extra-reveal{transition:opacity .8s,translate .8s}.js-motion .extra-reveal:not(.visible){opacity:0;translate:0 35px}@keyframes ingredient-drop{from{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){header>nav{gap:22px;font-size:12px}.builder-layout{gap:5%}.burger-preview{min-height:430px}.local-bottom{grid-template-columns:1fr 2fr}.local-bottom .button{grid-column:2;justify-self:start}.build-receipt{align-items:start}.instagram-panel{gap:30px}.faq-layout{gap:4%}}
@media(max-width:700px){header{height:78px}header.slim{height:60px}header.slim .brand img{height:42px}#mobile-nav:not([hidden]){top:var(--nav-height,78px);max-height:calc(100dvh - var(--nav-height,78px))}.builder-layout{display:block}.burger-preview{position:relative;top:0;min-height:360px;margin-bottom:35px;border-radius:160px 160px 6px 6px;padding:25px 18px}.burger-stack{width:240px;min-height:260px}.bun-top{height:72px}.burger-builder .section-top>p{margin-top:25px}#burger-form legend{font-size:27px}.build-receipt{display:block;padding:22px}.receipt-actions{margin-top:24px}.instagram-panel{grid-template-columns:1fr;margin-top:55px;padding-top:40px;gap:30px}.instagram-panel h3{font-size:39px}.instagram-window{min-height:310px}.local-section h2{font-size:13vw}.local-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.visit-card{padding:25px}.local-bottom{grid-template-columns:1fr;gap:24px}.local-bottom .button{grid-column:1}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout h2{font-size:17vw}.burger-finale{min-height:0;padding:65px 4%}.burger-finale h2{font-size:20vw}.giant-burger{width:115%;max-width:none;margin:-4vw -7.5% 0}.builder-actions{gap:15px}.burger-builder h2{font-size:16vw}}
@media(prefers-reduced-motion:reduce){.giant-burger{transform:none!important}.extra-reveal{opacity:1!important;translate:none!important}}
/* Illustrated ingredient cutouts, layered in a shared perspective. */
.burger-preview{overflow:visible;min-height:540px;padding:35px 20px 32px;background:radial-gradient(ellipse at 50% 38%,#fff575 0%,#fce300 65%);box-shadow:inset 0 0 0 1px #ffffff2b}
.dimensional-stack{--unit:1px;position:relative;display:block;width:330px;max-width:100%;height:calc(var(--stack-height,320)*var(--unit));min-height:300px;padding:0;margin:10px auto 6px;filter:none;isolation:isolate;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.dimensional-stack::before{content:'';position:absolute;bottom:-3px;left:10%;width:80%;height:30px;background:#6e4100;filter:blur(15px);opacity:.23;border-radius:50%;z-index:0}
.ingredient-sprite{position:absolute;left:0;bottom:calc(var(--level)*var(--unit));width:100%;border:0;background:none;transition:bottom .4s cubic-bezier(.2,.8,.2,1);pointer-events:none;transform-origin:50% 80%}
.ingredient-sprite img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 3px #42230538);user-select:none}
.ingredient-enter{animation:stack-ingredient-in .5s cubic-bezier(.2,.75,.2,1) both}
.ingredient-sprite.cheddar img{filter:hue-rotate(-8deg) saturate(.9) drop-shadow(0 4px 3px #42230538)}
.ingredient-sprite.monty img{filter:saturate(.55) brightness(1.08) drop-shadow(0 4px 3px #42230538)}
.ingredient-sprite.blue img{filter:saturate(.12) brightness(1.22) drop-shadow(0 4px 3px #42230538)}
.ingredient-sprite.chilli img{filter:hue-rotate(-15deg) saturate(1.2) drop-shadow(0 4px 3px #42230538)}
.ingredient-sprite.hot img{filter:hue-rotate(-25deg) saturate(1.6) brightness(.8) drop-shadow(0 3px 2px #42230538)}
.ingredient-sprite.jam img{filter:hue-rotate(-30deg) saturate(1.3) brightness(.65) drop-shadow(0 3px 2px #42230538)}
.ingredient-sprite.relish img{filter:saturate(.8) brightness(.7) drop-shadow(0 3px 2px #42230538)}
#stack-caption,.preview-note{position:relative;z-index:20}.burger-preview .lab-label{position:relative;z-index:20;margin-bottom:5px}
@keyframes stack-ingredient-in{0%{opacity:0;transform:translateY(-40px) rotate(-3deg) scale(1.04)}65%{opacity:1;transform:translateY(3px) rotate(.5deg) scale(1)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@media(min-width:701px) and (max-width:1000px){.dimensional-stack{width:270px;--unit:.82px;min-height:265px}.burger-preview{min-height:460px}}
@media(max-width:700px){.dimensional-stack{width:270px;--unit:.82px;min-height:265px;margin-top:5px}.burger-preview{min-height:420px;padding:28px 20px}.burger-preview .lab-label{font-size:9px}}
@media(max-width:360px){.dimensional-stack{width:230px;--unit:.7px;min-height:230px}}
@media(prefers-reduced-motion:reduce){.ingredient-enter{animation:none}.ingredient-sprite,.dimensional-stack{transition:none}}

/* All ingredient artwork uses a shared visible baseline and explicit stack order. */
.ingredient-sprite{height:calc(var(--sprite-height) * var(--unit));filter:drop-shadow(0 4px 2px #42230530)}
.ingredient-frame{position:relative;width:100%;height:100%;overflow:hidden}
.ingredient-sprite .ingredient-frame img{position:absolute;max-width:none;object-fit:fill;transform:none;filter:none}
.ingredient-sprite.cheddar{filter:hue-rotate(-8deg) saturate(.9) drop-shadow(0 4px 2px #42230530)}
.ingredient-sprite.monty{filter:saturate(.55) brightness(1.08) drop-shadow(0 4px 2px #42230530)}
.ingredient-sprite.blue{filter:saturate(.12) brightness(1.22) drop-shadow(0 4px 2px #42230530)}
.ingredient-sprite.chilli{filter:hue-rotate(-15deg) saturate(1.2) drop-shadow(0 4px 2px #42230530)}
.ingredient-sprite.hot{filter:hue-rotate(-25deg) saturate(1.6) brightness(.8) drop-shadow(0 3px 2px #42230530)}
.ingredient-sprite.jam{filter:hue-rotate(-30deg) saturate(1.3) brightness(.65) drop-shadow(0 3px 2px #42230530)}
.ingredient-sprite.relish{filter:saturate(.8) brightness(.7) drop-shadow(0 3px 2px #42230530)}

/* The brand line keeps a two-line composition on every screen size. */
.hero-copy{container-type:inline-size}
.hero h1.brand-headline{font-size:clamp(50px,7.8vw,125px);font-size:18cqw;line-height:.94;letter-spacing:-.035em}
.brand-headline>span{white-space:nowrap}
.footer-word.brand-footer{font-size:clamp(60px,15vw,240px);line-height:.88;white-space:normal}
.brand-footer>span{display:block}
.brand-footer>span:last-child{color:var(--cream)}
@media(max-width:700px){.hero h1.brand-headline{font-size:16vw;font-size:18cqw}.footer-word.brand-footer{font-size:15vw}}

.studio-credit{margin:25px 0 0;text-align:center;font-size:11px;line-height:1.6;color:#a6a99d}.studio-credit a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}.studio-credit a:hover{color:var(--yellow)}
