/* Hero-only layout. The original in-flow sizing copy remains untouched. */
#dm-readable-homepage .np-frame .np-hero[data-jyotirlinga-carousel] {touch-action:pan-y pinch-zoom}
#dm-readable-homepage .np-frame .np-hero .np-carousel-sizer {visibility:hidden;pointer-events:none;user-select:none}
#dm-readable-homepage .np-frame .np-hero .np-carousel-slide {position:absolute;inset:0;overflow:hidden;background:#24201c}
#dm-readable-homepage .np-frame .np-hero .np-carousel-slide>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 52%}
#dm-readable-homepage .np-frame .np-hero .np-carousel-heading {font:700 34px/1.13 'Playfair Display',Georgia,serif!important;letter-spacing:normal!important;color:#fffdf8!important;margin:18px 0 15px;text-shadow:0 1px 3px rgba(0,0,0,.7);overflow-wrap:break-word}
/* Only the visible (or transitioning) caption moves; the hidden sizing copy stays in flow. */
#dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy {position:absolute;left:0;bottom:68px;padding-top:0;padding-bottom:0}
#dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-shade {background:linear-gradient(0deg,rgba(9,13,16,.98) 0%,rgba(9,13,16,.90) 25%,rgba(9,13,16,.64) 52%,rgba(9,13,16,.20) 82%,rgba(9,13,16,.05) 100%)}
#dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy>p {text-shadow:0 1px 3px rgba(0,0,0,.7)}
#dm-readable-homepage .np-frame .np-hero .np-carousel-arrows {position:absolute;z-index:3;right:24px;bottom:14px;display:flex;gap:6px;margin:0;padding:0}
#dm-readable-homepage .np-frame .np-hero .np-carousel-arrows button {display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #d9dadd;border-radius:8px;cursor:pointer;box-shadow:0 1px 5px #0003}
#dm-readable-homepage .np-frame .np-hero .np-carousel-arrows button span {font:30px/1 Georgia,serif!important;margin-top:-3px}
#dm-readable-homepage .np-frame .np-page .np-hero .np-carousel-arrows button {background:#ececee!important;border:1px solid #d9dadd!important;color:#303337!important}
#dm-readable-homepage .np-frame .np-page .np-hero .np-carousel-arrows button:hover {background:#fff!important}
#dm-readable-homepage .np-frame .np-page .np-hero .np-carousel-arrows button span {color:#303337!important}
#dm-readable-homepage .np-frame .np-hero .np-carousel-progress {position:absolute;z-index:3;left:24px;right:134px;bottom:14px;max-width:360px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:0;padding:0}
#dm-readable-homepage .np-frame .np-hero .np-carousel-progress button {position:relative;display:block;min-width:0;width:100%;height:12px;padding:0;border:0;cursor:pointer;border-radius:3px;overflow:hidden}
#dm-readable-homepage .np-frame .np-hero .np-carousel-progress button:before {content:'';position:absolute;left:0;right:0;top:4px;height:3px;border-radius:3px;background:rgba(224,226,230,.38)}
#dm-readable-homepage .np-frame .np-hero .np-carousel-fill {position:absolute;left:0;right:0;top:4px;height:3px;border-radius:3px;background:#fff;transform:scaleX(0);transform-origin:left center;pointer-events:none}
/* Exclude carousel controls from the retained site's generic gold button treatment. */
#dm-readable-homepage .np-frame .np-page .np-hero .np-carousel-progress button,
#dm-readable-homepage .np-frame .np-page .np-hero .np-carousel-progress button:hover {background:transparent!important;border:0!important;box-shadow:none!important}
#dm-readable-homepage .np-frame .np-page .np-hero .np-carousel-progress button:focus-visible {outline-offset:-2px!important}
@container np (max-width:1050px) {
  #dm-readable-homepage .np-frame .np-hero .np-carousel-heading {font-size:31px!important}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-arrows {right:22px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-progress {left:22px;right:132px}
}
@container np (max-width:850px) {
  #dm-readable-homepage .np-frame .np-hero .np-carousel-heading {font-size:29px!important}
}
@container np (max-width:580px) {
  #dm-readable-homepage .np-frame .np-hero .np-carousel-heading {font-size:30px!important;line-height:1.13!important;margin:17px 0 13px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>img {object-position:64% 42%}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-shade {background:linear-gradient(0deg,rgba(9,13,16,.98) 0%,rgba(9,13,16,.90) 38%,rgba(9,13,16,.52) 75%,rgba(9,13,16,.16) 100%)}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy {bottom:28px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy :is(h1,.np-carousel-heading) {margin:6px 0 8px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy>p {margin-bottom:8px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy>[data-carousel-guide] {max-width:calc(100% - 104px);width:max-content;white-space:normal}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide [data-carousel-guide]>span:first-child {min-width:0}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide [data-carousel-guide]>span[aria-hidden] {flex:none}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-arrows {right:19px;bottom:28px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-progress {left:19px;right:19px;bottom:7px;max-width:220px;gap:4px;pointer-events:none}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-progress button {height:8px;cursor:default;opacity:1}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-progress button:before,
  #dm-readable-homepage .np-frame .np-hero .np-carousel-fill {top:2px}
}
@container np (max-width:350px) {
  #dm-readable-homepage .np-frame .np-hero .np-carousel-heading {font-size:28px!important}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy :is(h1,.np-carousel-heading) {margin:4px 0 6px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy>p {margin-bottom:5px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-slide>.np-hero-copy {bottom:20px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-arrows {right:17px;bottom:20px}
  #dm-readable-homepage .np-frame .np-hero .np-carousel-progress {left:17px;right:17px;bottom:5px}
}