@layer components{.stage{--stage-photo-w:440px;--stage-overhang:70px;background:var(--header-bg);color:#f1f3f7}.stage-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""photo""facts";padding-block:20px 44px;display:grid;position:relative}.stage-top{grid-area:top}.stage-h1{color:#f1f3f7;text-wrap:balance;font-size:42px;line-height:1.12}html[lang=ar] .stage-h1{max-inline-size:7em;line-height:1.3}.stage-search{margin-top:20px}.stage-facts{flex-wrap:wrap;grid-area:facts;gap:20px 28px;margin-top:40px;padding:0;list-style:none;display:flex}.stage-fact{border-inline-start:3px solid #ec7b4e;min-width:0;padding-inline-start:12px}.stage-fact-n{font-variant-numeric:tabular-nums;color:#f1f3f7;align-items:center;gap:6px;font-size:28px;font-weight:700;line-height:1.1;display:flex}.stage-fact-l{color:#dde5fa;margin-top:3px;font-size:14px;font-weight:500;line-height:1.3;display:block}.stage-photo{z-index:2;grid-area:photo;width:100%;max-width:576px;margin:28px 0 0;position:relative}.stage-frame{aspect-ratio:4/3;background:#2b3f80;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #191c281f,0 2px 4px #0a102a2e,0 22px 48px #0a102a4d}.stage-frame:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29}.stage-layer{z-index:0;opacity:0;transition:opacity .6s var(--ease-house);display:block;position:absolute;inset:0}.stage-layer img{object-fit:cover;width:100%;height:100%;display:block}.stage-layer[data-state=prev]{z-index:1;opacity:1;transition:none}.stage-layer[data-state=cur]{z-index:2;opacity:1}.stage-plates{inset-inline:16px;z-index:6;pointer-events:none;justify-items:start;display:grid;position:absolute;bottom:-16px}.stage-plate{color:#191c28;opacity:0;pointer-events:none;max-width:100%;min-height:48px;transition:opacity .25s var(--ease-house);background:#fff;border-inline-start:4px solid #c2451f;border-radius:12px;grid-area:1/1;align-items:center;gap:10px;padding-block:10px;padding-inline:14px 12px;font-size:15px;line-height:1.35;text-decoration:none;display:flex;box-shadow:0 1px 2px #1b21401a,0 10px 28px #1b214033}.stage-plate[data-state=cur]{opacity:1;pointer-events:auto;transition:opacity .45s var(--ease-house) .15s}.stage-plate-title{font-weight:700;display:block}.stage-plate-detail{flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:1px;font-size:13px;font-weight:500;display:flex}@media (hover:hover) and (pointer:fine){.stage-plate[data-state=cur]:hover .stage-plate-title{text-underline-offset:4px;text-decoration:underline}}@media (prefers-reduced-motion:reduce){.stage-layer,.stage-plate{transition:none!important}}@media (min-width:640px){.stage-h1{font-size:52px}.stage-top{max-width:640px}}@media (min-width:1024px){.stage{margin-bottom:calc(var(--stage-overhang) + 16px)}.stage-grid{grid-template-rows:auto 1fr;grid-template-areas:"top""facts";min-height:520px;padding-block:0}.stage-top{max-width:min(620px, calc(100% - var(--stage-photo-w) - 48px));padding-top:72px}.stage-h1{font-size:64px}.stage-search{margin-top:28px}.stage-facts{max-width:min(620px, calc(100% - var(--stage-photo-w) - 48px));align-self:end;gap:20px 36px;margin-block:36px}.stage-fact-n{font-size:30px}.stage-photo{inset-inline-end:32px;bottom:calc(var(--stage-overhang) * -1);width:var(--stage-photo-w);max-width:none;margin:0;position:absolute}.stage-frame{aspect-ratio:4/5}}@media (min-width:1280px){.stage-h1{font-size:var(--text-webhero)}}}.stage .stage-field :focus-visible{outline-color:#2f4b9e}.stage .bg-card :focus-visible{outline-color:var(--primary)}.stage .stage-plate:focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 2px #2f4b9e,0 10px 28px #1b214033}