
/* Approved Tarot4U image: the original design's drawn navigation is cropped off
   and replaced by actual site buttons. Do not put baked-in fake UI over the live navigation. */
.topbar {background:#080b15; min-height:72px; padding-top:6px; padding-bottom:6px;}
/* Official trademark: show the supplied image unchanged, in full, with no clipping or rounded corners. */
.topbar .brand {padding:0; line-height:0; border:0; border-radius:0; background:transparent; flex-shrink:0; }
.topbar .brand-artwork {display:block;width:clamp(170px, 14vw, 210px);height:auto;max-width:100%;object-fit:contain;mix-blend-mode:normal;border:0;border-radius:0;}
.approved-hero.centered-hero {
  box-sizing:border-box;display:block;position:relative;
  width:100vw;margin:0 0 0 calc(50% - 50vw);padding:0;
  height:auto!important;min-height:0!important;max-height:none;
  overflow:hidden;background:#080b15;text-align:center;
}
.approved-hero.centered-hero::after {display:none!important;content:none!important;}
.approved-hero .approved-hero-image {display:block;width:100%;height:auto;}
.approved-hero .hero-landscape {
  position:relative!important;display:block;width:100%;height:auto!important;
  max-height:none;object-fit:contain;object-position:center center;
  -webkit-mask-image:none!important;mask-image:none!important;z-index:auto;
}
.approved-hero-heading {position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;}
@media(max-width:800px){
 .topbar{padding:10px 18px;min-height:65px}
 .topbar .brand-artwork{width:156px}
 .nav-actions{background:#080b15}
}
@media(max-width:700px){
 .approved-hero.centered-hero{min-height:0!important;height:auto!important;}
 .approved-hero-heading{
    position:relative;clip:auto;clip-path:none;white-space:normal;overflow:visible;
    width:auto;height:auto;padding:16px 12px 14px;margin:0;
    color:#fff4df;font:normal clamp(21px,5.6vw,35px)/1.22 Georgia,serif;
    text-shadow:0 2px 13px #000;background:#100d1e;
 }
 .approved-hero-heading em{font-style:normal;color:#e2b779}
 .approved-hero .hero-landscape{width:100%;height:auto!important;}
}
