/* Blue dawn — a composition for the supplied Krishna illustration. */
.hero.hero--krishna{position:relative;display:block;isolation:isolate;max-width:none;width:100%;aspect-ratio:1672/941;min-height:600px;margin:0;overflow:hidden;background:#15243b;color:#fff5df}
.hero--krishna .hero-art.krishna-backdrop{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;border-radius:0;overflow:hidden;z-index:0;transform:none}
.krishna-scene{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:krishna-daybreak 1.5s ease-out both}
.krishna-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,23,40,.82) 0%,rgba(11,25,43,.67) 16%,rgba(13,28,48,.43) 25%,rgba(15,28,49,.12) 34%,rgba(15,28,49,0) 47%),linear-gradient(0deg,rgba(12,22,37,.15),transparent 18%)}
.hero--krishna .hero-copy.krishna-copy{position:relative;z-index:2;width:29%;max-width:500px;padding:clamp(58px,6vw,110px) 0 48px;margin-left:5.5%;color:#fff4e0;text-shadow:0 2px 18px #08142655}
.hero--krishna .hero-copy .eyebrow{color:#f2d8a6;font-size:clamp(9px,.64vw,11px);letter-spacing:.16em;line-height:1.7;gap:9px;white-space:nowrap}
.hero--krishna .tiny-sun{color:#edbd70;font-size:24px}
.hero--krishna h1{margin-top:24px;font-size:clamp(52px,4.45vw,84px);line-height:1.02;letter-spacing:-.045em;color:#fff5e4;font-weight:400}
.hero--krishna .krishna-heading-line,.hero--krishna .krishna-word-world{display:block}
.hero--krishna h1 em{color:#efcc93}
.hero--krishna h1 em:after{content:none}
.hero--krishna .orange-dot{color:#edb769}
.hero--krishna .hero-description{font-size:clamp(14px,.94vw,17px);line-height:1.8;margin-top:24px;color:#f0edf1}
.hero--krishna .hero-description br{display:block}
.hero--krishna .hero-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:25px;white-space:normal;flex-wrap:nowrap}
.hero--krishna .hero-ctas .button{min-height:48px;background:#f3e6c9;color:#1c3045;padding:13px 20px;gap:20px;font-size:13px;text-shadow:none;border:1px solid #f3e6c9}
.hero--krishna .hero-ctas .button:hover{background:#fff4df;border-color:#fff4df;box-shadow:0 5px 25px #101d2f30}
.hero--krishna .hero-ctas .text-link{color:#fff1da;font-size:12px;gap:19px;border-bottom-color:#e1c59999;padding:10px 0 7px}
.hero--krishna .replay-welcome{display:flex;margin-top:15px;max-width:100%;min-height:38px;font-size:11px;letter-spacing:.025em;color:#e5e4ed;gap:9px;text-align:left;line-height:1.5}
.hero--krishna .replay-welcome span{color:#f0cf96;font-size:17px}
.hero--krishna .hero-footnote{display:flex;margin-top:23px;gap:12px;color:#d7dce5;font-size:10px;line-height:1.65}
.hero--krishna .fine-rule{background:#c4cdd4;width:30px}
.hero--krishna a:focus-visible,.hero--krishna button:focus-visible{outline-color:#ffdb9b;outline-offset:5px}
.krishna-scene-note{position:absolute;right:100px;bottom:30px;z-index:2;color:#f1edf2;font-size:8px;letter-spacing:.15em;line-height:1.5;text-shadow:0 1px 8px #142138}
.krishna-scroll{position:absolute;z-index:2;bottom:24px;right:34px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #e9e7e1a0;color:#fff3da;background:#13243a25;transition:background .3s,transform .3s}
.krishna-scroll:hover{background:#13243a80;transform:translateY(3px)}
@keyframes krishna-daybreak{from{opacity:.55}to{opacity:1}}

/* Keep the entire scene above the copy where there is less horizontal room.
   The blue continuation is part of the same hero, without a crop through the
   child, the flute, the staff or the herd. */
@media(max-width:1100px){
  .hero.hero--krishna{aspect-ratio:auto;min-height:0}
  .hero--krishna .hero-art.krishna-backdrop{position:relative;inset:auto;aspect-ratio:1672/941;height:auto;width:100%;min-height:0;margin:0}
  .krishna-scene{position:absolute;inset:0;object-fit:contain}
  .krishna-atmosphere{display:none}
  .hero--krishna .hero-copy.krishna-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;width:auto;max-width:none;margin:0;padding:37px 7% 39px;background:radial-gradient(ellipse at 85% 0%,#44598130,transparent 75%);text-shadow:none}
  .hero--krishna .hero-copy .eyebrow{grid-column:1;grid-row:1;white-space:normal;font-size:8px;letter-spacing:.14em;line-height:1.6;gap:8px}
  .hero--krishna h1{grid-column:1;grid-row:2/5;font-size:clamp(48px,6vw,65px);margin-top:17px;line-height:1.04}
  .hero--krishna .hero-description{grid-column:2;grid-row:2;margin-top:18px;font-size:14px;line-height:1.8;align-self:start}
  .hero--krishna .hero-ctas{grid-column:2;grid-row:3;margin-top:17px;gap:10px;align-self:start}
  .hero--krishna .hero-ctas .button{font-size:11px;min-height:46px;padding:12px 17px}
  .hero--krishna .hero-ctas .text-link{font-size:10px}
  .hero--krishna .replay-welcome{grid-column:2;grid-row:4;margin-top:13px;font-size:9px;align-self:start}
  .hero--krishna .hero-footnote{display:none}
  .krishna-scene-note{top:calc(100vw * 941 / 1672 - 24px);bottom:auto;right:22px;font-size:7px;letter-spacing:.13em}
  .krishna-scroll{display:none}
}
@media(max-width:600px){
  .hero--krishna .hero-copy.krishna-copy{display:block;padding:28px 7% 33px}
  .hero--krishna .hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;gap:8px}
  .hero--krishna .tiny-sun{font-size:21px}
  .hero--krishna h1{font-size:clamp(39px,10.8vw,61px);line-height:1.07;letter-spacing:-.043em;margin-top:15px}
  .hero--krishna .krishna-word-world{display:inline}
  .hero--krishna .hero-description{font-size:14px;line-height:1.8;margin-top:16px}
  .hero--krishna .hero-ctas{flex-direction:row;flex-wrap:wrap;align-items:center;gap:13px 21px;margin-top:20px}
  .hero--krishna .hero-ctas .button{font-size:12px;min-height:47px;padding:12px 17px;gap:15px}
  .hero--krishna .hero-ctas .text-link{font-size:11px;gap:13px}
  .hero--krishna .replay-welcome{font-size:10px;min-height:36px;margin-top:15px;gap:8px}
  .krishna-scene-note{top:calc(100vw * 941 / 1672 - 17px);font-size:5px;letter-spacing:.11em;right:12px}
}
@media(max-width:360px){.hero--krishna .hero-ctas{gap:10px 17px}.hero--krishna .hero-ctas .button{font-size:10px;padding:12px 14px;gap:11px}.hero--krishna .hero-ctas .text-link{font-size:9px;gap:10px}.hero--krishna .hero-copy .eyebrow{font-size:7px;letter-spacing:.11em}.hero--krishna .hero-copy.krishna-copy{padding-top:25px;padding-bottom:27px}}
@media(prefers-reduced-motion:reduce){.krishna-scene{animation:none}.krishna-scroll{transition:none}}
.motion-paused .krishna-scene{animation:none;opacity:1}
@media print{.hero.hero--krishna{background:white;color:black;aspect-ratio:auto;min-height:0}.hero--krishna .hero-copy.krishna-copy{display:block;padding:20px 0;margin:0;width:100%;max-width:none;background:none;text-shadow:none}.hero--krishna h1,.hero--krishna h1 em,.hero--krishna .hero-copy .eyebrow,.hero--krishna .hero-description{color:black}.hero--krishna h1{font-size:48px}.hero--krishna .krishna-word-world{display:inline}.krishna-atmosphere,.krishna-scroll,.krishna-scene-note,.hero--krishna .replay-welcome{display:none}}