:root {
    --bg: #050505;
    --ink: #f7e8ca;
    --paper: #eddab7;
    --red: #c71a20;
    --blue: #234ea7;
    --gold: #efb01d;
    --orange: #ed8616;
    --green: #85a929;
    --cream: #f6e3be;
    --white: #ffffff;
    --line: rgba(141,76,25,.9);
    --shadow: 0 24px 50px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;background:#101010;color:#fff;font-family:Inter,system-ui,sans-serif;min-height:100%}
body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0;background:radial-gradient(circle at top,#252525 0%,#070707 58%)}
.poster{width:min(calc(100vh * 1080 / 1920),100vw);height:min(100vh,calc(100vw * 1920 / 1080));aspect-ratio:1080/1920;background:linear-gradient(180deg,#020202 0%,#0a0a0a 100%);border-radius:0;box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden;border:0}
.poster:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%,transparent 85%,rgba(255,255,255,.03));pointer-events:none}
.poster-grid{display:grid;grid-template-columns:50% 1fr;gap:22px;height:100%}
.left-col{min-width:0}
.right-col{display:flex;flex-direction:column;gap:18px}
.mobile-logo,.mobile-slices,.mobile-heart,.mobile-date,.mobile-drinks,.mobile-extras{display:none}
.header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.day-line{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.day-title{font-family:'Antonio',sans-serif;font-size:66px;line-height:.9;text-transform:uppercase;color:var(--ink);letter-spacing:1px}
.date-chip{font-family:'Antonio',sans-serif;font-size:58px;line-height:.95;color:var(--gold);text-transform:uppercase;letter-spacing:1px}
.menu-ribbon{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.menu-brush{background:linear-gradient(90deg,#be141d,#df2b33 55%,#bf151d);padding:12px 24px;transform:skew(-12deg);box-shadow:0 8px 20px rgba(199,26,32,.32)}
.menu-brush span{display:block;transform:skew(12deg);font-family:'Bebas Neue',cursive;font-size:78px;line-height:.9;letter-spacing:1.5px}
.hours-chip{background:var(--blue);padding:10px 18px;border-radius:10px;font-family:'Antonio',sans-serif;font-size:34px;line-height:1;text-transform:uppercase}
.flavor-list{display:grid;grid-template-columns:1fr;gap:7px}
.flavor-item{padding:10px 0 12px;border-bottom:2px solid var(--line)}
.limited-section{margin-top:18px;border:3px solid rgba(240,220,190,.55);border-radius:18px;padding:0;position:relative;overflow:hidden}
.limited-rail{position:absolute;left:0;top:0;bottom:0;width:34px;background:linear-gradient(180deg,#f1b11a,#d99500);display:flex;align-items:center;justify-content:center}
.limited-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Antonio',sans-serif;font-size:22px;letter-spacing:1px;color:#161616;text-transform:uppercase;text-align:center;line-height:.95}
.limited-body{padding:12px 14px 10px 46px}
.limited-item{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:start;padding:8px 0}
.limited-name{color:var(--cream)}
.flavor-head{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:start}
.flavor-thumb{width:70px;height:70px;border-radius:10px;object-fit:cover;background:#1a1a1a;border:1px solid rgba(255,255,255,.12)}
.flavor-thumb.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Bebas Neue',cursive;font-size:16px;line-height:.9;letter-spacing:.6px;color:#d5c19b;background:#161616;padding:4px}
.flavor-name{font-family:'Antonio',sans-serif;font-size:50px;line-height:.92;text-transform:uppercase;display:flex;align-items:flex-start;gap:10px;letter-spacing:.5px}
.limited-name{font-family:'Antonio',sans-serif;font-size:50px;line-height:.92;text-transform:uppercase;display:flex;align-items:flex-start;gap:10px;letter-spacing:.5px}
.flavor-desc{margin-top:8px;padding-left:2px;font-family:'Bebas Neue',cursive;font-size:24px;line-height:.95;color:#f0dcc0;letter-spacing:.7px}
.limited-desc{margin-top:8px;padding-left:2px;font-family:'Bebas Neue',cursive;font-size:24px;line-height:.95;color:#f0dcc0;letter-spacing:.7px}
.color-gold{color:var(--gold)} .color-blue{color:#2468d0} .color-orange{color:var(--orange)} .color-red{color:#d81d25} .color-green{color:var(--green)} .color-purple{color:#7f4bd9} .color-brown{color:#8a5a2b} .color-cream{color:var(--cream)} .color-white{color:var(--white)}
.mini-copy{position:relative;overflow:hidden;padding-right:4px;isolation:isolate}
.flavor-thumb-wrap{display:flex;align-items:center;justify-content:center;min-height:100%}
.soldout-x{display:none}
.flavor-copy.sold-out,.mini-copy.sold-out,.limited-copy.sold-out{position:relative;overflow:hidden;isolation:isolate}
.flavor-copy.sold-out .soldout-x,.mini-copy.sold-out .soldout-x,.limited-copy.sold-out .soldout-x{display:block;position:absolute;inset:0;pointer-events:none;z-index:2}
.flavor-copy.sold-out .soldout-x:before,.flavor-copy.sold-out .soldout-x:after,.mini-copy.sold-out .soldout-x:before,.mini-copy.sold-out .soldout-x:after,.limited-copy.sold-out .soldout-x:before,.limited-copy.sold-out .soldout-x:after{content:"";position:absolute;left:50%;top:50%;width:140%;height:4px;background:#db1b22;box-shadow:0 0 8px rgba(219,27,34,.35);transform-origin:center}
.flavor-copy.sold-out .soldout-x:before,.mini-copy.sold-out .soldout-x:before,.limited-copy.sold-out .soldout-x:before{transform:translate(-50%, -50%) rotate(12deg)}
.flavor-copy.sold-out .soldout-x:after,.mini-copy.sold-out .soldout-x:after,.limited-copy.sold-out .soldout-x:after{transform:translate(-50%, -50%) rotate(-12deg)}
.crest-wrap{display:flex;justify-content:center;align-items:flex-start}
.brand-image{width:100%;max-width:350px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}
.paper-panel{background:var(--paper);color:#111;border:3px solid #94754f;border-radius:18px;padding:18px 16px 12px;box-shadow:var(--shadow)}
.paper-panel h3{margin:0 0 10px;text-align:center;font-family:'Bebas Neue',cursive;font-size:58px;line-height:.9;color:#b01719;letter-spacing:2px}
.slice-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;margin:8px 0;font-family:'Antonio',sans-serif;font-size:26px;line-height:1;text-transform:uppercase}
.slice-dots{border-bottom:3px dotted rgba(17,17,17,.45);margin-bottom:5px}
.slice-price{color:#9c171b}
.heart-panel{position:relative;align-self:center;width:290px;aspect-ratio:1/1.02;display:flex;align-items:center;justify-content:center;text-align:center;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.heart-panel svg{position:absolute;inset:0;width:100%;height:100%}
.heart-panel-inner{position:relative;z-index:2;max-width:190px;padding-top:0}
.heart-panel strong{display:block;font-family:'Bebas Neue',cursive;font-size:50px;line-height:.88;letter-spacing:1px;color:#a31d22}
.heart-panel span{display:block;font-family:'Bebas Neue',cursive;font-size:24px;line-height:.95;color:#181818}
.bottom-panels{display:grid;grid-template-columns:1fr;gap:18px}
.mini-panel{background:#090909;border:3px solid rgba(240,220,190,.55);border-radius:18px;padding:12px 16px 10px;box-shadow:var(--shadow);width:100%}
.mini-panel h4{margin:0 0 10px;text-align:center;font-family:'Bebas Neue',cursive;font-size:40px;line-height:.9;letter-spacing:1px}
.mini-panel.drinks h4{color:var(--orange)}
.mini-panel.extras h4{color:#4b82e3}
.mini-panel.dunkz h4{color:var(--gold)}
.mini-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;margin:8px 0}
.mini-name{font-family:'Antonio',sans-serif;font-size:22px;line-height:1.05;text-transform:uppercase}
.mini-name.color-gold,.mini-name.color-gold span{color:var(--gold)}
.mini-name.color-blue,.mini-name.color-blue span{color:#2468d0}
.mini-name.color-orange,.mini-name.color-orange span{color:var(--orange)}
.mini-name.color-red,.mini-name.color-red span{color:#d81d25}
.mini-name.color-green,.mini-name.color-green span{color:var(--green)}
.mini-name.color-purple,.mini-name.color-purple span{color:#7f4bd9}
.mini-name.color-brown,.mini-name.color-brown span{color:#8a5a2b}
.mini-name.color-cream,.mini-name.color-cream span{color:var(--cream)}
.mini-name.color-white,.mini-name.color-white span{color:var(--white)}
.mini-desc{display:block;margin-top:8px;padding-left:2px;font-family:'Bebas Neue',cursive;font-size:18px;line-height:.95;letter-spacing:.5px;color:#d8c19b}
.mini-dots{border-bottom:3px dotted rgba(240,220,190,.45);margin-bottom:5px}
.mini-price{font-family:'Antonio',sans-serif;font-size:22px;line-height:1;color:#fff;white-space:nowrap}
@media (max-width: 760px){html,body{height:auto;min-height:100%}body{display:block;padding:0}.poster{width:100%;height:auto;min-height:100vh;aspect-ratio:auto;overflow:visible;padding:18px 18px 0px}.poster-grid{grid-template-columns:1fr;height:auto;gap:28px}.header-row{display:none}.right-col{display:none}.mobile-logo,.mobile-slices,.mobile-heart,.mobile-date,.mobile-drinks,.mobile-extras{display:block}.mobile-logo,.mobile-slices,.mobile-heart,.mobile-date,.menu-ribbon,.flavor-list,.limited-section,.mobile-drinks,.mobile-extras{margin-bottom:28px}.mobile-extras{display:grid;gap:0}.mobile-extras .mini-panel.dunkz{margin-top:28px}.mobile-logo{display:flex;justify-content:center}.mobile-logo .brand-image{max-width:250px}.mobile-heart .heart-panel{margin-inline:auto;width:340px}.mobile-date{display:flex;justify-content:center;align-items:flex-end;gap:10px;flex-wrap:nowrap;text-align:center}.mobile-date .day-title{font-size:42px}.mobile-date .date-chip{display:block;font-size:28px;margin-top:0}.day-line{gap:10px}.day-title{font-size:42px}.date-chip,.hours-chip{font-size:24px}.menu-ribbon{justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}.menu-brush span{font-size:54px}.flavor-head,.limited-item{grid-template-columns:44px 1fr;gap:10px;align-items:start}.flavor-thumb{width:44px;height:44px}.flavor-name{font-size:34px}.flavor-desc{font-size:19px}.mini-desc{font-size:19px}.limited-name{font-size:28px}.limited-desc{font-size:19px}.limited-rail{width:28px}.limited-body{padding:12px 14px 10px 38px}.paper-panel h3{font-size:46px}.heart-panel{width:340px;aspect-ratio:1/1.02;margin-inline:auto}.heart-panel-inner{max-width:230px}.heart-panel strong{font-size:54px}.heart-panel span{font-size:25px}}
background:linear-gradient(180deg,#020202 0%,#0a0a0a 100%);border-radius:0;box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden;border:0}
.poster:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%,transparent 85%,rgba(255,255,255,.03));pointer-events:none}
.poster-grid{display:grid;grid-template-columns:50% 1fr;gap:22px;height:100%}
.left-col{min-width:0}
.right-col{display:flex;flex-direction:column;gap:18px}
.mobile-logo,.mobile-slices,.mobile-heart,.mobile-date,.mobile-drinks,.mobile-extras{display:none}
.header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.day-line{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.day-title{font-family:'Antonio',sans-serif;font-size:66px;line-height:.9;text-transform:uppercase;color:var(--ink);letter-spacing:1px}
.date-chip{font-family:'Antonio',sans-serif;font-size:58px;line-height:.95;color:var(--gold);text-transform:uppercase;letter-spacing:1px}
.menu-ribbon{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.menu-brush{background:linear-gradient(90deg,#be141d,#df2b33 55%,#bf151d);padding:12px 24px;transform:skew(-12deg);box-shadow:0 8px 20px rgba(199,26,32,.32)}
.menu-brush span{display:block;transform:skew(12deg);font-family:'Bebas Neue',cursive;font-size:78px;line-height:.9;letter-spacing:1.5px}
.hours-chip{background:var(--blue);padding:10px 18px;border-radius:10px;font-family:'Antonio',sans-serif;font-size:34px;line-height:1;text-transform:uppercase}
.flavor-list{display:grid;grid-template-columns:1fr;gap:7px}
.flavor-item{padding:10px 0 12px;border-bottom:2px solid var(--line)}
.limited-section{margin-top:18px;border:3px solid rgba(240,220,190,.55);border-radius:18px;padding:0;position:relative;overflow:hidden}
.limited-rail{position:absolute;left:0;top:0;bottom:0;width:34px;background:linear-gradient(180deg,#f1b11a,#d99500);display:flex;align-items:center;justify-content:center}
.limited-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Antonio',sans-serif;font-size:22px;letter-spacing:1px;color:#161616;text-transform:uppercase;text-align:center;line-height:.95}
.limited-body{padding:12px 14px 10px 46px}
.limited-item{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:start;padding:8px 0}
.limited-name{color:var(--cream)}
.flavor-head{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:start}
.flavor-thumb{width:70px;height:70px;border-radius:10px;object-fit:cover;background:#1a1a1a;border:1px solid rgba(255,255,255,.12)}
.flavor-thumb.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Bebas Neue',cursive;font-size:16px;line-height:.9;letter-spacing:.6px;color:#d5c19b;background:#161616;padding:4px}
.flavor-name{font-family:'Antonio',sans-serif;font-size:50px;line-height:.92;text-transform:uppercase;display:flex;align-items:flex-start;gap:10px;letter-spacing:.5px}
.limited-name{font-family:'Antonio',sans-serif;font-size:50px;line-height:.92;text-transform:uppercase;display:flex;align-items:flex-start;gap:10px;letter-spacing:.5px}
.flavor-desc{margin-top:8px;padding-left:2px;font-family:'Bebas Neue',cursive;font-size:24px;line-height:.95;color:#f0dcc0;letter-spacing:.7px}
.limited-desc{margin-top:8px;padding-left:2px;font-family:'Bebas Neue',cursive;font-size:24px;line-height:.95;color:#f0dcc0;letter-spacing:.7px}
.color-gold{color:var(--gold)} .color-blue{color:#2468d0} .color-orange{color:var(--orange)} .color-red{color:#d81d25} .color-green{color:var(--green)} .color-purple{color:#7f4bd9} .color-brown{color:#8a5a2b} .color-cream{color:var(--cream)} .color-white{color:var(--white)}
.mini-copy{position:relative;overflow:hidden;padding-right:4px;isolation:isolate}
.flavor-thumb-wrap{display:flex;align-items:center;justify-content:center;min-height:100%}
.soldout-x{display:none}
.flavor-copy.sold-out,.mini-copy.sold-out,.limited-copy.sold-out{position:relative;overflow:hidden;isolation:isolate}
.flavor-copy.sold-out .soldout-x,.mini-copy.sold-out .soldout-x,.limited-copy.sold-out .soldout-x{display:block;position:absolute;inset:0;pointer-events:none;z-index:2}
.flavor-copy.sold-out .soldout-x:before,.flavor-copy.sold-out .soldout-x:after,.mini-copy.sold-out .soldout-x:before,.mini-copy.sold-out .soldout-x:after,.limited-copy.sold-out .soldout-x:before,.limited-copy.sold-out .soldout-x:after{content:"";position:absolute;left:50%;top:50%;width:140%;height:4px;background:#db1b22;box-shadow:0 0 8px rgba(219,27,34,.35);transform-origin:center}
.flavor-copy.sold-out .soldout-x:before,.mini-copy.sold-out .soldout-x:before,.limited-copy.sold-out .soldout-x:before{transform:translate(-50%, -50%) rotate(12deg)}
.flavor-copy.sold-out .soldout-x:after,.mini-copy.sold-out .soldout-x:after,.limited-copy.sold-out .soldout-x:after{transform:translate(-50%, -50%) rotate(-12deg)}
.crest-wrap{display:flex;justify-content:center;align-items:flex-start}
.brand-image{width:100%;max-width:350px;height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}
.paper-panel{background:var(--paper);color:#111;border:3px solid #94754f;border-radius:18px;padding:18px 16px 12px;box-shadow:var(--shadow)}
.paper-panel h3{margin:0 0 10px;text-align:center;font-family:'Bebas Neue',cursive;font-size:58px;line-height:.9;color:#b01719;letter-spacing:2px}
.slice-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;margin:8px 0;font-family:'Antonio',sans-serif;font-size:26px;line-height:1;text-transform:uppercase}
.slice-dots{border-bottom:3px dotted rgba(17,17,17,.45);margin-bottom:5px}
.slice-price{color:#9c171b}
.heart-panel{position:relative;align-self:center;width:290px;aspect-ratio:1/1.02;display:flex;align-items:center;justify-content:center;text-align:center;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.heart-panel svg{position:absolute;inset:0;width:100%;height:100%}
.heart-panel-inner{position:relative;z-index:2;max-width:190px;padding-top:0}
.heart-panel strong{display:block;font-family:'Bebas Neue',cursive;font-size:50px;line-height:.88;letter-spacing:1px;color:#a31d22}
.heart-panel span{display:block;font-family:'Bebas Neue',cursive;font-size:24px;line-height:.95;color:#181818}
.bottom-panels{display:grid;grid-template-columns:1fr;gap:18px}
.mini-panel{background:#090909;border:3px solid rgba(240,220,190,.55);border-radius:18px;padding:12px 16px 10px;box-shadow:var(--shadow);width:100%}
.mini-panel h4{margin:0 0 10px;text-align:center;font-family:'Bebas Neue',cursive;font-size:40px;line-height:.9;letter-spacing:1px}
.mini-panel.drinks h4{color:var(--orange)}
.mini-panel.extras h4{color:#4b82e3}
.mini-panel.dunkz h4{color:var(--gold)}
.mini-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;margin:8px 0}
.mini-name{font-family:'Antonio',sans-serif;font-size:22px;line-height:1.05;text-transform:uppercase}
.mini-name.color-gold,.mini-name.color-gold span{color:var(--gold)}
.mini-name.color-blue,.mini-name.color-blue span{color:#2468d0}
.mini-name.color-orange,.mini-name.color-orange span{color:var(--orange)}
.mini-name.color-red,.mini-name.color-red span{color:#d81d25}
.mini-name.color-green,.mini-name.color-green span{color:var(--green)}
.mini-name.color-purple,.mini-name.color-purple span{color:#7f4bd9}
.mini-name.color-brown,.mini-name.color-brown span{color:#8a5a2b}
.mini-name.color-cream,.mini-name.color-cream span{color:var(--cream)}
.mini-name.color-white,.mini-name.color-white span{color:var(--white)}
.mini-desc{display:block;margin-top:8px;padding-left:2px;font-family:'Bebas Neue',cursive;font-size:18px;line-height:.95;letter-spacing:.5px;color:#d8c19b}
.mini-dots{border-bottom:3px dotted rgba(240,220,190,.45);margin-bottom:5px}
.mini-price{font-family:'Antonio',sans-serif;font-size:22px;line-height:1;color:#fff;white-space:nowrap}
@media (max-width: 760px){html,body{height:auto;min-height:100%}body{display:block;padding:0}.poster{width:100%;height:auto;min-height:100vh;aspect-ratio:auto;overflow:visible;padding:18px 18px 0px}.poster-grid{grid-template-columns:1fr;height:auto;gap:28px}.header-row{display:none}.right-col{display:none}.mobile-logo,.mobile-slices,.mobile-heart,.mobile-date,.mobile-drinks,.mobile-extras{display:block}.mobile-logo,.mobile-slices,.mobile-heart,.mobile-date,.menu-ribbon,.flavor-list,.limited-section,.mobile-drinks,.mobile-extras{margin-bottom:28px}.mobile-extras{display:grid;gap:0}.mobile-extras .mini-panel.dunkz{margin-top:28px}.mobile-logo{display:flex;justify-content:center}.mobile-logo .brand-image{max-width:250px}.mobile-heart .heart-panel{margin-inline:auto;width:340px}.mobile-date{display:flex;justify-content:center;align-items:flex-end;gap:10px;flex-wrap:nowrap;text-align:center}.mobile-date .day-title{font-size:42px}.mobile-date .date-chip{display:block;font-size:28px;margin-top:0}.day-line{gap:10px}.day-title{font-size:42px}.date-chip,.hours-chip{font-size:24px}.menu-ribbon{justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}.menu-brush span{font-size:54px}.flavor-head,.limited-item{grid-template-columns:44px 1fr;gap:10px;align-items:start}.flavor-thumb{width:44px;height:44px}.flavor-name{font-size:34px}.flavor-desc{font-size:19px}.mini-desc{font-size:19px}.limited-name{font-size:28px}.limited-desc{font-size:19px}.limited-rail{width:28px}.limited-body{padding:12px 14px 10px 38px}.paper-panel h3{font-size:46px}.heart-panel{width:340px;aspect-ratio:1/1.02;margin-inline:auto}.heart-panel-inner{max-width:230px}.heart-panel strong{font-size:54px}.heart-panel span{font-size:25px}}
html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

body {
    display: block;
    width: 100%;
    min-height: 100vh;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: radial-gradient(circle at top, #252525 0%, #070707 58%);
}

.poster {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 100vh;
    aspect-ratio: auto;
    margin: 0;
    padding: 28px;
    overflow: visible;
    background: linear-gradient(180deg, #020202 0%, #0a0a0a 100%);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    position: relative;
}

