/* Native San Francisco on Apple devices; native system type elsewhere.
   Applied only to Karriaro pages, not the independent example websites. */
:root {
  --karriaro-system-font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;
  --sans: var(--karriaro-system-font);
  --body: var(--karriaro-system-font);
  --serif: var(--karriaro-system-font);
}
body, body *, body::before, body::after, body *::before, body *::after {
  font-family: var(--karriaro-system-font) !important;
}

/* Optical spacing for the native system font in the compact offer choices. */
.art-hero h1 { letter-spacing: -.035em; line-height: 1.04; }
.hero-proposition-side > p { letter-spacing: -.012em; line-height: 1.5; }
.home-door-goal, .home-offer-door--personal .home-door-goal { max-width: none!important; font-style: normal; font-size: clamp(23px,2.1vw,31px)!important; font-weight: 450; letter-spacing: -.018em; line-height: 1.13!important; }
.home-door-goal > span { display: block; }
.home-door-content h2 { font-size: clamp(34px,3.4vw,49px); letter-spacing: -.035em; line-height: 1.05; }
.home-door-price { min-height: 48px; }
.home-door-message > p:last-child { min-height: 4.2em; }
.home-door-price small { display: block; margin-top: 4px; font-size: 10px; font-weight: 400; }
.home-offer-door--personal .home-door-art { background: #d8e2e1; }
.home-offer-door--personal .home-door-art img { position: absolute; right: -5%; top: 0; width: 70%; height: 100%; object-fit: cover; object-position: 50% 30%; filter: grayscale(1); mix-blend-mode: multiply; -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 42%); mask-image: linear-gradient(90deg,transparent 0%,#000 42%); }
.home-offer-door--personal .home-door-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(216,226,225,.95),rgba(216,226,225,0) 22%,rgba(216,226,225,0) 51%,#d8e2e1 82%); }
.home-offer-door--personal .home-door-message > p:last-child { max-width: 35ch; }
@media (max-width: 1100px) and (min-width: 761px) {
  .home-door-content h2 { font-size: clamp(32px,4.1vw,44px); }
  .home-door-goal, .home-offer-door--personal .home-door-goal { font-size: 25px!important; }
  .home-door-price { min-height: 70px; flex-wrap: wrap; align-content: center; }
  .home-door-kicker, .home-door-example { font-size: 9px; }
}
@media (max-width: 1100px) {
  .home-offer-door--personal .home-door-art img { right: -23%; width: 80%; }
  .home-offer-door--personal .home-door-art::after { background: linear-gradient(180deg,rgba(216,226,225,.95),rgba(216,226,225,0) 22%,rgba(216,226,225,0) 40%,#d8e2e1 70%); }
}
@media (max-width: 760px) {
  .home-door-content h2 { font-size: clamp(33px,9vw,40px); }
  .home-door-goal, .home-offer-door--personal .home-door-goal { font-size: 27px!important; }
}

@media(max-width:760px){
 .home-content .home-door-goal{font-size:23px!important;line-height:1.1!important;margin:0!important}
 .home-content .home-door-goal>span{display:block}
 .home-content .home-offer-door--personal .home-door-message>p:last-child{max-width:22ch}
}