.closing{background:var(--cream);padding:90px 2% 36px;scroll-margin-top:24px;overflow:hidden}
.closing__banner{position:relative;isolation:isolate;max-width:1500px;margin:auto;border-radius:40px;background:linear-gradient(130deg,#ffd38a,#ff782c);display:grid;grid-template-columns:53% 47%;min-height:540px}
.closing.is-near .closing__banner{background:url('./assets/optimized/closing-background-1280.webp') center/100% 125% no-repeat}
.closing__copy{padding:55px 0 60px 7%;z-index:3;align-self:center}
.closing h2{font:700 clamp(60px,7.6vw,120px)/.95 'Bystander Serif',Georgia,serif;text-transform:uppercase;letter-spacing:-.035em;color:#e9251a;margin:0}
.closing__copy>p{font-size:clamp(18px,2vw,30px);font-weight:650;line-height:1.35;margin:22px 0 30px}
.closing__actions{display:flex;gap:18px;flex-wrap:wrap}
.closing__actions a{min-height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:16px 28px;font-size:clamp(18px,1.7vw,27px);font-weight:750;line-height:1.2;transition:transform .2s,box-shadow .2s}
.closing__actions a:hover{transform:translateY(-3px)}
.closing__order{background:linear-gradient(#fffdf6,#fff3df);color:#561b0c;box-shadow:0 8px 0 #c56d3025,0 12px 25px #b4512530;gap:20px}
.closing__visit{border:2px solid white;color:white;background:#b9370b33}
.closing__art{position:relative;min-width:0;pointer-events:none;overflow:hidden;margin-top:-65px;border-radius:0 0 40px 0}
.closing__mascot{position:absolute;width:100%;height:auto;top:0;left:0;display:block}
/* Override intrinsic HTML heights when decorative images scale with the banner. */
.closing__heart,.closing__star,.closing__splash,.closing-footer__splash{height:auto;display:block;pointer-events:none}
.closing__heart{position:absolute;right:1%;top:17%;width:19%;transform:rotate(12deg)}
.closing__star{position:absolute;right:0;top:36%;width:13%}
.closing__splash{position:absolute;left:1%;top:20%;width:7%;z-index:1;transform:rotate(-20deg)}
.closing__delivery{max-width:1000px;margin:24px auto 0;border-radius:20px;background:#fffaf0;border:1px solid #e8be91;padding:0 24px;scroll-margin-top:24px}
.closing__delivery summary{padding:18px 0;font-size:16px;font-weight:700;cursor:pointer}
.closing__delivery p{font-size:16px;line-height:1.5}
.closing__delivery-links{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:24px}
.closing__delivery-links a{background:var(--red);color:white;font-weight:700;border-radius:32px;padding:16px 24px;min-height:52px}
.closing-footer{position:relative;overflow:hidden;background:var(--cream);border-top:1px solid #f8c995;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:5%;padding:48px 5% 55px;color:var(--red-dark)}
.closing-footer__brand{display:flex;align-items:center;flex-direction:column;gap:16px;text-align:center}
.closing-footer__brand img{width:100%;max-width:420px;height:auto;mix-blend-mode:multiply}
.closing-footer__brand svg{width:50%;height:20px}
.closing-footer__brand span{font-size:clamp(17px,1.6vw,24px)}
.closing-footer nav,.closing-footer__social{border-left:1px solid #f2cfaa;padding-left:20%;position:relative;z-index:1}
.closing-footer h2{font:700 26px/1.2 'Bystander Serif',Georgia,serif;color:var(--red);margin:0 0 20px}
.closing-footer nav>a,.closing-footer__pending{display:block;font-size:18px;margin:0 0 14px}
.closing-footer small{display:block;font-size:13px;margin-top:5px}
.closing-footer__social p{font-size:18px;margin:0 0 14px}
.closing-footer__networks{display:flex;gap:12px;margin-bottom:12px}
.closing-footer__networks>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#651e0e;color:#fff7e8}
.closing-footer__networks svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.7;fill:none}
.closing-footer__credit{grid-column:1/-1;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:12px;color:#77727a;font-size:13px}
.closing-footer__credit img{display:block;width:132px;max-width:46vw;height:auto}
.closing-footer__splash{position:absolute;right:-3%;bottom:-20px;width:15%;opacity:.8;pointer-events:none}
.closing a:focus-visible,.closing summary:focus-visible,.closing-footer a:focus-visible{outline:3px solid #651814;outline-offset:5px}
@media(max-width:1000px){.closing{padding:48px 4% 28px}.closing__banner{grid-template-columns:1fr;min-height:0}.closing__copy{padding:36px 24px 18px;text-align:center}.closing h2{font-size:clamp(54px,9vw,82px)}.closing__actions{justify-content:center}.closing__art{margin:0 auto;width:80%;max-width:560px;aspect-ratio:1.18;border-radius:0;overflow:hidden}.closing__mascot{width:100%}.closing__heart{top:10%}.closing__star{top:28%}.closing__splash{width:12%;top:8%}.closing-footer{grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:36px 4%}.closing-footer nav,.closing-footer__social{padding-left:20px}}
@media(max-width:600px){.closing{padding-top:32px}.closing__banner{border-radius:26px}.closing__copy{padding:28px 18px 14px}.closing h2{font-size:clamp(48px,13vw,72px)}.closing__copy>p{font-size:18px;margin:18px 0 22px}.closing__actions{gap:12px}.closing__actions a{min-height:56px;font-size:18px;padding:14px 20px}.closing__order{width:100%}.closing__visit{min-width:160px}.closing__art{width:100%;aspect-ratio:1.08}.closing__delivery{padding:0 18px}.closing__delivery-links{flex-direction:column}.closing__delivery-links a{text-align:center}.closing-footer{grid-template-columns:1fr 1fr;gap:32px 20px;padding:32px 6%}.closing-footer__brand{grid-column:1/-1}.closing-footer__brand img{max-width:300px}.closing-footer nav,.closing-footer__social{border:0;padding:0}.closing-footer h2{font-size:24px}.closing-footer nav>a,.closing-footer__pending{font-size:16px}.closing-footer__splash{width:25%;opacity:.3}}
@media(prefers-reduced-motion:reduce){.closing__actions a{transition:none}}

@media(max-width:600px){.closing.is-near .closing__banner{background:url('./assets/optimized/closing-background-640.webp') center / 100% 125% no-repeat}}
