/* Figma frame 6:2, 1138 × 470. Scoped to the English Chloe hero only. */
.hero.figma-hero{display:block;width:100%;min-width:0;max-width:100%;isolation:isolate;height:auto;aspect-ratio:1138/470;min-height:480px;max-height:none;background:#8c928e}
.hero.figma-hero>.figma-hero-photo{object-position:50% 40.821%;z-index:-2}
.hero.figma-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:63.093%;z-index:-1;backdrop-filter:blur(clamp(4.5px,.3954vw,8px));-webkit-backdrop-filter:blur(clamp(4.5px,.3954vw,8px));mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.hero.figma-hero:after{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.3644),transparent 51.431%),linear-gradient(0deg,rgba(21,21,21,.05),transparent 89.787%),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));pointer-events:none}
.hero.figma-hero .figma-hero-title{position:absolute;left:max(var(--gutter),calc((100% - var(--content))/2));top:29.7872%;width:37.522%;max-width:none;margin:0;font-family:"OPTITimes-Roman",serif;font-size:3.51494vw;font-weight:500;line-height:1.4;letter-spacing:0;color:#fff;font-synthesis:none}
.hero.figma-hero .figma-hero-line{display:block;white-space:nowrap}
.hero.figma-hero .figma-hero-title em{font-family:"OPTITimesRoman-Italic",serif;font-style:italic;font-weight:500}
.hero.figma-hero .figma-hero-copy{position:absolute;left:max(var(--gutter),calc((100% - var(--content))/2));top:57.4468%;width:39%;max-width:none;color:#fff;font-family:"Chloe Figma Inter",sans-serif;font-size:clamp(10px,calc(1.05448vw - 2px),20px);font-weight:300;line-height:1.5;margin:0}
.hero.figma-hero .figma-hero-cta{position:absolute;left:max(var(--gutter),calc((100% - var(--content))/2));top:82.1277%;width:13.2689vw;min-width:151px;height:3.16344vw;min-height:36px;padding:0;margin:0;border:1px solid #fff;border-radius:0;font-family:"Chloe Figma Inter",sans-serif;font-size:clamp(11px,.96661vw,19px);font-weight:600;line-height:1.1818}
.hero.figma-hero .figma-hero-cta:focus-visible{outline-color:#fff}
@media(max-width:767px){
  .hero.figma-hero{aspect-ratio:auto;height:calc(100svh - 24px);min-height:650px;max-height:850px}
  .hero.figma-hero>.figma-hero-photo{object-position:62% 43%}
  .hero.figma-hero:before{width:100%;backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero.figma-hero:after{background:linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.08) 73%),linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12))}
  .hero.figma-hero .figma-hero-title{left:20px;top:auto;bottom:200px;width:calc(100% - 40px);max-width:427px;font-size:min(40px,calc((100vw - 40px)*40/427))}
  .hero.figma-hero .figma-hero-copy{left:20px;top:auto;bottom:131px;width:calc(100% - 40px);font-size:12px;line-height:21px}
  .hero.figma-hero .figma-hero-cta{left:20px;top:auto;bottom:48px;width:172px;height:44px;font-size:12px;line-height:16px}
}