.elementor-6504 .elementor-element.elementor-element-b7975dc{width:100%;max-width:100%;}.elementor-6504 .elementor-element.elementor-element-b7975dc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6504 .elementor-element.elementor-element-b7975dc.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-b7975dc *//* =========================================================
   SANNA STYLES — EVENTS PAGE
   FULL COLORFUL / ASYMMETRIC REBUILD
   MATCHED TO CURRENT FULL HTML
   ========================================================= */


/* =========================================================
   00 — BRAND TOKENS
   ========================================================= */

.sst-events{
  --pink:#FF2C56;
  --carnation:#F49CA3;
  --creamsicle:#F4BEA3;
  --chartreuse:#E2CF5D;
  --sky:#85BFD6;
  --seafoam:#BBEFE0;

  --pink-soft:#FFE4EA;
  --pink-wash:#FFF3F6;

  --carnation-soft:#FBE1E4;
  --creamsicle-soft:#FCE8DC;
  --chartreuse-soft:#F6F0C7;
  --sky-soft:#E4F2F7;
  --seafoam-soft:#E1F8F2;

  --white:#FFFFFF;
  --offwhite:#FCFBFB;

  --charcoal:#1A1A1A;
  --soft:#2A2A2A;
  --body:#505050;
  --muted:#747474;

  --border:rgba(26,26,26,.11);

  --heading:"Cormorant Garamond",Georgia,serif;
  --body-font:"Gill Sans","Gill Sans MT",Calibri,Arial,sans-serif;
  --accent:"Playfair Display",Georgia,serif;

  width:100%;
  overflow:hidden;

  color:var(--charcoal);

  font-family:var(--body-font);
  line-height:1.55;

  background:var(--white);
}


/* =========================================================
   01 — RESET
   ========================================================= */

.sst-events *,
.sst-events *::before,
.sst-events *::after{
  box-sizing:border-box;
}

.sst-events h1,
.sst-events h2,
.sst-events h3,
.sst-events h4,
.sst-events p{
  margin-top:0;
}

.sst-events h1,
.sst-events h2,
.sst-events h3,
.sst-events h4{
  color:var(--soft);

  font-family:var(--heading);
  font-weight:500;
}

.sst-events h2{
  margin-bottom:.8rem;

  font-size:clamp(2.5rem,4.7vw,4.15rem);
  line-height:.98;

  letter-spacing:-.04em;
}

.sst-events h3{
  margin-bottom:.6rem;

  font-size:clamp(1.55rem,2.3vw,2rem);
  line-height:1.08;
}

.sst-events h4{
  margin-bottom:.75rem;

  font-size:clamp(1.4rem,2.05vw,1.85rem);
  line-height:1.1;

  letter-spacing:-.02em;
}

.sst-events p{
  color:var(--body);
}

.sst-events a{
  text-decoration:none;
}

.sst-events img{
  display:block;

  width:100%;
  max-width:100%;
}


/* =========================================================
   FULL-WIDTH PAGE ARCHITECTURE
   No artificial desktop content cap
   ========================================================= */

.sst-section{
  position:relative;

  width:100%;

  padding:
    clamp(3.4rem,5vw,5.4rem)
    clamp(1rem,3vw,3rem);
}


/* THIS IS THE IMPORTANT CHANGE */

.sst-inner{
  position:relative;
  z-index:2;

  width:100%;
  max-width:none !important;

  margin:0;
}


/* Section headings can still have readable line lengths,
   but they are positioned inside the full-width canvas */

.sst-section-head{
  position:relative;

  width:min(72%,900px);
  max-width:none;

  margin:
    0 auto
    clamp(2rem,4vw,3.4rem);

  text-align:center;
}


/* =========================================================
   REMOVE OTHER MAJOR DESKTOP CAPS
   ========================================================= */


/* PRICING */

.sst-pricing__grid{
  width:86%;
  max-width:none;

  margin:
    0
    5%
    0
    auto;

  display:grid;

  grid-template-columns:
    .84fr
    1.16fr;

  gap:
    clamp(1.6rem,4vw,4rem);

  align-items:center;
}


/* Financing stays intentionally smaller,
   but is based on page width instead of pixel cap */

.sst-financing{
  width:62%;
  max-width:none;

  margin:
    1.8rem
    8%
    0
    auto;
}


/* INFO INTRO */

.sst-info-intro__copy{
  width:64%;
  max-width:none;

  margin-left:4%;
}


/* INFO CTA */

.sst-info-cta{
  width:68%;
  max-width:none;

  margin:
    clamp(3.5rem,6vw,5.2rem)
    5%
    0
    auto;
}


/* FINAL CTA */

.sst-quote__inner{
  width:72%;
  max-width:none;

  margin-left:10%;

  text-align:left;
}


/* FORM */

#event-quote-form form{
  width:74%;
  max-width:none;

  margin:
    0
    6%
    0
    auto;
}


/* =========================================================
   EVENT-TYPE SECTION
   Let cards use the wider canvas
   ========================================================= */

.sst-paths__grid{
  width:96%;

  margin-left:1%;

  grid-template-columns:
    1.14fr
    .86fr
    .98fr;

  gap:
    clamp(1.2rem,2vw,2.2rem);
}


/* =========================================================
   MOBILE EXPERIENCE
   Use almost the whole page width
   ========================================================= */

.sst-mobile__grid{
  width:94%;

  margin:
    0
    2%
    0
    auto;
}


/* =========================================================
   GALLERY
   Let photography actually fill the page
   ========================================================= */

.sst-gallery{
  width:94%;

  margin:
    0
    2%
    0
    auto;

  display:grid;

  grid-template-columns:
    1.24fr
    .76fr;

  grid-template-rows:
    minmax(300px,31vw)
    minmax(300px,31vw);

  gap:
    clamp(.8rem,1.5vw,1.5rem);
}


/* =========================================================
   FAQ / INFORMATION AREA
   These now use nearly the whole screen
   ========================================================= */

.sst-info-group{
  width:96%;

  margin-left:1%;
  margin-right:3%;

  padding:
    clamp(2rem,4vw,4rem)
    clamp(1.5rem,4vw,4.5rem);
}


/* alternate some groups across the page */

.sst-info-group--money{
  width:95%;

  margin-left:0;
  margin-right:5%;
}


.sst-info-group--logistics{
  width:94%;

  margin-left:6%;
  margin-right:0;
}


.sst-info-group--occasions{
  width:97%;

  margin-left:1%;
  margin-right:2%;
}


.sst-info-group--travel{
  width:93%;

  margin-left:7%;
  margin-right:0;
}


/* Pullquotes now scale with viewport */

.sst-pullquote--pink{
  width:61%;
  max-width:none;
}


.sst-pullquote--seafoam{
  width:66%;
  max-width:none;
}


/* =========================================================
   LARGE DESKTOP
   Take advantage of genuinely wide monitors
   ========================================================= */

@media(min-width:1500px){

  .sst-section{
    padding-left:3.5vw;
    padding-right:3.5vw;
  }


  .sst-hero__grid{
    grid-template-columns:
      .88fr
      1.12fr;

    gap:5vw;
  }


  .sst-paths__grid{
    width:97%;
  }


  .sst-mobile__grid{
    width:96%;
  }


  .sst-pricing__grid{
    width:88%;
  }


  .sst-gallery{
    width:96%;

    grid-template-rows:
      minmax(360px,29vw)
      minmax(360px,29vw);
  }


  .sst-info-group--money{
    width:94%;
  }


  .sst-info-group--logistics{
    width:92%;
    margin-left:8%;
  }


  .sst-info-group--occasions{
    width:96%;
  }


  .sst-info-group--travel{
    width:91%;
    margin-left:9%;
  }

}


/* =========================================================
   MOBILE
   Still full-width + asymmetrical
   ========================================================= */

@media(max-width:767px){

  .sst-section{
    width:100%;

    padding:
      3rem
      1rem;
  }


  .sst-inner{
    width:100%;
    max-width:none;
  }


  .sst-section-head{
    width:88%;
    max-width:none;
  }


  .sst-paths__grid,
  .sst-mobile__grid,
  .sst-pricing__grid,
  .sst-gallery{
    width:100%;

    margin-left:0;
    margin-right:0;
  }


  .sst-info-group{
    margin-right:0;
  }


  .sst-info-group--money{
    width:96%;
    margin-left:0;
  }


  .sst-info-group--logistics{
    width:95%;
    margin-left:5%;
  }


  .sst-info-group--occasions{
    width:98%;
    margin-left:0;
  }


  .sst-info-group--travel{
    width:94%;
    margin-left:6%;
  }


  .sst-financing{
    width:79%;
  }


  .sst-info-cta{
    width:88%;
  }


  .sst-quote__inner{
    width:87%;
  }

}

/* =========================================================
   03 — TYPOGRAPHY
   ========================================================= */

.sst-eyebrow{
  margin-bottom:.7rem !important;

  color:var(--pink) !important;

  font-size:.75rem;
  font-weight:700;
  line-height:1.3;

  letter-spacing:.15em;
  text-transform:uppercase;
}

.sst-accent{
  color:var(--pink) !important;

  font-family:var(--accent);
  font-style:italic;

  font-size:clamp(1.15rem,2vw,1.55rem);
}

.sst-card-kicker{
  margin-bottom:.55rem !important;

  color:var(--pink) !important;

  font-size:.7rem;
  font-weight:700;

  letter-spacing:.12em;
  text-transform:uppercase;
}


/* =========================================================
   04 — BUTTONS
   ========================================================= */

.sst-btn{
  display:inline-flex;

  min-height:50px;

  align-items:center;
  justify-content:center;

  padding:0 1.5rem;

  border:1px solid transparent;
  border-radius:999px;

  font-size:.92rem;
  font-weight:700;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.sst-btn:hover{
  transform:translateY(-2px);
}

.sst-btn--primary{
  color:#fff !important;

  background:var(--pink);

  box-shadow:
    0 13px 30px rgba(255,44,86,.18);
}

.sst-btn--primary:hover{
  box-shadow:
    0 18px 42px rgba(255,44,86,.27);
}

.sst-btn--secondary{
  color:var(--charcoal) !important;

  border-color:rgba(26,26,26,.14);

  background:rgba(255,255,255,.85);

  box-shadow:
    0 9px 24px rgba(26,26,26,.05);
}

.sst-btn--secondary:hover{
  border-color:rgba(255,44,86,.34);
}


/* =========================================================
   05 — HERO
   BRIGHT / COLORFUL / JOYFUL
   ========================================================= */

.sst-hero{
  isolation:isolate;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 91% 10%,
      rgba(187,239,224,.78),
      transparent 34%
    ),
    radial-gradient(
      circle at 4% 84%,
      rgba(244,156,163,.40),
      transparent 30%
    ),
    radial-gradient(
      circle at 55% -10%,
      rgba(133,191,214,.28),
      transparent 27%
    ),
    linear-gradient(
      125deg,
      #FFFFFF 0%,
      #FFF7F9 45%,
      #F3FFFC 100%
    );
}

.sst-hero::before{
  content:"";

  position:absolute;

  left:-175px;
  top:58px;

  width:485px;
  height:195px;

  border:
    3px solid rgba(133,191,214,.24);

  border-radius:
    63% 37% 44% 56% /
    39% 58% 42% 61%;

  transform:rotate(-14deg);
}

.sst-hero::after{
  content:"✧      ·   ⋆";

  position:absolute;

  left:5%;
  bottom:7%;

  color:rgba(255,44,86,.48);

  font-size:1.55rem;

  transform:rotate(-17deg);
}

.sst-hero__grid{
  display:grid;

  grid-template-columns:
    minmax(0,.91fr)
    minmax(0,1.09fr);

  gap:
    clamp(2.4rem,5vw,5rem);

  align-items:center;
}

.sst-hero__copy{
  position:relative;

  text-align:left;
}

.sst-hero__copy::before{
  content:"";

  position:absolute;

  left:-42px;
  top:28%;

  width:85px;
  height:140px;

  border-left:
    3px solid rgba(187,239,224,.80);

  border-radius:
    62% 0 0 45%;

  transform:rotate(17deg);
}

.sst-hero__copy::after{
  content:"";

  position:absolute;

  left:8px;
  bottom:-24px;

  width:138px;
  height:36px;

  border-top:
    3px solid rgba(255,44,86,.50);

  border-radius:
    78% 22% 61% 39%;

  transform:rotate(-6deg);
}

.sst-hero h1{
  max-width:700px;

  margin-bottom:1rem;

  font-size:clamp(3.25rem,6vw,5.85rem);
  line-height:.93;

  letter-spacing:-.048em;
}

.sst-lede{
  max-width:630px;

  margin-bottom:1.5rem;

  font-size:clamp(1rem,1.4vw,1.13rem);
  line-height:1.63;
}

.sst-actions{
  display:flex;
  flex-wrap:wrap;

  gap:.8rem;

  margin-top:1.35rem;
}


/* =========================================================
   06 — HERO PAYMENT NOTE
   ========================================================= */

.sst-payment-callout{
  position:relative;

  max-width:570px;

  margin:1rem 0 0;

  padding:
    .82rem
    2.35rem
    .82rem
    1.1rem;

  border-left:
    4px solid var(--pink);

  border-radius:
    0
    14px
    25px
    0;

  background:
    linear-gradient(
      90deg,
      rgba(255,44,86,.13),
      rgba(244,156,163,.07),
      rgba(255,255,255,.38)
    );

  color:var(--body) !important;

  font-size:.88rem;
}

.sst-payment-callout strong{
  color:var(--charcoal);
}

.sst-payment-callout::after{
  content:"⋆";

  position:absolute;

  right:14px;
  top:8px;

  color:var(--pink);

  font-size:1.35rem;

  transform:rotate(19deg);
}


/* =========================================================
   07 — HERO PHOTO
   ========================================================= */

.sst-hero__media{
  position:relative;

  min-height:580px;

  overflow:hidden;

  border-radius:
    45px
    45px
    44px
    125px;

  background:var(--seafoam-soft);

  box-shadow:
    0 25px 65px rgba(26,26,26,.13);
}

.sst-hero__media img{
  width:100%;
  height:100%;
  min-height:580px;

  object-fit:cover;
}

.sst-hero__media::before{
  content:"";

  position:absolute;

  z-index:3;

  left:28px;
  bottom:24px;

  width:102px;
  height:44px;

  border-bottom:
    3px solid rgba(255,255,255,.86);

  border-radius:
    0 0 71% 46%;

  transform:rotate(8deg);
}

.sst-hero__media::after{
  content:"✦  ·";

  position:absolute;

  z-index:3;

  right:21px;
  top:23px;

  color:#fff;

  font-size:3.7rem;

  text-shadow:
    0 4px 18px rgba(26,26,26,.16);

  transform:rotate(13deg);
}


/* =========================================================
   08 — POLISHED STRIP
   ========================================================= */

.sst-offer{
  position:relative;

  width:100%;

  padding:
    1.1rem
    clamp(1.2rem,4vw,2rem);

  overflow:hidden;

  background:
    linear-gradient(
      105deg,
      #1A1A1A 0%,
      #292929 65%,
      #331C23 100%
    );
}

.sst-offer::before{
  content:"✧";

  position:absolute;

  right:4%;
  top:-50px;

  color:rgba(244,156,163,.13);

  font-size:9rem;

  transform:rotate(17deg);
}

.sst-offer::after{
  content:"";

  position:absolute;

  left:34%;
  bottom:-27px;

  width:230px;
  height:58px;

  border-top:
    2px solid rgba(187,239,224,.22);

  border-radius:
    69% 31% 57% 43%;

  transform:rotate(5deg);
}

.sst-offer__inner{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:1.5rem;
}

.sst-offer__label{
  margin-right:1rem;

  color:#fff;

  font-weight:700;
}

.sst-offer__copy{
  color:rgba(255,255,255,.77);

  font-size:.9rem;
}

.sst-offer__copy strong{
  color:var(--carnation);
}

.sst-offer__link{
  flex:0 0 auto;

  color:#fff !important;

  font-size:.86rem;
  font-weight:700;
}


/* =========================================================
   09 — TRUST
   COLOR BLOCK STRIP
   ========================================================= */

.sst-trust{
  position:relative;

  padding:
    1rem
    clamp(1.2rem,4vw,2rem)
    1.25rem;

  overflow:hidden;

  background:
    linear-gradient(
      90deg,
      rgba(244,156,163,.28) 0%,
      rgba(244,190,163,.25) 26%,
      rgba(226,207,93,.20) 49%,
      rgba(133,191,214,.20) 72%,
      rgba(187,239,224,.32) 100%
    );
}

.sst-trust__grid{
  display:grid;

  grid-template-columns:
    1.05fr
    .9fr
    1fr
    .88fr;

  align-items:center;
}

.sst-trust__item{
  position:relative;

  min-height:130px;

  padding:1.25rem;

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  text-align:center;
}

.sst-trust__item:nth-child(1){
  transform:translateY(-6px);
}

.sst-trust__item:nth-child(2){
  transform:translateY(8px);
}

.sst-trust__item:nth-child(3){
  transform:translateY(-1px);
}

.sst-trust__item:nth-child(4){
  transform:translateY(11px);
}

.sst-trust__item:not(:last-child)::after{
  content:"";

  position:absolute;

  right:0;
  top:24%;
  bottom:24%;

  width:1px;

  background:rgba(26,26,26,.10);
}

.sst-trust__item:nth-child(1)::before{
  content:"";

  position:absolute;

  left:10%;
  bottom:12px;

  width:52px;
  height:16px;

  border-bottom:
    2px solid rgba(255,44,86,.26);

  border-radius:50%;

  transform:rotate(-8deg);
}

.sst-trust__item:nth-child(3)::before{
  content:"";

  position:absolute;

  right:10%;
  top:15px;

  width:64px;
  height:18px;

  border-top:
    2px solid rgba(226,207,93,.70);

  border-radius:50%;

  transform:rotate(8deg);
}

.sst-dot{
  width:10px;
  height:10px;

  margin-bottom:.75rem;

  border-radius:50%;

  background:var(--pink);

  box-shadow:
    0 0 0 6px rgba(255,44,86,.10);
}

.sst-trust__item:nth-child(2) .sst-dot{
  background:var(--sky);
}

.sst-trust__item:nth-child(3) .sst-dot{
  background:var(--chartreuse);
}

.sst-trust__item:nth-child(4) .sst-dot{
  background:#63D8BE;
}

.sst-trust h3{
  margin-bottom:.3rem;

  font-family:var(--body-font);
  font-size:.96rem;
  font-weight:700;
}

.sst-trust p{
  max-width:220px;

  margin-bottom:0;

  font-size:.84rem;
  line-height:1.43;
}


/* =========================================================
   10 — EVENT TYPES
   MORE COLOR / LESS WHITE
   ========================================================= */

.sst-paths{
  overflow:hidden;

  background:
    radial-gradient(
      circle at 5% 18%,
      rgba(255,44,86,.16),
      transparent 25%
    ),
    radial-gradient(
      circle at 95% 83%,
      rgba(133,191,214,.28),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #FFF2F5 0%,
      #FFF7ED 48%,
      #EDF9FC 100%
    );
}

.sst-paths::before{
  content:"⋆       ✧   ·";

  position:absolute;

  right:5%;
  top:60px;

  color:rgba(255,44,86,.42);

  font-size:1.3rem;

  transform:rotate(9deg);
}

.sst-paths::after{
  content:"";

  position:absolute;

  left:-58px;
  bottom:66px;

  width:280px;
  height:82px;

  border-top:
    3px solid rgba(133,191,214,.32);

  border-radius:
    73% 27% 55% 45%;

  transform:rotate(-8deg);
}

.sst-paths .sst-section-head::before{
  content:"";

  position:absolute;

  left:-70px;
  top:54%;

  width:120px;
  height:38px;

  border-top:
    3px solid rgba(244,190,163,.60);

  border-radius:
    72% 28% 63% 37%;

  transform:rotate(-13deg);
}

.sst-paths .sst-section-head::after{
  content:"";

  position:absolute;

  right:-88px;
  bottom:4px;

  width:155px;
  height:50px;

  border-bottom:
    3px solid rgba(133,191,214,.44);

  border-radius:
    35% 65% 41% 59%;

  transform:rotate(8deg);
}

.sst-paths__grid{
  display:grid;

  grid-template-columns:
    1.14fr
    .86fr
    .98fr;

  gap:1.35rem;

  align-items:start;
}

.sst-event-card{
  position:relative;

  overflow:hidden;

  display:flex;
  flex-direction:column;

  min-width:0;

  border:
    1px solid rgba(26,26,26,.08);

  box-shadow:
    0 14px 36px rgba(26,26,26,.07);

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.sst-event-card:hover{
  box-shadow:
    0 21px 50px rgba(26,26,26,.11);
}

.sst-event-card:nth-child(1){
  border-radius:
    28px 28px 28px 57px;

  background:
    linear-gradient(
      150deg,
      #FFFFFF,
      #FFE8EE
    );

  transform:translateY(-13px);
}

.sst-event-card:nth-child(2){
  margin-top:38px;

  border-radius:
    55px 15px 29px 20px;

  background:
    linear-gradient(
      150deg,
      #FFFFFF,
      #E6F4FA
    );
}

.sst-event-card:nth-child(3){
  margin-top:68px;

  border-radius:
    17px 61px 18px 35px;

  background:
    linear-gradient(
      150deg,
      #FFFFFF,
      #E4F8F1 62%,
      #FFF0E6
    );
}

.sst-event-card__photo{
  width:100%;

  overflow:hidden;

  background:#f4f4f4;
}

.sst-event-card:nth-child(1) .sst-event-card__photo{
  height:315px;
}

.sst-event-card:nth-child(2) .sst-event-card__photo{
  height:220px;
}

.sst-event-card:nth-child(3) .sst-event-card__photo{
  height:265px;
}

.sst-event-card__photo img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:transform .4s ease;
}

.sst-event-card:hover img{
  transform:scale(1.025);
}

.sst-event-card__body{
  flex:1;

  display:flex;
  flex-direction:column;

  align-items:flex-start;

  text-align:left;
}

.sst-event-card:nth-child(1) .sst-event-card__body{
  padding:1.65rem 1.7rem 1.85rem;
}

.sst-event-card:nth-child(2) .sst-event-card__body{
  padding:1.3rem 1.35rem 1.45rem;
}

.sst-event-card:nth-child(3) .sst-event-card__body{
  padding:1.5rem 1.45rem 1.65rem;
}

.sst-event-card__body p{
  margin-bottom:1rem;

  font-size:.93rem;
}

.sst-event-card__body a{
  margin-top:auto;

  color:var(--pink);

  font-size:.9rem;
  font-weight:700;
}

.sst-event-card:nth-child(1)::after{
  content:"✧";

  position:absolute;

  z-index:3;

  right:17px;
  top:286px;

  width:40px;
  height:40px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:
    54% 46% 61% 39% /
    47% 59% 41% 53%;

  color:#fff;

  background:var(--pink);

  font-size:1.15rem;

  transform:rotate(8deg);
}

.sst-event-card:nth-child(2)::after{
  content:"";

  position:absolute;

  right:20px;
  bottom:18px;

  width:55px;
  height:6px;

  border-radius:999px;

  background:rgba(133,191,214,.70);

  transform:rotate(-10deg);
}

.sst-event-card:nth-child(3)::after{
  content:"••";

  position:absolute;

  right:20px;
  bottom:14px;

  color:#73DCC4;

  font-size:1.25rem;

  letter-spacing:.18em;

  transform:rotate(12deg);
}


/* =========================================================
   11 — WE BRING EVERYTHING
   SEAFOAM-LED COLOR FIELD
   ========================================================= */

.sst-mobile{
  overflow:hidden;

  background:
    radial-gradient(
      circle at 88% 13%,
      rgba(255,44,86,.13),
      transparent 25%
    ),
    radial-gradient(
      circle at 14% 88%,
      rgba(133,191,214,.20),
      transparent 30%
    ),
    linear-gradient(
      125deg,
      #DFF8F1 0%,
      #F0FBF7 48%,
      #FFF1F4 100%
    );
}

.sst-mobile::before{
  content:"";

  position:absolute;

  right:-180px;
  bottom:-175px;

  width:460px;
  height:425px;

  border:
    3px solid rgba(255,44,86,.14);

  border-radius:
    39% 61% 53% 47% /
    62% 36% 64% 38%;

  transform:rotate(27deg);
}

.sst-mobile::after{
  content:"⋆";

  position:absolute;

  left:5.5%;
  top:10%;

  color:rgba(255,44,86,.45);

  font-size:2.25rem;

  transform:rotate(-31deg);
}

.sst-mobile__grid{
  position:relative;

  display:grid;

  grid-template-columns:
    minmax(0,1.06fr)
    minmax(0,.94fr);

  gap:
    clamp(2.5rem,5vw,5rem);

  align-items:center;
}

.sst-mobile__grid::before{
  content:"";

  position:absolute;

  left:42%;
  bottom:-26px;

  width:185px;
  height:65px;

  border-top:
    3px solid rgba(255,44,86,.22);

  border-radius:
    67% 33% 57% 43%;

  transform:rotate(-7deg);
}

.sst-mobile__photo{
  position:relative;

  height:510px;

  overflow:hidden;

  border-radius:
    27px
    100px
    30px
    30px;

  box-shadow:
    0 20px 55px rgba(26,26,26,.10);
}

.sst-mobile__photo img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.sst-mobile__photo::after{
  content:"✦  ⋆";

  position:absolute;

  left:22px;
  bottom:24px;

  color:#fff;

  font-size:2rem;

  text-shadow:
    0 3px 15px rgba(26,26,26,.18);

  transform:rotate(-8deg);
}

.sst-mobile__copy{
  position:relative;

  text-align:left;
}

.sst-mobile__copy::after{
  content:"";

  position:absolute;

  right:-4px;
  top:-29px;

  width:170px;
  height:41px;

  border-top:
    3px solid rgba(133,191,214,.55);

  border-radius:
    67% 33% 60% 40%;

  transform:rotate(8deg);
}

.sst-proof-grid{
  display:grid;

  grid-template-columns:
    1.08fr
    .92fr;

  gap:.8rem;

  margin-top:1.4rem;
}

.sst-proof{
  min-height:56px;

  display:flex;
  align-items:center;

  gap:.75rem;

  padding:.75rem 1rem;

  border:
    1px solid rgba(26,26,26,.08);

  color:var(--soft);

  font-size:.9rem;
  font-weight:700;

  box-shadow:
    0 8px 20px rgba(26,26,26,.04);
}

.sst-proof:nth-child(1){
  border-radius:
    16px 16px 16px 28px;

  background:#fff;
}

.sst-proof:nth-child(2){
  width:92%;

  margin-top:10px;

  border-radius:
    29px 14px 17px 15px;

  background:var(--sky-soft);
}

.sst-proof:nth-child(3){
  width:91%;

  margin-left:7%;

  border-radius:
    14px 28px 14px 17px;

  background:var(--pink-soft);
}

.sst-proof:nth-child(4){
  width:82%;

  margin-left:auto;
  margin-top:10px;

  border-radius:
    17px 15px 31px 15px;

  background:var(--creamsicle-soft);
}

.sst-proof span{
  width:27px;
  height:27px;

  flex:0 0 27px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:var(--pink);

  background:rgba(255,255,255,.75);
}


/* =========================================================
   12 — PRICING
   SKY + CREAMSICLE + PINK
   ========================================================= */

#event-pricing{
  scroll-margin-top:100px;
}

.sst-pricing{
  overflow:hidden;

  background:
    radial-gradient(
      circle at 8% 14%,
      rgba(187,239,224,.55),
      transparent 25%
    ),
    radial-gradient(
      circle at 92% 80%,
      rgba(255,44,86,.16),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #E7F4F9 0%,
      #FFF4E8 48%,
      #FFF1F4 100%
    );
}

.sst-pricing::before{
  content:"✧";

  position:absolute;

  left:-32px;
  top:45px;

  color:rgba(133,191,214,.30);

  font-size:8.4rem;

  transform:rotate(-18deg);
}

.sst-pricing::after{
  content:"";

  position:absolute;

  right:-62px;
  top:80px;

  width:290px;
  height:96px;

  border-top:
    3px solid rgba(255,44,86,.28);

  border-radius:
    60% 40% 50% 50%;

  transform:rotate(-14deg);
}

.sst-pricing__grid{
  width:94%;
  max-width:980px;

  margin:0 auto;

  display:grid;

  grid-template-columns:
    .84fr
    1.16fr;

  gap:
    clamp(1.6rem,4vw,3.2rem);

  align-items:center;
}

.sst-price-card{
  position:relative;

  display:flex;
  flex-direction:column;

  align-items:flex-start;

  text-align:left;
}

.sst-price-card:not(.sst-price-card--luxe){
  min-height:370px;

  margin-left:3%;

  padding:
    clamp(1.5rem,3vw,2.2rem);

  border:
    1px solid rgba(244,190,163,.55);

  border-radius:
    10px
    38px
    12px
    29px;

  background:
    linear-gradient(
      145deg,
      #FFF9F5,
      #FCE4D6
    );

  box-shadow:
    0 14px 34px rgba(26,26,26,.055);
}

.sst-price-card:not(.sst-price-card--luxe)::after{
  content:"";

  position:absolute;

  right:22px;
  top:24px;

  width:66px;
  height:22px;

  border-top:
    3px solid rgba(133,191,214,.46);

  border-radius:50%;

  transform:rotate(-9deg);
}

.sst-price-card--luxe{
  min-height:455px;

  padding:
    clamp(1.9rem,4vw,2.9rem);

  border:
    2px solid rgba(255,44,86,.24);

  border-radius:
    57px
    17px
    44px
    23px;

  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      #FFE7ED 65%,
      #E4F8F2
    );

  transform:
    translateY(-10px)
    rotate(.2deg);

  box-shadow:
    0 25px 60px rgba(255,44,86,.11);
}

.sst-price-card--luxe::after{
  content:"⋆   ✦  ·";

  position:absolute;

  right:79px;
  top:29px;

  color:rgba(255,44,86,.48);

  font-size:.82rem;

  transform:rotate(7deg);
}

.sst-luxe-badge{
  position:absolute;

  top:1.2rem;
  right:1.2rem;

  padding:.38rem .7rem;

  border-radius:999px;

  color:#fff;

  background:var(--pink);

  font-size:.65rem;
  font-weight:700;

  letter-spacing:.13em;
}

.sst-price{
  margin:
    .25rem
    0
    1rem;

  display:flex;
  flex-direction:column;
}

.sst-price span{
  color:#777;

  font-size:.78rem;

  letter-spacing:.1em;
  text-transform:uppercase;
}

.sst-price strong{
  color:var(--charcoal);

  font-family:var(--heading);
  font-size:clamp(3rem,5vw,4.5rem);
  font-weight:500;
  line-height:1;
}

.sst-price-card__muted{
  color:#666 !important;

  font-size:.88rem;
}

.sst-price-card .sst-btn{
  margin-top:auto;
}


/* =========================================================
   13 — FINANCING
   ========================================================= */

.sst-financing{
  position:relative;

  max-width:780px;

  margin:
    1.8rem
    8%
    0
    auto;

  padding:
    1.45rem
    1.7rem;

  text-align:center;

  border:
    1px solid rgba(255,44,86,.20);

  border-radius:
    20px
    32px
    20px
    31px;

  background:
    linear-gradient(
      130deg,
      rgba(255,255,255,.88),
      rgba(187,239,224,.42),
      rgba(244,156,163,.22)
    );

  box-shadow:
    0 12px 28px rgba(26,26,26,.045);
}

.sst-financing::before{
  content:"✧";

  position:absolute;

  left:21px;
  top:14px;

  color:var(--pink);

  font-size:1.35rem;

  transform:rotate(-19deg);
}

.sst-financing::after{
  content:"";

  position:absolute;

  right:-19px;
  bottom:5px;

  width:103px;
  height:37px;

  border-top:
    3px solid rgba(133,191,214,.50);

  border-radius:50%;

  transform:rotate(-12deg);
}

.sst-financing__eyebrow{
  display:block;

  margin-bottom:.5rem;

  color:var(--pink);

  font-size:.69rem;
  font-weight:700;

  letter-spacing:.14em;
  text-transform:uppercase;
}

.sst-financing > strong{
  display:block;

  max-width:620px;

  margin:
    0 auto
    .5rem;

  color:var(--charcoal);

  font-family:var(--heading);
  font-size:clamp(1.45rem,2.6vw,1.95rem);
  font-weight:500;
}

.sst-financing p{
  max-width:620px;

  margin:0 auto;

  font-size:.91rem;
}


/* =========================================================
   14 — INFORMATION SECTION
   COLORFUL BASE
   ========================================================= */

#event-planning-guide,
#event-cost-booking,
#event-logistics,
#event-types-guide,
#event-travel{
  scroll-margin-top:100px;
}

.sst-event-info{
  isolation:isolate;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 0% 7%,
      rgba(244,156,163,.26),
      transparent 22%
    ),
    radial-gradient(
      circle at 100% 40%,
      rgba(187,239,224,.33),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #FFF9FA 0%,
      #FFFCF5 46%,
      #F5FCFA 100%
    );
}

.sst-event-info::before{
  content:"";

  position:absolute;

  left:-260px;
  top:350px;

  width:510px;
  height:260px;

  border:
    3px solid rgba(255,44,86,.13);

  border-radius:
    57% 43% 66% 34% /
    44% 61% 39% 56%;

  transform:rotate(24deg);
}

.sst-event-info::after{
  content:"✦";

  position:absolute;

  right:-25px;
  top:130px;

  color:rgba(255,44,86,.14);

  font-size:7.8rem;

  transform:rotate(22deg);
}


/* =========================================================
   15 — INFORMATION INTRO
   ========================================================= */

.sst-info-intro{
  position:relative;

  min-height:245px;

  margin-bottom:1.25rem;
}

.sst-info-intro__copy{
  width:68%;

  margin-left:3%;
}

.sst-info-intro__copy h2{
  max-width:800px;
}

.sst-info-intro__copy > p:not(.sst-eyebrow):not(.sst-accent){
  max-width:590px;
}

.sst-doodle{
  pointer-events:none;
}

.sst-doodle--intro{
  position:absolute;

  right:6%;
  top:10%;

  width:190px;
  height:155px;
}

.sst-doodle--intro .sst-doodle__star{
  position:absolute;

  right:8px;
  top:0;

  color:var(--pink);

  font-size:3.9rem;

  transform:rotate(12deg);
}

.sst-doodle--intro .sst-doodle__dot{
  position:absolute;

  right:82px;
  top:76px;

  color:var(--sky);

  font-size:1.3rem;
}

.sst-doodle--intro .sst-doodle__star-small{
  position:absolute;

  left:4px;
  bottom:8px;

  color:var(--creamsicle);

  font-size:1.55rem;

  transform:rotate(-17deg);
}

.sst-doodle__intro-line{
  position:absolute;

  left:38px;
  top:36px;

  width:125px;
  height:75px;

  border-top:
    3px solid rgba(133,191,214,.55);

  border-radius:
    69% 31% 55% 45%;

  transform:rotate(-17deg);
}


/* =========================================================
   16 — QUICK NAV
   ========================================================= */

.sst-info-jump{
  width:76%;

  margin:
    -.4rem
    2%
    clamp(3.4rem,5vw,4.6rem)
    auto;

  display:flex;
  flex-wrap:wrap;

  justify-content:flex-end;

  gap:.7rem;
}

.sst-info-jump a{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  padding:.65rem 1rem;

  color:var(--charcoal);

  border:
    1px solid rgba(26,26,26,.09);

  border-radius:999px;

  font-size:.8rem;
  font-weight:700;

  box-shadow:
    0 6px 18px rgba(26,26,26,.04);

  transition:
    transform .18s ease;
}

.sst-info-jump a:nth-child(1){
  background:var(--pink-soft);

  transform:rotate(-1.7deg);
}

.sst-info-jump a:nth-child(2){
  margin-top:10px;

  background:var(--seafoam-soft);

  transform:rotate(.8deg);
}

.sst-info-jump a:nth-child(3){
  background:var(--creamsicle-soft);

  transform:rotate(-.5deg);
}

.sst-info-jump a:nth-child(4){
  margin-top:-7px;

  background:var(--sky-soft);

  transform:rotate(1.5deg);
}

.sst-info-jump a:hover{
  transform:
    translateY(-2px)
    rotate(0deg);
}


/* =========================================================
   17 — INFORMATION GROUP FOUNDATION
   EACH GROUP GETS ITS OWN COLOR FIELD
   ========================================================= */

.sst-info-group{
  position:relative;

  display:grid;

  grid-template-columns:
    repeat(12,minmax(0,1fr));

  column-gap:
    clamp(1.2rem,2.8vw,2.5rem);

  row-gap:
    clamp(1.5rem,3vw,3rem);

  align-items:start;

  padding:
    clamp(2rem,4vw,3.25rem);

  isolation:isolate;
}

.sst-info-group > *{
  position:relative;
  z-index:2;
}


/* MONEY — BLUSH / CREAM */

.sst-info-group--money{
  margin-bottom:
    clamp(3.5rem,6vw,5.4rem);

  border-radius:
    60px
    14px
    80px
    26px;

  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(255,255,255,.62),
      transparent 26%
    ),
    linear-gradient(
      130deg,
      #FFE5EA,
      #FFF0E4 62%,
      #FFF8F2
    );
}


/* LOGISTICS — SEAFOAM / SKY */

.sst-info-group--logistics{
  margin-bottom:
    clamp(3.5rem,6vw,5.3rem);

  border-radius:
    17px
    82px
    28px
    62px;

  background:
    radial-gradient(
      circle at 13% 85%,
      rgba(133,191,214,.26),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #DDF8F0,
      #ECF8FC 58%,
      #F8FEFC
    );
}


/* OCCASIONS — SKY / CARNATION */

.sst-info-group--occasions{
  margin-bottom:
    clamp(3.8rem,6vw,5.6rem);

  border-radius:
    74px
    22px
    35px
    88px;

  background:
    radial-gradient(
      circle at 91% 18%,
      rgba(244,156,163,.34),
      transparent 26%
    ),
    linear-gradient(
      135deg,
      #E7F4F9,
      #FFF1F4 58%,
      #FFF9F0
    );
}


/* TRAVEL — CREAMSICLE / SKY */

.sst-info-group--travel{
  margin-bottom:
    clamp(3rem,5vw,4.7rem);

  border-radius:
    18px
    70px
    70px
    25px;

  background:
    radial-gradient(
      circle at 8% 75%,
      rgba(133,191,214,.28),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #FDE9DD,
      #FFF6E8 54%,
      #E8F5F8
    );
}


/* =========================================================
   18 — INFORMATION HEADINGS
   ========================================================= */

.sst-info-heading{
  display:grid;

  grid-template-columns:
    82px
    minmax(0,1fr);

  gap:1.35rem;

  align-items:start;
}

.sst-info-heading--money{
  grid-column:
    1 / 8;
}

.sst-info-heading--logistics{
  grid-column:
    5 / 13;
}

.sst-info-heading--occasions{
  grid-column:
    2 / 10;
}

.sst-info-heading--travel{
  grid-column:
    5 / 13;
}

.sst-info-number{
  width:76px;
  height:76px;

  display:flex;

  align-items:center;
  justify-content:center;

  color:var(--charcoal);

  font-family:var(--heading);
  font-size:2rem;

  box-shadow:
    0 9px 28px rgba(26,26,26,.065);
}

.sst-info-heading--money .sst-info-number{
  border-radius:
    48% 52% 42% 58% /
    59% 38% 62% 41%;

  background:var(--carnation);

  transform:rotate(-7deg);
}

.sst-info-heading--logistics .sst-info-number{
  border-radius:
    61% 39% 55% 45% /
    43% 64% 36% 57%;

  background:var(--seafoam);

  transform:rotate(5deg);
}

.sst-info-heading--occasions .sst-info-number{
  border-radius:
    39% 61% 48% 52% /
    57% 42% 58% 43%;

  background:var(--creamsicle);

  transform:rotate(-4deg);
}

.sst-info-heading--travel .sst-info-number{
  border-radius:
    56% 44% 64% 36% /
    37% 59% 41% 63%;

  background:var(--sky);

  transform:rotate(7deg);
}

.sst-info-heading h3{
  margin-bottom:.5rem;

  font-size:
    clamp(2.1rem,3.7vw,3.25rem);
}

.sst-info-heading__note{
  max-width:650px;

  margin-bottom:0;

  color:#555 !important;

  font-family:var(--accent);
  font-style:italic;

  font-size:1rem;
}


/* =========================================================
   19 — GROUP DOODLES
   STRONGER / MORE FREQUENT
   ========================================================= */

.sst-doodle--money{
  grid-column:
    9 / 13;

  min-height:120px;
}

.sst-doodle--money .sst-doodle__line{
  position:absolute;

  left:0;
  top:48px;

  width:190px;
  height:54px;

  border-top:
    3px solid rgba(255,44,86,.40);

  border-radius:
    69% 31% 58% 42%;

  transform:rotate(-8deg);
}

.sst-doodle--money .sst-doodle__star{
  position:absolute;

  right:24px;
  top:12px;

  color:var(--pink);

  font-size:2rem;

  transform:rotate(14deg);
}

.sst-doodle--money .sst-doodle__star-small{
  position:absolute;

  right:95px;
  bottom:4px;

  color:var(--sky);

  font-size:1.1rem;

  transform:rotate(-19deg);
}


.sst-doodle--logistics{
  grid-column:
    1 / 4;

  min-height:130px;
}

.sst-doodle--logistics .sst-doodle__curve{
  position:absolute;

  left:-20px;
  top:18px;

  width:200px;
  height:80px;

  border-top:
    3px solid rgba(82,202,171,.60);

  border-radius:
    70% 30% 55% 45%;

  transform:rotate(12deg);
}

.sst-doodle--logistics .sst-doodle__dot{
  position:absolute;

  left:130px;
  bottom:14px;

  color:var(--pink);

  font-size:1.2rem;
}

.sst-doodle--logistics .sst-doodle__tiny-star{
  position:absolute;

  left:28px;
  bottom:2px;

  color:var(--sky);

  font-size:1.4rem;

  transform:rotate(-18deg);
}


.sst-doodle--occasions{
  grid-column:
    11 / 13;

  min-height:120px;
}

.sst-doodle--occasions .sst-doodle__big-star{
  position:absolute;

  right:7px;
  top:-12px;

  color:rgba(255,44,86,.40);

  font-size:4.5rem;

  transform:rotate(-22deg);
}

.sst-doodle--occasions .sst-doodle__hook{
  position:absolute;

  left:4px;
  bottom:7px;

  width:86px;
  height:74px;

  border-right:
    3px solid rgba(255,44,86,.27);

  border-radius:
    0 62% 45% 0;

  transform:rotate(12deg);
}

.sst-doodle--occasions .sst-doodle__occasion-dot{
  position:absolute;

  right:85px;
  top:31px;

  color:#B2A628;

  font-size:1.3rem;
}


.sst-doodle--travel{
  grid-column:
    1 / 4;

  min-height:120px;
}

.sst-doodle__travel-line{
  position:absolute;

  left:-18px;
  top:25px;

  width:210px;
  height:64px;

  border-top:
    3px solid rgba(133,191,214,.65);

  border-radius:
    68% 32% 57% 43%;

  transform:rotate(-8deg);
}

.sst-doodle__travel-dots{
  position:absolute;

  left:72px;
  bottom:5px;

  color:rgba(255,44,86,.55);

  font-size:1rem;

  transform:rotate(5deg);
}


/* =========================================================
   20 — ANSWER FOUNDATION
   NO UNIVERSAL CARD
   ========================================================= */

.sst-answer,
.sst-answer-note,
.sst-answer-feature,
.sst-answer-statement{
  position:relative;

  min-width:0;
}

.sst-answer p,
.sst-answer-note p,
.sst-answer-feature p,
.sst-answer-statement p{
  margin-bottom:.75rem;

  font-size:.95rem;
  line-height:1.64;
}

.sst-answer p:last-child,
.sst-answer-note p:last-child,
.sst-answer-feature p:last-child,
.sst-answer-statement p:last-child{
  margin-bottom:0;
}

.sst-answer strong,
.sst-answer-note strong,
.sst-answer-feature strong,
.sst-answer-statement strong{
  color:var(--charcoal);
}


/* =========================================================
   21 — MONEY
   ========================================================= */

.sst-answer--money-feature{
  grid-column:
    1 / 8;

  padding:
    clamp(1.8rem,3.2vw,2.6rem);

  border:
    2px solid rgba(255,44,86,.18);

  border-radius:
    36px
    8px
    56px
    23px;

  background:
    rgba(255,255,255,.72);

  box-shadow:
    0 16px 38px rgba(26,26,26,.045);
}

.sst-answer--money-feature h4{
  max-width:570px;

  font-size:
    clamp(1.75rem,2.8vw,2.4rem);
}

.sst-answer-decoration--money-feature{
  position:absolute;

  right:-28px;
  bottom:24px;

  width:118px;
  height:40px;

  border-top:
    3px solid rgba(255,44,86,.38);

  border-radius:
    72% 28% 51% 49%;

  transform:rotate(-8deg);
}


.sst-answer--money-open{
  grid-column:
    9 / 13;

  margin-top:4.2rem;

  padding-left:1.45rem;

  border-left:
    3px solid var(--sky);
}


.sst-answer-note--peach{
  grid-column:
    2 / 6;

  padding:
    1.5rem
    1.55rem;

  border-radius:
    7px
    38px
    17px
    31px;

  background:
    rgba(244,190,163,.66);

  transform:rotate(-.55deg);

  box-shadow:
    0 10px 25px rgba(26,26,26,.04);
}

.sst-answer-note__doodle{
  position:absolute;

  right:13px;
  bottom:8px;

  color:var(--pink);

  font-size:1.4rem;

  transform:rotate(18deg);
}


.sst-answer--money-final{
  grid-column:
    7 / 12;

  margin-top:2.2rem;

  padding:
    .5rem
    0
    1.35rem;

  border-bottom:
    3px solid rgba(94,200,175,.45);
}

.sst-answer-squiggle{
  position:absolute;

  right:4%;
  bottom:-20px;

  width:92px;
  height:31px;

  border-top:
    3px solid rgba(255,44,86,.24);

  border-radius:50%;

  transform:rotate(7deg);
}


/* =========================================================
   22 — PINK PULLQUOTE
   ========================================================= */

.sst-pullquote{
  position:relative;
}

.sst-pullquote--pink{
  width:67%;

  margin:
    0
    auto
    clamp(3.5rem,5vw,4.8rem)
    0;

  padding:
    1.3rem
    3rem
    1.3rem
    2rem;

  border-radius:
    5px
    40px
    8px
    31px;

  background:
    linear-gradient(
      110deg,
      var(--carnation),
      #F8B6BB
    );

  transform:rotate(-.65deg);

  box-shadow:
    0 10px 24px rgba(26,26,26,.04);
}

.sst-pullquote--pink p{
  position:relative;
  z-index:2;

  margin:0;

  color:var(--charcoal) !important;
}

.sst-pullquote__star{
  position:absolute;

  left:18px;
  top:8px;

  color:#fff;

  font-size:1.25rem;

  transform:rotate(-13deg);
}

.sst-pullquote__line{
  position:absolute;

  right:-25px;
  bottom:-13px;

  width:175px;
  height:47px;

  border-top:
    3px solid rgba(255,44,86,.45);

  border-radius:
    70% 30% 55% 45%;

  transform:rotate(-8deg);
}


/* =========================================================
   23 — LOGISTICS
   ========================================================= */

.sst-answer-statement--charcoal{
  grid-column:
    1 / 11;

  margin-left:3%;

  padding:
    clamp(1.8rem,3.2vw,2.5rem)
    clamp(2rem,5vw,4rem);

  border-radius:
    12px
    55px
    18px
    45px;

  background:
    linear-gradient(
      120deg,
      #1A1A1A,
      #252525
    );

  transform:rotate(-.15deg);

  box-shadow:
    0 20px 45px rgba(26,26,26,.11);
}

.sst-answer-statement--charcoal h4{
  max-width:760px;

  color:#fff;

  font-size:
    clamp(1.9rem,3vw,2.6rem);
}

.sst-answer-statement--charcoal p{
  max-width:780px;

  color:rgba(255,255,255,.78);
}

.sst-answer-statement__lead{
  color:var(--carnation) !important;

  font-family:var(--accent);
  font-style:italic;

  font-size:1.2rem !important;
}

.sst-answer-statement__star{
  position:absolute;

  right:28px;
  top:20px;

  color:var(--carnation);

  font-size:2rem;

  transform:rotate(12deg);
}

.sst-answer-statement__line{
  position:absolute;

  right:8%;
  bottom:16px;

  width:110px;
  height:33px;

  border-bottom:
    3px solid rgba(187,239,224,.34);

  border-radius:50%;

  transform:rotate(-5deg);
}


.sst-answer--logistics-open{
  grid-column:
    1 / 6;

  margin-top:.7rem;

  padding-right:2rem;
}


.sst-answer-note--seafoam{
  grid-column:
    8 / 13;

  margin-top:2.7rem;

  padding:
    1.65rem
    1.65rem
    1.85rem;

  border-radius:
    50px
    7px
    35px
    19px;

  background:
    rgba(103,219,191,.29);

  box-shadow:
    0 10px 25px rgba(26,26,26,.035);
}

.sst-answer-note__mini-star{
  position:absolute;

  right:14px;
  top:10px;

  color:var(--pink);

  font-size:1.4rem;

  transform:rotate(17deg);
}


.sst-answer--vertical-rule{
  grid-column:
    2 / 7;

  margin-top:.8rem;

  padding:
    1rem
    0
    1rem
    1.45rem;

  border-left:
    4px solid var(--pink);
}

.sst-answer--vertical-rule__swoop{
  position:absolute;

  left:-18px;
  bottom:-23px;

  width:100px;
  height:34px;

  border-bottom:
    3px solid rgba(244,190,163,.60);

  border-radius:50%;

  transform:rotate(6deg);
}


.sst-answer-note--outline{
  grid-column:
    8 / 12;

  margin-top:-.8rem;

  padding:
    1.65rem
    1.7rem;

  border:
    2px solid rgba(133,191,214,.55);

  border-radius:
    18px
    45px
    8px
    33px;

  background:
    rgba(255,255,255,.58);
}

.sst-answer-note__line{
  position:absolute;

  right:-18px;
  bottom:17px;

  width:79px;
  height:30px;

  border-bottom:
    3px solid rgba(255,44,86,.25);

  border-radius:50%;

  transform:rotate(-7deg);
}


/* =========================================================
   24 — SEAFOAM PULLQUOTE
   ========================================================= */

.sst-pullquote--seafoam{
  width:72%;

  margin:
    0
    1%
    clamp(3.5rem,5vw,4.8rem)
    auto;

  padding:
    1.4rem
    2rem;

  border:
    2px solid rgba(71,190,163,.35);

  border-radius:
    44px
    6px
    33px
    9px;

  background:
    linear-gradient(
      110deg,
      #BBEFE0,
      #D9F8EF
    );

  transform:rotate(.45deg);
}

.sst-pullquote--seafoam .sst-accent{
  margin:0;

  text-align:center;
}

.sst-pullquote__scribble{
  position:absolute;

  right:24px;
  bottom:-6px;

  color:rgba(255,44,86,.48);

  font-family:var(--accent);

  font-size:1.25rem;

  letter-spacing:.18em;

  transform:rotate(-8deg);
}

.sst-pullquote__tiny-star{
  position:absolute;

  left:26px;
  bottom:8px;

  color:#498CA6;

  font-size:1.4rem;

  transform:rotate(16deg);
}


/* =========================================================
   25 — OCCASIONS
   ========================================================= */

.sst-answer-feature--bridal{
  grid-column:
    1 / 9;

  padding:
    clamp(1.8rem,3.5vw,2.7rem);

  border-radius:
    61px
    15px
    35px
    18px;

  background:
    rgba(255,255,255,.69);

  box-shadow:
    0 15px 36px rgba(26,26,26,.045);
}

.sst-answer-feature--bridal h4{
  max-width:700px;

  font-size:
    clamp(1.8rem,3vw,2.5rem);
}

.sst-answer-feature__swoop{
  position:absolute;

  left:-38px;
  bottom:31px;

  width:112px;
  height:49px;

  border-bottom:
    3px solid rgba(255,44,86,.40);

  border-radius:
    39% 61% 71% 29%;

  transform:rotate(8deg);
}

.sst-answer-feature__star{
  position:absolute;

  right:20px;
  top:15px;

  color:var(--pink);

  font-size:1.7rem;

  transform:rotate(15deg);
}


.sst-answer--corporate-side{
  grid-column:
    10 / 13;

  margin-top:4rem;

  padding-left:1.25rem;

  border-left:
    4px solid var(--chartreuse);
}


.sst-answer--private-open{
  grid-column:
    2 / 7;

  margin-top:1.5rem;
}

.sst-answer--private-open__line{
  position:absolute;

  left:10%;
  bottom:-24px;

  width:135px;
  height:36px;

  border-top:
    3px solid rgba(71,190,163,.48);

  border-radius:50%;

  transform:rotate(-7deg);
}


.sst-answer-note--sky{
  grid-column:
    8 / 12;

  margin-top:3.4rem;

  padding:
    1.45rem
    1.5rem;

  border-radius:
    8px
    31px
    46px
    15px;

  background:
    rgba(133,191,214,.45);

  box-shadow:
    0 10px 24px rgba(26,26,26,.035);
}

.sst-answer-note__star{
  position:absolute;

  right:15px;
  bottom:10px;

  color:var(--pink);

  font-size:1.35rem;

  transform:rotate(16deg);
}

.sst-answer-note__sky-line{
  position:absolute;

  left:-18px;
  top:20%;

  width:67px;
  height:25px;

  border-top:
    3px solid rgba(133,191,214,.68);

  border-radius:50%;

  transform:rotate(-9deg);
}


.sst-answer-statement--mobile-vs-salon{
  grid-column:
    3 / 11;

  margin-top:2rem;

  padding:
    clamp(1.8rem,3.7vw,2.7rem);

  border-radius:
    24px
    56px
    14px
    41px;

  background:
    linear-gradient(
      125deg,
      #1A1A1A,
      #2A2023
    );

  transform:rotate(.3deg);

  box-shadow:
    0 21px 50px rgba(26,26,26,.11);
}

.sst-answer-statement--mobile-vs-salon h4{
  max-width:760px;

  color:#fff;

  font-size:
    clamp(1.75rem,2.7vw,2.4rem);
}

.sst-answer-statement--mobile-vs-salon p{
  color:rgba(255,255,255,.77);
}

.sst-answer-statement--mobile-vs-salon
.sst-answer-statement__lead{
  color:var(--carnation) !important;
}

.sst-answer-statement__constellation{
  position:absolute;

  right:24px;
  top:17px;

  color:var(--carnation);

  font-size:.95rem;

  transform:rotate(11deg);
}

.sst-answer-statement__salon-swoop{
  position:absolute;

  right:24px;
  bottom:20px;

  width:92px;
  height:30px;

  border-bottom:
    3px solid rgba(187,239,224,.40);

  border-radius:50%;

  transform:rotate(-7deg);
}


/* =========================================================
   26 — TRAVEL
   ========================================================= */

.sst-answer--travel-open{
  grid-column:
    1 / 8;

  padding:
    .8rem
    2.5rem
    1.5rem
    0;

  border-bottom:
    3px solid rgba(133,191,214,.50);
}

.sst-answer--travel-open h4{
  max-width:680px;

  font-size:
    clamp(1.8rem,2.8vw,2.45rem);
}

.sst-answer-squiggle--sky{
  left:12%;
  right:auto;
  bottom:-22px;

  width:190px;

  border-color:
    rgba(133,191,214,.58);

  transform:rotate(-5deg);
}


.sst-answer-note--travel{
  grid-column:
    9 / 13;

  margin-top:3.2rem;

  padding:
    1.55rem
    1.55rem
    1.75rem;

  border:
    2px solid rgba(255,44,86,.16);

  border-radius:
    50px
    9px
    29px
    17px;

  background:
    rgba(255,255,255,.65);

  transform:rotate(-.6deg);

  box-shadow:
    0 10px 24px rgba(26,26,26,.035);
}

.sst-answer-note__travel-star{
  position:absolute;

  right:14px;
  bottom:8px;

  color:var(--sky);

  font-size:1.3rem;

  transform:rotate(-17deg);
}


/* =========================================================
   27 — LOCATION ASIDE
   ========================================================= */

.sst-location-aside{
  position:relative;

  grid-column:
    5 / 12;

  margin-top:1rem;

  padding:
    1rem
    0
    1rem
    1.35rem;

  display:flex;

  align-items:flex-start;

  gap:1rem;

  border-left:
    4px solid var(--pink);
}

.sst-location-aside__star{
  color:var(--pink);

  font-size:1.5rem;

  transform:rotate(-11deg);
}

.sst-location-aside strong{
  display:block;

  margin-bottom:.25rem;

  color:var(--charcoal);
}

.sst-location-aside p{
  margin:0;

  font-size:.91rem;
}

.sst-location-aside__line{
  position:absolute;

  left:-2px;
  bottom:-17px;

  width:128px;
  height:33px;

  border-bottom:
    3px solid rgba(133,191,214,.48);

  border-radius:50%;

  transform:rotate(4deg);
}


/* =========================================================
   28 — INFO CTA
   BRIGHTER / MORE BRAND
   ========================================================= */

.sst-info-cta{
  position:relative;

  width:71%;
  max-width:810px;

  margin:
    clamp(3.5rem,6vw,5.2rem)
    5%
    0
    auto;

  padding:
    clamp(2rem,4vw,3rem);

  text-align:center;

  border:
    2px solid rgba(255,44,86,.16);

  border-radius:
    43px
    20px
    56px
    24px;

  background:
    linear-gradient(
      125deg,
      #FFE4EA 0%,
      #FFF5EE 46%,
      #DDF8F0 100%
    );

  box-shadow:
    0 18px 45px rgba(26,26,26,.055);
}

.sst-info-cta h3{
  margin-bottom:.7rem;

  font-size:
    clamp(2rem,4vw,3rem);
}

.sst-info-cta > p:not(.sst-eyebrow):not(.sst-accent){
  max-width:620px;

  margin-left:auto;
  margin-right:auto;
}

.sst-info-cta .sst-btn{
  margin-top:1rem;
}

.sst-info-cta__doodle{
  position:absolute;

  pointer-events:none;
}

.sst-info-cta__doodle--left{
  left:-70px;
  top:28%;

  width:110px;
  height:86px;

  border-left:
    3px solid rgba(255,44,86,.40);

  border-radius:
    56% 0 0 44%;

  transform:rotate(-10deg);
}

.sst-info-cta__doodle--right{
  right:-69px;
  bottom:20%;

  width:126px;
  height:45px;

  border-bottom:
    3px solid rgba(133,191,214,.55);

  border-radius:
    46% 54% 65% 35%;

  transform:rotate(9deg);
}

.sst-info-cta__stars{
  position:absolute;

  right:22px;
  top:16px;

  display:flex;

  gap:11px;

  color:var(--pink);

  transform:rotate(11deg);
}

.sst-info-cta__stars span:nth-child(2){
  color:var(--sky);

  font-size:1.6rem;
}

.sst-info-cta__stars span:nth-child(3){
  color:#B3A326;
}


/* =========================================================
   29 — GALLERY
   CHARCOAL ANCHOR
   ========================================================= */

.sst-proof-section{
  overflow:hidden;

  background:
    radial-gradient(
      circle at 90% 15%,
      rgba(255,44,86,.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 12% 86%,
      rgba(187,239,224,.08),
      transparent 26%
    ),
    linear-gradient(
      125deg,
      #171717,
      #242124
    );
}

.sst-proof-section::before{
  content:"✧";

  position:absolute;

  left:4%;
  top:35px;

  color:rgba(244,156,163,.36);

  font-size:4.8rem;

  transform:rotate(-13deg);
}

.sst-proof-section::after{
  content:"";

  position:absolute;

  right:-155px;
  bottom:48px;

  width:395px;
  height:185px;

  border:
    3px solid rgba(187,239,224,.10);

  border-radius:
    61% 39% 48% 52% /
    42% 63% 37% 58%;

  transform:rotate(-19deg);
}

.sst-proof-section h2{
  color:#fff;
}

.sst-proof-section .sst-section-head > p{
  color:rgba(255,255,255,.72);
}

.sst-proof-section .sst-eyebrow{
  color:var(--carnation) !important;
}

.sst-proof-section .sst-section-head::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:-21px;

  width:180px;
  height:39px;

  border-top:
    3px solid rgba(244,156,163,.45);

  border-radius:
    73% 27% 64% 36%;

  transform:
    translateX(-50%)
    rotate(-3deg);
}

.sst-gallery{
  display:grid;

  grid-template-columns:
    1.24fr
    .76fr;

  grid-template-rows:
    250px
    285px;

  gap:1rem;
}

.sst-gallery__item{
  position:relative;

  overflow:hidden;

  background:#333;

  box-shadow:
    0 12px 35px rgba(0,0,0,.20);
}

.sst-gallery__item:nth-child(1){
  grid-row:
    1 / 3;

  border-radius:
    24px
    23px
    23px
    42px;
}

.sst-gallery__item:nth-child(2){
  width:88%;

  margin-left:auto;

  border-radius:
    37px
    12px
    27px
    16px;
}

.sst-gallery__item:nth-child(3){
  width:96%;

  border-radius:
    13px
    40px
    14px
    26px;
}

.sst-gallery__item img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:transform .4s ease;
}

.sst-gallery__item:hover img{
  transform:scale(1.025);
}

.sst-gallery__item:nth-child(1)::before{
  content:"";

  position:absolute;

  z-index:3;

  left:18px;
  top:21px;

  width:112px;
  height:33px;

  border-top:
    3px solid rgba(255,255,255,.75);

  border-radius:
    67% 33% 58% 42%;

  transform:rotate(-8deg);
}

.sst-gallery__item:nth-child(1)::after{
  content:"✦  ·";

  position:absolute;

  z-index:3;

  right:17px;
  bottom:16px;

  color:#fff;

  font-size:2rem;

  transform:rotate(8deg);
}

.sst-gallery__item:nth-child(2)::before{
  content:"";

  position:absolute;

  z-index:3;

  right:-8px;
  top:34px;

  width:78px;
  height:48px;

  border-right:
    3px solid rgba(255,255,255,.62);

  border-radius:
    0 67% 41% 0;

  transform:rotate(7deg);
}

.sst-gallery__item:nth-child(2)::after{
  content:"";

  position:absolute;

  z-index:3;

  left:15px;
  bottom:14px;

  width:70px;
  height:23px;

  border-bottom:
    3px solid rgba(255,255,255,.77);

  border-radius:50%;

  transform:rotate(-7deg);
}

.sst-gallery__item:nth-child(3)::before{
  content:"";

  position:absolute;

  z-index:3;

  left:23px;
  bottom:19px;

  width:67px;
  height:23px;

  border-bottom:
    3px solid rgba(255,255,255,.72);

  border-radius:50%;

  transform:rotate(11deg);
}

.sst-gallery__item:nth-child(3)::after{
  content:"⋆";

  position:absolute;

  z-index:3;

  right:14px;
  top:13px;

  color:#fff;

  font-size:1.55rem;

  transform:rotate(-14deg);
}


/* =========================================================
   30 — REVIEWS
   ========================================================= */

.sst-reviews{
  display:grid;

  grid-template-columns:
    1.12fr
    .88fr;

  gap:1rem;

  margin-top:1.5rem;
}

.sst-reviews blockquote{
  margin:0;

  padding:1.7rem;

  border:
    1px solid rgba(255,255,255,.12);

  background:
    rgba(255,255,255,.08);
}

.sst-reviews blockquote:nth-child(1){
  border-radius:
    20px 30px 20px 35px;
}

.sst-reviews blockquote:nth-child(2){
  width:90%;

  margin-left:auto;
  margin-top:20px;

  border-radius:
    36px 15px 28px 17px;
}

.sst-reviews blockquote p{
  color:rgba(255,255,255,.86);
}


/* =========================================================
   31 — FINAL CTA
   STRONG HAPPY COLOR FINISH
   ========================================================= */

.sst-quote{
  overflow:hidden;

  text-align:center;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255,44,86,.23),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 78%,
      rgba(187,239,224,.70),
      transparent 31%
    ),
    radial-gradient(
      circle at 60% 10%,
      rgba(244,190,163,.35),
      transparent 25%
    ),
    linear-gradient(
      125deg,
      #FFE7ED,
      #FFF6EE 46%,
      #E6F8F3
    );
}

.sst-quote::before{
  content:"✧        ⋆  ·";

  position:absolute;

  left:7%;
  top:23%;

  color:rgba(255,44,86,.68);

  font-size:1.8rem;

  transform:rotate(-16deg);
}

.sst-quote::after{
  content:"";

  position:absolute;

  right:6%;
  bottom:18%;

  width:220px;
  height:64px;

  border-top:
    3px solid rgba(133,191,214,.58);

  border-radius:
    69% 31% 57% 43%;

  transform:rotate(-9deg);
}

.sst-quote__inner{
  width:74%;
  max-width:760px;

  margin-left:12%;

  text-align:left;
}

.sst-quote__inner > p:not(.sst-eyebrow):not(.sst-accent){
  max-width:580px;
}

.sst-quote .sst-btn{
  margin-top:1.1rem;
}


/* =========================================================
   32 — OPTIONAL FORM
   ========================================================= */

#event-quote-form{
  width:100%;

  padding:
    clamp(2.5rem,5vw,4rem)
    clamp(1.2rem,4vw,2rem);

  background:
    linear-gradient(
      135deg,
      rgba(255,44,86,.16),
      rgba(244,190,163,.22),
      rgba(187,239,224,.50)
    );
}

#event-quote-form form{
  width:82%;
  max-width:780px;

  margin:
    0
    7%
    0
    auto;

  padding:
    clamp(1.4rem,3vw,2.4rem);

  border:
    1px solid rgba(26,26,26,.10);

  border-radius:
    29px
    41px
    28px
    28px;

  background:#fff;

  box-shadow:
    0 22px 65px rgba(26,26,26,.10);
}

#event-quote-form label{
  color:var(--charcoal);

  font-size:.88rem;
  font-weight:700;
}

#event-quote-form input,
#event-quote-form select,
#event-quote-form textarea{
  width:100%;

  min-height:50px;

  padding:.72rem .9rem;

  border:
    1px solid rgba(26,26,26,.17);

  border-radius:13px;

  color:var(--charcoal);

  background:#fff;

  font-family:var(--body-font);
}

#event-quote-form textarea{
  min-height:130px;
}

#event-quote-form input:focus,
#event-quote-form select:focus,
#event-quote-form textarea:focus{
  outline:none;

  border-color:
    rgba(255,44,86,.52);

  box-shadow:
    0 0 0 4px
    rgba(255,44,86,.10);
}

#event-quote-form button,
#event-quote-form input[type="submit"]{
  min-height:52px;

  padding:0 1.6rem;

  border:0;
  border-radius:999px;

  color:#fff;

  background:var(--pink);

  font-family:var(--body-font);
  font-weight:700;

  cursor:pointer;
}


/* =========================================================
   33 — TABLET / SMALL LAPTOP
   ASYMMETRY + COLOR PRESERVED
   ========================================================= */

@media(max-width:1050px){

  .sst-hero__grid{
    grid-template-columns:
      .94fr
      1.06fr;

    gap:2.4rem;
  }

  .sst-trust__grid{
    grid-template-columns:
      1.1fr
      .9fr
      1.05fr
      .85fr;
  }

  .sst-paths__grid{
    grid-template-columns:
      1.06fr
      .94fr;
  }

  .sst-event-card:nth-child(1){
    grid-column:
      1 / -1;

    width:83%;
  }

  .sst-event-card:nth-child(2){
    width:92%;

    margin-top:10px;
  }

  .sst-event-card:nth-child(3){
    width:84%;

    margin:
      50px
      0
      0
      auto;
  }

  .sst-mobile__grid{
    grid-template-columns:
      .95fr
      1.05fr;
  }

  .sst-info-intro__copy{
    width:73%;
  }

  .sst-info-group{
    grid-template-columns:
      repeat(10,minmax(0,1fr));

    padding:
      2.2rem
      2rem;
  }


  .sst-info-heading--money{
    grid-column:
      1 / 7;
  }

  .sst-doodle--money{
    grid-column:
      8 / 11;
  }

  .sst-answer--money-feature{
    grid-column:
      1 / 7;
  }

  .sst-answer--money-open{
    grid-column:
      7 / 11;

    margin-top:3rem;
  }

  .sst-answer-note--peach{
    grid-column:
      1 / 5;
  }

  .sst-answer--money-final{
    grid-column:
      6 / 11;
  }


  .sst-doodle--logistics{
    grid-column:
      1 / 4;
  }

  .sst-info-heading--logistics{
    grid-column:
      4 / 11;
  }

  .sst-answer-statement--charcoal{
    grid-column:
      1 / 10;
  }

  .sst-answer--logistics-open{
    grid-column:
      1 / 6;
  }

  .sst-answer-note--seafoam{
    grid-column:
      6 / 11;
  }

  .sst-answer--vertical-rule{
    grid-column:
      2 / 7;
  }

  .sst-answer-note--outline{
    grid-column:
      7 / 11;
  }


  .sst-info-heading--occasions{
    grid-column:
      1 / 8;
  }

  .sst-doodle--occasions{
    grid-column:
      9 / 11;
  }

  .sst-answer-feature--bridal{
    grid-column:
      1 / 8;
  }

  .sst-answer--corporate-side{
    grid-column:
      8 / 11;

    margin-top:3rem;
  }

  .sst-answer--private-open{
    grid-column:
      1 / 6;
  }

  .sst-answer-note--sky{
    grid-column:
      6 / 11;
  }

  .sst-answer-statement--mobile-vs-salon{
    grid-column:
      2 / 10;
  }


  .sst-doodle--travel{
    grid-column:
      1 / 4;
  }

  .sst-info-heading--travel{
    grid-column:
      4 / 11;
  }

  .sst-answer--travel-open{
    grid-column:
      1 / 7;
  }

  .sst-answer-note--travel{
    grid-column:
      7 / 11;
  }

  .sst-location-aside{
    grid-column:
      4 / 11;
  }

}


/* =========================================================
   34 — MOBILE
   COLOR + ASYMMETRY PRESERVED
   ========================================================= */

@media(max-width:767px){

  .sst-section{
    padding:
      3rem
      1.05rem;
  }


  /* HERO */

  .sst-hero__grid{
    display:block;
  }

  .sst-hero__copy{
    width:91%;

    margin-left:2%;
  }

  .sst-hero h1{
    font-size:
      clamp(2.85rem,13vw,4rem);
  }

  .sst-hero__copy::before{
    left:-17px;

    height:100px;

    opacity:.7;
  }

  .sst-actions{
    width:94%;

    display:grid;

    gap:.75rem;
  }

  .sst-actions .sst-btn:nth-child(1){
    width:100%;
  }

  .sst-actions .sst-btn:nth-child(2){
    width:84%;

    margin-left:auto;
  }

  .sst-payment-callout{
    width:88%;

    margin-left:5%;
  }

  .sst-hero__media{
    width:93%;

    min-height:425px;

    margin:
      2.5rem
      0
      0
      auto;

    border-radius:
      24px
      24px
      24px
      67px;
  }

  .sst-hero__media img{
    min-height:425px;
  }

  .sst-hero__media::after{
    font-size:2.5rem;
  }


  /* OFFER */

  .sst-offer__inner{
    display:block;

    text-align:left;
  }

  .sst-offer__inner > div{
    width:91%;
  }

  .sst-offer__label{
    display:block;

    margin-bottom:.35rem;
  }

  .sst-offer__copy{
    display:block;
  }

  .sst-offer__link{
    display:inline-block;

    margin:
      .75rem
      0
      0
      14%;
  }


  /* TRUST */

  .sst-trust__grid{
    display:block;

    padding:
      1rem
      0;
  }

  .sst-trust__item{
    min-height:0;

    padding:
      1rem;

    align-items:flex-start;

    text-align:left;

    transform:none !important;
  }

  .sst-trust__item:nth-child(1){
    width:91%;

    background:rgba(255,255,255,.22);
  }

  .sst-trust__item:nth-child(2){
    width:76%;

    margin-left:auto;

    background:rgba(255,255,255,.20);
  }

  .sst-trust__item:nth-child(3){
    width:84%;

    margin-left:5%;

    background:rgba(255,255,255,.18);
  }

  .sst-trust__item:nth-child(4){
    width:79%;

    margin-left:auto;

    background:rgba(255,255,255,.22);
  }

  .sst-trust__item::after{
    display:none;
  }


  /* EVENT TYPES */

  .sst-paths .sst-section-head{
    width:88%;

    margin-left:2%;

    text-align:left;
  }

  .sst-paths__grid{
    display:block;
  }

  .sst-event-card:nth-child(1){
    width:94%;

    margin:
      0
      0
      2rem;

    transform:rotate(-.25deg);
  }

  .sst-event-card:nth-child(2){
    width:78%;

    margin:
      0
      0
      2.3rem
      auto;

    transform:rotate(.35deg);
  }

  .sst-event-card:nth-child(3){
    width:87%;

    margin:
      0
      0
      0
      4%;

    transform:rotate(-.2deg);
  }

  .sst-event-card:nth-child(1) .sst-event-card__photo{
    height:270px;
  }

  .sst-event-card:nth-child(2) .sst-event-card__photo{
    height:210px;
  }

  .sst-event-card:nth-child(3) .sst-event-card__photo{
    height:245px;
  }

  .sst-event-card:nth-child(1)::after{
    top:240px;
  }


  /* MOBILE EXPERIENCE */

  .sst-mobile__grid{
    display:block;
  }

  .sst-mobile__photo{
    width:92%;

    height:395px;

    margin-left:0;

    border-radius:
      23px
      62px
      23px
      24px;
  }

  .sst-mobile__copy{
    width:87%;

    margin:
      2.6rem
      0
      0
      auto;

    text-align:left;
  }

  .sst-proof-grid{
    display:block;
  }

  .sst-proof{
    margin-bottom:.65rem;
  }

  .sst-proof:nth-child(1){
    width:94%;
  }

  .sst-proof:nth-child(2){
    width:81%;

    margin-left:auto;
  }

  .sst-proof:nth-child(3){
    width:89%;

    margin-left:4%;
  }

  .sst-proof:nth-child(4){
    width:76%;

    margin-left:auto;
  }


  /* PRICING */

  .sst-pricing .sst-section-head{
    width:88%;

    margin-left:7%;

    text-align:left;
  }

  .sst-pricing__grid{
    display:block;

    width:100%;
  }

  .sst-price-card:not(.sst-price-card--luxe){
    width:85%;

    min-height:0;

    margin:
      0
      0
      2.2rem
      1%;

    transform:rotate(-.25deg);
  }

  .sst-price-card--luxe{
    width:94%;

    min-height:0;

    margin:
      0
      0
      0
      auto;

    transform:rotate(.25deg);
  }

  .sst-financing{
    width:79%;

    margin:
      2rem
      4%
      0
      auto;

    text-align:left;
  }


  /* INFORMATION INTRO */

  .sst-info-intro{
    min-height:290px;
  }

  .sst-info-intro__copy{
    width:89%;

    margin-left:1%;
  }

  .sst-doodle--intro{
    right:-15px;
    top:auto;
    bottom:0;

    transform:scale(.8);
  }

  .sst-info-jump{
    width:90%;

    margin:
      -.5rem
      0
      3.5rem
      auto;

    justify-content:flex-start;
  }

  .sst-info-jump a:nth-child(2){
    margin-left:9%;
  }

  .sst-info-jump a:nth-child(3){
    margin-left:2%;
  }

  .sst-info-jump a:nth-child(4){
    margin-left:auto;
  }


  /* INFORMATION GROUPS */

  .sst-info-group{
    display:block;

    padding:
      1.8rem
      1.15rem;

    margin-left:-.2rem;
    margin-right:-.2rem;
  }

  .sst-info-group--money{
    border-radius:
      42px 8px 55px 18px;
  }

  .sst-info-group--logistics{
    border-radius:
      9px 53px 18px 40px;
  }

  .sst-info-group--occasions{
    border-radius:
      48px 10px 21px 59px;
  }

  .sst-info-group--travel{
    border-radius:
      10px 49px 48px 15px;
  }

  .sst-info-heading{
    display:grid;

    grid-template-columns:
      57px
      minmax(0,1fr);

    gap:.9rem;
  }

  .sst-info-number{
    width:54px;
    height:54px;

    font-size:1.4rem;
  }

  .sst-info-heading h3{
    font-size:
      clamp(1.85rem,8vw,2.5rem);
  }


  /* MONEY */

  .sst-info-heading--money{
    width:93%;
  }

  .sst-doodle--money{
    width:48%;
    min-height:85px;

    margin:
      .3rem
      0
      .5rem
      auto;
  }

  .sst-answer--money-feature{
    width:94%;

    margin:
      0
      0
      2.4rem;

    padding:
      1.55rem
      1.3rem;
  }

  .sst-answer--money-open{
    width:76%;

    margin:
      0
      0
      2.7rem
      auto;

    padding-left:1rem;
  }

  .sst-answer-note--peach{
    width:69%;

    margin:
      0
      0
      2.6rem
      7%;

    padding:
      1.3rem
      1.2rem;
  }

  .sst-answer--money-final{
    width:86%;

    margin:
      0
      0
      0
      auto;
  }


  /* PINK PULLQUOTE */

  .sst-pullquote--pink{
    width:81%;

    margin:
      3.5rem
      auto
      4.2rem
      0;

    padding:
      1.35rem
      1.5rem;
  }


  /* LOGISTICS */

  .sst-info-heading--logistics{
    width:87%;

    margin-left:auto;
  }

  .sst-doodle--logistics{
    width:55%;
    min-height:90px;

    margin:
      0
      auto
      .5rem
      0;
  }

  .sst-answer-statement--charcoal{
    width:96%;

    margin:
      0
      0
      2.5rem
      0;

    padding:
      1.6rem
      1.3rem;
  }

  .sst-answer--logistics-open{
    width:82%;

    margin:
      0
      0
      2.6rem
      1%;

    padding-right:0;
  }

  .sst-answer-note--seafoam{
    width:75%;

    margin:
      0
      0
      2.8rem
      auto;

    padding:
      1.4rem
      1.25rem;
  }

  .sst-answer--vertical-rule{
    width:78%;

    margin:
      0
      0
      2.6rem
      8%;
  }

  .sst-answer-note--outline{
    width:71%;

    margin:
      0
      0
      0
      auto;

    padding:
      1.3rem
      1.2rem;
  }


  /* SEAFOAM PULLQUOTE */

  .sst-pullquote--seafoam{
    width:79%;

    margin:
      3.8rem
      2%
      4.5rem
      auto;
  }


  /* OCCASIONS */

  .sst-info-heading--occasions{
    width:94%;

    margin-left:2%;
  }

  .sst-doodle--occasions{
    width:40%;
    min-height:90px;

    margin-left:auto;
  }

  .sst-answer-feature--bridal{
    width:94%;

    margin:
      0
      0
      2.6rem
      1%;

    padding:
      1.55rem
      1.3rem;
  }

  .sst-answer--corporate-side{
    width:70%;

    margin:
      0
      0
      2.8rem
      auto;

    padding-left:1rem;
  }

  .sst-answer--private-open{
    width:82%;

    margin:
      0
      0
      2.9rem
      2%;
  }

  .sst-answer-note--sky{
    width:73%;

    margin:
      0
      4%
      2.9rem
      auto;

    padding:
      1.3rem
      1.2rem;
  }

  .sst-answer-statement--mobile-vs-salon{
    width:93%;

    margin:
      0
      0
      0
      5%;

    padding:
      1.6rem
      1.3rem;
  }


  /* TRAVEL */

  .sst-info-heading--travel{
    width:85%;

    margin-left:auto;
  }

  .sst-doodle--travel{
    width:55%;
    min-height:95px;
  }

  .sst-answer--travel-open{
    width:90%;

    margin:
      0
      0
      2.6rem;

    padding:
      .4rem
      0
      1.5rem;
  }

  .sst-answer-note--travel{
    width:75%;

    margin:
      0
      0
      3rem
      auto;

    padding:
      1.35rem
      1.2rem;
  }

  .sst-location-aside{
    width:83%;

    margin:
      0
      0
      0
      6%;

    padding-left:1rem;
  }


  /* INFO CTA */

  .sst-info-cta{
    width:88%;

    margin:
      4rem
      0
      0
      7%;

    padding:
      1.9rem
      1.2rem;

    text-align:left;
  }

  .sst-info-cta__doodle--left{
    left:-25px;

    opacity:.7;
  }

  .sst-info-cta__doodle--right{
    right:-25px;

    opacity:.7;
  }


  /* GALLERY */

  .sst-proof-section .sst-section-head{
    width:88%;

    margin-left:4%;

    text-align:left;
  }

  .sst-gallery{
    display:block;
  }

  .sst-gallery__item:nth-child(1){
    width:94%;
    height:380px;

    margin:
      0
      0
      1.1rem;
  }

  .sst-gallery__item:nth-child(2){
    width:76%;
    height:260px;

    margin:
      0
      0
      1.1rem
      auto;
  }

  .sst-gallery__item:nth-child(3){
    width:86%;
    height:290px;

    margin-left:4%;
  }


  /* FINAL CTA */

  .sst-quote{
    text-align:left;
  }

  .sst-quote__inner{
    width:87%;

    margin-left:6%;

    text-align:left;
  }

}


/* =========================================================
   35 — VERY SMALL MOBILE
   ========================================================= */

@media(max-width:480px){

  .sst-hero__copy{
    width:94%;
  }

  .sst-hero__media{
    width:95%;
  }

  .sst-info-jump{
    width:94%;
  }

  .sst-info-jump a{
    font-size:.74rem;
  }

  .sst-info-heading{
    grid-template-columns:
      50px
      minmax(0,1fr);
  }

  .sst-info-number{
    width:48px;
    height:48px;

    font-size:1.25rem;
  }

  .sst-answer h4,
  .sst-answer-note h4,
  .sst-answer-feature h4,
  .sst-answer-statement h4{
    font-size:
      clamp(1.28rem,6vw,1.6rem);
  }

  .sst-answer--money-open{
    width:79%;
  }

  .sst-answer-note--peach{
    width:72%;
  }

  .sst-answer-note--seafoam{
    width:78%;
  }

  .sst-answer-note--outline{
    width:74%;
  }

  .sst-answer--corporate-side{
    width:74%;
  }

  .sst-answer-note--sky{
    width:77%;
  }

  .sst-answer-note--travel{
    width:78%;
  }

  .sst-location-aside{
    width:86%;
  }

  .sst-gallery__item:nth-child(1){
    height:335px;
  }

  .sst-gallery__item:nth-child(2){
    height:230px;
  }

  .sst-gallery__item:nth-child(3){
    height:265px;
  }

}


/* =========================================================
   36 — REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .sst-events *,
  .sst-events *::before,
  .sst-events *::after{
    transition:none !important;
  }

}/* =========================================================
   SANNA STYLES EVENTS
   TYPOGRAPHY SIZE CORRECTION
   Paste at VERY BOTTOM of current CSS
   ========================================================= */


/* ---------------------------------------------------------
   GLOBAL BODY COPY
   --------------------------------------------------------- */

.sst-events{
  font-size:18px;
}

.sst-events p{
  font-size:clamp(1rem,1.05vw,1.15rem);
  line-height:1.62;
}


/* ---------------------------------------------------------
   MAIN INTRO / LEAD COPY
   --------------------------------------------------------- */

.sst-lede{
  font-size:clamp(1.08rem,1.25vw,1.28rem);
  line-height:1.62;
}


/* ---------------------------------------------------------
   EYEBROWS / SMALL LABELS
   Keep them small, but actually readable
   --------------------------------------------------------- */

.sst-eyebrow{
  font-size:clamp(.78rem,.78vw,.9rem);
  line-height:1.35;
}

.sst-card-kicker,
.sst-financing__eyebrow{
  font-size:clamp(.76rem,.72vw,.86rem);
}


/* ---------------------------------------------------------
   BUTTONS / LINKS
   --------------------------------------------------------- */

.sst-btn{
  font-size:clamp(.94rem,.9vw,1.04rem);
}

.sst-offer__link,
.sst-event-card__body a{
  font-size:clamp(.92rem,.86vw,1rem);
}


/* ---------------------------------------------------------
   HERO PAYMENT NOTE
   --------------------------------------------------------- */

.sst-payment-callout{
  font-size:clamp(.94rem,.92vw,1.04rem);
  line-height:1.55;
}


/* ---------------------------------------------------------
   DARK POLISHED STRIP
   --------------------------------------------------------- */

.sst-offer__label{
  font-size:clamp(.92rem,.9vw,1.03rem);
}

.sst-offer__copy{
  font-size:clamp(.92rem,.9vw,1.03rem);
  line-height:1.5;
}


/* ---------------------------------------------------------
   TRUST STRIP
   This was especially too small
   --------------------------------------------------------- */

.sst-trust h3{
  font-size:clamp(1rem,1vw,1.12rem);
}

.sst-trust p{
  font-size:clamp(.92rem,.9vw,1.03rem);
  line-height:1.5;
}


/* ---------------------------------------------------------
   EVENT TYPE CARDS
   --------------------------------------------------------- */

.sst-event-card__body p{
  font-size:clamp(1rem,1vw,1.12rem);
  line-height:1.58;
}


/* ---------------------------------------------------------
   WE BRING EVERYTHING CHECKLIST
   --------------------------------------------------------- */

.sst-proof{
  font-size:clamp(.95rem,.92vw,1.06rem);
  line-height:1.4;
}


/* ---------------------------------------------------------
   PRICING COPY
   --------------------------------------------------------- */

.sst-price-card > p:not(.sst-card-kicker),
.sst-price-card__muted{
  font-size:clamp(1rem,1vw,1.12rem) !important;
  line-height:1.58;
}

.sst-price span{
  font-size:clamp(.78rem,.75vw,.88rem);
}


/* ---------------------------------------------------------
   FINANCING
   --------------------------------------------------------- */

.sst-financing p{
  font-size:clamp(1rem,1vw,1.12rem);
  line-height:1.58;
}


/* ---------------------------------------------------------
   FAQ / EVENT PLANNING BODY COPY
   This is the BIG correction.
   --------------------------------------------------------- */

.sst-answer p,
.sst-answer-note p,
.sst-answer-feature p,
.sst-answer-statement p{
  font-size:clamp(1.02rem,1.02vw,1.16rem);
  line-height:1.65;
}


/* FAQ questions should also feel more substantial */

.sst-answer h4,
.sst-answer-note h4{
  font-size:clamp(1.5rem,1.75vw,1.95rem);
}

.sst-answer-feature h4,
.sst-answer-statement h4{
  font-size:clamp(1.75rem,2.4vw,2.55rem);
}


/* ---------------------------------------------------------
   FAQ SECTION NOTES / EDITORIAL COPY
   --------------------------------------------------------- */

.sst-info-heading__note{
  font-size:clamp(1rem,1vw,1.15rem);
  line-height:1.55;
}

.sst-answer-statement__lead{
  font-size:clamp(1.18rem,1.3vw,1.4rem) !important;
}


/* ---------------------------------------------------------
   FAQ QUICK NAV
   --------------------------------------------------------- */

.sst-info-jump a{
  font-size:clamp(.82rem,.8vw,.94rem);
}


/* ---------------------------------------------------------
   LOCATION NOTE
   --------------------------------------------------------- */

.sst-location-aside p{
  font-size:clamp(1rem,1vw,1.12rem);
  line-height:1.58;
}

.sst-location-aside strong{
  font-size:clamp(1.05rem,1vw,1.18rem);
}


/* ---------------------------------------------------------
   FINAL CTA
   --------------------------------------------------------- */

.sst-quote__inner > p:not(.sst-eyebrow):not(.sst-accent),
.sst-info-cta > p:not(.sst-eyebrow):not(.sst-accent){
  font-size:clamp(1.05rem,1.08vw,1.2rem);
  line-height:1.6;
}


/* =========================================================
   MOBILE
   Do NOT shrink everything into tiny phone typography
   ========================================================= */

@media(max-width:767px){

  .sst-events{
    font-size:17px;
  }

  .sst-events p{
    font-size:1rem;
    line-height:1.6;
  }

  .sst-lede{
    font-size:1.06rem;
  }

  .sst-eyebrow{
    font-size:.78rem;
  }

  .sst-trust p{
    font-size:.96rem;
  }

  .sst-event-card__body p{
    font-size:1rem;
  }

  .sst-proof{
    font-size:.96rem;
  }

  .sst-answer p,
  .sst-answer-note p,
  .sst-answer-feature p,
  .sst-answer-statement p{
    font-size:1rem;
    line-height:1.62;
  }

  .sst-answer h4,
  .sst-answer-note h4{
    font-size:1.45rem;
  }

  .sst-answer-feature h4,
  .sst-answer-statement h4{
    font-size:1.6rem;
  }

  .sst-info-heading__note{
    font-size:1rem;
  }

  .sst-payment-callout,
  .sst-offer__copy{
    font-size:.95rem;
  }

  .sst-info-jump a{
    font-size:.8rem;
  }

}/* End custom CSS */