/* Approved boutique film: real scenes, readable DOM copy and a real loyalty card. */
.hero{height:460vh;height:460svh}.cinematic{background:#0d2e24}.cinematic::before,.cinematic::after{display:none}
.cinema-poster,.cinema-video,.cinema-scrim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cinema-poster{background:#0d2e24 url('madar-boutique-poster.jpg') left center/cover no-repeat;z-index:-3}.cinema-video{object-fit:cover;object-position:left center;opacity:0;z-index:-2;transition:opacity .5s}.film-ready:not(.cinema-static) .cinema-video{opacity:1}
.cinema-scrim{z-index:-1;background:linear-gradient(90deg,rgba(3,23,16,.02) 20%,rgba(4,32,23,.15) 40%,rgba(5,37,27,.64) 66%,rgba(4,30,23,.82)),linear-gradient(180deg,rgba(3,23,16,.3),transparent 25%,transparent 75%,#0a1512)}
.cinematic .stage-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding-block:115px 80px;gap:55px}.cinematic .bands{width:min(480px,42vw);max-width:100%;min-width:0;height:100%;max-height:520px;justify-self:start;align-self:center;isolation:isolate}.cinematic .band{width:100%;min-width:0}.cinematic .band h1,.cinematic .band h2,.cinematic .band .lede{width:100%;min-width:0}.cinematic .card-scene{min-width:0;max-width:100%;justify-self:center;grid-column:2;grid-row:1}.cinematic .bands{grid-column:1;grid-row:1}.cinematic .band{gap:22px;text-shadow:0 2px 20px #061e18}.cinematic .band h1,.cinematic .band h2{font-size:clamp(40px,4.4vw,66px);line-height:1.55}.cinematic .band .lede{font-size:18px;color:#e0eae4;max-width:34ch}.cinematic .band .kicker{color:#f0cd7c}.cinematic .band .btn{text-shadow:none}.cinematic .trust{color:#dae6df}
.cinematic .card-scene{position:relative;height:540px;direction:rtl;opacity:0;transform:translateY(34px) scale(.94);transition:opacity .5s,transform .7s;pointer-events:none}.cinematic .card-scene[data-step="3"]{opacity:1;transform:none}.cinematic .card-scene::before{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse,#05291fe8,transparent 68%)}
.cinema-phone{position:relative;width:302px;height:536px;padding:42px 10px 14px;background:linear-gradient(130deg,#406050,#070f0b 40%);border:2px solid #a5b8aa;border-radius:42px;box-shadow:0 30px 80px #001b16a6,0 0 0 5px #07140e;display:flex;align-items:center;flex-direction:column;direction:rtl}.cinema-phone::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:81px;height:19px;border-radius:30px;background:#020805}.cinema-phone .wallet-title{font-size:11px;color:#cddad3;margin-bottom:12px;letter-spacing:.04em}.cinema-phone .pass{width:276px;flex:none;direction:rtl;box-shadow:0 15px 40px #0006}.cinema-phone .pass-name{display:none}.cinema-phone .pass-brand{font-size:17px}.cinema-phone .pass-brand small{font-size:10px}.cinema-phone .pass-mark img{width:100%;height:100%;object-fit:contain}.cinema-phone .pass-stub{padding-block:10px}.cinema-phone .pass-code{height:30px}.cinema-phone .pass-fields{padding-block:10px}.cinema-phone .pass-head{padding-block:14px}.cinema-phone .pass-field small{font-size:9px}.cinema-phone .pass-field b{font-size:21px}.cinema-phone .pass .orbit{width:100%;height:177px}.cinema-phone .pass{--pass-a:#103c2c;--pass-b:#071f18}
.cinema-point{position:absolute;bottom:9px;inset-inline:15px;border-radius:16px;padding:10px 15px;background:#f2d28c;color:#102d22;box-shadow:0 8px 30px #001e1a66;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(14px);font-size:12px}.cinema-point b{font-family:var(--f-mono);font-size:27px;direction:ltr}.cinema-point span{line-height:1.6}.cinema-point small{display:block;font-size:10px}.card-scene[data-step="3"] .cinema-point{opacity:1;transform:none;transition:opacity .5s .35s,transform .7s .35s}.card-scene[data-step="3"] .cinema-point b{animation:point-arrive .8s .35s both}@keyframes point-arrive{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}
.cinematic .journey-meter{color:#d2e0d6}.film-status{position:absolute;bottom:74px;left:35px;display:none;gap:8px;align-items:center;font-size:11px;color:#e3eadf}.film-status i{height:12px;width:12px;border:1px solid #dfc074;border-top-color:transparent;border-radius:50%;animation:film-spin 1s linear infinite}.film-loading .film-status{display:flex}@keyframes film-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.cinematic .stage-in{gap:20px}.cinematic .band h1,.cinematic .band h2{font-size:43px}.cinematic .band .lede{font-size:16px}.cinematic .band .btn{font-size:12px;padding-inline:18px}}
@media(max-height:740px) and (min-width:721px){.cinematic .band h1,.cinematic .band h2{font-size:41px}.cinematic .bands{height:100%;min-height:430px;max-height:500px}.cinematic .card-scene{height:430px;transform:translateY(25px) scale(.8)}.cinematic .card-scene[data-step="3"]{transform:scale(.8)}.cinematic .band .lede{font-size:15px}}
/* Static accessibility fallback; phone layouts retain the full scroll film. */
@media(prefers-reduced-motion:reduce){
 .hero{height:auto}.cinematic{position:relative;height:auto;min-height:980px}.cinematic .stage-in{display:flex;flex-direction:column;padding:110px 0 45px;gap:22px;height:auto;min-height:980px}.cinematic .bands{height:320px;min-height:320px;max-height:none;flex:none;width:100%;max-width:600px;text-align:center}.cinematic .band{display:none;gap:15px;align-items:center;justify-content:center}.cinematic .band:first-child{display:flex;opacity:1!important;pointer-events:auto}.cinematic .band h1{font-size:35px}.cinematic .band .lede{font-size:14px}.cinematic .band .kicker{font-size:11px}.cinematic .band .btn{font-size:11px;min-height:44px;padding-inline:16px}.cinematic .cta-row{justify-content:center}.cinematic .trust{font-size:10px}.cinema-poster{background-position:32% center;opacity:.65}.cinema-scrim{background:linear-gradient(180deg,#062c24ed 0%,#062c24ee 38%,#082e2380 65%,#071c17 100%)}.cinematic .card-scene,.cinematic .card-scene[data-step="3"]{opacity:1;transform:none;height:510px;min-height:510px;width:100%;max-height:none;display:grid;place-items:center}.cinema-phone{transform:scale(.9);transform-origin:center center}.cinematic .card-scene::before{display:none}.cinematic .cinema-point{opacity:1;transform:none;animation:none}.cinematic .journey-meter,.cinema-video,.film-status{display:none!important}.cinema-phone .pass{transform:none!important}.cinematic .band .w,.cinematic .band .late{opacity:1!important;transform:none!important;animation:none!important}
}
@media(prefers-reduced-motion:reduce){.cinematic *{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce) and (min-width:1051px){.cinematic{min-height:820px}.cinematic .stage-in{display:grid;grid-template-columns:1fr 1fr;min-height:820px;padding-block:140px 80px}.cinematic .bands{text-align:start;height:500px}.cinematic .band{align-items:flex-start}.cinematic .band h1{font-size:56px}.cinema-poster{background-position:left center;opacity:1}.cinema-scrim{background:linear-gradient(90deg,transparent,rgba(4,32,23,.95) 70%)}}