/* v6.9.1 — screenshot-aligned ORIGINAL hero; platform detection unchanged. */
:root{--qom-classic-sky:#c6e9fb;--qom-classic-blue:#028bc8}
/* Do not turn the photo into a rounded card. Preserve the original seamless mobile layout. */
.home-shell .app-header{background:transparent!important;border:0!important;box-shadow:none!important}
.app-header .brand::after{content:""!important;background:url('/brand-wordmark-classic-blue.svg') center right/contain no-repeat!important;width:clamp(127px,16vw,190px)!important;height:42px!important}
.app-header .brand img,.app-header .brand span{display:none!important}
.immersive-hero,.qom-classic-hero{position:relative!important;isolation:isolate!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:430px!important;padding:14px 22px 12px!important;margin:0 -22px 12px!important}
.immersive-hero::after{display:none!important}
.immersive-hero .hero-scene{position:absolute!important;inset:0 0 auto!important;height:330px!important;z-index:-1!important;overflow:hidden!important;mask-image:linear-gradient(to bottom,#000 0%,#000 50%,rgba(0,0,0,.80) 67%,rgba(0,0,0,.27) 84%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 50%,rgba(0,0,0,.80) 67%,rgba(0,0,0,.27) 84%,transparent 100%)!important;background:transparent!important}
.immersive-hero .hero-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(198,233,251,.12),transparent 45%,rgba(198,233,251,.22))!important}
.immersive-hero .hero-scene img.scene-active{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 54%!important;transform:none!important;animation:none!important;filter:none!important}
.qom-live-layers,.qom-live-controls{display:none!important}
.immersive-hero .hero-topline{z-index:2!important;position:relative!important;max-width:none!important;width:100%!important;min-height:33px!important;padding:7px 12px!important;display:flex!important;background:rgba(250,254,255,.78)!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:999px!important;color:#345a74!important;box-shadow:0 4px 14px rgba(28,97,135,.06)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;font-size:11px!important}
.immersive-hero .hero-content{position:relative!important;z-index:3!important;width:100%!important;max-width:660px!important;margin:0 auto!important;padding:170px 0 0!important;text-align:center!important}
.immersive-hero .hero-content h1.qom-wordmark{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 5px!important;min-height:56px!important;font-size:0!important;line-height:1!important;text-shadow:none!important}
.immersive-hero .hero-content h1.qom-wordmark>*{display:none!important}
.immersive-hero .hero-content h1.qom-wordmark::before{content:""!important;display:block!important;width:min(92%,280px)!important;height:57px!important;max-width:100%!important;background:url('/brand-wordmark-classic-blue.svg') center/contain no-repeat!important;filter:none!important}
.immersive-hero .hero-content .hero-title-rule{display:block!important;width:34px!important;height:3px!important;background:#42b7e5!important;border-radius:999px!important;margin:6px auto 14px!important}
.immersive-hero .hero-content .sky-search{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:55px!important;padding:8px 12px!important;margin:0 auto 12px!important;border-radius:999px!important;border:1px solid #a7e2e8!important;background:rgba(255,255,255,.95)!important;box-shadow:0 5px 16px rgba(19,107,147,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.immersive-hero .sky-search>b{color:#1b475f!important;text-align:right!important;flex:1!important;font-size:14px!important}
.immersive-hero .sky-search>span{color:#007eb8!important;background:#e0f5fa!important;width:38px!important;height:38px!important;border-radius:50%!important;flex:none!important}
.immersive-hero .hero-links,.immersive-hero .hero-scene-controls{display:none!important}
.qom-classic-controls{display:flex!important;direction:rtl!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:38px!important;margin:2px auto 0!important;color:#244859!important}
.qom-classic-controls button{display:grid;place-items:center;width:32px;height:32px;min-height:32px;border-radius:50%;background:rgba(255,255,255,.91);box-shadow:0 3px 8px rgba(36,104,143,.09);border:1px solid rgba(174,223,245,.74);font:inherit;font-size:17px;color:#276184;cursor:pointer}
.qom-classic-controls button:last-child{font-size:12px}
.qom-classic-controls .qom-classic-caption{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(52vw,260px)}
.home-four .capsule-shortcuts{position:relative!important;margin:0 0 22px!important;z-index:3!important}
.home-four .capsule-shortcuts>a{background:rgba(255,255,255,.90)!important;border:1px solid rgba(255,255,255,.90)!important;color:#245371!important;border-radius:25px!important;box-shadow:0 5px 15px rgba(30,102,149,.08)!important}
.home-four .capsule-shortcuts .shortcut-symbol{color:#0985be!important}
@media(min-width:760px){
 .immersive-hero,.qom-classic-hero{margin:0 auto 20px!important;padding:24px!important;min-height:510px!important;max-width:1140px!important;width:100%!important}
 .immersive-hero .hero-scene{height:430px!important;border-radius:0!important}
 .immersive-hero .hero-content{padding-top:250px!important}
 .immersive-hero .hero-content h1.qom-wordmark::before{width:min(95%,400px)!important;height:86px!important}
 .immersive-hero .hero-topline{max-width:500px!important;margin-inline:auto!important}
}
@media(max-width:420px){
 .immersive-hero,.qom-classic-hero{min-height:421px!important;padding:14px 22px 10px!important}
 .immersive-hero .hero-content{padding-top:158px!important}
 .immersive-hero .hero-scene{height:326px!important}
 .immersive-hero .hero-content h1.qom-wordmark::before{width:min(94%,282px)!important;height:54px!important}
 .qom-classic-controls{gap:8px!important}
 .qom-classic-controls .qom-classic-caption{max-width:45vw!important}
}
@media(prefers-reduced-motion:reduce){.immersive-hero .hero-scene img{animation:none!important;transition:none!important}}
/* Make the photograph naturally continue behind the transparent mobile header. */
@media (max-width:759px){
  .immersive-hero.qom-classic-hero{overflow:visible!important}
  .immersive-hero.qom-classic-hero .hero-scene{top:-62px!important;height:392px!important}
  .immersive-hero.qom-classic-hero .hero-scene img.scene-active{object-fit:cover!important;object-position:center 48%!important}
}