.sonoris-hero { position:relative; width:100%; min-height:clamp(460px,28vw,540px); display:flex; align-items:center; background:#fbf8f3 url('/heroslide-violon.webp') center 25% / cover no-repeat; }
.sonoris-hero .sonoris-hero__content { display:flex; flex-direction:column; align-items:center; justify-content:center; width:43%; max-width:760px; padding:24px 3vw; box-sizing:border-box; text-align:center; }
.sonoris-hero .sonoris-hero__logo { display:block; width:61px; height:61px; object-fit:contain; margin:0 0 10px; }
.sonoris-hero .sonoris-hero__eyebrow { margin:0 0 10px; color:#875526; font:italic 14px/1.3 Georgia,serif; }
.sonoris-hero .sonoris-hero__title { max-width:100%; margin:0 0 16px; padding:0; color:#4a2727; font:400 clamp(30px,2.7vw,42px)/1.1 Georgia,serif; letter-spacing:0; text-transform:none; text-align:center; overflow-wrap:break-word; }
.sonoris-hero .sonoris-hero__intro { max-width:560px; margin:0 0 8px; color:#554b44; font:400 15px/1.5 Arial,Helvetica,sans-serif; text-align:center; }
.sonoris-hero .sonoris-hero__button { display:inline-block; align-self:center; max-width:100%; box-sizing:border-box; margin-top:12px; padding:14px 18px; border:1px solid #875526; border-radius:3px; background:#875526; color:#fff; font:600 12px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.7px; text-transform:uppercase; text-decoration:none; text-align:center; }
.sonoris-hero .sonoris-hero__button:hover { background:#653d24; border-color:#653d24; }
.sonoris-hero .sonoris-hero__button:focus-visible { outline:3px solid #53212a; outline-offset:4px; }
@media(max-width:800px) {
  .sonoris-hero { min-height:0; background-image:linear-gradient(90deg,rgba(251,248,243,.94),rgba(251,248,243,.78)),url('/heroslide-violon.webp'); background-position:center,65% center; }
  .sonoris-hero .sonoris-hero__content { width:100%; max-width:none; align-items:flex-start; padding:18px 20px 22px; text-align:left; }
  .sonoris-hero .sonoris-hero__logo { width:45px; height:45px; align-self:center; margin:0 0 8px; }
  .sonoris-hero .sonoris-hero__eyebrow { margin-bottom:12px; font-size:12px; }
  .sonoris-hero .sonoris-hero__title { font-size:28px; line-height:1.08; text-align:left; margin-bottom:12px; }
  .sonoris-hero .sonoris-hero__intro { font-size:14px; line-height:1.4; text-align:left; margin-bottom:7px; }
  .sonoris-hero .sonoris-hero__button { align-self:flex-start; margin-top:8px; font-size:11px; }
}