body.wedding-page {
      --w-blush: #f5d8da;
      --w-rose: #bf777d;
      --w-dusty: #9f5f68;
      --w-champagne: #ead7ad;
      --w-ivory: #fff8ef;
      --w-mauve: #d8bfca;
      --w-gold: #b89154;
      --w-charcoal: #272321;
      --w-ink-soft: #6c615e;
      --w-forest: #173525;
      --w-white: #ffffff;
      --w-glass: rgba(255, 248, 239, 0.72);
      --w-border: rgba(184, 145, 84, 0.28);
      --w-shadow: 0 24px 80px rgba(76, 45, 43, 0.16);
      --w-shadow-soft: 0 14px 44px rgba(76, 45, 43, 0.11);
      --w-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
      --w-body: 'Outfit', 'Helvetica Neue', Arial, sans-serif;
      --w-script: 'Parisienne', cursive;
      --w-container: 1240px;
      --w-nav: 76px;
      --w-nav-small: 64px;
      --w-radius: 8px;
      --w-ease: cubic-bezier(0.16, 1, 0.3, 1);
      margin: 0;
      color: var(--w-charcoal);
      background:
        linear-gradient(180deg, #fff8ef 0%, #f9efea 38%, #fff8ef 100%);
      font-family: var(--w-body);
      line-height: 1.62;
      -webkit-font-smoothing: antialiased;
    }

    body.wedding-page *,
    body.wedding-page *::before,
    body.wedding-page *::after {
      box-sizing: border-box;
    }

    body.wedding-page img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    body.wedding-page main a {
      color: inherit;
      text-decoration: none;
    }

    body.wedding-page button {
      cursor: pointer;
      border: 0;
      background: none;
      font: inherit;
    }

    body.wedding-page h1,
    body.wedding-page h2,
    body.wedding-page h3,
    body.wedding-page p {
      margin: 0;
    }

    body.wedding-page h1,
    body.wedding-page h2,
    body.wedding-page h3 {
      color: var(--w-charcoal);
      font-family: var(--w-display);
      font-weight: 500;
      line-height: 1.05;
    }

    body.wedding-page :focus-visible {
      outline: 2px solid var(--w-dusty);
      outline-offset: 4px;
    }

    .wedding-page .w-container {
      width: min(100% - clamp(32px, 8vw, 96px), var(--w-container));
      margin-inline: auto;
    }

    .wedding-page .w-section {
      position: relative;
      padding-block: clamp(72px, 10vw, 132px);
      overflow: hidden;
      scroll-margin-top: var(--w-nav-small);
    }

    .wedding-page .w-label {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--w-dusty);
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .wedding-page .w-label::before {
      content: "";
      width: 38px;
      height: 1px;
      background: var(--w-gold);
    }

    .wedding-page .w-script {
      color: var(--w-rose);
      font-family: var(--w-script);
      font-size: clamp(2.3rem, 5vw, 5rem);
      font-weight: 400;
      line-height: 0.9;
    }

    .wedding-page .w-lede {
      color: var(--w-ink-soft);
      font-size: clamp(1.06rem, 1.8vw, 1.26rem);
      font-weight: 300;
      line-height: 1.75;
    }

    .wedding-page .w-btn {
      display: inline-flex;
      min-height: 50px;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 13px 24px;
      border: 1px solid transparent;
      border-radius: var(--w-radius);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      transition:
        background-color 180ms var(--w-ease),
        border-color 180ms var(--w-ease),
        color 180ms var(--w-ease),
        transform 180ms var(--w-ease),
        box-shadow 180ms var(--w-ease);
      white-space: nowrap;
    }

    .wedding-page .w-btn:active {
      transform: translateY(1px);
    }

    .wedding-page .w-btn--light {
      color: var(--w-charcoal);
      background: rgba(255, 248, 239, 0.92);
      border-color: rgba(255, 248, 239, 0.5);
    }

    .wedding-page .w-btn--light:hover {
      background: var(--w-champagne);
      transform: translateY(-2px);
    }

    .wedding-page .w-btn--outline {
      color: var(--w-ivory);
      border-color: rgba(255, 248, 239, 0.54);
      background: rgba(255, 248, 239, 0.08);
    }

    .wedding-page .w-btn--outline:hover {
      color: var(--w-charcoal);
      background: var(--w-ivory);
      transform: translateY(-2px);
    }

    .wedding-page .w-hero {
      position: relative;
      min-height: 88svh;
      display: flex;
      align-items: flex-end;
      overflow: hidden;
      padding: calc(var(--w-nav) + 88px) 0 72px;
      color: var(--w-ivory);
      background: var(--w-charcoal);
      isolation: isolate;
    }

    .wedding-page .w-hero__image,
    .wedding-page .w-hero__veil {
      position: absolute;
      inset: 0;
    }

    .wedding-page .w-hero__image {
      z-index: -2;
    }

    .wedding-page .w-hero__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      animation: w-hero-drift 18s ease-out both;
    }

    .wedding-page .w-hero__veil {
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(39, 35, 33, 0.86) 0%, rgba(39, 35, 33, 0.52) 48%, rgba(39, 35, 33, 0.18) 100%),
        linear-gradient(180deg, rgba(39, 35, 33, 0.12) 0%, rgba(39, 35, 33, 0.78) 100%);
    }

    .wedding-page .w-hero__content {
      width: min(820px, 100%);
      animation: w-rise 900ms var(--w-ease) 120ms both;
    }

    .wedding-page .w-hero .w-label,
    .wedding-page .w-hero h1,
    .wedding-page .w-hero p {
      color: var(--w-ivory);
    }

    .wedding-page .w-hero .w-label::before {
      background: var(--w-champagne);
    }

    .wedding-page .w-hero h1 {
      margin-top: 18px;
      font-size: clamp(3.4rem, 8.5vw, 7.2rem);
      letter-spacing: 0;
      text-wrap: balance;
    }

    .wedding-page .w-hero p {
      max-width: 34em;
      margin-top: 24px;
      color: rgba(255, 248, 239, 0.82);
      font-size: clamp(1.1rem, 2vw, 1.4rem);
      font-weight: 300;
    }

    .wedding-page .w-scroll {
      position: absolute;
      left: 50%;
      bottom: 22px;
      width: 1px;
      height: 44px;
      overflow: hidden;
      background: rgba(255, 248, 239, 0.28);
    }

    .wedding-page .w-scroll::after {
      content: "";
      display: block;
      width: 1px;
      height: 18px;
      background: var(--w-champagne);
      animation: w-scroll 1.8s ease-in-out infinite;
    }

    .about-page .about-hosts {
      overflow: visible;
      background:
        linear-gradient(135deg, rgba(245, 216, 218, 0.52), rgba(255, 248, 239, 0.86) 48%, rgba(216, 191, 202, 0.2));
    }

    .about-page .about-hosts::before {
      content: "";
      position: absolute;
      top: 46px;
      left: clamp(18px, 4vw, 58px);
      width: min(280px, 44vw);
      height: 160px;
      border-top: 1px solid rgba(184, 145, 84, 0.34);
      border-left: 1px solid rgba(184, 145, 84, 0.2);
      border-radius: 100% 0 0 0;
      transform: rotate(-3deg);
      pointer-events: none;
    }

    .about-page .about-hosts__grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
      gap: clamp(40px, 7vw, 96px);
      align-items: start;
    }

    .about-page .about-hosts__copy h2 {
      margin-top: 18px;
      max-width: 14ch;
      font-size: clamp(3rem, 6.4vw, 5.6rem);
      text-wrap: balance;
    }

    .about-page .about-hosts__copy .w-lede {
      margin-top: 28px;
      max-width: 38em;
    }

    .about-page .about-bio {
      display: grid;
      gap: 1.15em;
      max-width: 38em;
      margin-top: 28px;
      color: var(--w-ink-soft);
      font-size: 1.02rem;
      font-weight: 300;
      line-height: 1.78;
    }

    .about-page .about-signoff {
      margin-top: 36px;
      padding-top: 28px;
      border-top: 1px solid var(--w-border);
      max-width: 28em;
    }

    .about-page .about-signoff__name {
      color: var(--w-charcoal);
      font-family: var(--w-display);
      font-size: clamp(1.8rem, 3vw, 2.4rem);
      font-style: italic;
      font-weight: 500;
      line-height: 1.15;
    }

    .about-page .about-signoff__tagline {
      margin-top: 10px;
      color: var(--w-ink-soft);
      font-size: 0.98rem;
      font-weight: 300;
      line-height: 1.7;
    }

    .about-page .about-collage {
      position: relative;
      overflow: visible;
    }

    .about-page .about-collage__main {
      display: block;
      width: 100%;
      aspect-ratio: 3 / 4;
      object-fit: cover;
      border-radius: var(--w-radius);
      box-shadow: var(--w-shadow);
    }

    .about-page .about-collage__portrait {
      position: absolute;
      z-index: 2;
      right: -12%;
      bottom: -8%;
      width: 42%;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      object-position: center;
      border: 9px solid #fff;
      border-radius: var(--w-radius);
      box-shadow: var(--w-shadow-soft);
    }

    .wedding-page .w-final {
      position: relative;
      min-height: 72svh;
      display: flex;
      align-items: center;
      color: var(--w-ivory);
      background: var(--w-charcoal);
      isolation: isolate;
      overflow: hidden;
    }

    .wedding-page .w-final__image,
    .wedding-page .w-final__veil {
      position: absolute;
      inset: 0;
    }

    .wedding-page .w-final__image {
      z-index: -2;
    }

    .wedding-page .w-final__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .wedding-page .w-final__veil {
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(39, 35, 33, 0.88), rgba(39, 35, 33, 0.38)),
        linear-gradient(180deg, rgba(39, 35, 33, 0.18), rgba(39, 35, 33, 0.72));
    }

    .wedding-page .w-final__content {
      max-width: 760px;
      padding-block: 96px;
    }

    .wedding-page .w-final .w-label,
    .wedding-page .w-final h2,
    .wedding-page .w-final .w-lede {
      color: var(--w-ivory);
    }

    .wedding-page .w-final .w-label::before {
      background: var(--w-champagne);
    }

    .wedding-page .w-final h2 {
      margin-top: 18px;
      font-size: clamp(3.2rem, 7.4vw, 6.8rem);
      text-wrap: balance;
    }

    .wedding-page .w-final .w-lede {
      max-width: 580px;
      margin-top: 24px;
      color: rgba(255, 248, 239, 0.8);
    }

    .wedding-page .w-final__actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }

    .wedding-page [data-wedding-reveal] {
      opacity: 0;
      transform: translateY(26px);
      transition:
        opacity 700ms var(--w-ease),
        transform 700ms var(--w-ease);
      transition-delay: var(--w-reveal-delay, 0ms);
    }

    .wedding-page [data-wedding-reveal].is-visible {
      opacity: 1;
      transform: none;
    }

    @keyframes w-rise {
      from {
        opacity: 0;
        transform: translateY(28px);
      }
      to {
        opacity: 1;
        transform: none;
      }
    }

    @keyframes w-hero-drift {
      from { transform: scale(1.05); }
      to { transform: scale(1); }
    }

    @keyframes w-scroll {
      0% { transform: translateY(-20px); }
      55%,
      100% { transform: translateY(46px); }
    }

    @media (max-width: 960px) {
      .about-page .about-hosts__grid {
        grid-template-columns: 1fr;
      }

      .about-page .about-collage {
        padding-right: 6%;
        padding-bottom: 8%;
      }

      .about-page .about-collage__portrait {
        width: 36%;
        right: -4%;
        bottom: -4%;
        border-width: 8px;
      }
    }

    @media (max-width: 760px) {
      .wedding-page .w-hero {
        min-height: 78svh;
        padding-bottom: 56px;
      }

      .wedding-page .w-hero h1 {
        font-size: clamp(3.1rem, 14vw, 4.8rem);
      }

      .wedding-page .w-final__actions,
      .wedding-page .w-btn {
        width: 100%;
        white-space: normal;
        text-align: center;
      }
    }

    @media (max-width: 520px) {
      .wedding-page .w-container {
        width: min(100% - 28px, var(--w-container));
      }

      .wedding-page .w-section {
        padding-block: 64px;
      }

      .about-page .about-hosts__copy h2,
      .wedding-page .w-final h2 {
        font-size: clamp(2.7rem, 13vw, 4rem);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      body.wedding-page {
        scroll-behavior: auto;
      }

      .wedding-page *,
      .wedding-page *::before,
      .wedding-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }

      .wedding-page [data-wedding-reveal] {
        opacity: 1;
        transform: none;
      }
    }