/* A contained replacement for the index page's hero. */
.myrah-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(740px, calc(100svh - 130px), 980px);
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #f5edf1;
  background: #241c28;
  margin-bottom: 64px;
}
.myrah-hero-media, .myrah-hero-shade { position: absolute; inset: 0; pointer-events: none; }
.myrah-hero-media { z-index: -3; }
.myrah-hero-poster, .myrah-hero-video { position: absolute; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 100% 50%; }
.myrah-hero-video { opacity: 0; transition: opacity .4s; }
.myrah-hero-video.is-playing { opacity: 1; }
.myrah-hero-shade { z-index: -2; background: linear-gradient(90deg,rgba(31,14,31,.72),rgba(38,19,39,.32) 38%,rgba(35,22,37,.06) 63%),linear-gradient(0deg,rgba(24,13,26,.85),rgba(42,18,40,.06) 48%,rgba(27,23,34,.12)); }
.myrah-hero-shade::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 7% 77%,rgba(130,21,83,.43),transparent 53%); }
.myrah-hero-content { width: min(1344px, calc(100% - 112px)); margin-inline: auto; position: relative; padding-block: 72px 88px; }
.myrah-hero h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(106px,11.4vw,174px); line-height: .98; letter-spacing: -.045em; margin: 0 0 38px; max-width: 660px; }
.myrah-hero h1 span, .myrah-hero h1 em { display: block; }
.myrah-hero h1 em { color: inherit; font-weight: 400; padding-top: .12em; }
.myrah-hero-description { color: #d3b9cf; font-size: 20px; line-height: 1.5; font-weight: 400; max-width: 460px; }
.myrah-hero-area { color: #e0cda5; font-family: var(--serif); font-size: 19px; line-height: 1.5; margin-top: 2px; max-width: 540px; }
.area-break { display: none; }
.myrah-hero-actions { display: flex; gap: 15px; align-items: center; margin-top: 28px; }
.myrah-hero-button { min-height: 56px; border-radius: 999px; padding: 15px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: 600; line-height: 1.3; border: 1px solid; color: #fff4f8; transition: background .2s,transform .2s; }
.myrah-hero-book { background: #952357; border-color: #df397d; box-shadow: inset 0 1px 0 #ffffff18; }
.myrah-hero-call { background: #ffffff12; border-color: #d69bbc77; box-shadow: inset 0 1px 0 #ffffff18; }
.myrah-hero-button[href]:hover { transform: translateY(-2px); background: #ae2d66; }
.myrah-hero-button[aria-disabled="true"] { cursor: default; }
.myrah-hero-button .icon { width: 18px; height: 18px; }
.myrah-hero-rings { position: absolute; z-index: -1; top: -115px; left: -80px; width: 380px; height: 380px; opacity: .2; transform: rotate(-25deg); pointer-events: none; }
.myrah-hero-rings i { position: absolute; border: 1px solid #c7aa8e; border-radius: 50%; width: 190px; height: 240px; }
.myrah-hero-rings i:nth-child(1) { top: 0; left: 110px; }
.myrah-hero-rings i:nth-child(2) { top: 15px; left: 124px; }
.myrah-hero-rings i:nth-child(3) { top: 115px; left: 0; width: 140px; height: 165px; }
.myrah-hero-rings i:nth-child(4) { top: 132px; left: 10px; width: 140px; height: 165px; }
.myrah-motion-toggle { position: absolute; right: 24px; bottom: 22px; color: white; background: #20172570; border: 1px solid #ffffff66; border-radius: 50%; width: 40px; height: 40px; display: grid; place-items: center; line-height: 1; backdrop-filter: blur(6px); }
.myrah-motion-toggle[hidden] { display: none; }
@media (min-width: 1600px) { .myrah-hero { min-height: 100svh; } }
@media (max-width: 960px) {
  .myrah-hero { min-height: 740px; }
  .myrah-hero-content { width: calc(100% - 72px); }
  .myrah-hero h1 { font-size: clamp(100px,14vw,136px); }
  .myrah-hero-description { font-size: 18px; max-width: 350px; }
  .myrah-hero-area { font-size: 17px; max-width: 350px; }
  .area-break { display: initial; }
  .myrah-hero-poster, .myrah-hero-video { object-position: 88% 50%; }
}
@media (max-width: 600px) {
  .myrah-hero { min-height: 720px; align-items: flex-end; margin-bottom: 44px; }
  .myrah-hero-content { width: calc(100% - 48px); padding-block: 72px 66px; }
  .myrah-hero h1 { font-size: clamp(92px,27vw,138px); margin-bottom: 32px; line-height: .97; }
  .myrah-hero-description { font-size: 17px; line-height: 1.55; }
  .myrah-hero-area { font-size: 17px; line-height: 1.4; max-width: 350px; margin-top: 4px; }
  .myrah-hero-actions { gap: 12px; margin-top: 28px; }
  .myrah-hero-button { font-size: 14px; min-height: 54px; padding-inline: 22px; }
  .myrah-hero-poster, .myrah-hero-video { object-position: 80% 50%; }
  .myrah-hero-shade { background: linear-gradient(90deg,rgba(31,14,31,.73),rgba(38,19,39,.34)),linear-gradient(0deg,#211122,rgba(48,18,43,.45) 55%,rgba(24,17,30,.08)); }
  .myrah-hero-rings { left: -145px; top: -110px; }
  .myrah-motion-toggle { right: 15px; bottom: 15px; width: 34px; height: 34px; }
}
@media (max-width: 360px) {
  .myrah-hero-content { width: calc(100% - 36px); }
  .myrah-hero h1 { font-size: 26vw; }
  .myrah-hero-button { padding-inline: 17px; font-size: 13px; }
  .myrah-hero-description, .myrah-hero-area { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .myrah-hero-video { display: none; } .myrah-motion-toggle { display: none; } }

.myrah-wordmark { display: flex; flex-direction: column; align-items: center; line-height: 1; gap: 6px; padding-block: 8px; }
.myrah-wordmark>span { font-family: var(--serif); font-size: 36px; letter-spacing: -.03em; }
.myrah-wordmark>small { font-size: 9px; font-weight: 600; letter-spacing: .27em; margin-left: .27em; color: #8d285b; }

@media (max-width: 680px) { .topline>span:last-child { display: none; } }