/* An immersive, full-width pause immediately after the Kloê letter. */
.spa-feature{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;width:100%;padding:85px 6.5%;overflow:hidden;background:var(--paper);color:var(--ink)}
.spa-photo,.spa-shade{position:absolute;inset:0;margin:0}
.spa-photo img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.spa-photo figcaption{position:absolute;right:6.5%;bottom:16px;z-index:2;font-size:8px;color:#fff;text-shadow:0 1px 4px #382719}
.spa-shade{background:linear-gradient(90deg,rgba(250,242,231,.97) 0%,rgba(250,242,231,.91) 31%,rgba(250,242,231,.55) 49%,transparent 70%)}
.spa-copy{position:relative;z-index:1;width:53%;max-width:750px}
.spa-copy>.eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:30px}
.spa-copy h2{font-size:clamp(56px,5.9vw,98px);line-height:1.04;letter-spacing:-.055em}
.spa-copy h2 em{color:#876044}
.spa-intro{font-size:16px;line-height:1.8;max-width:450px;margin:28px 0 0}
.spa-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:25px 0 0;margin:32px 0 31px;border-top:1px solid #ba987b}
.spa-benefits h3{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:0;line-height:1.4;margin:0 0 10px}
.spa-benefits p{font-size:12px;line-height:1.7;color:#614838}
.spa-copy>.button{min-width:240px}
.spa-closing{font-family:var(--serif);font-style:italic;font-size:18px;margin-top:22px;color:#765b49}
@media(min-width:1800px){.spa-copy{max-width:860px}.spa-benefits{gap:32px}.spa-intro{max-width:530px;font-size:18px}.spa-benefits p{font-size:14px}}
@media(max-width:1050px) and (min-width:721px){
  .spa-feature{padding:65px 5%}
  .spa-copy{width:58%}
  .spa-copy h2{font-size:clamp(48px,6.1vw,64px)}
  .spa-intro{font-size:14px;max-width:370px}
  .spa-benefits{grid-template-columns:1fr;gap:15px;max-width:410px;margin:25px 0}
  .spa-benefits li{display:grid;grid-template-columns:125px 1fr;gap:12px;align-items:start}
  .spa-benefits h3{font-size:13px;margin:0}
}
@media(max-width:720px){
  .spa-feature{display:block;min-height:100svh;padding:458px 6% 60px}
  .spa-photo{bottom:auto;height:520px}
  .spa-photo img{object-position:center 24%}
  .spa-photo figcaption{top:16px;bottom:auto;right:6%}
  .spa-shade{height:522px;background:linear-gradient(0deg,var(--paper) 0%,rgba(250,242,231,.95) 7%,rgba(250,242,231,.45) 20%,transparent 43%)}
  .spa-copy{width:100%;max-width:none}
  .spa-copy>.eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:20px}
  .spa-copy h2{font-size:clamp(43px,10.8vw,67px)}
  .spa-intro{font-size:14px;margin-top:24px;max-width:480px}
  .spa-benefits{grid-template-columns:1fr;gap:18px;margin:27px 0;padding-top:24px}
  .spa-benefits li{display:grid;grid-template-columns:122px 1fr;gap:14px;align-items:start}
  .spa-benefits h3{font-size:13px;margin:0}
  .spa-benefits p{font-size:12px}
  .spa-copy>.button{width:100%}
  .spa-closing{font-size:17px;text-align:center}
}
@media(max-width:360px){.spa-benefits li{grid-template-columns:108px 1fr;gap:10px}.spa-benefits h3{font-size:12px}}