/* v6.2 — a single photographic, softly blended hero; no decorative shrine cutouts. */
.qom-v62-hero.immersive-hero{
  isolation:isolate;position:relative;overflow:hidden;
  min-height:clamp(525px,51vw,620px);margin:0 -22px 14px;
  padding:90px 28px 34px;border:0;border-radius:0;box-shadow:none;
  background:linear-gradient(150deg,#f4fbf9 0%,#f4f9fb 42%,#f9f5e8 100%);
}
.qom-v62-hero .hero-scene{
  position:absolute!important;z-index:-1!important;
  inset:-40px -25px auto!important;width:calc(100% + 50px)!important;
  height:clamp(430px,46vw,570px)!important;
  overflow:hidden;background:transparent!important;
  -webkit-mask-image:radial-gradient(ellipse 68% 76% at 51% 42%,black 40%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 68% 76% at 51% 42%,black 40%,transparent 100%)!important;
}
.qom-v62-hero .hero-scene>img.scene-active{
  display:block!important;position:absolute!important;inset:0;width:100%;height:100%;
  opacity:.90!important;object-fit:cover;object-position:center 50%;
  filter:saturate(1.1) contrast(1.025);animation:none!important;transform:none!important;
}
.qom-v62-hero .hero-scene::before,
.qom-v62-hero .hero-scene::after{display:none!important}
.qom-v62-hero .qom-dome-layer,.qom-v62-hero .qom-live-controls,
.qom-v62-hero .qom-live-layers,.qom-v62-hero .hero-scene-controls{display:none!important}
.qom-v62-hero .hero-topline{
  position:relative;z-index:2;max-width:320px;margin:0 auto;
  border:1px solid #ffffffcc;background:#ffffffd7;
  box-shadow:0 4px 18px #2b5b7015;
}
.qom-v62-hero .hero-content{
  position:relative;z-index:2;width:100%;max-width:650px;
  margin:0 auto;padding:clamp(205px,24vw,290px) 16px 0;
  text-align:center;
}
.qom-v62-hero .hero-content h1.qom-wordmark{margin-inline:auto!important;justify-content:center!important}
.qom-v62-hero .hero-title-rule{margin:10px auto 16px}
.qom-v62-hero .hero-content .sky-search{
  width:100%;max-width:540px;min-height:60px;
  background:#fffffff0;border-color:#ffffffed;
  box-shadow:0 6px 22px #205a771a;
}
.qom-v62-hero .hero-links{display:none!important}
.qom-v62-hero-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}
.qom-v62-hero-links a{
  display:inline-flex;align-items:center;min-height:39px;
  padding:8px 17px;border-radius:999px;border:1px solid #fff;
  background:#ffffffdc;color:#18536c;font-size:13px;font-weight:650;
  text-decoration:none;box-shadow:0 3px 12px #17587410;
}
.qom-v62-hero-links a:hover,.qom-v62-hero-links a:focus-visible{color:#0d5e83;background:#fff}
/* Maintain a wide, frameless photograph on desktop; feather all edges, especially bottom. */
@media(min-width:950px){
  .qom-v62-hero.immersive-hero{min-height:585px;padding-top:90px;border-radius:0}
  .qom-v62-hero .hero-scene{inset:-48px -30px auto!important;height:560px!important}
  .qom-v62-hero .hero-content{padding-top:275px;max-width:650px}
}
@media(max-width:649px){
  .qom-v62-hero.immersive-hero{min-height:565px;margin-inline:-16px;padding:88px 17px 30px;border:0;border-radius:0 0 23px 23px}
  .qom-v62-hero .hero-scene{
    inset:-12px -28px auto!important;width:calc(100% + 56px)!important;
    height:418px!important;
    -webkit-mask-image:radial-gradient(ellipse 73% 69% at 50% 36%,black 37%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 73% 69% at 50% 36%,black 37%,transparent 100%)!important;
  }
  .qom-v62-hero .hero-scene>img.scene-active{object-position:50% 41%;opacity:.93!important}
  .qom-v62-hero .hero-content{padding:275px 0 0}
  .qom-v62-hero .hero-content .sky-search{min-height:57px}
  .qom-v62-hero-links a{font-size:12px;padding:8px 13px;min-height:37px}
}
@media(max-width:380px){
  .qom-v62-hero.immersive-hero{min-height:548px}
  .qom-v62-hero .hero-content{padding-top:267px}
  .qom-v62-hero .hero-scene{height:395px!important}
}
/* Permanent shortcuts replace the arbitrary recommendation and old location-finder card. */
.qom-v62-hidden-pick{display:none!important}
.home-lists>.qom-v62-actions{grid-column:auto;min-width:0;
  border:1px solid #dde8e9!important;border-radius:26px!important;
  padding:22px!important;background:#fffefcf4!important;
  box-shadow:0 8px 26px #1c53680b!important;backdrop-filter:none!important;
}
.qom-v62-actions-head{margin-bottom:16px}
.qom-v62-actions-head h2{margin:0 0 6px;color:var(--ink,#15364e);font-size:18px;font-weight:750}
.qom-v62-actions-head p{margin:0;color:var(--muted,#527181);font-size:12px;line-height:1.9}
.qom-v62-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.qom-v62-action{display:flex;gap:11px;align-items:center;text-align:right;min-height:72px;
  padding:11px;border-radius:17px;border:1px solid #dce8e9;
  background:linear-gradient(145deg,#f5fafc,#f0f8f4);color:#194d66;text-decoration:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease}
.qom-v62-action svg{width:21px;height:21px;flex-shrink:0;color:#13869a}
.qom-v62-action-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.qom-v62-action strong{font-size:12.5px;font-weight:750;color:#163f56;line-height:1.5}
.qom-v62-action small{font-size:10.5px;color:#607685;line-height:1.5}
.qom-v62-action:nth-child(2){background:linear-gradient(140deg,#fffaf0,#fff2e2);border-color:#f0dfc6}
.qom-v62-action:nth-child(2) svg{color:#ab7027}
.qom-v62-action:nth-child(3) svg{color:#cb6270}
.qom-v62-action:hover,.qom-v62-action:focus-visible{background:#e7f7f3;border-color:#8dc6bd;transform:translateY(-1px)}
.qom-v62-action:focus-visible,.qom-v62-hero-links a:focus-visible{outline:2px solid #117da4;outline-offset:2px}
@media(max-width:649px){
  .home-lists>.qom-v62-actions{padding:17px!important;border-radius:22px!important}
  .qom-v62-actions-grid{gap:8px}
  .qom-v62-action{min-height:67px;padding:10px 8px;gap:7px}
  .qom-v62-action strong{font-size:12px}
  .qom-v62-action small{font-size:10px}
  .qom-v62-action svg{width:20px;height:20px}
}
@media(max-width:370px){.qom-v62-action{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.qom-v62-action{transition:none!important;transform:none!important}}
html[data-motion=minimal] .qom-v62-action,html[data-performance=optimized] .qom-v62-action{transition:none!important;transform:none!important}

/* v6.3 — transparent photographic feather. Never a rectangular hero backdrop.
   The source photos are documentary local files, no synthetic imagery. */
.qom-v62-hero.qom-v63-hero.immersive-hero {
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;isolation:isolate;
  overflow:visible!important;
}
.qom-v63-hero .hero-scene {
  position:absolute!important;z-index:0!important;pointer-events:none;
  inset:-36px -36px auto!important;width:calc(100% + 72px)!important;
  height:clamp(410px,46vw,590px)!important;
  background:none!important;background-image:none!important;
  overflow:hidden!important;border:0!important;border-radius:0!important;
  /* Pixels already contain gradual transparency: CSS mask is only an extra safety net. */
  -webkit-mask-image:none!important;mask-image:none!important;
}
.qom-v63-hero .hero-scene .qom-v63-photo,
.qom-v63-hero .hero-scene .qom-v63-photo>img,
.qom-v63-hero .hero-scene>img.scene-active {
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;
  transform:none!important;filter:none!important;opacity:1!important;
  animation:none!important;transition:none!important;
}
.qom-v63-hero .hero-scene .qom-v63-photo>img, .qom-v63-hero .hero-scene>img.scene-active{object-fit:fill!important}
.qom-v63-hero .hero-scene::before,.qom-v63-hero .hero-scene::after{
  display:none!important;content:none!important;
}
.qom-v63-hero .hero-topline,.qom-v63-hero .hero-content{position:relative;z-index:2}
@media(min-width:950px){
  .qom-v62-hero.qom-v63-hero.immersive-hero{min-height:580px!important}
  .qom-v63-hero .hero-scene{inset:-40px -36px auto!important;height:560px!important}
}
@media(max-width:649px){
  .qom-v62-hero.qom-v63-hero.immersive-hero{min-height:570px!important;background:transparent!important}
  .qom-v63-hero .hero-scene{
    inset:-24px -24px auto!important;width:calc(100% + 48px)!important;
    height:440px!important;
  }
  .qom-v63-hero .hero-content{padding-top:282px!important}
}
@media(max-width:380px){.qom-v63-hero .hero-scene{height:425px!important}}