/* Final homepage theme. Original story/live scripts own animation geometry. */
.home-page{--accent:#e87524;--accent-ink:#b7490b;--maroon:var(--accent-ink);--green:var(--accent-ink);--gold:#b38b47;--ink:#292622;--muted:#6d655e;--line:#f0dfcf;--paper:#fffaf4;--warm-gutter:clamp(16px,3.2vw,88px);color:var(--ink);background:var(--paper)}
.home-page main{padding:0}
.home-page .home-pad{padding:clamp(32px,4vw,72px) var(--warm-gutter)}
.home-page .home-header{background:#fffffff5;padding-inline:var(--warm-gutter);border-color:var(--line);box-shadow:0 2px 12px #29262204}
.home-page .home-brand{color:var(--ink)!important;font-size:clamp(24px,2.3vw,34px)}
.home-page .home-nav{gap:clamp(18px,2.5vw,48px)}
.home-page .home-nav a{font-size:clamp(12px,1vw,16px)}
.home-page .home-nav a:first-child,.home-page .home-nav a:hover{color:var(--accent-ink)!important}
.home-page .home-nav a:first-child::after{background:var(--accent)}
.home-page .home-tools #language{color:var(--ink);border-color:var(--line)}
.home-page .mobile-nav{background:var(--paper)}
.home-page .mobile-nav a{color:var(--ink)}
.home-page .home-eyebrow{color:var(--accent-ink);letter-spacing:.035em}
.home-page .home-lead{color:var(--muted)}
.home-page h1,.home-page h2,.home-page h3{color:var(--ink)}
.home-page h1 em,.home-page h2 em{color:var(--accent-ink)}
.home-page .home-button,.home-page .home-search button,.home-page .live-reveal-copy .home-button{background:var(--accent-ink);color:#fff;border-color:var(--accent-ink)}
.home-page .home-button{max-width:100%;font-size:clamp(13px,1vw,16px);padding:10px 20px;border-radius:9px}
.home-page .home-button:hover,.home-page .home-search button:hover{background:#963a07;border-color:#963a07}
.home-page .outline-button{background:transparent;color:var(--accent-ink);border-color:var(--accent)}
.home-page .outline-button:hover{background:#fff0e3;color:#963a07}
.home-page .home-text-link{color:var(--accent-ink)!important;border-color:#edbea0}
.home-page .home-note,.home-page .section-sub{color:var(--muted)}
.home-page .preview-badge{background:#fff6ed;color:var(--accent-ink);border-color:#edc8aa;white-space:normal}

/* Text takes roughly half the available width; photo stays full bleed. */
.home-page .home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:0;min-height:clamp(440px,39vw,670px);padding-block:clamp(40px,4.5vw,80px);background:var(--paper)}
.home-page .hero-details{position:relative;z-index:2;min-width:0}
.home-page .hero-details h1{font-size:clamp(32px,3.3vw,62px);line-height:1.5;margin:15px 0}
.home-page .hero-details h1 em{color:var(--accent-ink)}
.home-page .hero-details .home-lead{font-size:clamp(14px,1.15vw,19px);max-width:48ch}
.home-page .hero-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none;background:#fcebd6;overflow:hidden}
.home-page .hero-art>img{width:100%;height:100%;object-position:center 38%;transform:none}
.home-page .hero-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fffaf4 0%,#fffaf4f5 29%,#fffaf4c9 43%,#fffaf42b 61%,transparent 77%)}
.home-page .home-search{max-width:100%;border-color:#e6d7c9;box-shadow:0 8px 22px #29262208;gap:10px}
.home-page .home-search input,.home-page .home-search button{font-size:clamp(12px,1vw,16px)}
.home-page .hero-darshan-preview{position:absolute;right:var(--warm-gutter);bottom:7%;z-index:1;width:clamp(170px,23vw,340px);aspect-ratio:1.85;padding:0;overflow:hidden;border:2px solid #fff;border-radius:16px;background:#292622;color:#fff;text-align:left;box-shadow:0 12px 24px #29262225}
.hero-darshan-preview>img{width:100%;height:100%;object-position:center;opacity:.72}
.hero-preview-tag{position:absolute;left:12px;top:12px;padding:3px 8px;border-radius:5px;background:#292622ce;font-size:clamp(10px,.8vw,13px)}
.hero-preview-title{position:absolute;bottom:14px;left:12px;right:40px;font-size:clamp(13px,1.2vw,19px);line-height:1.6}
.hero-preview-play{position:absolute;right:12px;bottom:14px;font-size:24px}

/* Background changes do not replace pinned scrolling or photo transforms. */
.home-page .scroll-story{background:#fff;border-color:var(--line)}
.home-page .story-pin{padding-inline:var(--warm-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,80px)}
.home-page .story-visual{background:#f5e9dd;box-shadow:none;height:clamp(310px,34vw,620px)}
.home-page .story-photo{box-shadow:0 5px 15px #2926220c}
.home-page .story-caption{color:var(--ink);background:#fffaf4eb}
.home-page .story-step{border:0;background:transparent;box-shadow:none;border-radius:0;padding:clamp(12px,2vw,32px) 0}
.home-page .story-index,.home-page .story-note{color:var(--muted)}
.home-page .story-index::before{background:var(--accent)}
.home-page .story-step h2{font-size:clamp(28px,2.8vw,48px)}
.home-page .story-step .home-lead{font-size:clamp(14px,1.1vw,18px)}
.home-page .scroll-story.story-enhanced .story-pin{min-height:0}
.home-page .scroll-story.story-enhanced .story-step{overflow-y:auto}
.home-page .live-showcase{background:#fff0e3;color:var(--ink);border-color:var(--line)}
.home-page .live-heading h2,.home-page .live-reveal-copy h3{color:var(--ink)}
.home-page .live-heading h2 em,.home-page .live-heading .home-eyebrow{color:var(--accent-ink)}
.home-page .live-orbit{opacity:.35;border-color:#edb98e}
.home-page .live-reveal-copy{color:var(--ink);border-color:var(--line)}
.home-page .live-reveal-copy>p:not(.home-eyebrow),.home-page .live-intro{color:var(--muted)}
.home-page .live-reveal-icon{color:var(--accent)}
.home-page .live-phone-frame{background:#242424;border-color:#85827f;box-shadow:inset 0 0 0 2px #4b4845}
.home-page .live-phone-screen{background:#242424}
.home-page .live-phone-appbar{background:#fffaf4;color:var(--ink)}
.home-page .live-phone-speaker{background:#252525}
.home-page .live-phone-viewfinder{background:radial-gradient(circle,#5a4b40,#242424 70%)}
.home-page .live-phone-details{background:#fffaf4;color:var(--ink)}
.home-page .live-viewfinder-ring{border-color:#e8c4aa66}
.home-page .live-phone-feed:after{background:linear-gradient(transparent,#24242499)}
.home-page .live-video-bottom{background:linear-gradient(transparent,#242424aa)}
.home-page .live-hd{background:#24242491}
.home-page .live-progress-fill{background:var(--accent)}
.home-page .live-progress-track{background:#efcdb1}
.home-page .discovery-section{background:var(--paper);border-color:var(--line)}
.home-page .temple-preview{border-color:var(--line);box-shadow:0 6px 20px #29262205}
.home-page .temple-preview h3{color:var(--ink)}
.home-page .temple-preview button{color:var(--accent-ink);border-color:#edbea0}
.home-page .events-section{background:#fff;color:var(--ink);border-color:var(--line)}
.home-page .events-section h2{color:var(--ink)}
.home-page .events-section .home-eyebrow{color:var(--accent-ink)}
.home-page .events-section .home-note{color:var(--muted)}
.home-page .event-preview{background:var(--paper);color:var(--ink);border-color:var(--line)}
.home-page .event-preview:hover{background:#fff0e3;color:var(--ink)}
.home-page .event-preview strong{color:var(--ink)}
.home-page .event-preview small{color:var(--accent-ink)}
.home-page .event-preview .event-symbol{color:var(--accent)}
.home-page .about-section{background:var(--paper);border-color:var(--line)}
.home-page .site-footer{background:#fff;border-top:1px solid var(--line)}
.home-page .site-footer strong,.home-page .site-footer h3{color:var(--ink)}
.home-page .site-footer a,.home-page .site-footer p,.home-page .site-footer .foot-bottom{color:var(--muted)}
.home-page .site-footer a:hover{color:var(--accent-ink)}
.home-page .site-footer .foot-bottom{border-color:var(--line)}
.home-page .temple-ticker{height:48px}
.home-page .temple-ticker-label{font-size:12px}
.home-page .temple-ticker-image{width:27px;height:27px}
.home-page .temple-ticker-image svg{width:21px;height:21px}

/* Content-driven breakpoints avoid unreadably shrinking text on tablets. */
@media(max-width:1000px){
 .home-page .home-nav{display:none}
 .home-page .home-tools .menu-toggle{display:block}
 .home-page .mobile-nav{top:78px}
 .home-page .hero-details h1{font-size:clamp(30px,4vw,38px)}
}
@media(max-width:800px){
 .home-page .story-pin{grid-template-columns:minmax(0,1fr)}
 .home-page .scroll-story.story-mobile-enhanced .story-pin{padding-inline:var(--warm-gutter)}
 .home-page .scroll-story.story-mobile-enhanced .story-step{padding:10px 0;overflow-y:auto}
 .home-page .scroll-story.story-mobile-enhanced .story-step .home-lead{display:block;overflow:visible;font-size:13px}
}
@media(max-width:700px){
 .home-page .home-header{padding-inline:var(--warm-gutter)}
 .home-page .mobile-nav{top:70px}
 .home-page .home-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:28px var(--warm-gutter) 0;gap:22px}
 .home-page .hero-details h1{font-size:clamp(29px,7vw,43px);line-height:1.55}
 .home-page .hero-details .home-lead{max-width:none;font-size:14px}
 .home-page .hero-art{position:relative;inset:auto;width:calc(100% + 2 * var(--warm-gutter));height:auto;aspect-ratio:1.6;margin-inline:calc(-1 * var(--warm-gutter))}
 .home-page .hero-art::after{background:linear-gradient(#fffaf4,transparent 25%)}
 .home-page .hero-art>img{object-position:center 35%}
 .home-page .hero-darshan-preview{width:41%;bottom:6%;border-radius:10px}
 .home-page .hero-preview-tag{left:7px;top:7px;font-size:9px;padding:2px 5px}
 .home-page .hero-preview-title{left:7px;bottom:7px;right:28px;font-size:11px}
 .home-page .hero-preview-play{right:7px;bottom:7px;font-size:19px}
 .home-page .home-search{padding:5px 5px 5px 10px;gap:6px}
 .home-page .home-search button{padding:11px 10px}
 .home-page .home-search input{font-size:12px}
 .home-page .live-showcase.live-mobile-enhanced .live-reveal-copy>p:not(.home-eyebrow){color:var(--muted)}
 .home-page .live-reveal-copy{background:#ffffffb3}
 .home-page .live-showcase.live-mobile-enhanced .live-reveal-copy{background:transparent}
}

/* Keep mobile story copy readable in the remaining pinned viewport. */
@media(max-width:800px) and (min-height:580px){
 .home-page .scroll-story.story-mobile-enhanced .story-step h2{font-size:clamp(23px,5.7vw,32px)}
 .home-page .scroll-story.story-mobile-enhanced .story-visual{height:clamp(170px,31svh,280px)}
}
@media(max-width:800px) and (min-height:580px) and (max-height:679px){
 .home-page .scroll-story.story-mobile-enhanced .story-visual{height:clamp(145px,26svh,175px)}
}

/* Show the tower silhouette instead of enlarging carvings across the hero. */
@media(min-width:701px){.home-page .hero-art>img{width:68%;margin-left:auto;object-position:center top}}
.home-page .hero-details h1 em{color:var(--accent)}

/* Clean portrait player: keep original reveal elements for the scroll script. */
.home-page .live-phone-appbar,
.home-page .live-phone-details,
.home-page .live-phone-speaker,
.home-page .live-phone-homebar,
.home-page .live-video-bottom,
.home-page .live-hd { display:none; }
.home-page .live-phone-frame {
  padding:5px;
  border:2px solid #74716e;
  border-radius:34px;
  background:#222;
  box-shadow:inset 0 0 0 1px #555;
}
.home-page .live-phone-screen { border-radius:27px; }
.home-page .live-phone-feed,
.home-page .live-phone-viewfinder { inset:0; }
.home-page .live-phone-feed img {
  object-position:75% center;
  animation:none;
  transform:none;
  image-rendering:auto;
}
.home-page .live-phone-feed:after { display:none; }
.home-page .live-video-top { top:14px; left:10px; right:10px; }
.home-page .live-demo-badge { padding:5px 7px; font-size:11px; }
.home-page .live-phone { filter:drop-shadow(0 14px 20px #29262222); }

/* Decorative shapes live behind the content, never in its reading/focus order. */
.home-page .scroll-story { overflow:clip; }
.home-page .story-visual-shell { position:relative; isolation:isolate; width:100%; min-width:0; }
.home-page .story-visual-shell::before,
.home-page .story-visual-shell::after {
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  transition:opacity .35s ease;
}
.home-page .story-visual-shell::before {
  width:110%;
  aspect-ratio:1;
  left:-25%;
  top:-8%;
  border-radius:50%;
  background:#ffdfc4;
}
.home-page .story-visual-shell::after {
  width:89%;
  height:87%;
  right:-4%;
  bottom:-6%;
  border-radius:clamp(24px,4vw,65px);
  background:#ffe6d2;
  border:1px solid #f5c5a3;
  transform:rotate(-7deg);
  opacity:0;
}
.home-page .story-pin:has([data-story-step="2"].is-active) .story-visual-shell::before { opacity:0; }
.home-page .story-pin:has([data-story-step="2"].is-active) .story-visual-shell::after { opacity:1; }
.home-page .live-orbit { display:none; }
.home-page .live-pin { position:relative; isolation:isolate; }
.home-page .live-pin::before {
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-21%;
  top:28%;
  width:75%;
  aspect-ratio:1;
  background:#ffdbbb;
  border-radius:50%;
}
.home-page .events-section { position:relative; isolation:isolate; overflow:clip; }
.home-page .events-section::before {
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  right:-5%;
  top:-12%;
  width:clamp(160px,28vw,480px);
  aspect-ratio:1;
  border-radius:0 0 0 100%;
  background:#fff0e3;
}
@media(max-width:800px) {
  .home-page .scroll-story.story-mobile-enhanced .story-visual-shell { flex:0 0 auto; width:100%; }
  .home-page .story-visual-shell::before { left:-22%; width:105%; top:-6%; }
  .home-page .live-pin::before { width:112%; left:-52%; top:29%; }
}
@media(prefers-reduced-motion:reduce) {
  .home-page .story-visual-shell::before,
  .home-page .story-visual-shell::after { transition:none; }
}

/* v3: one consistent pink accent and a light reflective gallery surface. */
.home-page .story-visual-shell::before,
.home-page .story-pin:has([data-story-step="2"].is-active) .story-visual-shell::before {
 width:100%;aspect-ratio:1;left:-19%;top:-11%;opacity:1;
 background:radial-gradient(circle at 30% 22%,#fbe6f1,#edbad4 78%);
 border:1px solid #efc1d8;
}
.home-page .story-visual-shell::after {display:none}
.home-page .story-visual {
 border:5px solid #ffffffd9;
 background:linear-gradient(135deg,#fff 0%,#faf7fb 52%,#fff 100%);
 box-shadow:inset 0 1px 0 #fff,0 10px 26px #563c5210;
}
.home-page .story-photo {border-width:2px;box-shadow:none}
.home-page .story-caption {font-size:10px;background:#fffffff0;bottom:8px;left:8px}
.home-page .story-pin {grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(20px,3vw,58px)}
.home-page .story-copy {height:auto}
.home-page .story-step {
 padding:clamp(16px,1.7vw,28px);
 border:1px solid #efd4e2;border-radius:16px;
 background:linear-gradient(140deg,#fff,#fffafd);
 box-shadow:0 6px 20px #74445b08;
}
.home-page .story-step h2 {font-size:clamp(23px,2.15vw,36px);line-height:1.55;margin:5px 0 11px}
.home-page .story-step .home-lead {font-size:clamp(13px,1vw,16px);line-height:1.8}
.home-page .story-index {margin-bottom:9px;font-size:11px}
.home-page .story-step .home-button {margin-top:14px;font-size:13px;padding:9px 15px}
.home-page .story-step .home-note {font-size:11px;margin-top:10px!important}
.home-page .story-step .home-text-link {font-size:12px;margin-top:10px}
.home-page .story-note {font-size:11px;margin-top:10px}
.home-page .scroll-story.story-enhanced,
.home-page .scroll-story.story-mobile-enhanced {height:var(--story-total-height,360svh)}
.home-page .scroll-story.story-enhanced .story-pin,
.home-page .scroll-story.story-mobile-enhanced .story-pin {
 height:auto;min-height:0;overflow:visible;align-items:center;
 padding-block:clamp(22px,3svh,42px);
}
.home-page .scroll-story.story-enhanced .story-copy,
.home-page .scroll-story.story-mobile-enhanced .story-copy {
 height:var(--story-copy-height,340px);min-height:0;flex:none;
}
.home-page .scroll-story.story-enhanced .story-step,
.home-page .scroll-story.story-mobile-enhanced .story-step {
 inset:0 0 auto;overflow:visible;transition:none;
}
@media(max-width:800px){
 .home-page .story-pin {grid-template-columns:minmax(0,1fr);gap:18px}
 .home-page .story-visual-shell {width:94%;margin-inline:auto}
 .home-page .story-visual-shell::before {left:-17%;top:-9%;width:104%}
 .home-page .scroll-story.story-mobile-enhanced .story-pin {gap:18px;padding:20px var(--warm-gutter)}
 .home-page .scroll-story.story-mobile-enhanced .story-visual-shell {width:94%}
 .home-page .scroll-story.story-mobile-enhanced .story-visual {height:clamp(155px,26svh,240px)}
 .home-page .scroll-story.story-mobile-enhanced .story-step {padding:15px}
 .home-page .scroll-story.story-mobile-enhanced .story-step h2 {font-size:clamp(21px,5.4vw,27px);line-height:1.5;margin:4px 0 9px}
 .home-page .scroll-story.story-mobile-enhanced .story-step .home-lead {display:block;font-size:12px;line-height:1.75;overflow:visible}
 .home-page .scroll-story.story-mobile-enhanced .story-step .home-button {font-size:12px;margin-top:12px;padding:8px 13px}
 .home-page .scroll-story.story-mobile-enhanced .story-copy {width:100%}
}

/* Short laptop windows and browser zoom: fit visuals without disabling motion. */
.home-page .scroll-story.story-enhanced .story-visual {
 height:min(clamp(240px,34vw,620px),var(--story-gallery-limit,620px));
}
.home-page .scroll-story.story-enhanced .story-step {
 max-height:var(--story-gallery-limit,none);
 overflow-y:auto;
 overscroll-behavior-y:auto;
}

/* Long translations stay readable without cancelling the gallery animation. */
.home-page .scroll-story.story-enhanced .story-step,
.home-page .scroll-story.story-mobile-enhanced .story-step {
 max-height:var(--story-card-limit,none);
 overflow-y:auto;
}

/* Transparent gallery stage: let the pink circle show between the photos. */
.home-page .story-visual {
 background:transparent;
 border:0;
 box-shadow:none;
}
.home-page .story-photo {
 border:1px solid #ffffffd9;
 box-shadow:0 5px 14px #38253512;
}
.home-page .scroll-story.story-mobile-enhanced .story-visual {
 background:transparent;
 border:0;
 box-shadow:none;
}

/* Mobile: real image/copy pairs, with no artificial pinned scroll runway. */
.mobile-story-flow {display:none}
@media(max-width:800px) {
 .home-page .scroll-story.story-mobile-flow {height:auto;overflow:clip;padding:0}
 .home-page .story-mobile-flow > .story-pin {display:none}
 .home-page .story-mobile-flow .mobile-story-flow {display:block;padding:0 var(--warm-gutter) 14px}
 .home-page .mobile-story-nav {
  position:sticky;top:var(--mobile-header-height,70px);z-index:5;
  display:flex;justify-content:center;gap:6px;padding:9px 0;
  background:#fffaf4;border-bottom:1px solid #efd4e2;
 }
 .home-page .mobile-story-nav a {
  flex:1;text-align:center;text-decoration:none;font-size:12px;font-weight:700;
  padding:8px 4px;border-radius:9px;color:#645460;min-height:36px;
 }
 .home-page .mobile-story-nav a[aria-current] {color:#b64a19;background:#fff0e4}
 .home-page .mobile-story-nav a:focus-visible {outline:2px solid #c6511a;outline-offset:1px}
 .home-page .mobile-story-pair {
  position:relative;display:grid;gap:12px;margin-top:18px;padding:12px 0;
  background:#fffaf4;scroll-margin-top:var(--mobile-story-top,128px);
 }
 .home-page .story-mobile-stack .mobile-story-pair {position:sticky;top:var(--mobile-story-top,128px)}
 .home-page .mobile-story-image {position:relative;isolation:isolate;width:94%;margin:0 auto}
 .home-page .mobile-story-image::before {
  content:'';position:absolute;z-index:-1;width:150%;aspect-ratio:1;left:30%;top:-65px;
  border-radius:50%;background:radial-gradient(circle at 30% 22%,#fbe6f1,#edbad4 78%);
 }
 .home-page .mobile-story-image img {
  display:block;width:100%;height:clamp(155px,24svh,245px);object-fit:cover;
  border:1px solid #ffffffd9;border-radius:18px;box-shadow:0 5px 14px #38253512;
 }
 .home-page #story-mobile-0 img {object-position:center 25%}
 .home-page .mobile-story-pair .story-step {
  position:relative;inset:auto;opacity:1;visibility:visible;transform:none;
  max-height:none;overflow:visible;pointer-events:auto;margin:0;padding:15px;
 }
 .home-page .mobile-story-pair .story-step h2 {font-size:clamp(21px,5.4vw,27px);line-height:1.5;margin:4px 0 9px}
 .home-page .mobile-story-pair .home-lead {font-size:12px;line-height:1.75}
 .home-page .mobile-story-pair .home-button {font-size:12px;margin-top:12px;padding:8px 13px}
 .home-page .mobile-story-pair .story-darshan-anchor,
 .home-page .mobile-story-pair .story-seva-anchor {position:absolute;top:0;scroll-margin-top:var(--mobile-story-top,128px)}
}

/* Compact service-first entry on mobile; desktop retains its original hero. */
.home-entry,.hero-service-copy {display:contents}
.hero-title-mobile,.hero-service-meta,.mobile-hero-caption {display:none}
@media(max-width:800px) {
 .home-page .home-entry {display:flex;flex-direction:column;gap:14px;padding:20px var(--warm-gutter);background:var(--paper)}
 .home-page .home-entry .home-hero {display:contents}
 .home-page .home-entry .hero-details {order:0}
 .home-page .hero-title-desktop,
 .home-page .home-entry .hero-details > .home-eyebrow,
 .home-page .home-entry .hero-details > .home-lead,
 .home-page .home-entry .hero-details > .home-note {display:none}
 .home-page .home-entry .hero-details h1 {font-size:clamp(20px,5.4vw,26px);line-height:1.5;margin:0 0 14px;font-weight:650}
 .home-page .hero-title-mobile {display:block}
 .home-page .hero-title-mobile small {display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
 .home-page .home-entry .home-search {display:flex;align-items:center;width:100%;margin:0;padding:5px 5px 5px 10px;gap:6px;border-radius:12px}
 .home-page .home-entry .home-search input {flex:1;width:0;min-width:0;font-size:12px}
 .home-page .home-entry .home-search button {flex:none;padding:10px;font-size:12px;min-height:40px;border-radius:8px}
 .home-page .home-entry .hero-service-grid {order:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0}
 .home-page .home-entry .hero-service-link {
  display:grid;grid-template-columns:36px minmax(0,1fr) 10px;align-items:center;gap:8px;
  min-height:82px;padding:12px 10px;border:1px solid var(--line);border-radius:13px;
  color:var(--ink)!important;background:#fff;box-shadow:0 3px 10px #29262204;
 }
 .home-page .home-entry .hero-service-link::before,
 .home-page .home-entry .hero-service-link::after,
 .home-page .home-entry .hero-service-label::before {display:none}
 .home-page .home-entry .hero-service-copy {display:block;min-width:0}
 .home-page .home-entry .hero-service-label {max-width:none;margin:0;font-size:12px;line-height:1.65;color:var(--ink);overflow-wrap:normal}
 .home-page .home-entry .hero-service-meta {display:block;font-size:10px;line-height:1.6;margin-top:3px;color:var(--muted)}
 .home-page .home-entry .hero-service-link--darshanam .hero-service-meta,
 .home-page .home-entry .hero-service-link--seva .hero-service-meta {display:table;padding:1px 6px;border-radius:8px;background:#fff0e3;color:var(--accent-ink)}
 .home-page .home-entry .hero-service-icon {display:grid;place-items:center;width:36px;height:36px;margin:0;border-radius:50%;background:#fff5e2;color:#a87524}
 .home-page .home-entry .hero-service-icon svg {width:24px;height:24px}
 .home-page .home-entry .hero-service-link--seva .hero-service-icon {background:#eaf1fa;color:#526a8d}
 .home-page .home-entry .hero-service-link--events .hero-service-icon {background:#f7edf4;color:#a87524}
 .home-page .home-entry .hero-service-arrow {position:static;display:block;width:auto;height:auto;aspect-ratio:auto;border:0;background:none;font-size:16px;color:#9c8065}
 .home-page .home-entry .hero-art {order:2;position:relative;inset:auto;width:100%;height:clamp(185px,26svh,260px);aspect-ratio:auto;margin:2px 0 0;border-radius:16px;overflow:hidden}
 .home-page .home-entry .hero-art > img {display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center 38%}
 .home-page .home-entry .hero-art::after {background:linear-gradient(transparent 50%,#18120b80);z-index:0}
 .home-page .mobile-hero-caption {display:block;position:absolute;left:12px;bottom:12px;max-width:49%;z-index:1;font-size:12px;line-height:1.65;color:#fff;text-shadow:0 1px 3px #0008}
 .home-page .home-entry .hero-darshan-preview {right:10px;bottom:10px;width:40%;max-width:180px;border-radius:10px}
 .home-page .home-entry .hero-preview-tag {font-size:8px;top:6px;left:6px;padding:2px 4px}
 .home-page .home-entry .hero-preview-title {font-size:10px;bottom:6px;left:6px;right:22px}
 .home-page .home-entry .hero-preview-play {font-size:18px;right:6px;bottom:6px}
}
@media(max-width:360px) {
 .home-page .home-entry .hero-service-link {grid-template-columns:28px minmax(0,1fr) 8px;gap:6px;padding:10px 8px}
 .home-page .home-entry .hero-service-icon {width:28px;height:28px}
 .home-page .home-entry .hero-service-icon svg {width:21px;height:21px}
 .home-page .home-entry .hero-service-label {font-size:11px}
 .home-page .home-entry .hero-service-meta {font-size:9px}
}

/* Short ticker label leaves the remaining width for temple names. */
.home-page .temple-ticker-label {white-space:nowrap;max-width:none;gap:7px;padding-inline:12px}
.home-page .ticker-label-text {white-space:nowrap}
.home-page .ticker-sample {font-size:9px;font-weight:400;color:#8c8073;white-space:nowrap}
.search-submit-icon {display:none}
@media(max-width:800px) {
 .home-page .temple-ticker {height:32px}
 .home-page .temple-ticker-label {font-size:10px;line-height:1.5;padding-inline:8px;gap:6px;flex:0 0 auto}
 .home-page .ticker-live-dot {width:5px;height:5px;box-shadow:none}
 .home-page .temple-ticker-image {width:21px;height:21px;border-radius:5px}
 .home-page .temple-ticker-image svg {width:17px;height:17px}
 .home-page .temple-ticker-item {font-size:11px;gap:7px}
 .home-page .temple-ticker-viewport {mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent)}
 .home-page .home-entry {padding-top:16px;gap:12px}
 .home-page .hero-title-mobile small {display:none}
 .home-page .home-entry .hero-details h1 {margin-bottom:10px}
 .home-page .home-entry .home-search {padding:2px 2px 2px 12px;gap:4px;box-shadow:none}
 .home-page .home-entry .home-search > span[aria-hidden] {display:none}
 .home-page .home-entry .home-search button {display:grid;place-items:center;width:44px;min-height:44px;padding:10px}
 .home-page .search-submit-text {display:none}
 .home-page .search-submit-icon {display:block;width:20px;height:20px}
}
