:root{--cream:#f6efe7;--paper:#fffaf4;--ink:#2f211f;--wine:#6f3341;--rose:#d6a6a0;--gold:#c89b56;--dark:#211817;--line:rgba(47,33,31,.16);--shell:min(1180px,calc(100% - 40px));--radius:22px;--shadow:0 24px 70px rgba(47,33,31,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;padding:12px 16px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,250,244,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:70px;height:70px;object-fit:cover;border-radius:50%}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px;font-size:.95rem;font-weight:600}.main-nav a{position:relative}.main-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--wine);transition:.25s}.main-nav a:hover::after,.main-nav a.active::after{right:0}.nav-cta{background:var(--wine);color:white;padding:13px 20px;border-radius:999px}.menu-toggle{display:none;background:none;border:0}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--wine)}h1,h2{font-family:'Playfair Display',serif;line-height:.96;margin:0}h1{font-size:clamp(3.2rem,7vw,7rem)}h2{font-size:clamp(2.4rem,5vw,5rem)}p{margin-top:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:700}.button-primary{background:var(--wine);color:white}.button-light{border:1px solid var(--line);background:white}.text-link{font-weight:700;color:var(--wine)}
.hero{min-height:720px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding:70px 0}.hero-copy>p:not(.eyebrow){max-width:590px;font-size:1.08rem;color:#695b57;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{margin:0;position:relative}.hero-media img{width:100%;height:50%;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.hero-media figcaption{position:absolute;left:20px;bottom:20px;background:rgba(255,250,244,.93);padding:12px 16px;border-radius:999px;font-weight:700;font-size:.82rem}

/* HERO SIGNATURE — PLEIN ÉCRAN */
.hero-signature{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  min-height:calc(100svh - 88px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:30px;
  align-items:center;
  overflow:hidden;
  margin:0;
  padding:clamp(58px,7vh,92px) max(20px,calc((100vw - 1180px)/2));
  border-radius:0;
  background:#f7eee6;
  box-shadow:none;
}
.hero-signature::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(90deg,#f7eee6 0%,rgba(247,238,230,.99) 30%,rgba(247,238,230,.94) 39%,rgba(247,238,230,.70) 49%,rgba(247,238,230,.26) 61%,rgba(247,238,230,.04) 73%);
  pointer-events:none;
}
.hero-shop{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url('images/hero-fond.jpg');
  background-size:cover;
  background-position:center center;
  filter:saturate(.82) contrast(.96) brightness(.90);
  transform:scale(1.01);
}
.hero-shop::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#f7eee6 0%,rgba(247,238,230,.97) 20%,rgba(247,238,230,.84) 34%,rgba(247,238,230,.54) 49%,rgba(247,238,230,.18) 63%,rgba(35,20,19,.14) 100%),
    linear-gradient(180deg,rgba(255,250,244,.08),rgba(28,17,16,.14));
}
.hero-signature .hero-copy{
  position:relative;
  z-index:2;
  align-self:center;
  max-width:680px;
}
.hero-signature .eyebrow{margin-bottom:18px}
.hero-signature h1{
  max-width:690px;
  font-size:clamp(3.8rem,6.8vw,7.2rem);
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
}
.hero-signature .hero-copy>p:not(.eyebrow){
  max-width:600px;
  margin:28px 0 32px;
  color:#5f504d;
  font-size:clamp(1rem,1.25vw,1.14rem);
}
.hero-signature .button-light{
  background:rgba(255,250,244,.78);
  border-color:rgba(47,33,31,.18);
  backdrop-filter:blur(10px);
}
.hero-signature .hero-media{
  justify-self:end;
  align-self:center;
  width:min(400px,74%);
  margin-right:clamp(0px,2vw,28px);
  z-index:2;
  transform:none;
}
.hero-signature .hero-media::before{
  content:"";
  position:absolute;
  inset:-22px;
  z-index:-1;
  border-radius:50%;
  background:rgba(255,250,244,.18);
  border:1px solid rgba(255,255,255,.44);
  backdrop-filter:blur(8px);
  box-shadow:0 30px 90px rgba(42,24,22,.28);
}
.hero-signature .hero-media img{
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%;
  box-shadow:0 22px 60px rgba(47,33,31,.20);
}

.collections-intro{display:grid;grid-template-columns:.45fr 1fr;gap:50px;padding:40px 0 76px;border-top:1px solid var(--line)}.collections-intro>div{display:flex;justify-content:space-between;align-items:end;gap:30px}.collections-intro p:last-child{max-width:370px;color:#736663}
.availability-note{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:9px 14px;border-radius:999px;background:var(--wine);color:#fff;font-size:.88rem;font-weight:700;line-height:1;box-shadow:0 8px 20px rgba(105,47,59,.18)}.availability-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#f6d4cd;box-shadow:0 0 0 4px rgba(246,212,205,.16)}.film-dark .availability-note{background:#f4eee7;color:#211817}.film-dark .availability-note::before{background:var(--wine);box-shadow:0 0 0 4px rgba(105,47,59,.12)}
.film-section{padding:74px 0 88px;overflow:hidden}.film-rose{background:#ead2cf}.film-cream{background:var(--cream)}.film-dark{background:var(--dark);color:white}.film-dark .eyebrow,.film-dark .section-number{color:#e3b8af}.film-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-number{display:block;margin-bottom:12px;font-size:.75rem;font-weight:700;color:var(--wine)}.film-controls{display:flex;gap:8px}.film-arrow{width:48px;height:48px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer}.film-viewport{position:relative}.filmstrip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:30px max(20px,calc((100vw - 1180px)/2)) 30px;background:linear-gradient(currentColor,currentColor) top/100% 12px no-repeat,linear-gradient(currentColor,currentColor) bottom/100% 12px no-repeat}.filmstrip::-webkit-scrollbar{display:none}.film-frame{position:relative;flex:0 0 min(330px,78vw);margin:0;background:#16100f;padding:24px 10px 20px;scroll-snap-align:start;border-radius:2px;box-shadow:0 14px 34px rgba(0,0,0,.2)}.film-frame::before,.film-frame::after{content:"";position:absolute;left:8px;right:8px;height:10px;background:repeating-linear-gradient(90deg,transparent 0 10px,#f8f1e9 10px 20px)}.film-frame::before{top:6px}.film-frame::after{bottom:6px}.film-frame img{width:100%;height:380px;object-fit:cover;border-radius:0;filter:saturate(.96)}.film-frame figcaption{color:#fff;padding:14px 8px 3px;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.film-dark .film-frame{background:#f4eee7}.film-dark .film-frame figcaption{color:#211817}.film-dark .film-frame::before,.film-dark .film-frame::after{background:repeating-linear-gradient(90deg,transparent 0 10px,#211817 10px 20px)}
.bevinda{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center;padding:110px 0}.bevinda-photo img{height:620px;width:100%;object-fit:cover;border-radius:32px}.bevinda-copy p{color:#6f625f;max-width:650px}.bevinda-copy blockquote{margin:34px 0;padding-left:24px;border-left:3px solid var(--gold);font-family:'Playfair Display',serif;font-size:1.8rem}
.site-footer{background:var(--dark);color:#f9efe9;padding:48px 0 20px}.footer-simple{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-simple div{display:grid;gap:6px}.footer-simple span{color:#cbbdb7}.footer-simple nav{display:flex;gap:24px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;color:#cbbdb7;font-size:.86rem}
.contact-page{padding-bottom:90px}.contact-hero{display:grid;grid-template-columns:.9fr 1fr;gap:60px;align-items:center;padding:70px 0}.contact-hero p:not(.eyebrow){max-width:540px;color:#6f625f;font-size:1.08rem}.contact-hero img{height:520px;width:100%;object-fit:cover;border-radius:32px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.contact-card{background:var(--cream);padding:38px;border-radius:24px;min-height:270px;display:flex;flex-direction:column;align-items:flex-start}.contact-card-main{background:var(--wine);color:white}.contact-card-main .eyebrow{color:#f1c8c1}.contact-card h2{font-size:2.4rem;margin-bottom:24px}.contact-card a{margin-bottom:10px;font-weight:700}.phone-big{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,4rem);margin:8px 0 24px!important}.hours{width:100%;margin:0}.hours div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.hours dt{font-weight:700}.hours dd{text-align:right;margin:0}.map-section{margin-top:18px}.map-section iframe{width:100%;height:470px;border:0;border-radius:24px}
@media(max-width:850px){.menu-toggle{display:block}.main-nav{position:absolute;left:20px;right:20px;top:78px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex;justify-content: center;align-items: center;}.hero,.bevinda,.contact-hero{grid-template-columns:1fr}.hero{padding-top:36px;min-height:auto}.hero-media img{height:480px}.hero-signature{display:block;min-height:690px;margin-top:18px;margin-bottom:50px;padding:52px 38px 230px}.hero-signature::before{background:linear-gradient(180deg,rgba(255,250,244,.98) 0%,rgba(255,250,244,.94) 46%,rgba(255,250,244,.58) 67%,rgba(255,250,244,.08) 100%)}.hero-shop{inset:38% 0 0 0;background-position:center}.hero-shop::after{background:linear-gradient(180deg,#f7eee6 0%,rgba(247,238,230,.7) 24%,rgba(247,238,230,.12) 62%,rgba(45,26,24,.16) 100%)}.hero-signature .hero-media{position:absolute;right:34px;bottom:35px;width:190px;transform:none}.hero-signature .hero-media img{height:auto}.hero-signature .hero-media::before{inset:-10px}.collections-intro{grid-template-columns:1fr}.collections-intro>div{display:block}.film-frame{flex-basis:76vw}.film-frame img{height:330px}.contact-grid{grid-template-columns:1fr}.footer-simple{flex-direction:column}.footer-simple nav{flex-wrap:wrap}}
@media(max-width:560px){:root{--shell:calc(100% - 28px)}.nav-wrap{height:74px}.brand img{width:56px;height:56px}h1{font-size:3.1rem}.hero{gap:34px}.hero-media img{height:390px;border-radius:22px}.hero-signature{min-height:665px;padding:42px 24px 210px;border-radius:24px}.hero-signature h1{font-size:clamp(3rem,16vw,4rem)}.hero-signature .hero-copy>p:not(.eyebrow){margin:22px 0 26px}.hero-signature .hero-actions{gap:10px}.hero-signature .button{width:100%}.hero-signature .hero-media{right:24px;bottom:26px;width:150px}.hero-signature .hero-media img{height:auto;border-radius:50%}.collections-intro{padding-bottom:48px}.film-section{padding:58px 0 64px}.film-heading{align-items:center}.film-frame{flex-basis:82vw}.film-frame img{height:310px}.bevinda{padding:74px 0;gap:34px}.bevinda-photo img{height:430px;border-radius:22px}.contact-hero img{height:350px;border-radius:22px}.contact-card{padding:26px;border-radius:18px}.footer-bottom{flex-direction:column;gap:8px}}

/* HERO PLEIN ÉCRAN — RESPONSIVE */
@media(max-width:850px){
  .hero-signature{
    display:block;
    width:100%;
    min-height:calc(100svh - 74px);
    margin:0;
    padding:54px 38px 250px;
    border-radius:0;
  }
  .hero-signature::before{
    background:linear-gradient(180deg,rgba(255,250,244,.99) 0%,rgba(255,250,244,.95) 43%,rgba(255,250,244,.68) 59%,rgba(255,250,244,.10) 76%,rgba(255,250,244,.02) 100%);
  }
  .hero-shop{
    inset:0;
    background-position:center;
  }
  .hero-shop::after{
    background:linear-gradient(180deg,#f7eee6 0%,rgba(247,238,230,.82) 19%,rgba(247,238,230,.35) 48%,rgba(31,18,17,.18) 100%);
  }
  .hero-signature .hero-media{
    position:absolute;
    left:50%;
    right:auto;
    bottom:36px;
    width:190px;
    margin:0;
    transform:translateX(-50%);
  }
  .hero-signature .hero-media img{height:auto}
  .hero-signature .hero-media::before{inset:-10px}
}
@media(max-width:560px){
  .hero-signature{
    min-height:calc(100svh - 74px);
    padding:42px 24px 220px;
    border-radius:0;
  }
  .hero-signature h1{font-size:clamp(3rem,16vw,4rem)}
  .hero-signature .hero-copy>p:not(.eyebrow){margin:22px 0 26px}
  .hero-signature .hero-actions{gap:10px}
  .hero-signature .button{width:100%}
  .hero-signature .hero-media{left:50%;right:auto;bottom:24px;width:150px;transform:translateX(-50%)}
  .hero-signature .hero-media img{height:auto;border-radius:50%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* PARTENAIRE BOULANGERIE */
.bread-partner{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) 1.45fr;
  align-items:center;
  gap:46px;
  margin-top:76px;
  margin-bottom:20px;
  padding:34px 38px;
  background:#f1e8dc;
  border:1px solid rgba(47,33,31,.12);
  border-radius:24px;
}
.bread-partner-logo{
  min-height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:#fffaf4;
  border-radius:18px;
}
.bread-partner-logo img{
  width:min(100%,360px);
  height:auto;
  object-fit:contain;
}
.bread-partner-copy h2{
  font-size:clamp(2rem,3.8vw,3.8rem);
  margin-bottom:18px;
}
.bread-partner-copy>p:not(.eyebrow){
  max-width:720px;
  margin-bottom:20px;
  color:#625552;
}
.bread-partner-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.bread-partner-links a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(47,33,31,.2);
  border-radius:999px;
  background:#fffaf4;
  font-weight:700;
  font-size:.9rem;
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
.bread-partner-links a:hover{
  transform:translateY(-2px);
  border-color:var(--wine);
  background:#fff;
}
@media(max-width:760px){
  .bread-partner{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:50px;
    padding:26px;
  }
  .bread-partner-logo{min-height:130px}
}


.order-note{
  margin-top:18px;
  margin-bottom:18px;
}
.order-note-card{
  padding:30px 32px;
  background:#f1e8dc;
  border:1px solid rgba(47,33,31,.12);
  border-radius:24px;
}
.order-note-card h2{
  font-size:clamp(1.9rem,3vw,3rem);
  margin-bottom:16px;
}
.order-note-card p{
  margin:0;
  max-width:920px;
  color:#5f504d;
  font-size:1.03rem;
}
@media(max-width:560px){
  .order-note-card{
    padding:24px 22px;
    border-radius:18px;
  }
}

/* MENTIONS LEGALES */
.legal-page{max-width:900px;padding-top:80px;padding-bottom:100px}.legal-page>h1{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:16px}.legal-updated{color:#736663;margin-bottom:44px}.legal-page section{padding:34px 0;border-top:1px solid var(--line)}.legal-page section h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:20px}.legal-page section p{color:#625552;line-height:1.75;max-width:800px}.legal-page section strong{color:var(--ink)}


/* HERO V3 — IMAGE COMPLETE ET VISIBLE */
.hero-split-quote{
  position:relative;
  width:100%;
  min-height:calc(100svh - 88px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,560px);
  gap:56px;
  align-items:center;
  margin:0;
  padding:clamp(58px,7vh,92px) max(20px,calc((100vw - 1180px)/2));
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 14%, rgba(255,255,255,.82), transparent 28%),
    linear-gradient(135deg, #fbf4ee 0%, #f5e8df 46%, #eed8d4 100%);
}
.hero-split-quote::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,250,244,.36) 0%, rgba(255,250,244,.10) 46%, rgba(111,51,65,.06) 100%);
  pointer-events:none;
}
.hero-split-quote .hero-copy{
  position:relative;
  z-index:2;
  max-width:680px;
}
.hero-split-quote .hero-copy > p:not(.eyebrow){
  max-width:600px;
  margin:28px 0 32px;
  color:#5f504d;
  font-size:clamp(1rem,1.25vw,1.14rem);
}
.hero-split-quote .button-light{
  background:rgba(255,255,255,.72);
  border-color:rgba(47,33,31,.12);
  backdrop-filter:blur(8px);
}
.hero-split-quote .hero-visual{
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:430px;
}
.hero-split-quote .hero-quote-panel{
  position:relative;
  width:min(100%, 540px);
  margin:0;
  padding:14px;
  border-radius:34px;
  background:rgba(255,250,244,.74);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 30px 90px rgba(53,29,28,.18);
  backdrop-filter:blur(12px);
}
.hero-split-quote .hero-quote-panel::before{
  content:"";
  position:absolute;
  inset:-14px;
  z-index:-1;
  border-radius:42px;
  background:radial-gradient(circle at 50% 50%, rgba(214,166,160,.22), transparent 68%);
}
.hero-split-quote .hero-quote-panel img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:24px;
  box-shadow:0 18px 45px rgba(47,33,31,.10);
}
.hero-split-quote .hero-media{
  position:absolute;
  right:-12px;
  bottom:-20px;
  width:150px;
  margin:0;
  z-index:3;
}
.hero-split-quote .hero-media::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:-1;
  border-radius:50%;
  background:rgba(255,250,244,.52);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 22px 50px rgba(42,24,22,.18);
  backdrop-filter:blur(10px);
}
.hero-split-quote .hero-media img{
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%;
  box-shadow:0 14px 32px rgba(47,33,31,.20);
}
/* neutralise l'ancien fond recadré */
.hero-split-quote .hero-shop{display:none !important}

@media(max-width:980px){
  .hero-split-quote{
    grid-template-columns:1fr;
    gap:34px;
    min-height:auto;
    padding:48px max(20px,calc((100vw - 1180px)/2)) 68px;
  }
  .hero-split-quote .hero-copy{
    max-width:none;
  }
  .hero-split-quote .hero-visual{
    min-height:auto;
    padding-bottom:36px;
  }
  .hero-split-quote .hero-quote-panel{
    width:min(100%, 680px);
  }
  .hero-split-quote .hero-media{
    right:18px;
    bottom:-8px;
    width:132px;
  }
}

@media(max-width:560px){
  .hero-split-quote{
    min-height:auto;
    padding:42px 24px 58px;
    gap:26px;
  }
  .hero-split-quote .hero-actions{gap:10px}
  .hero-split-quote .button{width:100%}
  .hero-split-quote .hero-visual{
    padding-bottom:88px;
  }
  .hero-split-quote .hero-quote-panel{
    width:100%;
    padding:10px;
    border-radius:24px;
  }
  .hero-split-quote .hero-quote-panel img{
    border-radius:18px;
  }
  .hero-split-quote .hero-media{
    left:50%;
    right:auto;
    bottom:0;
    width:122px;
    transform:translateX(-50%);
  }
}


/* HERO MOBILE FINAL — AUCUN DEBORDEMENT HORIZONTAL */
@media (max-width: 768px){
  .hero-split-quote{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:auto;
    margin:0;
    padding:clamp(34px,8vw,52px) 20px 54px;
    gap:30px;
    overflow:hidden;
  }

  .hero-split-quote .hero-copy,
  .hero-split-quote .hero-visual,
  .hero-split-quote .hero-quote-panel,
  .hero-split-quote .hero-actions,
  .hero-split-quote .hero-media{
    min-width:0;
    max-width:100%;
  }

  .hero-split-quote .hero-copy{
    width:100%;
    margin:0;
  }

  .hero-split-quote .eyebrow{
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .hero-split-quote h1{
    max-width:100%;
    font-size:clamp(2.45rem,10.8vw,3.65rem);
    line-height:.98;
    overflow-wrap:normal;
    word-break:normal;
  }

  .hero-split-quote .hero-copy > p:not(.eyebrow){
    max-width:100%;
    margin:20px 0 24px;
    font-size:1rem;
  }

  .hero-split-quote .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    gap:10px;
  }

  .hero-split-quote .button{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:50px;
    height:auto;
    padding:14px 16px;
    white-space:normal;
    text-align:center;
  }

  .hero-split-quote .hero-visual{
    position:relative;
    width:100%;
    min-height:0;
    margin:0;
    padding:0 0 74px;
    display:block;
  }

  .hero-split-quote .hero-quote-panel{
    position:relative;
    width:100%;
    max-width:100%;
    margin:0;
    padding:9px;
    border-radius:22px;
    overflow:hidden;
  }

  .hero-split-quote .hero-quote-panel::before{
    display:none;
  }

  .hero-split-quote .hero-quote-panel img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
    border-radius:15px;
  }

  .hero-split-quote .hero-media{
    position:absolute;
    left:50%;
    right:auto;
    bottom:0;
    width:112px;
    margin:0;
    transform:translateX(-50%);
  }

  .hero-split-quote .hero-media::before{
    inset:-8px;
  }

  .hero-split-quote .hero-media img{
    width:112px;
    max-width:112px;
    height:112px;
    object-fit:cover;
    border-radius:50%;
  }
}

@media (max-width: 380px){
  .hero-split-quote{
    padding-left:16px;
    padding-right:16px;
    gap:24px;
  }

  .hero-split-quote h1{
    font-size:clamp(2.2rem,10.4vw,2.9rem);
  }

  .hero-split-quote .hero-visual{
    padding-bottom:66px;
  }

  .hero-split-quote .hero-media,
  .hero-split-quote .hero-media img{
    width:100px;
    max-width:100px;
    height:100px;
  }
}