/* The four opening stories share one reading rhythm, with their own quiet colour. */
.hero{padding-top:22px}
.hero .carousel{gap:20px}
.hero .hero-card{border-radius:30px}
.hero .hero-copy{max-width:650px;padding-left:5.6%;padding-right:5.6%}
.hero .hero-copy :is(h1,h2){font-size:clamp(43px,4.15vw,60px);line-height:1.38;font-weight:400;letter-spacing:-.03em}
.hero .hero-description{font-size:clamp(15px,1.17vw,17px);line-height:1.85;letter-spacing:.005em;margin-top:25px}
.hero .hero-copy .button{margin-top:31px;min-height:49px;padding:13px 24px;border-radius:999px;gap:25px}
.hero .hero-copy .button .lucide{width:18px;height:18px}
.hero .book-card{background:#eae5f1}
.hero .book-card .books-art{background-position:53% center}
.hero .seminar-card .seminar-art{inset:0;background-image:url('assets/hero-refresh/seminar-editorial.jpg');background-position:center;background-size:cover;mask-image:none;-webkit-mask-image:none}
.hero .seminar-card::after{background:linear-gradient(90deg,#e9f0f2da 0%,#e9f0f2a8 28%,#e9f0f252 43%,transparent 61%)}
.hero .anniversary-card{background:#d7e9f9}
.hero .hero-card.anniversary-card .anniversary-art{inset:0;background-image:url('assets/editorial-anniversary-sculpture-thick.jpg');background-size:100% auto;background-position:center calc(100% + 24px);background-repeat:no-repeat;mask-image:linear-gradient(180deg,transparent 42.5%,#000 47.5%);-webkit-mask-image:linear-gradient(180deg,transparent 42.5%,#000 47.5%)}

/* Keep the supplied mountain still as the opening scene, framed around the ridgeline. */
.hero .brand-card .hero-mountain-image{filter:saturate(.96) contrast(1.025) blur(.35px)}
@media(min-width:721px){
  .hero .brand-card .hero-mountain-image{width:220%;height:auto;aspect-ratio:16/9;left:-48%;top:-68.5%}
  .hero .brand-card::after{display:block;background:linear-gradient(180deg,#8eb5eb,#aac9f7);mask-image:linear-gradient(90deg,#000 0%,#000 26%,#000b 34%,transparent 47%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 26%,#000b 34%,transparent 47%)}
}

@media(max-width:1100px) and (min-width:721px){
  .hero .hero-copy{max-width:570px}
  .hero .hero-copy :is(h1,h2){font-size:clamp(39px,4.2vw,49px)}
  .hero .hero-description{font-size:15px}
}

@media(max-width:720px){
  .hero{padding-top:20px}
  .hero .carousel{gap:12px}
  .hero .hero-card{height:560px;border-radius:23px}
  .hero .hero-copy{padding:37px 8% 0;max-width:none}
  .hero .hero-copy :is(h1,h2){font-size:clamp(30px,8.3vw,40px);line-height:1.45;letter-spacing:-.025em}
  .hero .hero-description{font-size:14px;line-height:1.78;margin-top:20px}
  .hero .hero-copy .button{margin-top:23px;min-height:43px;padding:11px 19px;gap:23px}
  .hero .hero-copy .button .lucide{width:16px;height:16px}
  .hero .book-card .books-art{background-size:auto 58%;background-position:86% bottom;background-color:#eae5f1}
  .hero .seminar-card .seminar-art{background-size:auto 80%;background-position:92% bottom;background-repeat:no-repeat;background-color:#e9f0f2}
  .hero .seminar-card::after{background:linear-gradient(180deg,#e9f0f2fa 0%,#e9f0f2e5 32%,#e9f0f27a 54%,transparent 78%)}
  .hero .hero-card.anniversary-card .anniversary-art{background-size:auto 38%;background-position:right bottom;background-color:#d7e9f9;mask-image:linear-gradient(180deg,transparent 62%,#000 65%);-webkit-mask-image:linear-gradient(180deg,transparent 62%,#000 65%)}
  .hero .brand-card .mountain-crop{left:-70%}
  .hero .brand-card .hero-mountain-image{top:-27.778%}
  .hero .brand-card::after{background:linear-gradient(180deg,#a8c7f2f2,#b6cff4c9 34%,#b6cff46b 56%,transparent 84%);mask-image:none;-webkit-mask-image:none}
}

@media(max-width:390px){
  .hero .hero-copy{padding-top:34px}
  .hero .hero-copy :is(h1,h2){font-size:clamp(29px,8.1vw,33px)}
  .hero .hero-description{font-size:13.5px}
}

.hero .brand-card .hero-mountain-image{max-width:none;height:auto;object-fit:cover}