/* Shared, opt-in Senza Pelo design system. All styles are scoped to .spx-site. */
#top .spx-site {
  --spx-gold:#e5a823; --spx-black:#070707; --spx-cream:#f4f0e9; --spx-ink:#171717;
  --spx-muted:#55524e; --spx-border:#ded8ce;
  color:var(--spx-ink); background:#fff; font:400 17px/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
#top .spx-site *,#top .spx-site *::before,#top .spx-site *::after {box-sizing:border-box}
#top .spx-site :where(div,article,section,aside,figure){min-width:0}
#top .spx-site [hidden]{display:none!important}
#top .spx-site h1,#top .spx-site h2,#top .spx-site h3,#top .spx-site h4 {
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;color:inherit;letter-spacing:-.025em;
  text-transform:none;text-shadow:none; padding:0;
}
#top .spx-site h1 {font-size:clamp(54px,5vw,82px);line-height:.98;margin:0 0 25px}
#top .spx-site h2 {font-size:clamp(40px,3.4vw,58px);line-height:1.06;margin:0 0 26px}
#top .spx-site h3 {font-size:32px;line-height:1.15;margin:0 0 16px}
#top .spx-site p {margin:0 0 20px;color:inherit}
#top .spx-site strong {color:inherit;font-weight:650}
#top .spx-site a {color:inherit;text-decoration:none!important}
#top .spx-site a:focus-visible,#top .spx-site summary:focus-visible,#top .spx-site button:focus-visible,#top .spx-site video:focus-visible {outline:3px solid var(--spx-gold);outline-offset:5px}
#top .spx-site .spx-container {width:81.5%;max-width:1320px;margin:0 auto}
#top .spx-site .spx-section {padding:100px 0}
#top .spx-site .spx-dark {background:var(--spx-black);color:#fff}
#top .spx-site .spx-cream {background:var(--spx-cream)}
#top .spx-site .spx-uppercase {text-transform:uppercase}
#top .spx-site .spx-eyebrow {
  display:flex;align-items:center;gap:20px;font-size:12px;line-height:1.5;font-weight:700;
  letter-spacing:1.65px;text-transform:uppercase;margin:0 0 26px;
}
#top .spx-site .spx-eyebrow::before {content:"";width:48px;height:2px;flex:none;background:var(--spx-gold)}
#top .spx-site .spx-section-intro {display:grid;grid-template-columns:1.35fr .8fr;gap:90px;align-items:end;margin-bottom:48px}
#top .spx-site .spx-section-intro h2{margin-bottom:0}
#top .spx-site .spx-intro-copy{color:var(--spx-muted)}
#top .spx-site .spx-intro-copy p:last-child {margin-bottom:0}
#top .spx-site .spx-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
#top .spx-site .spx-button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px;
  padding:14px 25px;min-height:58px;max-width:100%;line-height:1.25!important;text-align:center;vertical-align:middle;
  font:700 12px/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;
  border:1px solid transparent;border-radius:0;transition:transform .2s ease,background .2s ease,color .2s ease;
  margin:0;white-space:normal;
}
#top .spx-site .spx-button>span {line-height:1.25;display:block}
#top .spx-site .spx-button--gold {background:var(--spx-gold);border-color:var(--spx-gold);color:var(--spx-black)}
#top .spx-site .spx-button--outline {background:transparent;border-color:#a39b8e;color:var(--spx-ink)}
#top .spx-site .spx-dark .spx-button--outline {border-color:#716e66;color:#fff}
#top .spx-site .spx-button--black{background:var(--spx-black);border-color:var(--spx-black);color:#fff}
#top .spx-site .spx-arrow{font-size:20px;font-weight:400}
#top .spx-site .spx-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#top .spx-site .spx-number{display:block;font-family:"Cormorant Garamond",Georgia,serif;color:#a06b00;font-size:34px;line-height:1}
#top .spx-site .spx-category{font:700 10px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#736d63}
#top .spx-site .spx-dark .spx-category,#top .spx-site .spx-dark .spx-number{color:var(--spx-gold)}
#top .spx-site .spx-text-link {display:inline-flex;gap:10px;align-items:center;min-height:42px;border-bottom:1px solid var(--spx-gold);font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
#top .spx-site .spx-text-link span{color:#a06b00;font-size:18px}
#top .spx-site .spx-actions-center{justify-content:center;margin-top:44px}
#top .spx-site .spx-centered-intro {text-align:center;max-width:850px;margin:0 auto 48px}
#top .spx-site .spx-centered-intro .spx-eyebrow{justify-content:center}
#top .spx-site .spx-centered-intro>p:last-child{color:var(--spx-muted)}
#top .spx-site .spx-feature-list{list-style:none;margin:28px 0 36px;padding:0}
#top .spx-site .spx-feature-list li{position:relative;margin:0;padding:12px 0 12px 23px;border-bottom:1px solid var(--spx-border);font-size:15px;line-height:1.5}
#top .spx-site .spx-feature-list li::before{position:absolute;content:"•";color:var(--spx-gold);left:0}
#top .spx-site .spx-dark .spx-feature-list li{border-color:#292824}
#top .spx-site .spx-callout{background:var(--spx-cream);padding:30px;border-left:3px solid var(--spx-gold);display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:20px}
#top .spx-site .spx-callout>div{max-width:760px}
#top .spx-site .spx-callout h3{font-size:29px;margin:8px 0}
#top .spx-site .spx-callout p{font-size:14px;margin-bottom:0}
#top .spx-site .spx-callout .spx-category{font-size:10px;color:#886000}
#top .spx-site .spx-callout>.spx-button{flex:none}
#top .spx-site .spx-prose{color:#d2cfc9}
@media(hover:hover){
  #top .spx-site .spx-button:hover{transform:translateY(-2px)}
  #top .spx-site .spx-button--gold:hover{background:#f2bf54;border-color:#f2bf54;color:#070707}
  #top .spx-site .spx-button--outline:hover{background:var(--spx-black);border-color:var(--spx-black);color:#fff}
  #top .spx-site .spx-dark .spx-button--outline:hover{background:#fff;border-color:#fff;color:#070707}
  #top .spx-site .spx-text-link:hover{color:#895d00}
}
@media(max-width:1100px){
  #top .spx-site .spx-container{width:86%}
  #top .spx-site .spx-section-intro{gap:36px}
  #top .spx-site .spx-section{padding:78px 0}
  #top .spx-site .spx-callout{gap:28px}
}
@media(max-width:767px){
  #top .spx-site{font-size:18px;line-height:1.65}
  #top .spx-site .spx-container{width:calc(100% - 40px)}
  #top .spx-site .spx-section{padding:65px 0}
  #top .spx-site h1{font-size:clamp(45px,11.2vw,68px);line-height:1.02;letter-spacing:-1.4px}
  #top .spx-site h2{font-size:40px;line-height:1.1}
  #top .spx-site h3{font-size:30px}
  #top .spx-site .spx-eyebrow{font-size:10px;letter-spacing:1.3px;gap:12px;margin-bottom:22px}
  #top .spx-site .spx-eyebrow::before{width:28px}
  #top .spx-site .spx-section-intro{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  #top .spx-site .spx-grid-two{grid-template-columns:1fr;gap:18px}
  #top .spx-site .spx-button{font-size:15px;min-height:58px;padding:14px 20px;letter-spacing:.35px}
  #top .spx-site .spx-actions{gap:12px}
  #top .spx-site .spx-text-link{font-size:15px;min-height:44px}
  #top .spx-site .spx-category{font-size:11px}
  #top .spx-site .spx-feature-list li{font-size:18px}
  #top .spx-site .spx-callout{display:block;padding:25px 22px}
  #top .spx-site .spx-callout p{font-size:18px}
  #top .spx-site .spx-callout h3{font-size:30px}
  #top .spx-site .spx-callout .spx-category{font-size:11px}
  #top .spx-site .spx-callout>.spx-button{margin-top:25px;width:100%}
}
@media(prefers-reduced-motion:reduce){
  #top .spx-site *,#top .spx-site *::before,#top .spx-site *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
