@font-face{font-family:Prata;src:url('assets/fonts/Prata-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Onest;src:url('assets/fonts/Onest-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}

.theme-wine{--paper:#fcf7f1;--ink:#39272b;--olive:#78394a;--muted:#78666b;--line:#e6d9d3;--serif:Prata,Georgia,serif}
.theme-wine .header{min-height:105px}
.theme-wine .wordmark{color:var(--olive);letter-spacing:.2em}
.theme-wine .hero{grid-template-columns:1fr 1.02fr;gap:66px;padding-block:45px 67px}
.theme-wine .hero h1{font-size:63px;line-height:1.2;letter-spacing:-.055em;margin-block:28px 29px}
.theme-wine .hero h1 em{font-style:normal}
.theme-wine .hero-photo{height:635px;background:#eee2dd}
.theme-wine .hero-photo img{height:calc(100% - 40px);object-position:50% 44%}
.theme-wine .hero-photo figcaption{left:0;right:0;bottom:0;height:40px;color:var(--olive);background:var(--paper);text-shadow:none}
.theme-wine .photo-signature{font-family:Georgia,serif}
.theme-wine .button-dark:hover,.theme-wine .mobile-contact a:hover{background:#5d2938}
.theme-wine .button-outline:hover,.theme-wine .button-light:hover{background:#f0e2df}
.theme-wine .consultation{background:#f2e6e4}
.theme-wine .steps li,.theme-wine .result-note{border-color:#dfcdce}
.theme-wine .number{color:#a67f84}
.theme-wine .contact .eyebrow,.theme-wine .contact h2 em,.theme-wine .closing-signature{color:#efc9c4}
.theme-wine .contact p:not(.eyebrow){color:#f7e9e3}
.theme-wine .personal-copy h2{font-size:35px}
.theme-wine .personal-portrait{object-position:50% 45%}
.theme-wine .personal-skincare{object-position:50% 65%}

.theme-rose{--paper:#fcf5f7;--ink:#2d292d;--olive:#9b3d59;--muted:#746770;--line:#e6d6dd;--serif:Onest,Arial,sans-serif;--sans:Arial,Helvetica,sans-serif}
.theme-rose .header{min-height:100px}
.theme-rose .wordmark{font-family:Onest,Arial,sans-serif;letter-spacing:.1em}
.theme-rose .hero{grid-template-columns:1fr 1fr;gap:70px;padding-block:47px 62px}
.theme-rose .hero-copy{grid-column:2;grid-row:1}
.theme-rose .hero-photo{grid-column:1;grid-row:1;height:615px;border-radius:210px 210px 10px 10px;overflow:hidden;background:#f0dde5}
.theme-rose .hero-photo img{object-position:50% 43%}
.theme-rose .hero h1{font-family:Onest,Arial,sans-serif;font-weight:500;font-size:66px;line-height:1.08;letter-spacing:-.065em;margin-block:24px 28px}
.theme-rose .hero h1 em{font-style:normal;font-weight:500}
.theme-rose .hero-intro{font-size:19px}
.theme-rose h2,.theme-rose .format h3{font-weight:500;font-size:39px;letter-spacing:-.055em}
.theme-rose h2 em{font-weight:500;font-style:normal}
.theme-rose .format h3{font-size:27px;letter-spacing:-.045em}
.theme-rose .format-amount{font-weight:500;font-size:50px;letter-spacing:-.065em}
.theme-rose .button{border-radius:100px}
.theme-rose .button-dark{background:var(--ink)}
.theme-rose .button-dark:hover{background:var(--olive)}
.theme-rose .button-outline:hover,.theme-rose .button-light:hover{background:#f2e3e9}
.theme-rose .consultation{background:#f2e2e9}
.theme-rose .steps li,.theme-rose .result-note{border-color:#e0c8d2}
.theme-rose .number{color:#a37889;font-family:Georgia,serif}
.theme-rose .contact{background:#33262f}
.theme-rose .contact h2{font-size:46px}
.theme-rose .contact .eyebrow,.theme-rose .contact h2 em,.theme-rose .closing-signature{color:#edbbcc}
.theme-rose .contact p:not(.eyebrow){color:#f3e4ec}
.theme-rose .personal-portrait{border-radius:120px 120px 5px 5px;object-position:50% 40%}
.theme-rose .personal-skincare{border-radius:8px;object-position:50% 50%}
.theme-rose .personal-copy h2{font-size:35px}
.theme-rose .mobile-contact a{background:var(--ink);border-radius:100px}

@media(max-width:1050px) and (min-width:701px){
  .theme-wine .hero,.theme-rose .hero{gap:38px}
  .theme-wine .hero h1{font-size:48px}
  .theme-rose .hero h1{font-size:53px}
  .theme-wine .hero-photo,.theme-rose .hero-photo{height:550px}
  .theme-wine h2,.theme-rose h2{font-size:33px}
}
@media(max-width:700px){
  .theme-wine .header,.theme-rose .header{min-height:85px}
  .theme-wine .hero,.theme-rose .hero{grid-template-columns:1fr;gap:27px;padding-block:31px 43px}
  .theme-wine .hero h1{font-size:clamp(34px,9.1vw,52px);line-height:1.19;margin-block:22px 22px}
  .theme-wine .hero-photo{height:470px;max-height:none}
  .theme-wine .hero-photo img{object-position:50% 46%}
  .theme-wine .hero-photo figcaption{font-size:10px}
  .theme-wine h2,.theme-wine .section-heading h2,.theme-wine .personal-copy h2{font-size:29px;line-height:1.3}
  .theme-wine .format h3{font-size:25px}
  .theme-wine .format-amount{font-size:43px}
  .theme-wine .contact h2{font-size:31px}
  .theme-rose .hero-copy{grid-column:1;grid-row:1}
  .theme-rose .hero-photo{grid-column:1;grid-row:2;height:470px;max-height:none;border-radius:160px 160px 8px 8px}
  .theme-rose .hero h1{font-size:clamp(41px,11vw,62px);line-height:1.08;margin-block:22px 22px}
  .theme-rose .hero-intro{font-size:17px}
  .theme-rose h2,.theme-rose .section-heading h2,.theme-rose .personal-copy h2{font-size:32px;line-height:1.2}
  .theme-rose .format h3{font-size:25px}
  .theme-rose .contact h2{font-size:33px}
  .theme-rose .hero-photo figcaption{left:20px;right:20px}
}
