/* Homepage reference layout: full-bleed photograph with centered live text. */
.hero.mada-home.mada-reference{display:flex;align-items:center;justify-content:center;isolation:isolate;position:relative;min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));padding:88px 24px 110px;background:#242447;text-align:center;overflow:hidden}
.hero.mada-home.mada-reference .hero-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;aspect-ratio:auto;z-index:-2;background:#242447}
.hero.mada-home.mada-reference .hero-bg .hero-poster{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;opacity:1}
.hero.mada-home.mada-reference .hero-bg::after,html[dir=ltr] .hero.mada-home.mada-reference .hero-bg::after{display:block!important;position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,35,64,.61),rgba(24,29,55,.76));border:0;border-radius:0}
.hero.mada-home.mada-reference .hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;max-width:950px;min-height:0;margin:0;padding:0;z-index:2;text-align:center}
.hero.mada-home.mada-reference .hero-badge{display:inline-flex;align-items:center;gap:9px;background:#ffffff16;border:1px solid #ffffff55;border-radius:30px;color:#fff;font-size:13px;line-height:1.6;padding:8px 17px;margin:0 0 24px}
.hero.mada-home.mada-reference h1{color:white;font-size:clamp(36px,3.5vw,60px);line-height:1.32;font-weight:900;white-space:pre-line;max-width:900px;margin:0 0 24px;text-wrap:balance;text-shadow:0 3px 20px #12152730}
.hero.mada-home.mada-reference p{color:#f2f4f7;font-size:clamp(15px,1.15vw,18px);line-height:1.95;max-width:780px;margin:0;padding:0;text-wrap:balance}
.hero.mada-home.mada-reference .hero-actions{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;width:auto;gap:14px;margin-top:34px}
.hero.mada-home.mada-reference .hero-actions .btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:9px;min-height:54px;width:auto;padding:12px 19px;border-radius:12px;font-size:14px;line-height:1.65;font-weight:800;transition:transform .2s,background .2s}
.hero.mada-home.mada-reference .hero-actions .btn-white{background:white;color:#111318;border:1px solid white;box-shadow:0 7px 22px #0002}
.hero.mada-home.mada-reference .hero-actions .btn-orange{background:#c91524;color:white;border:1px solid #27b1aa;box-shadow:0 8px 30px #c9152445}
.hero.mada-home.mada-reference .hero-actions .btn-glass{background:#ffffff25;border:1px solid #ffffff50;color:white;backdrop-filter:blur(8px)}
.hero.mada-home.mada-reference .hero-actions .btn:hover{transform:translateY(-3px);filter:brightness(1.08)}
.hero.mada-home.mada-reference .hero-actions .btn-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#ffffff20}.hero.mada-home.mada-reference .btn-white .btn-ico{background:#fff2f3;color:#c91524}
.hero.mada-home.mada-reference .mada-hero-kicker,.hero.mada-home.mada-reference .mada-hero-facts{display:none}
.hero.mada-home.mada-reference .scroll-hint{display:block!important;bottom:27px;width:26px;height:42px}
.hero.mada-home.mada-reference .hero-grid{display:block!important;z-index:-1;opacity:.25;background-size:64px 64px;animation:none;pointer-events:none}
@media(max-width:1024px){.hero.mada-home.mada-reference{padding:80px 26px 98px}.hero.mada-home.mada-reference h1{font-size:clamp(35px,5.2vw,54px);max-width:820px}.hero.mada-home.mada-reference .hero-bg .hero-poster{object-position:60% center}}
@media(max-width:600px){.hero.mada-home.mada-reference{padding:65px 20px 85px;min-height:calc(100svh - var(--header-h));}.hero.mada-home.mada-reference .hero-content{width:100%;max-width:100%;margin:0;padding:0}.hero.mada-home.mada-reference h1{font-size:clamp(28px,7.3vw,38px);line-height:1.5;margin-bottom:18px;white-space:normal}.hero.mada-home.mada-reference p{font-size:14px;line-height:1.85}.hero.mada-home.mada-reference .hero-badge{font-size:12px;margin-bottom:21px;padding:7px 13px}.hero.mada-home.mada-reference .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:25px}.hero.mada-home.mada-reference .hero-actions .btn{min-height:50px;width:100%;font-size:12px;padding:10px 8px;gap:7px}.hero.mada-home.mada-reference .hero-actions .btn:last-child{grid-column:1/-1;justify-self:center;width:auto;min-width:165px}.hero.mada-home.mada-reference .hero-actions .btn-ico{width:27px;height:27px;flex-shrink:0}.hero.mada-home.mada-reference .hero-bg .hero-poster{object-position:60% center}.hero.mada-home.mada-reference .hero-bg::after,html[dir=ltr] .hero.mada-home.mada-reference .hero-bg::after{background:linear-gradient(180deg,#1a2340a8,#181d37dc)}.hero.mada-home.mada-reference .scroll-hint{bottom:22px;height:34px;width:23px}}
@media(max-height:550px) and (orientation:landscape){.hero.mada-home.mada-reference{min-height:480px;padding-block:45px 80px}.hero.mada-home.mada-reference h1{font-size:34px;line-height:1.3}.hero.mada-home.mada-reference .hero-badge{margin-bottom:15px}.hero.mada-home.mada-reference .hero-actions{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.hero.mada-home.mada-reference *,.hero.mada-home.mada-reference *::after{animation:none!important;transition:none!important}}