/* Experiences pages: /retro-mirror-experience, /glam, /1920-vintage-photo-booth, /rustic-vintage-photo-booth,
   /ipad-photo-booth, /experiences, /van. Every class here starts with xp-. Shared look stays in site.css. */


.xp-page { --xp-gold: #c4943f; --xp-text: 20px; --xp-lh: 28px; color: var(--black); }
.xp-script { font-family: var(--f-script); font-weight: 400; }
.xp-serif { font-family: var(--f-serif); font-weight: 400; }
.xp-rasella { font-family: "Rasella", var(--f-serif); font-weight: 400; }
.xp-roberta { font-family: "Roberta", var(--f-script); font-weight: 400; }
.xp-astrid { font-family: "Astrid", var(--f-serif); font-weight: 400; }
.xp-luxe { font-family: var(--f-luxe); }
.xp-luxe-w05 { font-family: "La Luxes Serif W05", var(--f-luxe); }
.xp-heart { font-family: "About Heart", var(--f-script); font-weight: 400; }
.xp-impact { font-family: Impact, "Arial Narrow Bold", "Arial Black", sans-serif; font-weight: 400; }

/* Copy blocks: Arial 20/28 with blank-line paragraph gaps, as on the live pages. */
.xp-copy { font: var(--xp-text)/var(--xp-lh) var(--f-body); }
.xp-copy p + p { margin-top: var(--xp-lh); }
.xp-copy ul, .xp-copy ol { margin: 0; padding-left: 69px; }
.xp-copy * + ul, .xp-copy * + ol, .xp-copy ul + p, .xp-copy ol + p { margin-top: var(--xp-lh); }
.xp-copy--tight * + ul, .xp-copy--tight * + ol, .xp-copy--tight ul + p, .xp-copy--tight ol + p { margin-top: 0; }
.xp-copy--spaced li + li { margin-top: var(--xp-lh); }
.xp-copy .xp-gap { margin-top: var(--xp-lh); }

/* Gold "BUILD YOUR PACKAGE" style button */
.xp-btn {
  display: inline-block; min-width: 253px; padding: 9px 8px; text-align: center; text-decoration: none;
  background: var(--xp-gold); color: var(--white); font: 18px/22px var(--f-body); letter-spacing: 1.8px; text-transform: uppercase;
}
.xp-btn:hover { background: var(--black); }

/* Thin black bar between a hero and the main section */
.xp-bar { height: 33px; background: var(--black); margin-bottom: 7px; }

/* ---------- Hero: title + intro on the left, photo slideshow on the right ---------- */
.xp-hero { position: relative; display: grid; grid-template-columns: 683px minmax(0, 1fr); min-height: 541px; overflow: hidden; background: var(--white); }
.xp-hero__text { padding: 50px 24px 40px 62px; position: relative; z-index: 1; }
.xp-hero__title { display: flex; align-items: baseline; flex-wrap: nowrap; white-space: nowrap; color: #000; line-height: 1; }
.xp-hero__title .xp-script { font-size: 68px; }
.xp-hero__title .xp-serif { font-size: 52px; margin-left: 10px; }
.xp-hero__title .xp-script--big { font-size: 100px; margin-left: 14px; line-height: 0.6; }
.xp-hero__copy { margin: 46px 0 0 67px; max-width: 545px; }
.xp-hero__btn { margin: 34px 0 0 145px; }
.xp-hero__media { position: relative; z-index: 2; margin: 12px 0 0; width: 793px; max-width: none; height: 515px; }

/* Rasella + Roberta "booth" titles (Heirloom, Craftsman, Classic iPad) */
.xp-hero__title--booth { align-items: flex-end; }
.xp-hero__title--booth .xp-rasella { font-size: 53px; line-height: 74px; }
.xp-hero__title--booth .xp-roberta { font-size: 68px; line-height: 1; margin-left: 14px; transform: translateY(-4px); }

/* Heirloom / Craftsman heroes: 544 | 436 columns of the 980 grid */
.xp-hero--booth { grid-template-columns: 739px minmax(0, 1fr); min-height: 530px; }
.xp-hero--booth .xp-hero__text { padding: 82px 24px 30px 96px; }
.xp-hero--booth .xp-hero__copy { margin: 38px 0 0 32px; max-width: 615px; }
.xp-hero--booth .xp-hero__media { margin: 0; width: 783px; height: 530px; }
.xp-hero--craftsman .xp-hero__text { padding-top: 140px; }
.xp-hero--craftsman .xp-hero__copy { margin: 56px 0 0 9px; max-width: 610px; line-height: 23px; }
.xp-hero--craftsman .xp-hero__btn { margin-left: 168px; }
.xp-hero--craftsman { grid-template-columns: 719px minmax(0, 1fr); min-height: 544px; }
.xp-hero--craftsman .xp-hero__media { width: 803px; height: 523px; margin-top: 11px; }

/* Slideshow box (behaviour is the shared .slideshow in site.css) */
.xp-slides { background: #e8e6e6; }

/* Classic iPad hero: text | photo | sideways "LET'S CELEBRATE" | photo */
.xp-ipad-hero { display: grid; grid-template-columns: 498px 400px 142px 400px; min-height: 576px; background: var(--white); overflow: hidden; }
.xp-ipad-hero__text { padding: 134px 20px 30px 59px; }
.xp-ipad-hero__text .xp-rasella { font-size: 53px; line-height: 74px; }
.xp-ipad-hero__copy { margin-top: 30px; max-width: 381px; font: 300 18px/1.4 var(--f-light); }
.xp-ipad-hero img { width: 400px; height: 555px; object-fit: cover; }
.xp-ipad-hero__side { display: flex; align-items: flex-start; justify-content: center; padding-top: 100px; }
.xp-ipad-hero__side p { writing-mode: vertical-rl; font: 35px/49px var(--f-luxe); text-transform: uppercase; white-space: nowrap; }

/* ---------- Main booth section ---------- */
.xp-booth { background: var(--white); padding: 30px 0 34px; }
.xp-booth__title--right { transform: translateX(76px); }
.xp-booth__title.xp-astrid { text-transform: none; }
.xp-booth__title { text-align: center; font-size: 46px; line-height: 1.2; color: #000; text-transform: uppercase; margin: 0 auto 48px; max-width: 980px; }
.xp-row {
  width: min(100%, 1226px); margin-left: max(0px, calc(50% - 720px));
  display: grid; grid-template-columns: 433px minmax(0, 771px); column-gap: 22px; align-items: start;
}
.xp-row + .xp-row { margin-top: 28px; }
.xp-row__side { display: flex; flex-direction: column; align-items: center; }
.xp-row__side img { width: auto; max-width: 100%; height: auto; }
.xp-row__side--pad { padding: 0 11px 0 49px; align-items: flex-start; }
.xp-row__side .xp-btn { margin-top: 40px; }
.xp-row__main > .xp-copy + .xp-copy { margin-top: var(--xp-lh); }
.xp-row__main > .xp-copy + .xp-copy--far { margin-top: calc(3 * var(--xp-lh)); }
.xp-row__main--best { padding-top: 8px; }
.xp-bestfor { font-size: 24px; line-height: 33.6px; text-transform: uppercase; margin: 0 0 6px -9px; }
.xp-best-wide { max-width: 967px; margin: 40px auto 0; padding-left: 0; }
.xp-best-wide .xp-copy ul { padding-left: 38px; }
.xp-copy ul.xp-list--best { padding-left: 33px; }

/* Classic iPad booth section */
.xp-booth--ipad { padding-top: 62px; }
.xp-booth--ipad .xp-row { grid-template-columns: 427px minmax(0, 807px); column-gap: 16px; width: min(100%, 1250px); }
.xp-booth--ipad .xp-row__side { align-items: flex-end; }
.xp-booth--ipad .xp-row--best .xp-row__side { align-items: center; padding-top: 22px; }
.xp-booth__title--left { text-align: left; margin: 0 0 22px; font-size: 46px; }
.xp-copy--small { font-size: 18px; line-height: 25px; }
.xp-copy--small p + p { margin-top: 25px; }
.xp-row__main > .xp-copy + .xp-copy--near { margin-top: 20px; }
.xp-copy ul.xp-list--ipad { padding-left: 33px; }
.xp-copy ul.xp-list--best-ipad { padding-left: 69px; }
.xp-row + .xp-row--near { margin-top: 0; }
.xp-booth--ipad .xp-bestfor { margin-left: 3px; }
.xp-booth--ipad .xp-advantage { margin-top: 38px; width: min(100% - 2 * var(--gutter), 951px); }

/* "The EPic Advantage" box: gold veil, thin black border, soft shadow */
.xp-advantage {
  width: min(100% - 2 * var(--gutter), 957px); margin: 22px auto 0; padding: 14px 8px 18px;
  border: 1px solid var(--black); border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  background: linear-gradient(rgba(98, 74, 32, 0.12), rgba(98, 74, 32, 0) 70px), rgba(196, 148, 63, 0.25);
}
.xp-advantage--grey { background: linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0) 70px), rgba(250, 250, 250, 0.5); padding: 18px 16px 30px; }
.xp-advantage__title { text-align: center; font-size: 24px; line-height: 33.6px; text-transform: uppercase; margin-bottom: 4px; }
.xp-advantage .xp-copy ol, .xp-advantage .xp-copy ul { padding-left: 36px; }
.xp-advantage__close { text-align: center; text-transform: uppercase; }
.xp-advantage__close.xp-astrid { text-transform: none; }

/* ---------- "Got Questions? Ask Away" photo band ---------- */
.xp-ask { position: relative; height: 500px; display: flex; align-items: center; justify-content: center; padding: 0 var(--gutter); background: var(--black) center / cover no-repeat; background-attachment: fixed; }
.xp-ask__box { width: 568px; max-width: 100%; border: 2px solid var(--white); padding: 34px 18px 30px; text-align: center; color: var(--white); }
.xp-ask__title { font: 46px/1.1 var(--f-luxe); text-transform: uppercase; }
.xp-ask__link { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; min-height: 45px; padding: 0 12px; color: inherit; text-decoration: none; font: 15px/1 "Greenold", var(--f-serif); letter-spacing: 3.75px; text-transform: uppercase; }
.xp-ask__link:hover { opacity: 0.75; }
.xp-ask--gold .xp-ask__box { border-color: var(--xp-gold); background: rgba(255, 255, 255, 0.0); color: var(--xp-gold); }
.xp-ask--gold .xp-ask__link { font-weight: 700; }
.xp-arrow { display: inline-block; width: 36px; height: 12px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.2; }

/* ---------- FAQ (replaces the Wix FAQ app; answers are static <details>) ---------- */
.xp-faq { background: var(--white); padding: 62px var(--gutter) 46px; }
.xp-faq__box { max-width: 980px; margin: 0 auto; padding: 32px 32px 18px; background: #fdfdfd; }
.xp-faq__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.xp-faq__title { font: 32px/38.4px var(--f-luxe); text-transform: uppercase; }
.xp-faq__search { position: relative; flex: 0 1 280px; border-bottom: 1px solid var(--black); display: flex; align-items: center; }
.xp-faq__search input { flex: 1; min-width: 0; border: 0; background: none; font: 16px/1.4 var(--f-body); padding: 10px 28px 8px 0; color: var(--black); }
.xp-faq__search input::placeholder { color: var(--black); opacity: 1; }
.xp-faq__search svg { position: absolute; right: 0; width: 20px; height: 20px; pointer-events: none; }
.xp-faq__tabs { list-style: none; margin: 34px 0 24px; padding: 0; display: flex; gap: 0; overflow-x: auto; scrollbar-width: none; }
.xp-faq__tabs li { flex: none; }
.xp-faq__tabs a, .xp-faq__tabs span { display: block; padding: 11px 28px 12px; font: 16px/1.4 var(--f-body); color: var(--black); text-decoration: none; border-bottom: 3px solid transparent; white-space: nowrap; }
.xp-faq__tabs a:hover { color: var(--xp-gold); }
.xp-faq__tabs .is-active { color: var(--xp-gold); border-bottom-color: var(--xp-gold); }
.xp-faq__item { border: 1px solid #c9a96e; margin-bottom: 12px; background: var(--white); }
.xp-faq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px 30px 23px 24px; font: 20px/1.4 var(--f-body); }
.xp-faq__item summary::-webkit-details-marker { display: none; }
.xp-faq__item summary::after { content: ""; flex: none; width: 11px; height: 11px; border: solid var(--black); border-width: 0 1.5px 1.5px 0; transform: translateY(-4px) rotate(45deg); }
.xp-faq__item[open] summary::after { transform: translateY(3px) rotate(-135deg); }
.xp-faq__answer { padding: 0 30px 26px 24px; font: 16px/1.5 var(--f-body); }
.xp-faq__answer p + p, .xp-faq__answer ul { margin-top: 0; }
.xp-faq__answer ul { padding-left: 24px; margin: 0; }
.xp-faq__empty { padding: 12px 0 24px; }

/* ---------- The Icon Experience (/glam) ---------- */
.xp-icon-intro { background: var(--white); padding: 34px 0 80px; }
.xp-icon-intro__inner { max-width: 980px; margin: 0 auto; padding: 0 var(--gutter); }
.xp-icon-title { display: flex; align-items: flex-end; margin-left: 15px; line-height: 1; color: #000; }
.xp-icon-title .xp-script { font-size: 68px; }
.xp-icon-title .xp-impact { font-size: 81px; line-height: 97px; margin-left: 4px; }
.xp-icon-title .xp-script--big { font-size: 100px; margin-left: 6px; transform: translateY(-12px); }
.xp-icon-intro__tag { margin: 0 0 0 94px; font: 20px/1.2 var(--f-body); }
.xp-h6 { font: 700 26px/36.4px var(--f-luxe); text-transform: uppercase; }
.xp-icon-intro h2.xp-h6 { margin-top: 66px; }
.xp-icon-intro h2.xp-h6 + .xp-copy { margin-left: 46px; }
.xp-icon-intro .xp-copy ul { padding-left: 83px; }
.xp-icon-intro__cta { text-align: center; margin-top: 52px; }

.xp-looks { background: #e8e6e6; padding: 46px 0 42px; }
.xp-looks__title { display: flex; justify-content: center; align-items: center; gap: 0 40px; color: #000; line-height: 1; }
.xp-looks__title .xp-script { font-size: 100px; }
.xp-looks__title .xp-impact { font-size: 81px; line-height: 97px; }
.xp-looks__sub { max-width: 980px; margin: 52px auto 50px; padding: 0 var(--gutter); text-align: center; }
.xp-look { display: grid; grid-template-columns: 432px 432px minmax(0, 1fr); background: #fafafa; }
.xp-look + .xp-look { margin-top: 32px; }
.xp-look__cell { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; padding: 26px 4px 30px; font: 24px/33.6px var(--f-body); }
.xp-look__cell--dark { background: #000; color: var(--white); }
.xp-look__cell--light { background: #fcfcfc; }
.xp-look__cell--white { background: var(--white); }
.xp-look__cell h3 { font: 700 40px/56px var(--f-luxe); text-transform: uppercase; }
.xp-look__cell .xp-h6 { margin-top: 44px; }
.xp-look__cell h3 + p + .xp-h6 { margin-top: 48px; }
.xp-look__cell .xp-h6:first-child { margin-top: 0; }
.xp-look__cell p { margin-top: 0; }
.xp-look__cell p + p { margin-top: 30px; }
.xp-look__cell .xp-h6 + p { margin-top: 2px; }
.xp-look__media { background: #ccc; padding: 8px 0 20px; }
.xp-look__media--white { background: var(--white); padding: 18px 0 0; }
.xp-look__media--grey { padding: 18px 0 25px; }
.xp-look__media .xp-slides { width: 100%; aspect-ratio: 591 / 384; }

.xp-elevate { background: var(--glitter) center / cover; padding: 46px 0; }
.xp-elevate__inner { background: var(--black); color: var(--white); text-align: center; padding: 48px var(--gutter) 42px; }
.xp-elevate h2 { font: 36px/50.4px var(--f-serif); text-transform: uppercase; }
.xp-elevate p { max-width: 1098px; margin: 22px auto 0; font: 24px/34px var(--f-body); }
.xp-elevate .xp-btn { min-width: 0; width: min(100%, 641px); margin-top: 38px; font-size: 16px; letter-spacing: 2.4px; }

/* ---------- /experiences: booth cards ---------- */
.xp-explore { background: var(--white); padding: 44px var(--gutter) 46px; text-align: center; }
.xp-explore__title { display: inline-flex; align-items: flex-end; line-height: 1; color: #000; }
.xp-explore__title .xp-serif { font-size: 50px; line-height: 70px; }
.xp-explore__title .xp-script { font-size: 64px; margin-left: 12px; transform: translateY(-6px); }
.xp-explore__rule { width: 284px; height: 1px; background: var(--black); margin: 14px auto 0; border: 0; }
.xp-explore p { max-width: 590px; margin: 26px auto 0; font: 300 18px/1.4 var(--f-light); }
.xp-collection { background: #fafafa; padding: 40px var(--gutter) 30px; text-align: center; }
.xp-collection + .xp-collection { padding-top: 28px; }
.xp-collection__title { display: inline-flex; align-items: flex-end; line-height: 1; color: #000; }
.xp-collection__title .xp-heart { font-size: 64px; }
.xp-collection__title .xp-serif, .xp-collection__title .xp-rasella { font-size: 50px; line-height: 70px; }
.xp-collection__title .xp-serif { margin-left: 10px; }
.xp-collection__title .xp-rasella { margin: 0 14px 0 22px; }
.xp-collection__sub { font: 20px/28px var(--f-luxe); text-transform: uppercase; margin: 0 0 0 110px; }
.xp-cards { list-style: none; margin: 40px auto 0; padding: 0; max-width: 1342px; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.xp-cards--left { justify-content: flex-start; margin-top: 30px; }
.xp-cards li { flex: 0 0 434px; max-width: 100%; }
.xp-card { display: block; background: var(--white); padding: 10px 16px 0; text-decoration: none; color: var(--black); }
.xp-card img { width: 100%; aspect-ratio: 402 / 277; object-fit: cover; }
.xp-card span { display: block; padding: 4px 0 8px; font: 20px/28px var(--f-luxe); letter-spacing: 2px; text-transform: uppercase; }
.xp-card:hover span { color: var(--xp-gold); }
.xp-heart--bold { font-weight: 700; }
.xp-bar--end { margin: 0; height: 40px; }

/* ---------- /van ---------- */
.xp-video { background: #020200; display: flex; justify-content: center; padding: 0 0 23px; }
.xp-video video { width: 980px; max-width: 100%; aspect-ratio: 980 / 500; object-fit: cover; background: #000; }
.xp-about { background: var(--white); padding: 40px var(--gutter) 46px; }
.xp-about__block { max-width: 947px; margin: 0 auto; font: 18px/25px var(--f-body); }
.xp-about__block + .xp-about__block { margin-top: 92px; }
.xp-about h2 { font: 38px/1.2 var(--f-luxe); text-transform: uppercase; text-align: center; margin: 0 -40px 4px; }
.xp-about h2 a { color: inherit; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.xp-about__lead { text-align: center; line-height: 1.8; }
.xp-about ul { margin: 0; padding-left: 33px; }
.xp-about * + ul { margin-top: 25px; }
.xp-about--tight * + ul { margin-top: 0; }
.xp-questions { background: var(--glitter) center / cover; padding: 30px var(--gutter) 30px; }
.xp-questions__box { max-width: 762px; margin: 0 auto; border: 2px solid var(--black); background: rgba(255, 255, 255, 0.65); text-align: center; padding: 10px 16px 18px; }
.xp-questions__title { font: 46px/1.1 "Elegant Golden Script", var(--f-script); }
.xp-questions__title a { color: #000; text-decoration: none; }
.xp-questions p:not(.xp-questions__title) { font: 20px/28px var(--f-body); margin-top: 18px; }
.xp-questions__btn { display: inline-flex; align-items: center; justify-content: center; width: 210px; min-height: 45px; margin-top: 22px; background: #2b2a2a; color: var(--white); text-decoration: none; font: 300 15px/1 var(--f-light); }
.xp-questions__btn:hover { background: var(--black); }

/* ---------- Phone and small tablet ---------- */
@media (max-width: 1100px) {
  .xp-page { --xp-text: 17px; --xp-lh: 24px; }
  .xp-copy ul, .xp-copy ol { padding-left: 24px; }
  .xp-copy--spaced li + li { margin-top: 12px; }

  .xp-hero, .xp-hero--booth, .xp-hero--craftsman { display: block; min-height: 0; }
  .xp-hero__text, .xp-hero--booth .xp-hero__text, .xp-hero--craftsman .xp-hero__text { padding: 32px var(--gutter) 28px; }
  .xp-hero__title { flex-wrap: wrap; white-space: normal; justify-content: center; text-align: center; }
  .xp-hero__title .xp-script { font-size: clamp(40px, 11vw, 68px); }
  .xp-hero__title .xp-serif { font-size: clamp(30px, 8.4vw, 52px); }
  .xp-hero__title .xp-script--big { font-size: clamp(52px, 15vw, 100px); line-height: 1; }
  .xp-hero__title--booth .xp-rasella { font-size: clamp(30px, 8.6vw, 53px); line-height: 1.3; }
  .xp-hero__title--booth .xp-roberta { font-size: clamp(42px, 11vw, 68px); }
  .xp-hero__copy, .xp-hero--booth .xp-hero__copy, .xp-hero--craftsman .xp-hero__copy { margin: 24px 0 0; max-width: none; }
  .xp-hero__btn, .xp-hero--craftsman .xp-hero__btn { margin: 28px 0 0; display: flex; justify-content: center; }
  .xp-hero__media, .xp-hero--booth .xp-hero__media, .xp-hero--craftsman .xp-hero__media { width: 100%; height: auto; margin: 0; aspect-ratio: 793 / 515; }

  .xp-ipad-hero { grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 var(--gutter) 24px; }
  .xp-ipad-hero__text { grid-column: 1 / -1; padding: 32px 0 12px; text-align: center; }
  .xp-ipad-hero__text .xp-hero__title--booth { justify-content: center; }
  .xp-ipad-hero__copy { margin: 20px auto 0; }
  .xp-ipad-hero img { width: 100%; height: auto; aspect-ratio: 400 / 555; }
  .xp-ipad-hero__side { grid-column: 1 / -1; grid-row: 2; padding: 0; }
  .xp-ipad-hero__side p { writing-mode: horizontal-tb; font-size: clamp(24px, 7vw, 35px); }

  .xp-booth { padding: 28px var(--gutter) 34px; }
  .xp-booth__title { font-size: clamp(28px, 7.4vw, 46px); margin-bottom: 26px; }
  .xp-booth__title--right { transform: none; }
  .xp-row { display: flex; flex-direction: column; gap: 24px; margin: 0 auto; width: 100%; }
  .xp-row--btn-last { flex-direction: column-reverse; }
  .xp-row__side, .xp-row__side--pad { padding: 0; align-items: center; width: 100%; }
  .xp-row__side img { max-width: min(100%, 427px); }
  .xp-row__side .xp-btn { margin-top: 0; }
  .xp-row__main { width: 100%; }
  .xp-booth--ipad .xp-row__side { align-items: center; }
  .xp-booth__title--left { text-align: center; font-size: clamp(28px, 7.4vw, 46px); }
  .xp-copy--small { font-size: 17px; line-height: 24px; }
  .xp-copy ul.xp-list--ipad, .xp-copy ul.xp-list--best-ipad { padding-left: 24px; }
  .xp-booth--ipad .xp-row--best .xp-row__side { padding-top: 0; }
  .xp-booth--ipad { padding-top: 34px; }
  .xp-row__main > .xp-copy + .xp-copy--far { margin-top: var(--xp-lh); }
  .xp-bestfor { margin-left: 0; }
  .xp-best-wide { margin-top: 28px; }
  .xp-best-wide .xp-copy ul, .xp-copy ul.xp-list--best { padding-left: 24px; }
  .xp-advantage, .xp-booth--ipad .xp-advantage { width: 100%; }
  .xp-advantage__title { font-size: 20px; line-height: 1.4; }
  .xp-advantage .xp-copy ol, .xp-advantage .xp-copy ul { padding-left: 24px; }

  .xp-ask { height: auto; min-height: 320px; padding: 60px var(--gutter); background-attachment: scroll; }
  .xp-ask__title { font-size: clamp(32px, 9vw, 46px); }

  .xp-faq { padding: 40px 0 34px; }
  .xp-faq__box { padding: 24px var(--gutter) 12px; }
  .xp-faq__title { font-size: clamp(24px, 6.6vw, 32px); line-height: 1.2; }
  .xp-faq__search { flex: 1 1 100%; }
  .xp-faq__tabs { margin: 22px calc(-1 * var(--gutter)) 18px; padding: 0 var(--gutter); }
  .xp-faq__tabs a, .xp-faq__tabs span { padding: 11px 14px 12px; }
  .xp-faq__item summary { padding: 18px 16px; font-size: 17px; }
  .xp-faq__answer { padding: 0 16px 20px; }

  .xp-icon-intro { padding: 30px 0 50px; }
  .xp-icon-title { justify-content: center; margin-left: 0; flex-wrap: wrap; }
  .xp-icon-title .xp-script { font-size: clamp(40px, 11vw, 68px); }
  .xp-icon-title .xp-impact { font-size: clamp(50px, 13vw, 81px); line-height: 1.2; }
  .xp-icon-title .xp-script--big { font-size: clamp(56px, 15vw, 100px); transform: translateY(-8px); }
  .xp-icon-intro__tag { margin: 4px 0 0; text-align: center; font-size: 17px; }
  .xp-h6 { font-size: 22px; line-height: 1.4; }
  .xp-icon-intro h2.xp-h6 { margin-top: 40px; }
  .xp-icon-intro h2.xp-h6 + .xp-copy { margin-left: 0; }
  .xp-icon-intro .xp-copy ul { padding-left: 24px; }
  .xp-icon-intro__cta { margin-top: 34px; }
  .xp-looks { padding: 34px 0; }
  .xp-looks__title { flex-wrap: wrap; gap: 0 14px; padding: 0 var(--gutter); }
  .xp-looks__title .xp-script { font-size: clamp(54px, 15vw, 100px); }
  .xp-looks__title .xp-impact { font-size: clamp(42px, 11.5vw, 81px); line-height: 1.2; }
  .xp-looks__sub { margin: 30px auto; }
  .xp-look { grid-template-columns: 1fr; }
  .xp-look__media { order: -2; padding: 0; }
  .xp-look__cell:nth-child(2) { order: -1; }
  .xp-look__cell { font-size: 18px; line-height: 1.4; padding: 26px var(--gutter); }
  .xp-look__cell h3 { font-size: 32px; line-height: 1.3; }
  .xp-look__cell .xp-h6, .xp-look__cell h3 + p + .xp-h6 { margin-top: 22px; }
  .xp-elevate { padding: 24px 0; }
  .xp-elevate h2 { font-size: clamp(24px, 6.4vw, 36px); line-height: 1.3; }
  .xp-elevate p { font-size: 18px; line-height: 1.45; }
  .xp-elevate .xp-btn { font-size: 15px; letter-spacing: 1.5px; }

  .xp-explore__title, .xp-collection__title { flex-wrap: wrap; justify-content: center; }
  .xp-explore__title .xp-serif { font-size: clamp(34px, 9vw, 50px); }
  .xp-explore__title .xp-script { font-size: clamp(42px, 11vw, 64px); }
  .xp-collection__title .xp-heart { font-size: clamp(42px, 11vw, 64px); }
  .xp-collection__title .xp-serif, .xp-collection__title .xp-rasella { font-size: clamp(30px, 8.4vw, 50px); line-height: 1.3; }
  .xp-collection__sub { margin: 8px 0 0; font-size: 17px; }
  .xp-cards, .xp-cards--left { justify-content: center; margin-top: 26px; }
  .xp-cards li { flex: 1 1 340px; max-width: 434px; }

  .xp-video { padding: 0; }
  .xp-about__block + .xp-about__block { margin-top: 52px; }
  .xp-about h2 { font-size: clamp(26px, 7vw, 38px); margin: 0 0 8px; }
  .xp-about__block { font-size: 17px; line-height: 24px; }
  .xp-about ul { padding-left: 24px; }
  .xp-questions__title { font-size: clamp(36px, 10vw, 46px); }
  .xp-questions p:not(.xp-questions__title) { font-size: 17px; line-height: 24px; }
}