/* hero-v6 b : centred, product-page hero. Scoped to section.hero.h6b. */
:root{--h6-ink:#151515;--h6-muted:#6b6b6b;--h6-line:#e6e6e6;--h6-accent:#4f6a80;--h6-accent-hover:#3f566a;--h6-accent-ink:#33475a;
  --h6-pad:clamp(1rem,4.4vw,2.5rem);--h6-fs:clamp(2.9rem,15.4vw,5.2rem)}
section.hero.h6b{background:#fff;color:var(--h6-ink);margin:0;text-align:center;
  padding:clamp(2rem,9vw,3.5rem) max(var(--h6-pad),calc((100% - 1240px)/2)) 3.5rem;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:.625rem;row-gap:0;align-items:start;justify-items:center}
.hero.h6b>.wrap:not(.hero__media),.hero.h6b .hero__row,.hero.h6b .hero__side,.hero.h6b .hero__ctas,.hero.h6b .hero__badges{display:contents}

.hero.h6b .hero__title{grid-column:1/-1;grid-row:1;margin:0;max-width:11.5em;font-family:Larken,"Iowan Old Style","Palatino Linotype",Georgia,serif;font-weight:400;
  font-size:var(--h6-fs);line-height:1;letter-spacing:-.03em;color:var(--h6-ink);text-wrap:balance;font-feature-settings:"liga","kern"}
.hero.h6b .lead{grid-column:1/-1;grid-row:2;margin:1.125rem 0 0;max-width:30ch;font-size:1.25rem;line-height:1.4;font-weight:400;color:var(--h6-ink);text-wrap:balance}
.hero.h6b .hero__badge-item{grid-column:1/-1;display:block;margin:0;padding:0;font-size:.875rem;line-height:1.7;font-weight:400;color:var(--h6-muted)}
.hero.h6b .hero__badge-icon{display:none}
.hero.h6b .hero__badge-item:nth-child(1){grid-row:3;margin-top:.5rem}

.hero.h6b .btn--book,.hero.h6b .btn--outline-dark{grid-row:4;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:1.5rem 0 0;padding:0 .75rem;
  border-radius:999px;font-size:.9375rem;font-weight:600;white-space:nowrap;letter-spacing:0;line-height:1.2;text-decoration:none;box-shadow:none;transition:background-color .2s,color .2s}
.hero.h6b .btn--book{grid-column:1;justify-self:end;background:var(--h6-accent);color:#fff;border:1.5px solid var(--h6-accent)}
.hero.h6b .btn--book:after{content:none;display:none}
.hero.h6b .btn--book:hover{background:var(--h6-accent-hover);border-color:var(--h6-accent-hover)}
.hero.h6b .btn--outline-dark{grid-column:2;justify-self:start;background:transparent;color:var(--h6-accent-ink);border:1.5px solid var(--h6-accent)}
.hero.h6b .btn--outline-dark:hover{background:#eef2f5;color:var(--h6-accent-ink)}
html:lang(fr) section.hero.h6b{--h6-fs:clamp(2.5rem,12.4vw,4.6rem)}
@media(max-width:380px){
  .hero.h6b .btn--book,.hero.h6b .btn--outline-dark{grid-column:1/-1;justify-self:stretch}
  .hero.h6b .btn--outline-dark{grid-row:5;margin-top:.625rem}
}

.hero.h6b .hero__media{grid-column:1/-1;grid-row:6;width:100%;max-width:none;margin:2.25rem 0 0;padding:0}
.hero.h6b .hero__frame{border:0;border-radius:20px;box-shadow:none;aspect-ratio:2200/1476;background:#ececec;overflow:hidden}
.hero.h6b .hero__img{width:100%;height:100%;object-fit:cover}

.hero.h6b .link-arrow{grid-column:1/-1;grid-row:7;display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:1.25rem 0 0;padding:0;border:0;background:none;
  color:var(--h6-muted);font-size:1rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em;text-decoration-color:var(--h6-line)}
.hero.h6b .link-arrow:hover{color:var(--h6-ink);opacity:1;text-decoration-color:currentColor}
.hero.h6b .eyebrow{grid-column:1/-1;grid-row:8;margin:.5rem 0 0;font-size:.75rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--h6-muted)}
.hero.h6b .hero__badge-item:nth-child(2){grid-row:9;margin-top:.5rem}
.hero.h6b .hero__badge-item:nth-child(3){grid-row:10}
.hero.h6b .hero__note{grid-column:1/-1;grid-row:11;margin:.5rem 0 0;font-size:.875rem;line-height:1.6;color:var(--h6-muted)}
.hero.h6b .hero__note a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;color:var(--h6-ink);font-weight:500;white-space:nowrap}

@media(min-width:760px){
  section.hero.h6b{grid-template-columns:minmax(0,1fr) max-content max-content minmax(0,1fr);column-gap:.875rem;--h6-fs:clamp(4.6rem,6.6vw,6.6rem);padding-top:3.5rem;padding-bottom:5rem}
  .hero.h6b .lead{font-size:1.375rem;margin-top:1.25rem}
  .hero.h6b .btn--book,.hero.h6b .btn--outline-dark{width:auto;min-width:9.5rem;min-height:50px;padding:0 1.75rem;font-size:1.0625rem;margin-top:1.5rem}
  .hero.h6b .btn--book{grid-column:2}
  .hero.h6b .btn--outline-dark{grid-column:3}
  .hero.h6b .hero__media{margin-top:2.75rem}
}
@media(min-width:760px) and (max-width:380px){}
@media(prefers-reduced-motion:no-preference){
  @keyframes h6-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .hero.h6b.h6-anim .hero__title,.hero.h6b.h6-anim .lead,.hero.h6b.h6-anim .hero__badge-item:nth-child(1),.hero.h6b.h6-anim .btn--book,.hero.h6b.h6-anim .btn--outline-dark{animation:h6-rise .3s cubic-bezier(.22,.61,.36,1) both}
}
@media(prefers-reduced-motion:reduce){.hero.h6b *,.hero.h6b *:after{animation:none!important;transition:none!important}}