/* A2Y film composition. No frame, dashboard cards or player interface. */
.offers-v4 .gastro-hero-grid{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center}
.gastro-hero .hero-wtf-note{max-width:530px;margin:22px 0 0;font-size:15px;line-height:1.6;color:inherit;text-wrap:pretty}.gastro-hero .hero-wtf-note strong{font-weight:600}
.a2y-film{position:relative;min-width:0;margin:0;color:#f8f8f6;align-self:center}
.film-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.07em;text-transform:uppercase;padding:0 4%;margin-bottom:20px}.film-eyebrow svg{width:26px;height:26px}
.film-stage{position:relative;aspect-ratio:1672/941;isolation:isolate;margin:0 -4%;width:108%}
.film-poster,.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);mask-composite:intersect}
.film-video{z-index:1;opacity:0}.film-video.is-ready{opacity:1}
.film-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}
.film-layer{fill:url(#film-plane);stroke:#dbccff66;stroke-width:1.5}
.film-flow{fill:none;stroke:#f8ecd5;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 7px #f9d18b88)}
.flow-sales{stroke-width:13}.flow-staff{stroke-width:7}.flow-goods{stroke-width:5}.flow-operations{stroke-width:3}.flow-rest{stroke:#ffe1a0;stroke-width:2.5}
.film-label,.film-remainder{position:absolute;z-index:3;font-size:clamp(11px,1.05vw,15px);font-weight:600;line-height:1.35;color:#fff;background:#362066df;padding:5px 9px;border-radius:4px;box-shadow:0 1px 12px #2e145133}
.label-sales{left:17%;top:37%}.label-staff{left:52%;top:22%}.label-goods{right:7%;top:43%}.label-operations{right:12%;top:64%}.film-remainder{right:9%;bottom:5%;color:#ffe1a0;background:#382360}
.film-caption{padding:24px 4% 0}.film-caption strong{display:block;font-family:Bricolage,sans-serif;font-size:clamp(27px,2.8vw,43px);font-weight:550;line-height:1.12;letter-spacing:-.025em;min-height:2.24em;text-wrap:balance}.film-caption>span{display:block;font-size:15px;line-height:1.6;margin-top:12px;min-height:3.2em;max-width:550px}
.a2y-film figcaption{font-size:11px;line-height:1.6;margin:18px 4% 0;color:#eee5ff;max-width:520px}
@media(max-width:1100px) and (min-width:761px){.offers-v4 .gastro-hero-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:16px}.film-label,.film-remainder{font-size:11px;padding:4px 6px}}
@media(max-width:760px){.offers-v4 .gastro-hero-grid{display:flex;gap:42px}.a2y-film{width:100%;max-width:660px}.film-eyebrow{font-size:10px;padding:0}.film-stage{width:calc(100% + 32px);margin:0 -16px}.film-caption{padding:22px 0 0}.film-caption strong{font-size:32px;min-height:3.36em}.film-caption>span{font-size:14px;min-height:4.8em}.film-label,.film-remainder{font-size:10px;padding:4px 6px}.a2y-film figcaption{margin:14px 0 0}.label-staff{top:13%}.label-sales{left:12%;top:32%}.label-goods{right:3%}.label-operations{right:5%}.film-remainder{right:4%;bottom:0}}
@media(prefers-reduced-motion:reduce){.film-video{display:none}}

/* Four possible questions, with matching spatial emphasis. */
.film-focus{opacity:0;transition:opacity .65s ease;pointer-events:none}.film-focus ellipse{fill:#ffdfa31f;stroke:#ffe3a7;stroke-width:3}.film-focus path{stroke:#ffe3a7;stroke-width:3;fill:none;stroke-dasharray:8 10}
.film-week{position:absolute;z-index:4;left:28%;top:6%;display:flex;gap:5px;opacity:0;transition:opacity .65s;pointer-events:none}.film-week span{font-size:12px;padding:7px 9px;background:#35205ade;border:1px solid #f6e8ce77;border-radius:5px;color:#fff}
.a2y-film[data-phase="1"] .film-week{opacity:1}
.a2y-film[data-phase="2"] .focus-team,.a2y-film[data-phase="3"] .focus-lunch{opacity:1}
.a2y-film[data-phase="1"] .flow-goods,.a2y-film[data-phase="2"] .flow-goods,.a2y-film[data-phase="2"] .flow-operations,.a2y-film[data-phase="3"] .flow-operations{stroke-opacity:.2}
.a2y-film[data-phase="2"] .label-staff,.a2y-film[data-phase="3"] .label-goods,.a2y-film[data-phase="1"] .label-operations{color:#ffe1a0;box-shadow:0 0 0 1px #ffe1a0}
.film-flow{transition:stroke-opacity .65s}.film-label{transition:color .65s,box-shadow .65s}
.film-caption strong{min-height:3.36em}
@media(max-width:760px){.film-caption strong{font-size:30px;min-height:4.48em}.film-week{left:20%;gap:3px;top:0}.film-week span{font-size:10px;padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.film-focus,.film-week,.film-flow,.film-label{transition:none}}

.film-caption>span[hidden]{display:none}

/* Viewport refinement — removable as one block for the prior composition. */
.offers-v4 .gastro-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100svh;padding:calc(var(--header) + 14px) var(--gutter) 18px;gap:18px 36px;align-content:center;align-items:center}
.offers-v4 .gastro-hero-copy{min-width:0}
.offers-v4 .gastro-eyebrow{font-size:12px;margin-bottom:12px}
.offers-v4 .gastro-positioning{font-size:13px;margin-bottom:10px}
.offers-v4 .gastro-wtf{font-size:clamp(64px,6vw,92px);margin-bottom:10px}
.offers-v4 .gastro-question{font-size:clamp(34px,3.2vw,48px);line-height:1.05}
.offers-v4 .gastro-hero-description{font-size:16px;line-height:1.45;margin-top:16px;max-width:600px}
.gastro-hero .hero-price{font-size:18px;line-height:1.35;margin-top:16px;max-width:600px}
.gastro-hero .hero-price span{font-size:13px;line-height:1.45;margin-top:5px}
.offers-v4 .gastro-actions{margin-top:16px}
.gastro-hero .button-primary{font-size:15px;min-height:48px;padding:13px 18px}
.offers-v4 .hero-contact-note{font-size:13px;margin-top:10px;line-height:1.4}
.gastro-hero .hero-wtf-note{grid-column:1/-1;max-width:none;margin:0;font-size:12px;line-height:1.45;opacity:.85}
.gastro-hero .film-eyebrow{font-size:11px;margin-bottom:12px;padding:0}
.gastro-hero .film-stage{width:100%;margin:0 auto;max-width:calc((100svh - 310px)*1.776)}
.gastro-hero .film-caption{padding:16px 0 0}
.gastro-hero .film-caption strong{font-size:clamp(25px,2.2vw,34px);min-height:3.36em}
.gastro-hero .film-caption>span{font-size:14px;line-height:1.45;margin-top:8px;min-height:2.9em}
@media(min-width:761px) and (max-height:820px){
 .offers-v4 .gastro-hero-grid{gap:12px 28px;padding-top:calc(var(--header) + 8px);padding-bottom:14px}
 .offers-v4 .gastro-wtf{font-size:64px;margin-bottom:8px}
 .offers-v4 .gastro-question{font-size:38px}
 .offers-v4 .gastro-hero-description{line-height:1.4;margin-top:12px}
 .gastro-hero .hero-price,.offers-v4 .gastro-actions{margin-top:12px}
 .gastro-hero .film-caption strong{font-size:26px}
}
@media(max-width:760px){
 .offers-v4 .gastro-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:calc(var(--header) + 12px) var(--gutter) 24px;gap:0}
 .offers-v4 .gastro-eyebrow{font-size:11px;margin-bottom:10px}
 .offers-v4 .gastro-positioning{font-size:12px;margin-bottom:10px}
 .offers-v4 .gastro-wtf{font-size:64px;margin-bottom:10px}
 .offers-v4 .gastro-question{font-size:34px}
 .offers-v4 .gastro-hero-description{font-size:16px;line-height:1.45;margin-top:14px}
 .gastro-hero .hero-price{font-size:18px;margin-top:14px}
 .gastro-hero .hero-price span{font-size:13px}
 .offers-v4 .gastro-actions{margin-top:14px}
 .gastro-hero .a2y-film{margin-top:32px;padding-top:28px;border-top:1px solid #ffffff40;align-self:center}
 .gastro-hero .film-stage{max-width:none;width:calc(100% + 24px);margin:0 -12px}
 .gastro-hero .film-caption strong{font-size:28px;min-height:3.36em}
 .gastro-hero .film-caption>span{min-height:2.9em}
 .gastro-hero .hero-wtf-note{margin-top:22px;font-size:12px}
}

.gastro-hero .film-caption{display:grid;grid-template-rows:auto 41px;row-gap:8px}
.gastro-hero .film-caption>span{margin-top:0}

/* Keep the WTF explanation next to its heading. */
.gastro-hero .gastro-hero-copy .hero-wtf-note{margin:12px 0 0;font-size:13px;line-height:1.45;max-width:600px;opacity:1}
@media(max-width:760px){.gastro-hero .gastro-hero-copy .hero-wtf-note{margin-top:12px}}
