.burger-detail-shell{min-height:100svh;color:var(--ink);font-family:var(--font-crayon);background-color:#f7e7cc;background-image:linear-gradient(#401f120b 2px,#0000 2px),linear-gradient(90deg,#401f120b 2px,#0000 2px);background-size:34px 34px;overflow:clip}.burger-detail-shell *,.burger-detail-shell :before,.burger-detail-shell :after{box-sizing:border-box}.detail-topbar{z-index:40;border-bottom:4px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7e7ccf5;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:72px;padding:10px max(24px,50vw - 660px);animation:.32s ease-out both detail-topbar-enter;display:grid;position:sticky;top:0;box-shadow:0 5px #2811091f}.detail-back,.detail-home,.detail-file-tag{border:3px solid var(--ink);border-radius:6px;align-items:center;min-height:44px;font-weight:950;display:inline-flex}.detail-back{background:var(--red);color:#fff8e9;width:max-content;box-shadow:4px 4px 0 var(--ink);gap:9px;padding:0 15px;transition:transform .15s,box-shadow .15s}.detail-home{background:var(--yellow);box-shadow:3px 3px 0 var(--ink);justify-self:center;padding:0 18px;font-size:18px;transform:rotate(-2deg)}.detail-file-tag{background:#fff4df;justify-self:end;padding:0 14px;font-size:12px}.detail-back:hover,.detail-home:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.detail-home:hover{transform:translate(2px,2px)rotate(0)}.detail-back:focus-visible,.detail-home:focus-visible,.detail-source-button:focus-visible,.detail-source a:focus-visible,.detail-related a:focus-visible{outline-offset:4px;outline:4px solid #f7191859}.detail-hero{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:64px;max-width:1320px;min-height:650px;margin:0 auto;padding:72px 24px 88px;display:grid}.detail-hero-copy{min-width:0;animation:.48s cubic-bezier(.16,1,.3,1) 70ms both detail-copy-enter}.detail-kicker{color:var(--red);margin:0;font-size:13px;font-weight:950;line-height:1.4}.detail-location{border:2px solid var(--ink);background:var(--yellow);align-items:center;gap:8px;width:max-content;margin:20px 0 18px;padding:8px 11px;font-size:14px;font-weight:950;display:flex;transform:rotate(-1deg)}.detail-hero h1{overflow-wrap:anywhere;max-width:720px;text-shadow:4px 4px 0 var(--yellow), 7px 7px 0 #f71918b8;margin:0;font-size:68px;font-weight:1000;line-height:1.02}.detail-english{color:#281109a1;margin:20px 0 0;font-size:18px;font-weight:950}.detail-summary{max-width:610px;margin:27px 0 0;font-size:19px;font-weight:750;line-height:1.75}.detail-flavors{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.detail-flavors span{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff4df;padding:7px 11px;font-size:13px;font-weight:950}.detail-flavors span:nth-child(2n){background:var(--yellow);transform:rotate(1deg)}.detail-source-button{border:3px solid var(--ink);background:var(--ink);color:#fff8e9;min-height:50px;box-shadow:5px 5px 0 var(--red);border-radius:5px;align-items:center;gap:12px;margin-top:34px;padding:0 18px;font-size:14px;font-weight:950;transition:transform .16s,box-shadow .16s;display:inline-flex}.detail-source-button:hover{box-shadow:2px 2px 0 var(--red);transform:translate(3px,3px)}.detail-hero-visual{border:5px solid var(--ink);background:var(--red);min-width:0;box-shadow:12px 12px 0 var(--yellow), 17px 17px 0 var(--ink);border-radius:7px;animation:.52s cubic-bezier(.16,1,.3,1) 40ms both detail-burger-enter;position:relative;overflow:hidden;transform:rotate(1deg)}.detail-hero-visual .burger-specimen{background-color:color-mix(in srgb, var(--specimen-accent) 36%, #fff0ce 64%);border:0;min-height:460px}.detail-hero-visual .burger-specimen svg{width:min(92%,540px)}.detail-hero-stamp{z-index:6;border:4px solid var(--ink);background:var(--yellow);width:70px;height:70px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:18px;font-weight:1000;display:grid;position:absolute;top:22px;left:22px;transform:rotate(-7deg)}.detail-hero-caption{border-top:4px solid var(--ink);background:var(--yellow);text-align:right;padding:14px 18px;font-size:12px;font-weight:950;display:block}.detail-story,.detail-source{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);gap:80px;padding:64px max(24px,50vw - 636px);display:grid}.detail-story{border-block:5px solid var(--ink);color:#fff8e9;background:#c9372f;box-shadow:inset 0 -8px #2811092e}.detail-story .detail-kicker{color:var(--yellow)}.detail-section-heading{align-items:flex-start;gap:15px;display:flex}.detail-section-heading>svg{flex:none;margin-top:5px}.detail-section-heading h2,.detail-taste h2,.detail-layer-copy h2,.detail-source h2,.detail-related h2{margin:8px 0 0;font-size:38px;line-height:1.12}.detail-story-copy{gap:22px;max-width:820px;display:grid}.detail-story-copy p{margin:0;font-size:20px;font-weight:750;line-height:1.85}.detail-taste{grid-template-columns:minmax(280px,.46fr) minmax(0,1fr);gap:84px;max-width:1272px;margin:0 auto;padding:92px 0;display:grid}.detail-taste-grid{align-content:start;gap:15px;display:grid}.detail-taste-row{border-bottom:2px dashed #28110957;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;gap:16px;min-height:50px;padding-bottom:13px;display:grid}.detail-taste-row>span,.detail-taste-row>strong{font-size:13px;font-weight:950}.detail-taste-row>strong{text-align:right}.detail-taste-row>div{grid-template-columns:repeat(5,minmax(12px,1fr));gap:7px;display:grid}.detail-taste-row i{border:2px solid var(--ink);background:#fff4dfe0;height:15px;display:block;transform:skew(-8deg)}.detail-taste-row i.is-active{background:var(--red);box-shadow:2px 2px 0 var(--yellow)}.detail-breakdown{--explode-top:0px;--explode-fresh:0px;--explode-cheese:0px;--explode-sauce:0px;--explode-main:0px;--explode-bottom:0px;--explode-shadow:0px;--explode-progress:0%;border-top:4px solid var(--ink);grid-template-columns:minmax(410px,.9fr) minmax(0,1.1fr);align-items:start;gap:88px;max-width:1320px;margin:0 auto;padding:76px 24px 116px;display:grid}.detail-breakdown-visual{min-width:0;position:sticky;top:118px}.detail-exploded-stage{border:5px solid var(--ink);background:var(--yellow);box-shadow:12px 12px 0 var(--red), 17px 17px 0 var(--ink);border-radius:7px;padding:24px 22px 18px;position:relative;transform:rotate(-1deg)}.detail-exploded-stage .burger-specimen{background:#fff0d8;border:0;min-height:480px;overflow:visible}.detail-exploded-stage .burger-specimen:before,.detail-exploded-stage .burger-specimen:after,.detail-exploded-stage .specimen-pin{opacity:0}.detail-exploded-stage .burger-specimen svg{width:min(100%,500px)}.detail-exploded-stage .burger-specimen .specimen-bun-top-group{transform:translate3d(0, var(--explode-top), 0)}.detail-exploded-stage .burger-specimen .specimen-fresh-group{transform:translate3d(0, var(--explode-fresh), 0)}.detail-exploded-stage .burger-specimen .specimen-cheese-group{transform:translate3d(0, var(--explode-cheese), 0)}.detail-exploded-stage .burger-specimen .specimen-sauce-group,.detail-exploded-stage .burger-specimen .specimen-sauce-ribbon,.detail-exploded-stage .burger-specimen .specimen-sauce-stroke{transform:translate3d(0, var(--explode-sauce), 0)}.detail-exploded-stage .burger-specimen .specimen-main-group{transform:translate3d(0, var(--explode-main), 0)}.detail-exploded-stage .burger-specimen .specimen-bun-bottom-group{transform:translate3d(0, var(--explode-bottom), 0)}.detail-exploded-stage .burger-specimen .specimen-shadow{transform:translate3d(0, var(--explode-shadow), 0)}.detail-exploded-stage .burger-specimen[data-bun=slider] .specimen-main-group,.detail-exploded-stage .burger-specimen[data-bun=slider] .specimen-sauce-group,.detail-exploded-stage .burger-specimen[data-bun=slider] .specimen-cheese-group,.detail-exploded-stage .burger-specimen[data-bun=slider] .specimen-fresh-group{transform:translate3d(0, var(--explode-main), 0) scaleX(.78)}.detail-exploded-stage .burger-specimen[data-bun=slider] .specimen-fresh-group{transform:translate3d(0, var(--explode-fresh), 0) scaleX(.78)}.detail-exploded-stage .burger-specimen[data-bun=slider] .specimen-cheese-group{transform:translate3d(0, var(--explode-cheese), 0) scaleX(.78)}.detail-exploded-stage .burger-specimen[data-bun=slider] .specimen-sauce-group{transform:translate3d(0, var(--explode-sauce), 0) scaleX(.78)}.detail-progress{border:2px solid var(--ink);background:#fff8e9;height:9px;overflow:hidden}.detail-progress span{width:var(--explode-progress);background:var(--red);height:100%;display:block}.detail-layer-copy{padding-top:16px}.detail-layer-list{gap:12px;margin:42px 0 0;padding:0;list-style:none;display:grid}.detail-layer-list li{border:3px solid var(--ink);background:#fff1d8;border-radius:5px;grid-template-columns:66px minmax(0,1fr);align-items:center;min-height:96px;display:grid;box-shadow:5px 5px #281109bf}.detail-layer-list li:nth-child(2n){background:#ffe0a4;transform:translate(9px)}.detail-layer-list li>span{border-right:3px solid var(--ink);background:var(--red);color:#fff8e9;align-self:stretch;place-items:center;font-size:18px;font-weight:1000;display:grid}.detail-layer-list li>div{gap:6px;padding:15px 18px;display:grid}.detail-layer-list strong{font-size:18px}.detail-recipe{border-block:5px solid var(--ink);background:#f4bb36;padding:82px max(24px,50vw - 636px) 98px}.detail-recipe .detail-kicker{color:#8f251f}.detail-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px;display:grid}.detail-recipe-grid article{border:4px solid var(--ink);min-height:286px;box-shadow:7px 7px 0 var(--ink);background:#fff3dc;border-radius:6px;padding:64px 22px 24px;position:relative}.detail-recipe-grid article:nth-child(2n){transform:translateY(12px)rotate(.5deg)}.detail-recipe-grid article>span{border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--red);color:#fff8e9;place-items:center;width:58px;height:48px;font-size:15px;font-weight:1000;display:grid;position:absolute;top:0;left:0}.detail-recipe-grid h3{margin:0;font-size:22px}.detail-recipe-grid small{border:2px solid var(--ink);background:var(--yellow);overflow-wrap:anywhere;width:max-content;max-width:100%;margin-top:12px;padding:5px 8px;font-size:11px;font-weight:950;display:block}.detail-recipe-grid p{color:#281109c2;margin:15px 0 0;font-size:14px;font-weight:750;line-height:1.75}.detail-source{border-bottom:5px solid var(--ink);color:#fff8e9;background:#3f8f49;align-items:center}.detail-source .detail-kicker{color:var(--yellow)}.detail-source a{border:4px solid var(--ink);min-height:112px;color:var(--ink);box-shadow:8px 8px 0 var(--yellow), 12px 12px 0 var(--ink);background:#fff3dc;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 20px;padding:20px 24px;transition:transform .16s;display:grid}.detail-source a:hover{transform:translateY(-5px)rotate(-.5deg)}.detail-source a span,.detail-source a strong{overflow-wrap:anywhere;min-width:0}.detail-source a span{color:var(--red);font-size:12px;font-weight:950}.detail-source a strong{font-size:18px}.detail-source a svg{grid-area:1/2/span 2}.detail-related{max-width:1320px;margin:0 auto;padding:92px 24px 110px}.detail-related-head{justify-content:space-between;align-items:end;gap:28px;margin-bottom:38px;display:flex}.detail-related-head>a{border-bottom:3px solid var(--ink);color:var(--red);align-items:center;gap:8px;padding-bottom:5px;font-size:14px;font-weight:950;display:inline-flex}.detail-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.detail-related-card{border:4px solid var(--ink);min-width:0;box-shadow:8px 8px 0 var(--ink);background:#fff0d8;border-radius:7px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.detail-related-card:hover{box-shadow:11px 11px 0 var(--red), 15px 15px 0 var(--ink);transform:translateY(-6px)}.detail-related-card:has(>a:focus-visible){box-shadow:11px 11px 0 var(--red), 15px 15px 0 var(--ink);transform:translateY(-6px)}.detail-related-card>a{z-index:6;position:absolute;inset:0}.detail-related-number{border-bottom:3px dashed #2811096b;padding:11px 14px;font-size:11px;font-weight:950}.detail-related-card .burger-specimen{min-height:210px}.detail-related-copy{padding:19px 18px 24px}.detail-related-copy>span,.detail-related-copy>p{font-size:12px;font-weight:900}.detail-related-copy>span{color:var(--red)}.detail-related-copy h3{margin:9px 0 0;font-size:24px;line-height:1.14}.detail-related-copy p{color:#28110991;margin:8px 0 0}.detail-footer{border-top:4px solid var(--ink);background:var(--ink);color:#fff8e9;justify-content:center;align-items:center;gap:11px;min-height:72px;padding:18px 24px;font-size:12px;font-weight:950;display:flex}@keyframes detail-topbar-enter{0%{opacity:0;transform:translateY(-22px)}}@keyframes detail-copy-enter{0%{opacity:0;transform:translateY(26px)}}@keyframes detail-burger-enter{0%{opacity:0;transform:scale(.78)rotate(-5deg)}}@media (max-width:1080px){.detail-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:42px}.detail-hero h1{font-size:56px}.detail-taste{padding-inline:24px}.detail-breakdown{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:52px}.detail-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.detail-topbar{grid-template-columns:1fr auto}.detail-home{display:none}.detail-hero{grid-template-columns:1fr;gap:52px;min-height:0;padding-top:48px}.detail-hero-copy{order:1}.detail-hero-visual{order:2}.detail-story,.detail-source,.detail-taste{grid-template-columns:1fr;gap:38px}.detail-taste{padding-block:72px}.detail-breakdown{grid-template-columns:1fr;gap:62px;padding-bottom:86px}.detail-breakdown-visual{position:relative;top:auto}.detail-layer-list li:nth-child(2n){transform:none}.detail-related-grid{grid-template-columns:1fr}.detail-related-card{grid-template-columns:minmax(220px,.85fr) minmax(0,1fr);display:grid}.detail-related-number{grid-column:1/-1}.detail-related-card .burger-specimen{border-right:3px solid var(--ink);border-bottom:0}}@media (max-width:560px){.detail-topbar{gap:10px;min-height:64px;padding-inline:14px}.detail-back{min-height:42px;padding-inline:12px;font-size:13px}.detail-file-tag{min-height:40px;padding-inline:10px;font-size:10px}.detail-hero{padding:40px 16px 64px}.detail-hero h1{font-size:44px}.detail-english{font-size:15px}.detail-summary{font-size:17px}.detail-hero-visual{box-shadow:7px 7px 0 var(--yellow), 11px 11px 0 var(--ink)}.detail-hero-visual .burger-specimen{min-height:320px}.detail-hero-stamp{width:56px;height:56px;font-size:14px;top:14px;left:14px}.detail-story,.detail-source,.detail-recipe{padding:54px 18px 64px}.detail-section-heading h2,.detail-taste h2,.detail-layer-copy h2,.detail-source h2,.detail-related h2{font-size:31px}.detail-story-copy p{font-size:17px}.detail-taste{padding:64px 18px}.detail-taste-row{grid-template-columns:52px minmax(0,1fr) 38px;gap:10px}.detail-taste-row>div{gap:4px}.detail-breakdown{gap:52px;padding:58px 16px 74px}.detail-exploded-stage{box-shadow:7px 7px 0 var(--red), 11px 11px 0 var(--ink);padding:16px 12px 14px}.detail-exploded-stage .burger-specimen{min-height:390px}.detail-layer-list li{grid-template-columns:54px minmax(0,1fr)}.detail-recipe-grid{grid-template-columns:1fr}.detail-recipe-grid article,.detail-recipe-grid article:nth-child(2n){min-height:0;transform:none}.detail-source a{box-shadow:6px 6px 0 var(--yellow), 9px 9px 0 var(--ink)}.detail-related{padding:70px 16px 86px}.detail-related-head{align-items:start}.detail-related-card{display:block}.detail-related-card .burger-specimen{border-right:0;border-bottom:3px solid var(--ink)}}@media (prefers-reduced-motion:reduce){.burger-detail-shell *,.burger-detail-shell :before,.burger-detail-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
