/* Reversed PR brand layer. Matches the post-booking page exactly.
   Loaded after the Webflow stylesheet so it wins on conflicts. */
:root{
  --bg:#000000;--ink:#ffffff;--purple:#602989;--purple-bright:#8a3ec2;--purple-soft:#b98fd6;
  --purple-glow:rgba(96,41,137,.6);--surface:#0b0b0c;--surface-2:#141416;
  --line:#222226;--line-2:#2e2e34;--muted:#8b8b92;--muted-2:#5f5f66;
}

/* glossy black, not matte */
body,.body{background:#000!important;color:var(--ink)}
section,.section,.hero,.work,.process,.review,.contact,.faq,.footer{background-color:transparent!important}
[class*="bg-dark"],[style*="background-color: #202020"],[style*="background-color:#202020"]{background-color:#000!important}

/* the purple aurora that gives the post-booking page its depth */



/* surfaces pick up the same treatment as the post-booking cards */
.service-card,.process-card,.faq-item,.contact-form-block,.review-card{
  background:linear-gradient(160deg,var(--surface-2),var(--surface))!important;
  border:1px solid var(--line)!important}

/* ===== testimonial wall, cloned from the post-booking page ===== */
.rp-review{padding:40px 0}
.rp-head{max-width:760px;margin:0 0 40px}
.rp-sub{color:var(--muted);margin-top:14px;font-size:15.5px}
.rp-wall{overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rp-row{display:flex;gap:18px;width:max-content;will-change:transform}
.rp-tcard{width:330px;height:430px;flex:none;display:flex;flex-direction:column;
  border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(160deg,var(--surface-2),var(--surface));
  padding:26px;transition:border-color .35s,box-shadow .35s;overflow:hidden}
.rp-tcard:hover{border-color:rgba(138,62,194,.5);box-shadow:0 22px 50px rgba(0,0,0,.5)}
.rp-quote{font-size:42px;line-height:.55;color:var(--purple);font-weight:600;height:22px;flex:none}
.rp-tcard p{color:#d4d4da;font-size:14.5px;line-height:1.62;margin:14px 0 0;font-weight:300;flex:1;overflow:hidden}
.rp-who{display:flex;align-items:center;gap:12px;margin-top:18px;flex:none}
.rp-av{width:42px;height:42px;min-width:42px;border-radius:50%;flex:none;object-fit:cover;border:1px solid var(--line-2)}
.rp-nm{font-size:14px;font-weight:500;color:#fff;line-height:1.3}
.rp-rl{font-size:12px;color:var(--muted);line-height:1.3}
.rp-tag{margin-left:auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-soft);
  border:1px solid var(--line-2);border-radius:999px;padding:5px 10px;white-space:nowrap;flex:none}
.rp-video{padding:16px 16px 18px}
.rp-vwrap{position:relative;flex:1;border-radius:12px;overflow:hidden;background:#000;cursor:pointer;min-height:0}
.rp-vposter{width:100%;height:100%;object-fit:cover;display:block}
.rp-vwrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#000}
.rp-vwrap.playing video{display:block}
.rp-vwrap.playing .rp-vposter,.rp-vwrap.playing .rp-vplay{display:none}
.rp-vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;
  border:0;cursor:pointer;background:var(--purple);display:grid;place-items:center;
  box-shadow:0 0 0 8px rgba(96,41,137,.25),0 10px 30px rgba(0,0,0,.5);transition:background .3s}
.rp-vplay svg{width:21px;height:21px;margin-left:3px;fill:#fff}
.rp-vwrap:hover .rp-vplay{background:var(--purple-bright)}
.rp-video .rp-who{margin-top:14px;padding:0 4px}
@media(max-width:760px){.rp-tcard{width:290px;height:410px}}

/* ===== works: clickable placement carousel ===== */
.rp-work{padding:40px 0}
.rp-featwall{display:flex;flex-direction:column;gap:18px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rp-featrow{display:flex;gap:18px;width:max-content;will-change:transform}
.rp-feat{width:330px;flex:none;text-decoration:none;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);background:linear-gradient(160deg,var(--surface-2),var(--surface));
  transition:border-color .35s,box-shadow .35s,transform .35s;display:block}
.rp-feat:hover{border-color:rgba(138,62,194,.55);box-shadow:0 22px 50px rgba(0,0,0,.55);transform:translateY(-3px)}
.rp-feat-shot{height:196px;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.rp-feat-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.rp-feat-meta{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}
.rp-feat-who{font-size:14.5px;color:#fff;font-weight:400}
.rp-feat-go{font-size:11.5px;color:var(--muted);margin-top:8px;letter-spacing:.04em}
.rp-feat:hover .rp-feat-go{color:var(--purple-soft)}
@media(max-width:760px){.rp-feat{width:270px}.rp-feat-shot{height:164px}}

/* ===== contact form: the margins were collapsed ===== */
.contact-form-block{padding:34px 32px 36px !important;border-radius:18px !important}
.contact-form{display:flex !important;flex-direction:column !important;gap:16px !important}
.form-input{width:100% !important;padding:15px 18px !important;margin:0 !important;
  border-radius:12px !important;border:1px solid var(--line-2) !important;
  background:rgba(255,255,255,.03) !important;color:#fff !important;font-size:15px !important;
  line-height:1.5 !important;transition:border-color .25s,background .25s}
.form-input:focus{border-color:var(--purple-bright) !important;background:rgba(255,255,255,.055) !important;outline:none}
.form-input::placeholder{color:var(--muted-2) !important}
.form-input.textarea{min-height:132px !important;padding:15px 18px !important;resize:vertical}
.submit-button{margin-top:6px !important;padding:15px 26px !important;border-radius:999px !important;
  background:var(--purple) !important;color:#fff !important;border:0 !important;
  font-size:14.5px !important;font-weight:500 !important;letter-spacing:.02em;cursor:pointer;
  transition:background .25s,transform .25s;width:100% !important}
.submit-button:hover{background:var(--purple-bright) !important;transform:translateY(-1px)}
.w-form-done,.w-form-fail{border-radius:12px !important;padding:18px !important;margin-top:14px !important}

/* ===== Get Featured, rendered as a real button ===== */
.pricing-card-button,.pricing-card .w-button,a.pricing-button{
  display:inline-flex !important;align-items:center;justify-content:center;
  padding:13px 26px !important;border-radius:999px !important;
  background:var(--purple) !important;color:#fff !important;border:0 !important;
  font-size:14px !important;font-weight:500 !important;text-decoration:none !important;
  transition:background .25s,transform .25s;width:100%}
.pricing-card-button:hover,.pricing-card .w-button:hover,a.pricing-button:hover{
  background:var(--purple-bright) !important;transform:translateY(-1px)}
.social-button{border-radius:999px !important;padding:11px 22px !important;
  border:1px solid var(--line-2) !important;background:transparent !important;
  color:#fff !important;transition:border-color .25s,background .25s}
.social-button:hover{border-color:var(--purple-bright) !important;background:rgba(96,41,137,.18) !important}
.pricing-card-list-item{display:flex !important;align-items:flex-start;gap:11px;padding:7px 0 !important}
.pricing-card-list-item .icon-24px{width:18px;height:18px;margin-top:3px;flex:none}

/* the actual pricing CTA class in this export */
.pricing-subscribe-button{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:100% !important;padding:14px 26px !important;border-radius:999px !important;
  background:var(--purple) !important;color:#fff !important;border:0 !important;
  font-size:14px !important;font-weight:500 !important;letter-spacing:.02em;
  text-decoration:none !important;transition:background .25s,transform .25s}
.pricing-subscribe-button:hover{background:var(--purple-bright) !important;transform:translateY(-1px)}
.pricing-subscribe-button.bg-primary{background:var(--purple-bright) !important}
.pricing-subscribe-button.bg-primary:hover{background:var(--purple) !important}
.pricing-card-top-button-block{margin-top:18px !important;margin-bottom:20px !important}

/* typography inherits the site's own classes. only spacing is set here. */
.rp-head{max-width:820px;margin:0 0 40px}
.rp-head .section-title{margin-bottom:14px}
.rp-head .section-heading-block{margin-bottom:0}
.rp-sub{color:var(--muted);margin-top:16px;font-size:15.5px}
.rp-feat-pub{margin:0 0 2px !important;color:var(--purple-soft) !important}
.rp-feat-who{font-size:14px;color:var(--muted);font-weight:300}
.rp-feat:hover .rp-feat-pub{color:#fff !important}

/* ---- kill the dark pill behind the section eyebrows ---- */
.rp-head .section-title{background:none !important;background-color:transparent !important;
  box-shadow:none !important;border:0 !important;padding:0 !important;
  display:inline-flex !important;align-items:center;gap:9px}
.rp-head .section-title-dot{box-shadow:none !important;filter:none !important}


/* ---- publication names: normal letter spacing, no tracking ---- */
.rp-feat-pub{letter-spacing:normal !important;text-transform:none !important;
  font-size:19px !important;line-height:1.25 !important;font-weight:400 !important}

/* ---- all three pricing buttons identical ---- */
.pricing-subscribe-button,.pricing-subscribe-button.bg-primary{
  background:var(--purple) !important}
.pricing-subscribe-button:hover,.pricing-subscribe-button.bg-primary:hover{
  background:var(--purple-bright) !important}

/* ---- eyebrow label: restore visible text.
   .caption-text uses -webkit-text-fill-color:transparent with a gradient,
   so killing its background made the text invisible. ---- */
.rp-head .caption-text{
  -webkit-text-fill-color:#ffffff !important;
  background:none !important;background-image:none !important;
  color:#fffefe !important;font-size:17px !important;font-weight:500 !important}

/* ---- PERFORMANCE ----
   The previous aurora was a fixed full-viewport layer with ,
   which forces the compositor to re-blur on every scroll frame. This version
   uses soft gradient stops instead, so there is no blur pass at all. ---- */
body{background:
    radial-gradient(1200px 800px at 10% -10%, rgba(96,41,137,.30), transparent 60%),
    radial-gradient(1000px 700px at 95% 22%, rgba(138,62,194,.16), transparent 60%),
    radial-gradient(1100px 800px at 35% 105%, rgba(96,41,137,.14), transparent 60%),
    #000 !important;
  background-attachment:scroll !important}

/* skip layout and paint for sections still offscreen */
.rp-work,.rp-review,.contact,.faq{content-visibility:auto;contain-intrinsic-size:1px 900px}

/* promote only the two things that actually move */
.rp-featrow,.rp-row{backface-visibility:hidden;transform:translate3d(0,0,0)}
.rp-feat,.rp-tcard{contain:layout paint}
.rp-feat-shot img,.rp-tcard img{content-visibility:auto}

/* stop hover transitions from repainting large areas mid-scroll */
.rp-feat{transition:border-color .25s ease,box-shadow .25s ease !important}
.rp-feat:hover{transform:none !important}

@media (prefers-reduced-motion:reduce){
  .rp-featrow,.rp-row{transform:none !important}
}