/* Match the scale and typography of the current landing-page heroes. */
.intro.homepage-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:610px;margin:28px auto 60px;padding:60px;border:0;border-radius:24px;background:#f4f9fd;gap:0}
.homepage-hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.homepage-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 32%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.45) 68%,#000 88%)}
.homepage-hero-content{position:relative;width:58%;max-width:600px;min-width:0}
.homepage-hero h1{max-width:18ch;font-size:clamp(38px,4.3vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.05em;color:#15171c}
.homepage-hero-content>p{max-width:540px;margin-top:24px;font-size:16px;line-height:1.8;letter-spacing:normal;color:#414754}
.homepage-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.homepage-hero-actions .button{min-height:46px;padding:12px 20px;font-size:13px}
.homepage-hero-actions .button-white{border-color:#dce2eb}
@media(max-width:900px){
  .intro.homepage-hero{min-height:580px;padding:40px}
  .homepage-hero-content{width:64%}
  .homepage-hero-art img{mask-image:linear-gradient(90deg,transparent 58%,rgba(0,0,0,.1) 70%,#000 100%)}
}
@media(max-width:600px){
  .intro.homepage-hero{min-height:0;margin:18px auto 36px;padding:190px 24px 32px;border-radius:20px}
  .homepage-hero-content{width:100%;max-width:none}
  .homepage-hero h1{font-size:38px;max-width:none}
  .homepage-hero-content>p{margin-top:20px;font-size:14px;line-height:1.85}
  .homepage-hero-art img{width:200%;max-width:none;height:320px;left:auto;right:0;object-fit:cover;object-position:right center;mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.8) 90px,rgba(0,0,0,.03) 190px,transparent 290px)}
  .homepage-hero-actions{gap:10px}
  .homepage-hero-actions .button{width:100%;font-size:12px;padding:12px 15px}
}
@media(max-width:360px){.homepage-hero h1{font-size:34px}}