/* ============================================
   SKYLARC WEBSITE - INDEX PAGE STYLES
   Design System from Figma
   ============================================ */

:root {
  /* Brand colors */
  --color-primary: #ff6600;
  --color-primary-dark: #e55a00;
  --color-primary-soft: #fff3eb;
  --color-primary-soft-hover: #ffe8d4;
  --color-white: #ffffff;
  --color-text-primary: #1f1a1d;
  --color-text-secondary: #605b5e;
  --color-text-muted: #6f6a6e;
  --color-surface-muted: #f9fafc;
  --color-border: #d8dae5;
  --color-border-input: #d9dce2;
  --color-bg-input: #ffffff;
  --color-bg-input-subtle: #fafafa;

  /* Typography */
  --font-primary: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-2xl: 24px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-normal: 1.5;
  --line-height-tight: 1.2;

  /* Type scale (Figma UI kit) */
  --type-display-size: 60px;
  --type-display-lh: 1.08;
  --type-display-ls: -0.03em;
  --type-h1-size: 40px;
  --type-h1-lh: 52px;
  --type-h1-ls: -0.02em;
  --type-h2-size: 24px;
  --type-h2-lh: 34px;
  --type-h2-ls: -0.02em;
  --type-h3-size: 22px;
  --type-h3-lh: 30px;
  --type-h3-ls: -0.02em;
  --type-body-lg-size: 18px;
  --type-body-lg-lh: 26px;
  --type-body-lg-ls: -0.18px;
  --type-body-size: 16px;
  --type-body-lh: 24px;
  --type-body-sm-size: 14px;
  --type-body-sm-lh: 20px;
  --type-body-sm-ls: -0.01em;
  --type-label-size: 16px;
  --type-label-lh: 24px;
  --type-caption-size: 12px;
  --type-caption-lh: 18px;

  /* Buttons */
  --btn-font: var(--font-primary);
  --btn-weight: var(--font-weight-semibold);
  --btn-radius: 9999px;
  --btn-radius-pill: 50px;
  --btn-lg-font: 16px;
  --btn-lg-lh: 24px;
  --btn-lg-py: 16px;
  --btn-lg-px: 32px;
  --btn-lg-min-h: 52px;
  --btn-lg-min-w: 160px;
  --btn-md-font: 14px;
  --btn-md-lh: 20px;
  --btn-md-h: 44px;
  --btn-md-px: 28px;
  --btn-md-min-w: 170px;
  --btn-sm-font: 14px;
  --btn-sm-lh: 20px;
  --btn-sm-h: 40px;
  --btn-sm-px: 12px;

  /* Inputs & controls */
  --input-font: var(--font-primary);
  --input-radius: 8px;
  --input-border: 1px solid var(--color-border-input);
  --input-color: var(--color-text-primary);
  --input-placeholder: var(--color-text-secondary);
  --input-bg: var(--color-bg-input);
  --input-font-size: 14px;
  --input-line-height: 20px;
  --input-px: var(--space-2);
  --input-h-lg: 52px;
  --input-h-md: 40px;
  --input-focus-border: var(--color-primary);
  --control-tab-py: var(--space-2);
  --control-tab-px: var(--space-3);
  --control-tab-radius: 100px;
  --control-tab-font: 16px;
  --control-tab-lh: 24px;
  --control-tab-active-bg: rgba(255, 102, 0, 0.12);
  --control-tab-active-color: #f60;
  --control-tab-idle-bg: var(--color-surface-muted);
  --control-tab-idle-color: var(--color-text-primary);

  /* 8px spacing scale (Figma Spacing & Grids) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;
  --space-11: 88px;
  --space-12: 96px;
  --space-13: 104px;
  --space-14: 112px;
  --space-15: 120px;
  --space-18: 144px;

  /* Responsive grid margins & gutters */
  --grid-margin-mobile: var(--space-2); /* 16px — standard ~365px mobile viewport */
  --mobile-gutter-x: var(--space-2);
  --mobile-section-y: 40px;
  --mobile-section-y-md: 60px;
  --mobile-section-y-lg: 80px;
  --grid-margin-tablet: var(--space-4);
  --grid-margin-desktop: var(--space-10);
  --grid-gutter-mobile: var(--space-2);
  --grid-gutter-tablet: var(--space-2);
  --grid-gutter-desktop: var(--space-3);
  --grid-columns-mobile: 4;
  --grid-columns-tablet: 8;
  --grid-columns-desktop: 12;

  /* Site shell (mobile-first; updated at breakpoints below) */
  --site-gutter-x: var(--grid-margin-mobile);
  --site-gutter: var(--grid-gutter-mobile);

  /* Layout aliases */
  --spacing-lg: var(--space-2);
  --spacing-xl: var(--space-3);
  --spacing-2xl: var(--space-4);
  --spacing-3xl: var(--space-6);
  --spacing-4xl: var(--space-18);
  --layout-section-padding-y: var(--space-18);
  --layout-split-column-gap: var(--space-11);
  --layout-heading-to-content: var(--space-6);

  /* Motion & elevation */
  --transition-base: 200ms ease-in-out;
  --transition-interactive: transform 220ms ease, box-shadow 220ms ease, background-color 220ms ease, color 220ms ease, border-color 220ms ease;
  --shadow-interactive: 0 8px 16px rgba(17, 17, 17, 0.12);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* Tablet 768+: 32px margins, 16px gutters */
@media (min-width: 768px) {
  :root {
    --site-gutter-x: var(--grid-margin-tablet);
    --site-gutter: var(--grid-gutter-tablet);
  }
}

/* Desktop 1280+: 80px side padding @ 1440 viewport → 232px @ 1920 (fluid between) */
@media (min-width: 1280px) {
  :root {
    --site-gutter-x: clamp(
      var(--grid-margin-desktop),
      calc(var(--grid-margin-desktop) + max(0px, 100vw - 1440px) * 152 / 480),
      232px
    );
    --site-gutter: var(--grid-gutter-desktop);
  }
}

/* Mobile (≤767px, ~365px): 16px side padding, 40px base section rhythm */
@media (max-width: 767px) {
  :root {
    --site-gutter-x: var(--mobile-gutter-x);
    --site-gutter: var(--space-2);
    --layout-section-padding-y: var(--mobile-section-y);
    --layout-heading-to-content: 24px;
    --home-section-radius: 16px;
  }
}

/* ============================================
   SPACING & GRID UTILITIES
   ============================================ */

.sk-page-gutter {
  padding-left: var(--site-gutter-x);
  padding-right: var(--site-gutter-x);
}

.sk-grid-gap {
  gap: var(--site-gutter);
}

.sk-grid-gap-lg {
  gap: var(--grid-gutter-desktop);
}

/* ============================================
   SKYLARC UI KIT — typography, buttons, inputs, controls
   ============================================ */

.type-display,
.hero__subtitle {
  font-family: var(--font-primary);
  font-size: var(--type-display-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--type-display-lh);
  letter-spacing: var(--type-display-ls);
  color: var(--color-text-primary);
}

.type-h1,
.section-1__title,
.section-2__title,
.section-3__title,
.section-4__title,
.section-5__title,
.section-6__title,
.section-7__content h2,
.sell-contact__title {
  font-family: var(--font-primary);
  font-size: var(--type-h1-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--type-h1-lh);
  letter-spacing: var(--type-h1-ls);
  color: var(--color-text-primary);
}

.type-h2,
.footer__newsletter-title,
.contact-page .contact-form-card h3 {
  font-family: var(--font-primary);
  font-size: var(--type-h2-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--type-h2-lh);
  letter-spacing: var(--type-h2-ls);
  color: var(--color-text-primary);
}

.type-h3,
.section-1__card-title,
.section-3__card-title,
.industry-card__title {
  font-family: var(--font-primary);
  font-size: var(--type-h3-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--type-h3-lh);
  letter-spacing: var(--type-h3-ls);
  color: var(--color-text-primary);
}

.type-body-lg,
.section-1__description,
.section-2__description,
.section-3__description,
.section-4__subtitle,
.section-5__subtitle,
.hero__description {
  font-family: var(--font-primary);
  font-size: var(--type-body-lg-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--type-body-lg-lh);
  letter-spacing: var(--type-body-lg-ls);
  color: var(--color-text-secondary);
}

.type-body,
.section-1__card-text,
.section-3__card-description,
.industry-card__text,
.section-7__content p {
  font-family: var(--font-primary);
  font-size: var(--type-body-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--type-body-lh);
  color: var(--color-text-secondary);
}

.type-body-sm,
.section-2__stat-label,
.navbar__link {
  font-family: var(--font-primary);
  font-size: var(--type-body-sm-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--type-body-sm-lh);
  letter-spacing: var(--type-body-sm-ls);
  color: var(--color-text-secondary);
}

.type-label {
  font-family: var(--font-primary);
  font-size: var(--type-label-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--type-label-lh);
  color: var(--color-text-primary);
}

.type-caption {
  font-family: var(--font-primary);
  font-size: var(--type-caption-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--type-caption-lh);
  color: var(--color-text-muted);
}

/* Unified text fields */
.sk-input,
.section-7__form input,
.sell-contact__form input,
.contact-page .form-group input,
.contact-page .form-group textarea,
.contact-page .pickup-form input,
.case-filter__search,
.case-filter__sort,
.auctions-listing__search,
.auctions-listing__sort {
  box-sizing: border-box;
  width: 100%;
  font-family: var(--input-font);
  font-size: var(--input-font-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--input-line-height);
  letter-spacing: var(--type-body-sm-ls);
  color: var(--input-color);
  background: var(--input-bg);
  border: var(--input-border);
  border-radius: var(--input-radius);
  outline: none;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.sk-input::placeholder,
.section-7__form input::placeholder,
.sell-contact__form input::placeholder,
.contact-page .form-group input::placeholder,
.contact-page .form-group textarea::placeholder,
.contact-page .pickup-form input::placeholder,
.case-filter__search::placeholder,
.auctions-listing__search::placeholder {
  color: var(--input-placeholder);
}

.sk-input:focus,
.section-7__form input:focus,
.sell-contact__form input:focus,
.contact-page .form-group input:focus,
.contact-page .form-group textarea:focus,
.contact-page .pickup-form input:focus,
.case-filter__search:focus,
.case-filter__sort:focus,
.auctions-listing__search:focus,
.auctions-listing__sort:focus {
  border-color: var(--input-focus-border);
  background: var(--color-bg-input);
  box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.12);
}

.sk-input--lg,
.section-7__form input,
.sell-contact__form input,
.contact-page .form-group input,
.contact-page .pickup-form input {
  min-height: var(--input-h-lg);
  padding: 0 var(--input-px);
}

.sk-textarea,
.contact-page .form-group textarea {
  min-height: 114px;
  padding: var(--space-2) var(--input-px);
  resize: vertical;
}

.sk-input--md,
.case-filter__search,
.case-filter__sort,
.auctions-listing__search,
.auctions-listing__sort {
  height: var(--input-h-md);
  padding: 0 var(--input-px);
}

.case-filter__sort,
.auctions-listing__sort {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
  cursor: pointer;
}

.case-filter__sort option,
.auctions-listing__sort option {
  font-family: var(--input-font);
  font-size: var(--input-font-size);
  line-height: var(--input-line-height);
  color: var(--input-color);
}

.contact-page .form-group input,
.contact-page .form-group textarea {
  background: var(--color-bg-input-subtle);
}

/* Pill tabs / segmented controls */
.sk-control,
.section-3__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--control-tab-py) var(--control-tab-px);
  border: none;
  border-radius: var(--control-tab-radius);
  font-family: var(--font-primary);
  font-size: var(--control-tab-font);
  font-weight: var(--font-weight-medium);
  line-height: var(--control-tab-lh);
  color: var(--control-tab-idle-color);
  background: var(--control-tab-idle-bg);
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition-interactive);
}

.sk-control--active,
.section-3__tab--active {
  background: var(--control-tab-active-bg);
  color: var(--control-tab-active-color);
}

.sk-control:not(.sk-control--active):hover,
.section-3__tab:not(.section-3__tab--active):hover {
  background: #f0f2f6;
}

/* ============================================
   HOME PAGE UX ASSURANCE OVERRIDES (FIGMA)
   ============================================ */
.home-page {
  --home-content-max: 1440px;
  --home-side-padding: var(--site-gutter-x);
  --home-section-radius: var(--space-4);
}

@media (min-width: 1280px) {
  .home-page .section-1__title,
  .home-page .section-2__title,
  .home-page .section-3__title,
  .home-page .section-4__title,
  .home-page .section-5__title,
  .home-page .section-6__title {
    font-size: min(50px, max(40px, calc(40px + max(0px, 100vw - 1440px) * 10 / 480)));
  }

  .home-page .section-1__description,
  .home-page .section-2__description,
  .home-page .section-3__description,
  .home-page .section-4__subtitle,
  .home-page .section-5__subtitle {
    font-size: min(23px, max(18px, calc(18px + max(0px, 100vw - 1440px) * 5 / 480)));
  }

  .home-page .section-7__content h2 {
    font-size: min(50px, max(40px, calc(40px + max(0px, 100vw - 1440px) * 10 / 480)));
  }

  .home-page .section-7__content p {
    font-size: min(23px, max(18px, calc(18px + max(0px, 100vw - 1440px) * 5 / 480)));
  }

  .home-page .section-2__stat-label {
    font-size: min(20px, max(16px, calc(16px + max(0px, 100vw - 1440px) * 4 / 480)));
  }

  .home-page .section-2__stat-number {
    font-size: min(80px, max(64px, calc(64px + max(0px, 100vw - 1440px) * 16 / 480)));
    line-height: 1.1;
  }

  .home-page .industry-card__title {
    font-size: min(26px, max(22px, calc(22px + max(0px, 100vw - 1440px) * 4 / 480)));
  }

  .home-page .industry-card__text {
    font-size: min(17px, max(14px, calc(14px + max(0px, 100vw - 1440px) * 3 / 480)));
  }
}

.home-page .home-main {
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  overflow: visible;
}

.home-page .hero {
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  margin: 0;
  border-radius: var(--home-section-radius);
  background-position: center center;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.home-page .hero__overlay {
  border-radius: inherit;
}

.home-page .hero__content {
  width: 100%;
  max-width: calc(100vw - (var(--home-side-padding) * 2));
  margin: 0 auto;
  padding: clamp(140px, 16vh, 190px) 0 clamp(72px, 11vh, 120px);
  animation-delay: 1.08s;
}

.home-page .hero__subtitle-wrapper {
  margin-bottom: var(--space-3);
}

.home-page .hero__subtitle {
  font-size: min(80px, max(48px, calc(60px + max(0px, 100vw - 1440px) * 20 / 480)));
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.home-page .hero__description-wrapper {
  margin-bottom: clamp(34px, 4vw, 52px);
}

.home-page .hero__description {
  font-size: min(30px, max(20px, calc(24px + max(0px, 100vw - 1440px) * 6 / 480))) !important;
  line-height: 1.42 !important;
}

.home-page .hero .navbar {
  width: 100%;
  padding: 0 var(--home-side-padding);
}

.home-page .hero .navbar__container {
  max-width: 100%;
}

.home-page .section-1,
.home-page .section-2,
.home-page .section-3,
.home-page .section-4-placeholder,
.home-page .section-5-placeholder,
.home-page .section-6-industries,
.home-page .section-7-newsletter,
.home-page .section-8-cta,
.home-page .footer {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--home-side-padding);
  padding-right: var(--home-side-padding);
}

.home-page .btn {
  transition: transform 220ms ease, box-shadow 220ms ease, background-color 220ms ease, color 220ms ease;
}

.home-page .btn:hover {
  transform: translateY(-1px);
}

/* Global full-width page layout (all site pages) */
body.home-page main,
body.sell-page main,
body.about-page main,
body.auctions-page main,
body.auction-single-page main,
body.case-studies-page main,
body.terms-page main,
body.privacy-policy-page main,
body.resources-page main {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

body.home-page main > section,
body.sell-page main > section,
body.about-page main > section,
body.auctions-page main > section,
body.auction-single-page main > section,
body.case-studies-page main > section,
body.terms-page main > section,
body.privacy-policy-page main > section,
body.resources-page main > section {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 1279px) {
  .home-page {
    --home-section-radius: var(--space-3);
  }

  .home-page .hero {
    min-height: 860px;
    height: min(100vh, 920px);
  }

  .home-page .hero__content {
    padding-top: clamp(124px, 14vh, 164px);
    padding-bottom: clamp(62px, 9vh, 90px);
  }

  .home-page .hero__subtitle {
    font-size: clamp(42px, 4vw, 52px);
    line-height: 1.1;
  }

  .home-page .hero__description {
    font-size: clamp(18px, 1.45vw, 21px) !important;
    line-height: 1.4 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page {
    --home-section-radius: var(--space-3);
  }

  .home-page .hero {
    min-height: 100vh;
    height: 100vh;
  }

  .home-page .hero__content {
    padding-top: clamp(120px, 15vh, 150px);
    padding-bottom: clamp(54px, 8vh, 80px);
  }

  .home-page .hero__subtitle {
    font-size: clamp(36px, 4.5vw, 44px);
    line-height: 1.14;
    letter-spacing: -0.02em;
  }

  .home-page .hero__description {
    font-size: clamp(16px, 2vw, 18px) !important;
    line-height: 1.45 !important;
  }

  .home-page .hero__cta {
    gap: var(--space-3);
    margin-top: var(--space-1);
  }
}

@media (max-width: 767px) {
  .home-page {
    --home-section-radius: var(--space-2);
  }

  .home-page .hero {
    min-height: 524px;
    height: auto;
    border-radius: 16px;
  }

  .home-page .hero__overlay {
    border-radius: 16px;
  }

  .home-page .hero .navbar {
    padding-left: 0;
    padding-right: 0;
  }

  .home-page .hero__content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-page .hero__subtitle {
    font-size: clamp(31px, 8vw, 38px);
    line-height: 1.16;
    letter-spacing: -0.015em;
  }

  .home-page .hero__description {
    font-size: clamp(14px, 4vw, 16px) !important;
    line-height: 1.42 !important;
  }

  .home-page .hero__cta {
    gap: var(--space-2);
  }
}

/* Auction single web: tighter header width + lower text + clear image row order */
@media (min-width: 1025px) {
  .auction-single-page .auction-single-layout {
    margin-top: 22px;
  }

  .auction-single-page .auction-single-banner {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto 14px;
  }

  .auction-single-page .auction-single-banner__copy {
    padding-top: 10px;
  }

  .auction-single-page .auction-single-top {
    display: block;
  }

  .auction-single-page .auction-single-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .auction-single-page .auction-single-main-image {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
  }

  .auction-single-page .auction-single-thumb-row {
    width: min(1200px, calc(100% - 40px));
    margin: 14px auto 0;
  }
}

/* Auction single page: use tablet banner styling on web view */
@media (min-width: 1025px) {
  .auction-single-page {
    background: #f6f7f9;
  }

  .auction-single-page .auction-single-main {
    width: min(980px, 100%);
    margin: 0 auto;
    padding-top: 10px;
  }

  .auction-single-page .auction-single-hero {
    padding-top: 0;
  }

  .auction-single-page .navbar {
    width: 100%;
    max-width: 100%;
  }

  .auction-single-page .navbar__container {
    border-radius: 14px;
  }

  .auction-single-page .auction-single-layout {
    margin: 12px auto 22px;
    padding: 18px;
    border-radius: 18px;
  }

  .auction-single-page .auction-single-banner {
    border-radius: 14px;
    padding: 18px 16px 16px;
    margin-bottom: 16px;
    width: 100%;
  }

  .auction-single-page .auction-single-banner__content {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
  }

  .auction-single-page .auction-single-banner__copy {
    max-width: 560px;
  }

  .auction-single-page .auction-single-banner h1 {
    margin: 0 0 10px;
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -0.02em;
  }

  .auction-single-page .auction-single-banner p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    max-width: 540px;
  }

  .auction-single-page .auction-single-banner__cta {
    display: inline-flex;
    width: auto;
    min-width: 170px;
    height: 42px;
    padding: 0 18px;
    font-size: 15px;
    line-height: 1;
  }

  .auction-single-page .auction-single-banner__bid {
    width: 250px;
    height: auto;
    margin: 0;
  }

  .auction-single-page .auction-single-breadcrumb {
    display: block;
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 28px;
  }

  .auction-single-page .auction-single-top {
    gap: var(--site-gutter);
    margin-bottom: 14px;
    justify-items: center;
  }

  .auction-single-page .auction-single-gallery {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
  }

  .auction-single-page .auction-single-main-image {
    width: 100%;
    max-width: 100%;
    height: 340px;
    border-radius: 12px;
  }

  .auction-single-page .auction-single-thumb-row {
    width: 100%;
    max-width: 100%;
    height: 84px;
    margin: 10px auto 0;
    border-radius: 10px;
  }

  .auction-single-page .auction-single-thumb-row img {
    height: 84px;
  }
}

/* Auction single web centering hard override (keeps ambulance centered in intro states) */
@media (min-width: 1025px) {
  .auction-single-page .auction-single-main-image {
    left: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  .auction-single-page .auction-single-top.auction-single-top-intro--ready .auction-single-main-image {
    transform: translateY(44px) !important;
  }

  .auction-single-page .auction-single-top.auction-single-top-intro--in .auction-single-main-image {
    animation: auctionSingleTopBottomIn 0.78s ease both !important;
    animation-delay: var(--auction-single-gallery-delay, 1.2s) !important;
  }
}

/* Auction single web view: match provided reference composition */
@media (min-width: 1025px) {
  .auction-single-page .auction-single-main {
    width: min(1400px, 100%);
  }

  .auction-single-page .auction-single-layout {
    margin: 10px auto 26px;
    padding: 18px 20px 22px;
    border-radius: 20px;
  }

  .auction-single-page .auction-single-banner {
    padding: 12px 12px 10px;
    margin-bottom: 12px;
    border-radius: 14px;
  }

  .auction-single-page .auction-single-banner__content {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 14px;
    align-items: start;
  }

  .auction-single-page .auction-single-breadcrumb {
    margin: 0 0 6px;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  .auction-single-page .auction-single-banner h1 {
    margin: 0 0 8px;
    font-size: clamp(40px, 3.1vw, 52px);
    line-height: 1.02;
    letter-spacing: -0.03em;
  }

  .auction-single-page .auction-single-banner p {
    margin: 0;
    max-width: 640px;
    font-size: 13px;
    line-height: 18px;
  }

  .auction-single-page .auction-single-banner__cta {
    width: 116px;
    height: 28px;
    margin-top: 8px;
    padding: 0 10px;
    font-size: 10px;
    line-height: 14px;
    border-radius: 999px;
  }

  .auction-single-page .auction-single-banner__bid {
    width: 320px;
    height: 96px;
    margin: 0;
    align-self: start;
  }

  .auction-single-page .auction-single-top {
    gap: var(--site-gutter);
    margin-bottom: 14px;
    justify-items: center;
  }

  .auction-single-page .auction-single-gallery {
    width: min(1280px, 100%);
    max-width: 1280px;
    margin: 0 auto;
    align-items: center;
  }

  .auction-single-page .auction-single-main-image {
    width: min(1280px, 100%);
    height: clamp(300px, 31vw, 430px);
    border-radius: 12px;
  }

  .auction-single-page .auction-single-thumb-row {
    width: min(1280px, 100%);
    height: clamp(52px, 5.6vw, 74px);
    margin: 10px auto 0;
    border-radius: 10px;
  }

  .auction-single-page .auction-single-thumb-row img {
    height: 100%;
    object-fit: cover;
  }
}

@keyframes auctionSingleCenteredImageInResponsive {
  from {
    opacity: 0;
    transform: translate(-50%, 44px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 1024px) {
  .auction-single-page .auction-single-top {
    justify-items: center;
  }

  .auction-single-page .auction-single-main-image {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: min(100%, 980px);
    max-width: 100%;
    margin: 0;
  }

  .auction-single-page .auction-single-top.auction-single-top-intro--ready .auction-single-main-image {
    transform: translate(-50%, 44px);
  }

  .auction-single-page .auction-single-top.auction-single-top-intro--in .auction-single-main-image {
    animation: auctionSingleCenteredImageInResponsive 0.78s ease both;
    animation-delay: var(--auction-single-gallery-delay, 1.2s);
  }
}

@media (max-width: 767px) {
  .auction-single-page .auction-single-main-image {
    width: min(100%, 640px);
  }
}

/* Auction single: desktop/web responsive centered gallery */
@media (min-width: 1025px) {
  .auction-single-page .auction-single-top {
    justify-items: center;
  }

  .auction-single-page .auction-single-gallery {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    align-items: center;
  }

  .auction-single-page .auction-single-main-image {
    position: relative;
    left: auto;
    transform: none;
    width: min(1280px, calc(100% - 32px));
    height: clamp(420px, 42vw, 600px);
    margin: 0 auto;
  }

  .auction-single-page .auction-single-thumb-row {
    width: min(1280px, calc(100% - 32px));
    height: clamp(84px, 8vw, 120px);
    margin: 12px auto 0;
    transform: none;
  }

  .auction-single-page .auction-single-thumb-row img {
    height: 100%;
  }
}

/* Upcoming auctions search + filter same-line sizing fix */
@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--search {
    grid-column: 1 / 2 !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__filter-trigger {
    grid-column: 2 / 3 !important;
    display: grid !important;
    place-items: center;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    align-self: center !important;
    justify-self: stretch;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--search {
    grid-column: 1 / 2 !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__filter-trigger {
    grid-column: 2 / 3 !important;
    display: grid !important;
    place-items: center;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    align-self: center !important;
    justify-self: stretch;
  }
}

/* Upcoming auctions icon-only filter trigger */
.upcoming-auctions-page .past-auction-toolbar__filter-trigger {
  display: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.upcoming-auctions-page .past-auction-toolbar__filter-trigger img {
  display: block;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__filter-trigger {
    display: grid !important;
    place-items: center;
    align-self: center;
  }

  .upcoming-auctions-page .past-auction-toolbar__filter-trigger img {
    width: 50px !important;
    height: 50px !important;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__filter-trigger {
    display: grid !important;
    place-items: center;
    align-self: center;
  }

  .upcoming-auctions-page .past-auction-toolbar__filter-trigger img {
    width: 50px !important;
    height: 50px !important;
  }
}

/* Final forced filter icon size */
@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--filter-icon img {
    width: 64px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--filter-icon img {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
}

/* Upcoming auctions filter icon size tweak */
@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon img {
    width: 38px !important;
    height: 38px !important;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon img {
    width: 38px !important;
    height: 38px !important;
  }
}

/* Upcoming auctions filter toggle final behavior */
.upcoming-auctions-page .past-auction-toolbar__item--filter-icon {
  display: none !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 8px !important;
    align-items: center;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--search {
    grid-column: 1 / 2 !important;
    min-height: 52px;
    padding: 0 12px;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--filter-icon {
    grid-column: 2 / 3;
    display: flex !important;
    width: 52px;
    height: 52px;
    min-height: 52px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--filter-icon img {
    width: 22px !important;
    height: 22px !important;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--option {
    display: none !important;
    grid-column: 1 / -1;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible.filters-open .past-auction-toolbar__item--option {
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar--collapsible {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 8px !important;
    align-items: center;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--search {
    grid-column: 1 / 2 !important;
    min-height: 52px;
    padding: 0 12px;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--filter-icon {
    grid-column: 2 / 3;
    display: flex !important;
    width: 52px;
    height: 52px;
    min-height: 52px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--filter-icon img {
    width: 22px !important;
    height: 22px !important;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible .past-auction-toolbar__item--option {
    display: none !important;
    grid-column: 1 / -1;
  }

  .upcoming-auctions-page .past-auction-toolbar--collapsible.filters-open .past-auction-toolbar__item--option {
    display: flex !important;
  }
}

/* Upcoming auctions filter icon final visibility fix */
.upcoming-auctions-page .past-auction-toolbar__item--filter-icon {
  display: none !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .past-auction-toolbar__item--option {
    display: none !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon {
    display: flex !important;
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon img {
    width: 24px !important;
    height: 24px !important;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar__item--option {
    display: none !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon {
    display: flex !important;
    width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon img {
    width: 22px !important;
    height: 22px !important;
  }
}

/* Upcoming auctions page: remove hero banner image */
.upcoming-auctions-page .auctions-hero {
  background: #ffffff !important;
}

.upcoming-auctions-page .auctions-hero::before,
.upcoming-auctions-page .auctions-hero__overlay {
  display: none !important;
}

.upcoming-auctions-page .auctions-hero__content h1 {
  color: #1f1a1d;
}

.upcoming-auctions-page .auctions-hero__content p,
.upcoming-auctions-page .upcoming-auctions__crumb {
  color: #605b5e;
}

/* Upcoming auctions hero final mobile fix */
@media (max-width: 767px) {
  .upcoming-auctions-page .auctions-hero {
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  .upcoming-auctions-page .auctions-hero__overlay {
    display: none !important;
  }

  .upcoming-auctions-page .auctions-hero__content {
    padding: 86px 16px 14px !important;
  }

  .upcoming-auctions-page .upcoming-auctions__crumb {
    margin: 0 0 8px !important;
    font-size: 11px !important;
    line-height: 16px !important;
    color: #605b5e !important;
  }

  .upcoming-auctions-page .auctions-hero__content h1 {
    margin: 0 0 6px !important;
    font-size: 36px !important;
    line-height: 40px !important;
    color: #1f1a1d !important;
  }

  .upcoming-auctions-page .auctions-hero__content p {
    margin: 0 !important;
    max-width: 320px !important;
    font-size: 12px !important;
    line-height: 17px !important;
    color: #312a2f !important;
  }

  .upcoming-auctions-page .auctions-listing-section {
    padding-top: 8px !important;
  }

  .upcoming-auctions-page .auctions-market-overlay {
    margin-top: 0 !important;
  }

  .upcoming-auctions-page .auctions-market-overlay__grid {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
  }

  .upcoming-auctions-page .auctions-market-overlay__grid span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Upcoming auctions filter icon (tablet + mobile) */
.upcoming-auctions-page .past-auction-toolbar__item--filter-icon {
  display: none;
}

.upcoming-auctions-page .past-auction-toolbar__item--option {
  display: flex;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .past-auction-toolbar {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 8px !important;
    align-items: center;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--search {
    grid-column: auto !important;
    min-height: 44px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--option {
    display: none !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon {
    display: flex !important;
    width: 52px;
    height: 52px;
    min-height: 52px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon img {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 8px !important;
    align-items: center;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--search {
    grid-column: auto !important;
    min-height: 44px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--option {
    display: none !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon {
    display: flex !important;
    width: 52px;
    height: 52px;
    min-height: 52px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--filter-icon img {
    width: 22px;
    height: 22px;
  }
}

/* Upcoming auctions filters final mobile fix */
@media (max-width: 767px) {
  .upcoming-auctions-page .past-auction-toolbar {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__item,
  .upcoming-auctions-page .past-auction-toolbar__item--search {
    width: 100%;
    min-height: 40px;
    height: auto;
    padding: 10px 12px;
    box-sizing: border-box;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--search {
    grid-column: auto !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__item span,
  .upcoming-auctions-page .past-auction-toolbar__item--search span {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 16px;
  }

  .upcoming-auctions-page .auctions-hero {
    min-height: 0;
    height: auto;
    margin-top: 0;
    border-radius: 0;
    background: #ffffff;
    overflow: visible;
  }

  .upcoming-auctions-page .auctions-hero__overlay {
    display: none;
  }

  .upcoming-auctions-page .auctions-hero__content {
    padding: 86px 16px 16px;
  }

  .upcoming-auctions-page .upcoming-auctions__crumb {
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 16px;
    color: #605b5e;
  }

  .upcoming-auctions-page .auctions-hero__content h1 {
    margin-bottom: 6px;
    font-size: 36px;
    line-height: 40px;
    color: #1f1a1d;
  }

  .upcoming-auctions-page .auctions-hero__content p {
    max-width: 320px;
    font-size: 12px;
    line-height: 17px;
    color: #312a2f;
  }

  .upcoming-auctions-page .auctions-listing-section {
    padding-top: 8px;
  }

  .upcoming-auctions-page .auctions-market-overlay {
    margin-top: 0;
  }
}

/* ============================================
   UPCOMING AUCTIONS PAGE — RESPONSIVE STYLES
   ============================================ */

/* ============================================
   TABLET (768px – 1024px)
   ============================================ */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Hero */
  .upcoming-auctions-page .auctions-hero {
    height: 320px;
    border-radius: 0 0 24px 24px;
  }

  .upcoming-auctions-page .auctions-hero__content {
    padding: 120px 40px 40px;
  }

  .upcoming-auctions-page .auctions-hero__content h1 {
    font-size: 40px;
    line-height: 46px;
  }

  .upcoming-auctions-page .auctions-hero__content p {
    font-size: 16px;
    line-height: 24px;
  }

  /* Category overlay */
  .upcoming-auctions-page .auctions-market-overlay {
    margin-top: -40px;
    padding: 20px 28px;
    border-radius: 16px;
  }

  .upcoming-auctions-page .auctions-market-overlay__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: var(--site-gutter);
  }

  /* Auction cards — 2 columns on tablet */
  .upcoming-auctions-page .upcoming-auction-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
  }

  .upcoming-auctions-page .upcoming-auction-card__image-wrap {
    height: 240px;
  }

  .upcoming-auctions-page .upcoming-auction-card__title--dual {
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    height: auto;
  }

  .upcoming-auctions-page .upcoming-auction-card__price {
    font-size: 28px;
    line-height: 34px;
  }

  /* Past auction section heading */
  .upcoming-auctions-page .section-3__header {
    margin-bottom: 16px;
  }

  .upcoming-auctions-page .section-3__title {
    font-size: 32px;
    line-height: 40px;
  }

  /* Toolbar — collapse to 3 columns */
  .upcoming-auctions-page .past-auction-toolbar {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--search {
    grid-column: 1 / -1;
  }

  /* Past auction cards — 2 columns */
  .upcoming-auctions-page .section-6__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  /* Pagination */
  .upcoming-auctions-page .auctions-pagination {
    width: 100%;
    gap: var(--site-gutter);
  }

  /* Testimonials */
  .upcoming-auctions-page .section-5-placeholder {
    height: auto;
    min-height: 0;
    padding: 72px 24px;
  }

  .upcoming-auctions-page .section-5__reviews {
    min-height: 0;
    padding: 24px;
    grid-template-columns: minmax(240px, 0.85fr) minmax(300px, 1.15fr);
    gap: 20px;
    align-items: start;
  }

  .upcoming-auctions-page .section-5__image-placeholder {
    width: 100%;
    max-width: 340px;
    height: 440px;
  }

  .upcoming-auctions-page .section-5__review-list {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

}

/* ============================================
   MOBILE (≤ 767px)
   ============================================ */
@media (max-width: 767px) {
  /* Hero */
  .upcoming-auctions-page .auctions-hero {
    height: auto;
    min-height: 260px;
    border-radius: 0 0 20px 20px;
    width: 100%;
    margin-top: 0;
  }

  .upcoming-auctions-page .auctions-hero__content {
    padding: 100px 20px 32px;
  }

  .upcoming-auctions-page .upcoming-auctions__crumb {
    font-size: 12px;
    line-height: 18px;
  }

  .upcoming-auctions-page .auctions-hero__content h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 8px;
  }

  .upcoming-auctions-page .auctions-hero__content p {
    font-size: 14px;
    line-height: 21px;
    max-width: 100%;
  }

  /* Listing section */
  .upcoming-auctions-page .auctions-listing-section {
    padding: 16px 12px 32px;
  }

  /* Category overlay */
  .upcoming-auctions-page .auctions-market-overlay {
    margin-top: -28px;
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 20px;
  }

  .upcoming-auctions-page .auctions-market-overlay__label {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .upcoming-auctions-page .auctions-market-overlay__grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 8px;
  }

  .upcoming-auctions-page .auctions-market-overlay__grid span {
    font-size: 12px;
    line-height: 18px;
  }

  /* Section headings */
  .upcoming-auctions-page .section-3__header {
    margin-bottom: 14px;
  }

  .upcoming-auctions-page .section-3__title {
    font-size: 26px;
    line-height: 32px;
  }

  /* Auction cards — single column on mobile */
  .upcoming-auctions-page .upcoming-auction-cards {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 20px;
  }

  .upcoming-auctions-page .upcoming-auction-card {
    border-radius: 12px;
    padding: 6px;
  }

  .upcoming-auctions-page .upcoming-auction-card__image-wrap {
    height: 220px;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .upcoming-auctions-page .upcoming-auction-card__date {
    font-size: 10px;
    padding: 5px 8px;
    border-radius: 6px;
  }

  .upcoming-auctions-page .upcoming-auction-card__content {
    padding: 0 8px 6px;
  }

  .upcoming-auctions-page .upcoming-auction-card__title--dual {
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    height: auto;
    margin-bottom: 4px;
  }

  .upcoming-auctions-page .upcoming-auction-card__desc {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 8px;
  }

  .upcoming-auctions-page .upcoming-auction-card__meta {
    gap: var(--site-gutter);
    margin-bottom: 8px;
  }

  .upcoming-auctions-page .upcoming-auction-card__meta-item img {
    width: 12px;
    height: 12px;
  }

  .upcoming-auctions-page .upcoming-auction-card__meta-item span {
    font-size: 12px;
    line-height: 16px;
  }

  .upcoming-auctions-page .upcoming-auction-card__meta-item small {
    font-size: 9px;
    line-height: 13px;
  }

  .upcoming-auctions-page .upcoming-auction-card__divider {
    height: 22px;
  }

  .upcoming-auctions-page .upcoming-auction-card__bottom {
    padding-top: 8px;
  }

  .upcoming-auctions-page .upcoming-auction-card__price {
    font-size: 28px;
    line-height: 32px;
  }

  .upcoming-auctions-page .upcoming-auction-card__cta {
    font-size: 10px;
    padding: 7px 12px;
  }

  /* Past auction toolbar — stack vertically */
  .upcoming-auctions-page .past-auction-toolbar {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--search {
    grid-column: 1 / -1;
  }

  .upcoming-auctions-page .past-auction-toolbar__item {
    min-height: 38px;
    padding: 0 10px;
    font-size: 11px;
    border-radius: 6px;
  }

  .upcoming-auctions-page .past-auction-toolbar__item img {
    width: 11px;
    height: 11px;
  }

  /* Past auction cards — single column */
  .upcoming-auctions-page .section-6__cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* Pagination */
  .upcoming-auctions-page .auctions-pagination {
    width: 100%;
    gap: 4px;
    margin-top: 14px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .upcoming-auctions-page .auctions-pagination__page {
    min-width: 32px;
    height: 32px;
    font-size: 13px;
    border-radius: 8px;
  }

  .upcoming-auctions-page .auctions-pagination__nav {
    width: 32px;
    height: 32px;
  }

  /* Testimonials */
  .upcoming-auctions-page .section-5-placeholder {
    height: auto;
    min-height: 0;
    padding: 48px 16px 28px;
    border-radius: 0;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .upcoming-auctions-page .section-5__header {
    margin-bottom: 20px;
  }

  .upcoming-auctions-page .section-5__title {
    font-size: 28px;
    line-height: 36px;
  }

  .upcoming-auctions-page .section-5__subtitle {
    font-size: 13px;
    line-height: 19px;
  }

  .upcoming-auctions-page .section-5__reviews {
    min-height: 0;
    height: auto;
    border-radius: 14px;
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .upcoming-auctions-page .section-5__image-placeholder {
    display: none !important;
  }

  .upcoming-auctions-page .section-5__review-list {
    width: 100%;
    height: auto;
    min-height: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 8px 16px 12px;
    box-sizing: border-box;
  }

  .upcoming-auctions-page .section-5__review-cards {
    gap: 12px;
    width: 100%;
    max-width: 100%;
  }

  .upcoming-auctions-page .section-5__review-cards::before {
    top: -6px;
    bottom: -6px;
    background-size: 104% auto;
    border-radius: 10px;
  }

  /* No carousel controls on this page — show all testimonials */
  .upcoming-auctions-page .section-5__review-card {
    display: block;
    padding: 14px 12px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-sizing: border-box;
  }

  .upcoming-auctions-page .section-5__review-card--active {
    display: block;
  }

  .upcoming-auctions-page .section-5__stars {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .upcoming-auctions-page .section-5__stars-img {
    height: 24px;
    max-width: min(190px, 72vw);
    margin-left: auto;
    margin-right: auto;
    object-position: center;
  }

  .upcoming-auctions-page .section-5__review-card p {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 36em;
  }

  /* Navbar override for this page on mobile */
  .upcoming-auctions-page .navbar__container {
    background: #312a2f;
  }
}

/* ============================================
   EXTRA SMALL (≤ 480px)
   ============================================ */
@media (max-width: 480px) {
  .upcoming-auctions-page .auctions-hero__content {
    padding: 90px 16px 28px;
  }

  .upcoming-auctions-page .auctions-hero__content h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .upcoming-auctions-page .auctions-hero__content p {
    font-size: 13px;
    line-height: 19px;
  }

  .upcoming-auctions-page .auctions-market-overlay__grid {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }

  .upcoming-auctions-page .past-auction-toolbar {
    grid-template-columns: 1fr;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--search {
    grid-column: auto;
  }

  .upcoming-auctions-page .upcoming-auction-card__price {
    font-size: 24px;
    line-height: 28px;
  }

  .upcoming-auctions-page .upcoming-auction-card__image-wrap {
    height: 190px;
  }
}

/* ============================================
   GLOBAL STYLES
   ============================================ */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background-color: var(--color-white);
  padding: 0;
}

main {
  max-width: 100%;
  margin: 0 auto;
  border-radius: 0;
  overflow: hidden;
}

/* Tablet + mobile: prevent horizontal overflow / fake “empty” space on the right */
@media (max-width: 1024px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  main,
  .home-main,
  .sell-main,
  .about-main,
  .auctions-main,
  .auction-single-main,
  .case-studies-main,
  .terms-main,
  body.resources-page > main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }
}

/* ============================================
   NAVBAR
   ============================================ */

.navbar {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: var(--spacing-lg) 0;
  display: flex;
  justify-content: center;
}

.navbar__container {
  display: flex;
  width: 1280px;
  padding: 8px 8px 8px 32px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(12px);
  overflow: hidden;
}

.navbar__logo {
  flex-shrink: 0;
}

.navbar__logo-img {
  height: 50px;
  width: auto;
  display: block;
}

.navbar__hamburger {
  display: none;
  flex-direction: column;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-left: auto;
}

.navbar__hamburger-line {
  width: 24px;
  height: 2px;
  background-color: var(--color-white);
  transition: var(--transition-base);
  border-radius: 4px;
}

.navbar__hamburger.active .navbar__hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.navbar__hamburger.active .navbar__hamburger-line:nth-child(2) {
  opacity: 0;
}

.navbar__hamburger.active .navbar__hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.navbar__menu {
  display: block;
  flex: 1;
  text-align: center;
}

.navbar__list {
  display: flex;
  gap: 32px;
  list-style: none;
  align-items: center;
  justify-content: center;
}

.navbar__link {
  color: #FFF;
  text-decoration: none;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.14px;
  transition: var(--transition-base);
  position: relative;
}

.navbar__link:hover {
  color: var(--color-primary);
}

.navbar__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.navbar__search {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  transition: var(--transition-base);
}

.navbar__search-icon {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}

.navbar__search:hover .navbar__search-icon {
  filter: brightness(0) invert(1) drop-shadow(0 0 4px rgba(255, 102, 0, 0.5));
}

.navbar.navbar--animate-ready .navbar__logo {
  opacity: 0;
  transform: translateX(-46px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.navbar.navbar--animate-ready .navbar__list li {
  opacity: 0;
  transform: translateY(34px);
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.navbar.navbar--animate-ready .navbar__actions {
  opacity: 0;
  transform: translate(38px, 24px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.navbar.navbar--animate-ready.navbar--animate-in .navbar__logo,
.navbar.navbar--animate-ready.navbar--animate-in .navbar__list li,
.navbar.navbar--animate-ready.navbar--animate-in .navbar__actions {
  opacity: 1;
}

.navbar.navbar--animate-ready.navbar--animate-in .navbar__logo {
  transform: translateX(0);
}

.navbar.navbar--animate-ready.navbar--animate-in .navbar__list li {
  transform: translateY(0);
  transition-delay: var(--nav-item-delay, 0.18s);
}

.navbar.navbar--animate-ready.navbar--animate-in .navbar__actions {
  transform: translate(0, 0);
  transition-delay: 0.46s;
}

/* ============================================
   NAVBAR — MOBILE & TABLET (≤1024px)
   ============================================ */

@media (max-width: 1024px) {
  .hero,
  .sell-hero,
  .about-hero,
  .case-hero,
  .auctions-hero,
  .auction-single-hero {
    overflow: visible;
  }

  .navbar {
    padding: 12px var(--site-gutter-x, 16px);
  }

  .navbar__container {
    position: relative;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    overflow: visible;
    padding: 10px 12px;
    border-radius: 999px;
    gap: 8px;
  }

  .navbar__logo {
    flex: 0 1 auto;
    min-width: 0;
  }

  .navbar__logo-img {
    height: 40px;
  }

  .navbar__hamburger {
    display: flex;
    order: 4;
    flex-shrink: 0;
    margin-left: 0;
    z-index: 2;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
  }

  .navbar__search,
  .home-page .hero .navbar__search {
    display: none;
  }

  .navbar__actions {
    display: flex;
    order: 3;
    margin-left: auto;
    gap: 8px;
  }

  .navbar__actions .btn--navbar-primary {
    display: none;
  }

  .navbar__menu {
    order: 5;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    width: 100%;
    flex: none;
    display: none !important;
    margin-top: 0;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.88);
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    z-index: 1002;
    max-height: min(80vh, 520px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .navbar__menu.active {
    display: block !important;
  }

  .navbar__list {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
    width: 100%;
    padding: 2px 0;
  }

  .navbar__link {
    display: block;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar__list li:last-child .navbar__link {
    border-bottom: none;
  }

  .navbar__mobile-cta {
    display: flex;
    padding: 10px 14px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .navbar__mobile-cta .btn {
    width: 100%;
    justify-content: center;
  }

  .navbar.navbar--animate-ready .navbar__logo,
  .navbar.navbar--animate-ready .navbar__list li,
  .navbar.navbar--animate-ready .navbar__actions,
  .navbar.navbar--animate-ready.navbar--animate-in .navbar__logo,
  .navbar.navbar--animate-ready.navbar--animate-in .navbar__list li,
  .navbar.navbar--animate-ready.navbar--animate-in .navbar__actions {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .home-page .hero .navbar {
    padding-left: var(--site-gutter-x, 16px);
    padding-right: var(--site-gutter-x, 16px);
  }

  .home-page .hero .navbar__container {
    width: 100%;
    overflow: visible;
  }

  .case-study-internal-page .navbar,
  .case-study-single-page .navbar {
    left: 0;
    right: 0;
    transform: none;
    max-width: none;
    padding: 12px var(--site-gutter-x, 16px);
  }

  .contact-page .navbar {
    padding: 12px var(--site-gutter-x, 16px);
  }

  .contact-page .hero-wrap {
    padding-top: 72px;
  }
}

body.nav-open {
  overflow: hidden;
}

/* ============================================
   HERO SECTION
   ============================================ */

.hero {
  position: relative;
  height: 816px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0;
  animation: heroBannerIn 1.5s ease-out forwards;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(30, 30, 30, 0.7);
  z-index: 1;
  border-radius: 0;
}

.hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: var(--color-white);
  padding: var(--spacing-2xl);
  margin: 0 auto;
  opacity: 0;
  transform: translateY(40px);
  animation: heroTextIn 0.8s ease-out 0.9s forwards;
}

@keyframes heroBannerIn {
  from {
    opacity: 0;
    transform: translateY(56px) scale(1.12);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes heroTextIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero__title {
  display: none;
}

.hero__subtitle-wrapper {
  margin-bottom: var(--spacing-xl);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.hero__subtitle {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 66px;
  letter-spacing: -1.8px;
  color: #FFF;
  text-align: center;
  margin: 0;
  padding-top: 0;
}

.hero__description-wrapper {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}

.hero__description {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 34px !important;
  letter-spacing: -0.24px !important;
  color: #FFF;
  text-align: center;
  margin: 0 !important;
  padding: 0;
  opacity: 1;
}

.hero__cta {
  display: flex;
  gap: var(--spacing-lg);
  justify-content: center;
  flex-wrap: wrap;
}

/* Home (index): same framed banner treatment as sell page */
.home-page {
  background: #ffffff;
}

.home-main {
  width: min(1440px, 100%);
  margin: 0 auto;
  border-radius: 32px;
  overflow: hidden;
}

.home-page .hero {
  width: calc(100% - 8px);
  height: 580px;
  border-radius: var(--home-section-radius);
  margin: 10px auto;
}

.home-page .hero__overlay {
  border-radius: inherit;
}

/* ============================================
   SECTION 1 - COMPLETE ONLINE AUCTION
   ============================================ */

.section-1 {
  padding-top: var(--layout-section-padding-y);
  padding-bottom: var(--layout-section-padding-y);
  padding-left: var(--site-gutter-x);
  padding-right: var(--site-gutter-x);
  background-color: var(--color-white);
  margin-top: 0;
}

.section-1__container {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--layout-split-column-gap);
  align-items: center;
}

.section-1__image {
  order: -1;
  overflow: hidden;
  border-radius: 24px;
  width: 500px;
  height: 500px;
}

.section-1__image-img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 24px;
  object-fit: cover;
}

.section-1__content {
  padding-left: var(--spacing-2xl);
}

.section-1--animate-ready .section-1__image,
.section-1--animate-ready .section-1__content {
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.section-1--animate-ready .section-1__cta .btn {
  opacity: 0;
  transform: translateY(36px);
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.section-1--animate-ready .section-1__image {
  transform: translateX(-70px);
}

.section-1--animate-ready .section-1__content {
  transform: translateX(70px);
}

.section-1--animate-ready.section-1--in-view .section-1__image,
.section-1--animate-ready.section-1--in-view .section-1__content {
  opacity: 1;
  transform: translateX(0);
}

.section-1--animate-ready.section-1--in-view .section-1__content {
  transition-delay: 0.25s;
}

.section-1--animate-ready.section-1--in-view .section-1__cta .btn {
  opacity: 1;
  transform: translateY(0);
}

.section-1--animate-ready.section-1--in-view .section-1__cta .btn:nth-child(1) {
  transition-delay: 0.35s;
}

.section-1--animate-ready.section-1--in-view .section-1__cta .btn:nth-child(2) {
  transition-delay: 0.45s;
}

.section-1__title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.8px;
  color: #1F1A1D;
  margin-bottom: var(--spacing-lg);
  text-transform: capitalize;
}

.section-1__description {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.18px;
  color: #605B5E;
  margin-bottom: var(--layout-heading-to-content);
}

.section-1__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.section-1__card {
  padding: 0;
  background: transparent;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
}

.section-1__card-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.section-1__card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-1__card-title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.18px;
  color: #1F1A1D;
  margin-bottom: var(--spacing-md);
}

.section-1__card-text {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.14px;
  color: #383035;
}

.section-1__card-content {
  flex: 1;
}

.section-1__cta {
  display: flex;
  gap: var(--spacing-lg);
}

.btn--tertiary {
  background-color: var(--color-primary-soft);
  color: var(--color-primary);
  border: 2px solid var(--color-primary-soft);
  border-radius: var(--btn-radius-pill);
}

.btn--tertiary:hover {
  background-color: var(--color-primary-soft-hover);
  color: var(--color-primary);
  border-color: var(--color-primary-soft-hover);
}

/* ============================================
   SECTION 2 - PROVEN PERFORMANCE AT SCALE
   ============================================ */

.section-2 {
  border-radius: 48px;
  background: #FFF3EB;
  display: flex;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heading-to-content);
  align-self: stretch;
  margin-top: 144px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.section-2__header {
  max-width: 100%;
  width: 100%;
  margin: 0;
  text-align: center;
}

.section-2__title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.8px;
  color: #1F1A1D;
  margin-bottom: var(--spacing-lg);
  text-transform: capitalize;
  margin-top: 0;
}

.section-2__description {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.18px;
  color: #605B5E;
}

.section-2__container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-2xl);
  width: 100%;
}

.section-2__stat-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  height: 224px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  background-size: cover;
  background-position: center;
}

.section-2__stat-image {
  display: none;
}

.section-2__stat-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
  border-radius: 24px;
}

.section-2__stat-label {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  color: #FFF;
  margin: 0;
  position: relative;
  z-index: 1;
}

.section-2__stat-number {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 88px;
  letter-spacing: -1.28px;
  color: #FFF;
  margin: 0;
  position: relative;
  z-index: 1;
}

.section-2--animate-ready .section-2__header {
  opacity: 0;
  transform: translateY(44px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.section-2--animate-ready .section-2__stat-card {
  opacity: 0;
  transform: translateY(56px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.section-2--animate-ready .section-2__stat-label,
.section-2--animate-ready .section-2__stat-number {
  opacity: 0;
  transform: translateY(24px);
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.section-2--animate-ready.section-2--in-view .section-2__header {
  opacity: 1;
  transform: translateY(0);
}

.section-2--animate-ready.section-2--in-view .section-2__stat-card {
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--card-delay, 0.2s);
}

.section-2--animate-ready.section-2--in-view .section-2__stat-label {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(var(--card-delay, 0.2s) + 0.22s);
}

.section-2--animate-ready.section-2--in-view .section-2__stat-number {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(var(--card-delay, 0.2s) + 0.34s);
}

/* ============================================
   BUTTONS (UI kit)
   ============================================ */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--btn-lg-min-h);
  min-width: var(--btn-lg-min-w);
  padding: var(--btn-lg-py) var(--btn-lg-px);
  font-family: var(--btn-font);
  font-size: var(--btn-lg-font);
  font-weight: var(--btn-weight);
  line-height: var(--btn-lg-lh);
  text-decoration: none;
  text-align: center;
  border-radius: var(--btn-radius);
  border: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: var(--transition-interactive);
}

.btn--md,
.section-7__form button,
.section-8__btn-primary,
.section-8__btn-secondary,
.contact-page .btn-submit,
.contact-page .btn-continue,
.sell-contact__form button {
  min-height: var(--btn-md-h);
  height: var(--btn-md-h);
  min-width: var(--btn-md-min-w);
  padding: 0 var(--btn-md-px);
  font-size: var(--btn-md-font);
  line-height: var(--btn-md-lh);
}

.btn--block {
  width: 100%;
  min-width: 0;
}

.btn,
a[class*="btn"],
button[class*="btn"],
.section-3__view-all,
.industry-card__link,
.section-7__form button,
.footer__newsletter-button {
  transition: var(--transition-interactive);
}

.btn:hover,
a[class*="btn"]:hover,
button[class*="btn"]:hover,
.section-3__view-all:hover,
.industry-card__link:hover,
.section-7__form button:hover,
.footer__newsletter-button:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-interactive);
  text-decoration: none;
}

.btn--primary,
.section-7__form button,
.section-8__btn-primary,
.contact-page .btn-submit,
.contact-page .btn-continue,
.sell-contact__form button {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}

.btn--primary:hover,
.section-7__form button:hover,
.section-8__btn-primary:hover,
.contact-page .btn-submit:hover,
.contact-page .btn-continue:hover,
.sell-contact__form button:hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: var(--color-white);
}

.btn--secondary,
.section-8__btn-secondary {
  background-color: var(--color-primary-soft);
  color: var(--color-primary);
  border-color: var(--color-primary-soft);
}

.btn--secondary:hover,
.section-8__btn-secondary:hover {
  background-color: var(--color-primary-soft-hover);
  border-color: var(--color-primary-soft-hover);
  color: var(--color-primary);
}

.btn--navbar-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
  min-height: var(--btn-lg-min-h);
  padding: var(--btn-lg-py) var(--spacing-xl);
  font-size: var(--btn-lg-font);
  line-height: var(--btn-lg-lh);
  border: none;
  border-radius: var(--btn-radius);
}

.btn--navbar-primary:hover {
  background-color: var(--color-primary-dark);
  color: var(--color-white);
}

/* ============================================
   SECTION 3 - CURRENT AUCTIONS
   ============================================ */

.section-3 {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  background: var(--color-white);
}

.section-3__header {
  display: flex;
  flex-direction: column;
  gap: var(--site-gutter);
  margin-bottom: var(--layout-heading-to-content);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.section-3__title-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.section-3__title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.8px;
  color: #1F1A1D;
  margin: 0 0 var(--spacing-lg) 0;
  text-transform: capitalize;
}

.section-3__description {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.18px;
  color: #605B5E;
  margin: 0;
}

.section-3__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--site-gutter);
  white-space: nowrap;
  width: 100%;
}

.section-3__tabs {
  display: flex;
  gap: 16px;
}

/* section-3 tabs: see .sk-control / UI kit */

.section-3__navigation {
  display: flex;
  gap: 12px;
}

.section-3__nav-btn {
  width: 40px;
  height: 40px;
  background: #f3f5f8;
  border: 1px solid #e5e8ee;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: var(--transition-base);
}

.section-3__nav-btn--next {
  background: #fff2e9;
  border-color: #ffe3d1;
}

.section-3__nav-btn img {
  width: 18px;
  height: 18px;
}

.section-3__carousel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-2xl);
  max-width: 1440px;
  margin: 0 auto var(--spacing-2xl) auto;
}

.section-3__card {
  display: flex;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  border: 1px solid #D8DAE5;
  background: #FFF;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

a.section-3__card:hover,
a.section-3__card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(31, 26, 29, 0.08);
  border-color: #B8B2B5;
}

a.section-3__card:focus-visible {
  outline: 2px solid #1F1A1D;
  outline-offset: 2px;
}

.section-3__image-wrapper {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: var(--spacing-lg);
}

.section-3__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.section-3__badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: #FFF;
  border-radius: 8px;
  padding: 8px 16px;
}

.section-3__badge-text {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.14px;
  color: #1F1A1D;
  margin: 0;
  color: #000000;
  margin: 0;
}

.section-3__content {
  padding: 0 12px 12px 12px;
  width: 100%;
}

.section-3__card-title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #1F1A1D;
  margin: 0 0 8px 0;
}

.section-3__card-description {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #605B5E;
  margin: 0 0 16px 0;
}

.section-3__stats {
  display: flex;
  gap: 48px;
  align-items: flex-start;
}

.section-3__stat {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.section-3__stat-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}

.section-3__stat-label {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #1F1A1D;
  margin: 0;
  display: block;
}

.section-3__stat-value {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--Typography-Text-Tertiary, #605B5E);
  margin: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-3__footer {
  display: flex;
  justify-content: flex-end;
  max-width: 1440px;
  margin: 0 auto;
}

.section-3__view-all {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #F60;
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 32px;
  border-radius: 50px;
  background: #FFF3EB;
}

.section-3__view-all-icon {
  width: 20px;
  height: 20px;
}

.section-3__view-all:hover {
  background: #FFE0CC;
}

.section-3--animate-ready .section-3__header,
.section-3--animate-ready .section-3__footer,
.section-3--animate-ready .section-3__card {
  opacity: 0;
  transform: translateX(-56px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.section-3--animate-ready .section-3__card {
  opacity: 0;
  transform: translateX(-40px);
  transition-delay: var(--card-delay, 0.15s);
}

.section-3--animate-ready .section-3__image {
  opacity: 0;
  transform: translateY(-44px);
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.section-3--animate-ready .section-3__badge,
.section-3--animate-ready .section-3__content {
  opacity: 0;
  transform: translateY(34px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.section-3--animate-ready.section-3--in-view .section-3__header,
.section-3--animate-ready.section-3--in-view .section-3__footer,
.section-3--animate-ready.section-3--in-view .section-3__card {
  opacity: 1;
  transform: translateX(0);
}

.section-3--animate-ready.section-3--in-view .section-3__image {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(var(--card-delay, 0.15s) + 0.42s);
}

.section-3--animate-ready.section-3--in-view .section-3__badge,
.section-3--animate-ready.section-3--in-view .section-3__content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(var(--card-delay, 0.15s) + 0.6s);
}

.auctions-cards-grid.auctions-cards-grid--animate-ready .section-3__card {
  opacity: 0;
  transform: translateX(-40px);
  transition: transform 0.75s ease, opacity 0.75s ease;
  transition-delay: var(--auction-card-delay, 0.15s);
}

.auctions-cards-grid.auctions-cards-grid--animate-ready .section-3__image {
  opacity: 0;
  transform: translateY(-44px);
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.auctions-cards-grid.auctions-cards-grid--animate-ready .section-3__badge,
.auctions-cards-grid.auctions-cards-grid--animate-ready .section-3__content {
  opacity: 0;
  transform: translateY(34px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.auctions-cards-grid.auctions-cards-grid--animate-ready.auctions-cards-grid--in-view .section-3__card {
  opacity: 1;
  transform: translateX(0);
}

.auctions-cards-grid.auctions-cards-grid--animate-ready.auctions-cards-grid--in-view .section-3__image {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(var(--auction-card-delay, 0.15s) + 0.42s);
}

.auctions-cards-grid.auctions-cards-grid--animate-ready.auctions-cards-grid--in-view .section-3__badge,
.auctions-cards-grid.auctions-cards-grid--animate-ready.auctions-cards-grid--in-view .section-3__content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(var(--auction-card-delay, 0.15s) + 0.6s);
}

/* ============================================
   SECTION 4 PLACEHOLDER
   ============================================ */

.section-4-placeholder {
  width: 100%;
  max-width: none;
  height: 842px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: var(--site-gutter);
  margin: 0;
  background: #FFF3EB;
  border-radius: 0 0 32px 32px;
  padding: var(--layout-section-padding-y) 40px var(--layout-section-padding-y);
}

.section-4__header {
  text-align: center;
  margin-bottom: var(--layout-heading-to-content);
}

.section-4__title {
  width: 100%;
  max-width: none;
  height: 52px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #1F1A1D;
  text-align: center;
  text-transform: capitalize;
  margin: 0;
}

.section-4__subtitle {
  width: 100%;
  max-width: none;
  height: 26px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.01em;
  text-align: center;
  color: rgba(96, 91, 94, 1);
  margin: 8px 0 0 0;
}

.section-4__image-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.section-4__image-card {
  height: 160px;
  border-radius: 12px;
  overflow: hidden;
  background: #ddd;
}

.section-4__image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.timeline-line,
.section-4__timeline {
  position: relative;
  --timeline-progress: 0%;
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  width: 100%;
}

.timeline-line::before,
.section-4__timeline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  background: rgba(255, 102, 0, 0.18);
  border-radius: 999px;
}

.timeline-line::after,
.section-4__timeline::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--timeline-progress);
  height: 4px;
  background: #ff6600;
  border-radius: 999px;
  transition: width 1.2s ease-out;
}

.step-number,
.section-4__timeline-step {
  position: relative;
  z-index: 1;
  justify-self: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ff6600;
  color: #fff;
  border: 1px solid #ff6600;
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  opacity: 0.3;
  transform: scale(0.8);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--step-delay, 0s);
}

.section-4__content-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  width: 100%;
}

.section-4__content-card h3 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  color: #1F1A1D;
}

.section-4__content-card p {
  margin: 8px 0 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #605B5E;
}

.process-steps-section .process-step,
.section-4-placeholder .section-4__content-card {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--step-delay, 0s);
}

.process-steps-section.animated .process-step,
.section-4-placeholder.animated .section-4__content-card {
  transform: translateY(0);
  opacity: 1;
}

.process-steps-section.animated .step-number,
.section-4-placeholder.animated .section-4__timeline-step {
  opacity: 1;
  transform: scale(1);
}

.process-steps-section.animated .timeline-line,
.section-4-placeholder.animated .section-4__timeline {
  --timeline-progress: 100%;
}

@media (min-width: 1025px) {
  .section-4-placeholder {
    overflow: visible;
  }

  .section-4__image-row,
  .section-4__content-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
  }

  .section-4__image-card,
  .section-4__content-card {
    width: 100%;
  }

  .section-4__timeline {
    width: 100%;
  }
}

/* Scroll-driven horizontal process section (.process-section) */
.process-scroll-track {
  position: relative;
  height: auto;
  width: 100%;
  --process-gap: 12px;
}

.process-scroll-track .process-section {
  container-type: inline-size;
  container-name: process-section;
  position: relative;
  top: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  overflow: hidden;
}

.process-scroll-track .section-4-placeholder {
  height: auto;
  min-height: 0;
  padding-top: 56px;
  padding-bottom: 120px;
}

.process-scroll-track .process-heading {
  text-align: center;
  margin-bottom: 24px;
}

.process-scroll-track .cards-viewport {
  overflow: hidden;
  width: 100%;
}

.process-scroll-track .cards-strip,
.process-scroll-track .text-strip {
  display: flex;
  flex-direction: row;
  gap: var(--process-gap);
  width: max-content;
  will-change: transform;
}

.process-scroll-track .step-card {
  flex: 0 0 calc((100cqi - 3 * var(--process-gap)) / 3.5);
  width: calc((100cqi - 3 * var(--process-gap)) / 3.5);
  height: 182px;
  border-radius: 12px;
  overflow: hidden;
  background: #ddd;
}

.process-scroll-track .step-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.process-scroll-track .timeline-row {
  width: max-content;
  will-change: transform;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.process-scroll-track .timeline-track {
  position: relative;
  width: 100%;
  min-width: calc(
    4 * ((100cqi - 3 * var(--process-gap)) / 3.5) + 3 * var(--process-gap)
  );
  height: 4px;
  background: rgba(255, 102, 0, 0.18);
  border-radius: 999px;
}

.process-scroll-track .timeline-progress {
  width: 0%;
  height: 100%;
  background: #ff6600;
  border-radius: 999px;
}

.process-scroll-track .badges-row {
  display: grid;
  grid-template-columns: repeat(
    4,
    calc((100cqi - 3 * var(--process-gap)) / 3.5)
  );
  gap: var(--process-gap);
  width: max-content;
  margin-top: -14px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

.process-scroll-track .badge-slot {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.process-scroll-track .step-badge {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ff6600;
  color: #fff;
  border: 1px solid #ff6600;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  opacity: 0.3;
  transform: scale(0.8);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.process-scroll-track .step-badge.active {
  opacity: 1;
  transform: scale(1);
}

.process-scroll-track .text-strip {
  margin-top: 14px;
}

.process-scroll-track .step-text-block {
  flex: 0 0 calc((100cqi - 3 * var(--process-gap)) / 3.5);
  width: calc((100cqi - 3 * var(--process-gap)) / 3.5);
  box-sizing: border-box;
}

.process-scroll-track .step-badge--text {
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .process-scroll-track .badges-row {
    display: none;
  }

  .process-scroll-track .step-text-block .step-badge--text {
    position: relative;
    top: -28px;
    margin-bottom: -16px;
  }
}

.process-scroll-track .step-text-block h3 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  color: #1f1a1d;
}

.process-scroll-track .step-text-block p {
  margin: 8px 0 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #605b5e;
}

/* Tablet & small desktop: single-image carousel (4 slides), same strip animation via JS */
@media (max-width: 1023px) {
  .process-scroll-track .process-section {
    container-type: normal;
  }

  .process-scroll-track .section-4-placeholder {
    padding-top: 40px;
    padding-bottom: 28px;
  }

  .process-scroll-track .process-heading {
    margin-bottom: 16px;
    text-align: center;
  }

  .process-scroll-track .process-strips-desktop .cards-viewport {
    overflow: hidden;
    width: 100%;
    border-radius: 12px;
  }

  .process-scroll-track .process-strips-desktop .cards-strip {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    width: 400%;
    max-width: none;
    will-change: transform;
  }

  .process-scroll-track .process-strips-desktop .step-card {
    flex: 0 0 25%;
    width: 25%;
    max-width: none;
    min-width: 0;
    height: 200px;
    border-radius: 0;
  }

  .process-scroll-track .process-strips-desktop .step-card:first-child {
    border-radius: 12px 0 0 12px;
  }

  .process-scroll-track .process-strips-desktop .step-card:last-child {
    border-radius: 0 12px 12px 0;
  }

  .process-scroll-track .process-strips-desktop .timeline-row {
    width: 100% !important;
    max-width: 100%;
    margin-top: 16px;
    transform: none !important;
    will-change: auto;
  }

  .process-scroll-track .process-strips-desktop .timeline-track {
    min-width: 0;
    width: 100%;
  }

  .process-scroll-track .process-strips-desktop .badges-row {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    margin-top: -12px;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 2px;
  }

  .process-scroll-track .process-strips-desktop .badge-slot {
    flex: 1;
    display: flex;
    justify-content: center;
    min-width: 0;
  }

  .process-scroll-track .process-strips-desktop .text-strip {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    width: 400%;
    max-width: none;
    margin-top: 16px;
    will-change: transform;
  }

  .process-scroll-track .process-strips-desktop .step-text-block {
    flex: 0 0 25%;
    width: 25%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    padding-right: 8px;
  }

  .process-scroll-track .process-strips-desktop .step-text-block h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .process-scroll-track .process-strips-desktop .step-text-block p {
    font-size: 13px;
    line-height: 19px;
  }
}

@media (max-width: 767px) {
  .process-scroll-track .section-4-placeholder {
    padding-top: 32px;
    padding-bottom: 24px;
  }

  .process-scroll-track .process-strips-desktop .step-card {
    height: 168px;
  }

  .process-scroll-track .section-4__title {
    font-size: 28px;
    line-height: 36px;
    height: auto;
  }

  .process-scroll-track .section-4__subtitle {
    font-size: 14px;
    line-height: 21px;
    height: auto;
  }

  .process-scroll-track .process-strips-desktop {
    display: none !important;
  }

  .process-scroll-track .process-mobile-stack {
    --process-p: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 8px;
    padding-bottom: 8px;
    z-index: 0;
  }

  .process-scroll-track .process-mobile-stack__line {
    position: absolute;
    left: 21px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 3px;
    background: rgba(255, 102, 0, 0.22);
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
  }

  .process-scroll-track .process-mobile-stack__line-fill {
    display: block;
    width: 100%;
    height: calc(var(--process-p, 0) * 100%);
    background: #ff6600;
    border-radius: 3px;
    transform-origin: top center;
  }

  .process-scroll-track .process-mobile-step {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 14px;
    row-gap: 12px;
    align-items: start;
  }

  .process-scroll-track .process-mobile-step__rail {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    justify-content: center;
    align-self: start;
    padding-top: 0;
  }

  .process-scroll-track .process-mobile-step__content {
    display: contents;
  }

  .process-scroll-track .process-mobile-stack .step-card {
    grid-column: 2;
    grid-row: 1;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    height: auto !important;
    min-height: 160px;
    aspect-ratio: 16 / 10;
    margin-bottom: 0 !important;
    border-radius: 12px !important;
    overflow: hidden;
  }

  .process-scroll-track .process-mobile-stack .step-card:first-child,
  .process-scroll-track .process-mobile-stack .step-card:last-child {
    border-radius: 12px !important;
  }

  .process-scroll-track .process-mobile-stack .step-text-block {
    grid-column: 2;
    grid-row: 2;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box;
  }

  .process-scroll-track .process-mobile-stack .step-text-block h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .process-scroll-track .process-mobile-stack .step-text-block p {
    font-size: 13px;
    line-height: 20px;
  }

  .process-scroll-track .process-mobile-stack .step-badge--mobile {
    width: 28px;
    height: 28px;
    font-size: 11px;
    font-weight: 600;
    opacity: 0.35;
    transform: scale(0.92);
    border-width: 1px;
  }

  .process-scroll-track .process-mobile-stack .step-badge--mobile.active {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .process-scroll-track .process-mobile-stack {
    display: none !important;
  }
}

/* ============================================
   SECTION 5 PLACEHOLDER
   ============================================ */

.section-5-placeholder {
  width: min(1440px, 100%);
  height: auto;
  min-height: 0;
  opacity: 1;
  padding: var(--layout-section-padding-y) var(--site-gutter-x) var(--layout-section-padding-y);
  gap: var(--layout-heading-to-content);
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  background: rgba(49, 42, 47, 1);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.section-5__header {
  width: 100%;
  text-align: center;
}

.section-5__title {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.section-5__subtitle {
  margin: 8px 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.65);
}

.section-5__reviews {
  width: 100%;
  max-width: 1280px;
  min-height: 0;
  margin: 0 auto;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
  padding: clamp(20px, 3vw, 32px);
  display: grid;
  grid-template-columns: minmax(260px, 0.92fr) minmax(280px, 1.08fr);
  gap: clamp(20px, 3vw, 32px);
  align-items: stretch;
  position: relative;
  overflow: hidden;
}

.section-5__reviews::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(24, 21, 28, 0.62);
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

.section-5__reviews::after {
  content: none;
}

.section-5__reviews > * {
  position: relative;
  z-index: 1;
}

.section-5__image-placeholder {
  width: 100%;
  min-height: 300px;
  height: 100%;
  border-radius: 16px;
  opacity: 1;
  gap: var(--site-gutter);
  display: flex;
  align-items: stretch;
  justify-content: center;
  overflow: hidden;
  align-self: stretch;
}

.section-5__client-image {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
  display: block;
}

.section-5__review-list {
  width: 100%;
  min-height: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2vw, 20px);
  opacity: 1;
  margin-top: 0;
  justify-content: center;
  align-self: stretch;
  box-sizing: border-box;
  position: relative;
  padding-right: 56px;
}

/* Upcoming auctions testimonial section - matches the standard auctions/home/sell layout */
.upcoming-auctions-page .section-5-placeholder {
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 120px var(--site-gutter-x) 100px;
  gap: 40px;
  border-radius: 24px;
  box-sizing: border-box;
}

.upcoming-auctions-page .section-5__reviews {
  width: 1280px;
  max-width: 1280px;
  height: 708px;
  padding: 32px;
  gap: 32px;
  border-radius: 24px;
  grid-template-columns: 500px 700px;
  box-sizing: border-box;
}

.upcoming-auctions-page .section-5__image-placeholder {
  width: 500px;
  max-width: 500px;
  height: 644px;
  min-height: 644px;
  border-radius: 24px;
  align-self: stretch;
}

.upcoming-auctions-page .section-5__client-image {
  border-radius: 24px;
}

.upcoming-auctions-page .section-5__review-list {
  width: 700px;
  max-width: 700px;
  height: 644px;
  min-height: 644px;
  padding-right: 0;
}

.upcoming-auctions-page .section-5__review-cards {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2vw, 20px);
  width: 100%;
  z-index: 0;
}

/* Overlay spans the review card stack */
.upcoming-auctions-page .section-5__review-cards::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(#312A2F, #312A2F),
    url("assets/Review Background.png") center / 112% auto no-repeat;
  background-blend-mode: multiply;
  opacity: 0.72;
  pointer-events: none;
  z-index: 0;
  border-radius: 14px;
}

.upcoming-auctions-page .section-5__review-cards > .section-5__review-card {
  position: relative;
  z-index: 1;
}

.section-5__carousel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  z-index: 3;
  position: absolute;
  right: 0;
}

.section-5__carousel-btn--prev {
  top: 4px;
}

.section-5__carousel-btn--next {
  bottom: 4px;
}

.section-5__carousel-btn--prev img {
  transform: rotate(-90deg);
}

.section-5__carousel-btn--next img {
  transform: rotate(270deg);
}

.section-5__carousel-btn:hover {
  background: rgba(255, 255, 255, 0.16);
}

.section-5__carousel-btn img {
  width: 22px;
  height: 22px;
  display: block;
  pointer-events: none;
}

.section-5__carousel-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.section-5__review-card {
  border-radius: 16px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.06);
  isolation: isolate;
  flex: 0 0 auto;
}

.section-5__review-card--active {
  background: rgba(255, 255, 255, 0.1);
}

/* Stars: bright-stars.png / Stars.png are one horizontal strip (5 stars), not 5 separate icons */
.section-5__stars {
  display: block;
  margin-bottom: 14px;
  line-height: 0;
}

.section-5__stars-img {
  height: clamp(24px, 3.5vw, 32px);
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
  object-position: left center;
  /* Black pixels in asset blend away on dark cards; keeps gold stars vivid */
  mix-blend-mode: screen;
}

/* Legacy: if any page still uses per-star sprites */
.section-5__star-icon {
  height: clamp(24px, 3.5vw, 32px);
  width: auto;
  max-width: 20%;
  object-fit: contain;
  object-position: left center;
  display: block;
  flex-shrink: 0;
  mix-blend-mode: screen;
}

.section-5__stars-strip {
  height: clamp(24px, 3.5vw, 32px);
  width: auto;
  max-width: 100%;
  display: block;
  margin-bottom: 12px;
  object-fit: contain;
  object-position: left center;
  mix-blend-mode: screen;
}

@keyframes section5StarPop {
  from {
    opacity: 0;
    transform: translateY(5px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.section-5-placeholder.section-5--in-view .section-5__review-card .section-5__stars-img {
  animation: section5StarPop 0.42s cubic-bezier(0.34, 1.18, 0.64, 1) backwards;
  animation-delay: 0.08s;
}

.section-5__review-card p {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.78);
}

.section-5-placeholder.section-5--animate-ready .section-5__header {
  opacity: 0;
  transform: translateY(42px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.section-5-placeholder.section-5--animate-ready .section-5__image-placeholder,
.section-5-placeholder.section-5--animate-ready .section-5__review-list {
  opacity: 0;
  transition: transform 0.85s ease, opacity 0.85s ease;
}

.section-5-placeholder.section-5--animate-ready .section-5__image-placeholder {
  transform: translateX(-64px);
}

.section-5-placeholder.section-5--animate-ready .section-5__review-list {
  transform: translateX(64px);
}

.section-5-placeholder.section-5--animate-ready.section-5--in-view .section-5__header {
  opacity: 1;
  transform: translateY(0);
}

.section-5-placeholder.section-5--animate-ready.section-5--in-view .section-5__image-placeholder,
.section-5-placeholder.section-5--animate-ready.section-5--in-view .section-5__review-list {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.55s;
}

/* ============================================
   SECTION 6 INDUSTRIES
   ============================================ */

.section-6-industries {
  width: min(1440px, 100%);
  height: 720px;
  opacity: 1;
  gap: var(--site-gutter);
  background: #ffffff;
  margin: 0 auto;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

.section-6__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--layout-heading-to-content);
}

.section-6__title {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.section-6__view-all {
  text-decoration: none;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #605b5e;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.section-6__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.industry-card {
  background: rgba(255, 255, 255, 1);
  border-radius: 16px;
  padding: 12px;
}

.industry-card__media {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 80px;
  gap: 8px;
  margin-bottom: 6px;
}

.industry-card__media img {
  width: 100%;
  height: 250px;
  border-radius: 10px;
  object-fit: fill;
  display: block;
}

.industry-card__stats {
  display: grid;
  gap: 8px;
}

.industry-card__stat {
  width: 100%;
  height: 78px;
  border-radius: 16px;
  opacity: 1;
  background: rgba(245, 246, 249, 1);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.industry-card__stat strong {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #1f1a1d;
}

.industry-card__stat span {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: center;
  color: rgba(96, 91, 94, 1);
}

.industry-card__tag {
  display: inline-block;
  border-radius: 999px;
  background: #ffffff;
  padding: 4px 8px;
  font-size: 10px;
  color: #605b5e;
  margin-bottom: 8px;
}

.industry-card__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1f1a1d;
}

.industry-card__text {
  margin: 6px 0 10px;
  font-size: 12px;
  line-height: 18px;
  color: #605b5e;
}

.industry-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  border-radius: 999px;
  background: #ffe8d4;
  color: #ff6600;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
}

.section-6__link-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.section-6-industries.section-6--animate-ready .section-6__header {
  opacity: 0;
  transform: translateX(-56px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.section-6-industries.section-6--animate-ready .industry-card__media img,
.section-6-industries.section-6--animate-ready .industry-card__title,
.section-6-industries.section-6--animate-ready .industry-card__text,
.section-6-industries.section-6--animate-ready .industry-card__link {
  opacity: 0;
  transform: translateX(-44px);
  transition: transform 0.75s ease, opacity 0.75s ease;
  transition-delay: var(--industry-delay, 0.1s);
}

.section-6-industries.section-6--animate-ready .industry-card__stat {
  opacity: 0;
  transform: translateX(44px);
  transition: transform 0.75s ease, opacity 0.75s ease;
  transition-delay: var(--industry-delay, 0.1s);
}

.section-6-industries.section-6--animate-ready.section-6--in-view .section-6__header,
.section-6-industries.section-6--animate-ready.section-6--in-view .industry-card__media img,
.section-6-industries.section-6--animate-ready.section-6--in-view .industry-card__title,
.section-6-industries.section-6--animate-ready.section-6--in-view .industry-card__text,
.section-6-industries.section-6--animate-ready.section-6--in-view .industry-card__link,
.section-6-industries.section-6--animate-ready.section-6--in-view .industry-card__stat {
  opacity: 1;
  transform: translateX(0);
}

/* ============================================
   SECTION 7 NEWSLETTER
   ============================================ */

.section-7-newsletter {
  width: min(1440px, 100%);
  height: auto;
  min-height: 0;
  opacity: 1;
  gap: var(--site-gutter);
  background: #fff2E9;
  margin: 0 auto;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
}

.section-7__panel {
  width: 100%;
  border-radius: 24px;
  background: #fff2E9;
  padding: 56px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: var(--layout-split-column-gap);
  align-items: center;
}

.section-7__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-7__image-placeholder {
  width: 100%;
  max-width: 500px;
  height: 380px;
  border-radius: 16px;
  border: none;
  background: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #605b5e;
  font-size: 16px;
  font-weight: 500;
}

.section-7__image {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
  display: block;
}

.section-7__content h2 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.section-7__content p {
  margin: 12px 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #605b5e;
}

.section-7__form {
  margin-top: var(--layout-heading-to-content);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 560px;
}

.section-7__form button {
  border: none;
  cursor: pointer;
}

.section-7-newsletter.section-7--animate-ready .section-7__image-placeholder {
  opacity: 0;
  transform: translate(-60px, 60px) scale(1.14);
  transition: transform 0.9s ease, opacity 0.9s ease;
}

.section-7-newsletter.section-7--animate-ready .section-7__content h2,
.section-7-newsletter.section-7--animate-ready .section-7__content p,
.section-7-newsletter.section-7--animate-ready .section-7__form {
  opacity: 0;
  transform: translateX(56px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.section-7-newsletter.section-7--animate-ready.section-7--in-view .section-7__image-placeholder {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.section-7-newsletter.section-7--animate-ready.section-7--in-view .section-7__content h2,
.section-7-newsletter.section-7--animate-ready.section-7--in-view .section-7__content p,
.section-7-newsletter.section-7--animate-ready.section-7--in-view .section-7__form {
  opacity: 1;
  transform: translateX(0);
}

.section-7-newsletter.section-7--animate-ready.section-7--in-view .section-7__content h2 {
  transition-delay: 0.24s;
}

.section-7-newsletter.section-7--animate-ready.section-7--in-view .section-7__content p {
  transition-delay: 0.42s;
}

.section-7-newsletter.section-7--animate-ready.section-7--in-view .section-7__form {
  transition-delay: 0.6s;
}

/* ============================================
   SECTION 8 CTA (FROM RESOURCES)
   ============================================ */

.section-8-cta {
  width: min(1440px, 100%);
  height: 514px;
  display: flex;
  gap: var(--site-gutter);
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: #ffffff;
}

.section-8__content {
  width: 480px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--site-gutter);
  text-align: center;
  position: relative;
  z-index: 3;
}

.section-8__sales-card {
  width: 377.5128556574px;
  height: 397.3219991309px;
  border: none;
  padding: 0;
  transform: rotate(2deg);
  overflow: visible;
  flex-shrink: 0;
  background: transparent;
  position: absolute;
  left: -10px;
  top: 130px;
  z-index: 2;
}

.section-8__sales-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.section-8__metrics-card {
  width: 400.0000109413px;
  height: 524.0937643357px;
  border: none;
  padding: 0;
  transform: rotate(-2deg);
  overflow: visible;
  flex-shrink: 0;
  background: transparent;
  position: absolute;
  right: -55px;
  top: 10px;
  z-index: 2;
}

.section-8__metrics-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.section-8__content h3 {
  width: 470px;
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: capitalize;
  color: #1f1a1d;
}

.section-8__content p {
  width: 430px;
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #605b5e;
}

.section-8__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
}

.section-8__btn-primary,
.section-8__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  text-decoration: none;
  cursor: pointer;
}

.section-8-cta.section-8--animate-ready .section-8__content h3,
.section-8-cta.section-8--animate-ready .section-8__content p {
  opacity: 0;
  transform: translateY(42px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.section-8-cta.section-8--animate-ready .section-8__btn-primary {
  opacity: 0;
  transform: translateX(-44px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.section-8-cta.section-8--animate-ready .section-8__btn-secondary {
  opacity: 0;
  transform: translateX(44px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.section-8-cta.section-8--animate-ready .section-8__sales-card,
.section-8-cta.section-8--animate-ready .section-8__metrics-card {
  opacity: 0;
  transition: transform 0.85s ease, opacity 0.85s ease;
}

.section-8-cta.section-8--animate-ready .section-8__sales-card {
  transform: translate(-70px, 60px) rotate(2deg);
}

.section-8-cta.section-8--animate-ready .section-8__metrics-card {
  transform: translate(70px, 60px) rotate(-2deg);
}

.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__content h3,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__content p,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__btn-primary,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__btn-secondary,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__sales-card,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__metrics-card {
  opacity: 1;
}

.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__content h3,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__content p {
  transform: translateY(0);
}

.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__btn-primary,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__btn-secondary,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__sales-card,
.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__metrics-card {
  transform: translateX(0);
}

.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__btn-primary {
  transition-delay: 0.24s;
}

.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__btn-secondary {
  transition-delay: 0.3s;
}

.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__sales-card {
  transition-delay: 0.72s;
  transform: translate(0, 0) rotate(2deg);
}

.section-8-cta.section-8--animate-ready.section-8--in-view .section-8__metrics-card {
  transition-delay: 0.72s;
  transform: translate(0, 0) rotate(-2deg);
}

/* ============================================
   ABOUT PAGE LAYOUT SCAFFOLD
   ============================================ */

.about-page {
  background: #ffffff;
  overflow-x: hidden;
}

.about-main {
  width: 100%;
  max-width: none;
  height: auto;
  border-radius: 0;
  opacity: 1;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: #ffffff;
}

/* Keep all about sections within viewport (prevents right-side whitespace/scroll). */
.about-main > section {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.about-hero {
  position: relative;
  width: calc(100% - 20px);
  max-width: none;
  height: clamp(600px, 80vh, 760px);
  border-radius: 24px;
  border: 4px solid #ffffff;
  margin: 0 auto;
  box-sizing: border-box;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: var(--site-gutter);
  overflow: hidden;
  background: #111;
}

.about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: url("assets/about-banner.png") center 18% / cover no-repeat;
  z-index: 0;
  animation: aboutHeroImageEntry 1.15s ease-out forwards;
}

.about-hero__overlay {
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: linear-gradient(90deg, rgba(20, 20, 20, 0.82) 15%, rgba(20, 20, 20, 0.42) 46%, rgba(20, 20, 20, 0.04) 86%);
  z-index: 1;
}

.about-hero__content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: clamp(var(--space-18), 30vh, 240px) var(--site-gutter-x) var(--space-9);
}

.about-hero__content h1 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(50px, 4.1vw, 56px);
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
}

.about-hero__content p {
  margin: 18px 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(17px, 1.4vw, 18px);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.86);
}

.about-hero__line {
  display: block;
  opacity: 0;
  transform: translateY(30px);
  animation: aboutHeroTextRise 0.7s ease-out forwards;
}

.about-hero__line--1 {
  animation-delay: 1.25s;
}

.about-hero__line--2 {
  animation-delay: 1.48s;
}

.about-hero__line--3 {
  animation-delay: 1.72s;
}

.about-hero__line--4 {
  animation-delay: 1.96s;
}

@keyframes aboutHeroImageEntry {
  from {
    opacity: 0;
    transform: scale(1.08);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes aboutHeroTextRise {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.about-block {
  margin-top: 24px;
  border-radius: 24px;
  background: #fff2e9;
  padding: 40px;
}

.about-block--mission {
  background: #ffffff;
  border: 1px solid #eceaf0;
}

.about-mission-feature {
  width: 100%;
  max-width: none;
  height: auto;
  opacity: 1;
  margin: 0;
  padding: clamp(48px, 5vw, 64px) var(--site-gutter-x);
  border-radius: 24px;
  background: #ffffff;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  column-gap: clamp(28px, 3.5vw, 48px);
  row-gap: 12px;
  align-items: start;
  text-align: left;
  box-sizing: border-box;
}

.about-mission-feature > .about-kicker,
.about-mission-feature > h2 {
  grid-column: 1 / -1;
  width: 100%;
  max-width: min(1280px, 100%);
  margin-inline: 0;
}

.about-mission-feature h2 {
  margin: 12px 0 0;
  width: 100%;
  max-width: 720px;
  height: auto;
  opacity: 1;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: clamp(32px, 3.4vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #1f1a1d;
}

.about-mission-feature__image {
  grid-column: 1;
  margin-top: clamp(20px, 3vw, 28px);
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 480 / 264;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  opacity: 1;
  justify-self: stretch;
}

.about-mission-feature__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-mission-feature__text {
  grid-column: 2;
  margin-top: clamp(20px, 3vw, 28px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  align-self: start;
}

.about-mission-feature__text p {
  margin: 0 0 16px;
  max-width: 560px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #605b5e;
}

.about-mission-feature__text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.about-mission-feature__text li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #383035;
}

.about-mission-feature__item-icon {
  width: 24px;
  height: 24px;
  opacity: 1;
  display: inline-block;
  flex-shrink: 0;
}

.about-mission-feature__btn {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  height: auto;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  background: #ff6600;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.about-kicker {
  display: block;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #605b5e;
}

.about-mission-feature.about-mission--animate-ready .about-kicker,
.about-mission-feature.about-mission--animate-ready h2,
.about-mission-feature.about-mission--animate-ready .about-mission-feature__image {
  opacity: 0;
  transform: translateX(-56px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.about-mission-feature.about-mission--animate-ready .about-mission-feature__text p,
.about-mission-feature.about-mission--animate-ready .about-mission-feature__text li {
  opacity: 0;
  transform: translateX(52px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.about-mission-feature.about-mission--animate-ready .about-mission-feature__btn {
  opacity: 0;
  transform: translateY(28px);
  transition: transform 0.68s ease, opacity 0.68s ease;
}

.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-kicker,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view h2,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__image,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__text p,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__text li,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__btn {
  opacity: 1;
}

.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-kicker,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view h2,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__image {
  transform: translateX(0);
}

.about-mission-feature.about-mission--animate-ready.about-mission--in-view h2 {
  transition-delay: 0.1s;
}

.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__image {
  transition-delay: 0.2s;
}

.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__text p,
.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__text li {
  transform: translateX(0);
  transition-delay: var(--mission-line-delay, 0.28s);
}

.about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__btn {
  transform: translateY(0);
  transition-delay: 0.72s;
}

.about-block h2 {
  margin: 12px 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 44px;
  color: #1f1a1d;
}

.about-block p {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #605b5e;
}

.about-section-title {
  margin: 0;
  font-size: 40px;
  line-height: 52px;
}

.about-values-grid {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.about-card {
  border-radius: 16px;
  background: #ffffff;
  padding: 24px;
}

.about-card h3 {
  margin: 0;
  font-size: 22px;
  line-height: 30px;
}

.about-card p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 21px;
}

.about-values-feature {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  border-radius: 24px;
  background: #fff2e9;
  padding: clamp(48px, 5vw, 64px) var(--site-gutter-x);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  box-sizing: border-box;
}

.about-values-feature__intro {
  width: 100%;
  max-width: min(980px, 100%);
  margin: 0 0 clamp(32px, 4vw, 48px);
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(24px, 2.75vw, 40px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #1f1a1d;
  overflow-wrap: break-word;
}

.about-values-feature__intro span {
  color: #ff6600;
  font-weight: 600;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.about-values-feature__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.8vw, 22px);
  width: 100%;
  max-width: min(1280px, 100%);
  margin-inline: 0;
  justify-content: stretch;
}

.about-values-feature__card {
  width: 100%;
  min-width: 0;
  height: auto;
  aspect-ratio: 405 / 390;
  border-radius: 16px;
  opacity: 1;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.about-values-feature__image-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: #d7d7d7;
  position: relative;
  overflow: hidden;
}

.about-values-feature__image-placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(31, 26, 29, 0.35) 0%, rgba(31, 26, 29, 0.78) 100%);
  z-index: 1;
}

.about-values-feature__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: transparent;
  display: block;
}

.about-values-feature.about-values--animate-ready .about-values-feature__intro {
  opacity: 0;
  transform: translateX(56px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.about-values-feature.about-values--animate-ready .about-values-feature__card {
  opacity: 0;
  transform: translateY(42px);
  transition: transform 0.72s ease, opacity 0.72s ease;
  transition-delay: var(--about-values-card-delay, 0.24s);
}

.about-values-feature.about-values--animate-ready.about-values--in-view .about-values-feature__intro,
.about-values-feature.about-values--animate-ready.about-values--in-view .about-values-feature__card {
  opacity: 1;
}

.about-values-feature.about-values--animate-ready.about-values--in-view .about-values-feature__intro {
  transform: translateX(0);
}

.about-values-feature.about-values--animate-ready.about-values--in-view .about-values-feature__card {
  transform: translateY(0);
}

.about-values-feature__card-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 16px 18px 18px;
  text-align: left;
}

.about-values-feature__icon {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
  margin: 0;
  box-shadow: 0 4px 12px rgba(17, 17, 17, 0.1);
}

.about-values-feature__icon img {
  width: 40px;
  height: 40px;
  max-width: none;
  max-height: none;
  display: block;
  object-fit: contain;
}

.about-values-feature__card-content h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(22px, 1.9vw, 28px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.about-values-feature__card-content p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.45;
  max-width: 100%;
}

.about-different-section {
  width: 100%;
  max-width: none;
  height: auto;
  opacity: 1;
  margin: 0;
  border-radius: 24px;
  background: #ffffff;
  padding: clamp(48px, 5vw, 64px) var(--site-gutter-x);
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  column-gap: clamp(28px, 3.5vw, 48px);
  row-gap: 0;
  align-items: center;
  text-align: left;
  box-sizing: border-box;
}

.about-different__image-placeholder {
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 500 / 410;
  margin-inline: 0;
  border-radius: 20px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  justify-self: stretch;
}

.about-different__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-different__content h2 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #1f1a1d;
}

.about-different__content {
  width: 100%;
  min-width: 0;
  height: auto;
  max-width: none;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(14px, 1.8vw, 20px);
  box-sizing: border-box;
}

.about-different__content p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #605b5e;
  max-width: 560px;
  overflow-wrap: break-word;
}

.about-different__content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 560px;
}

.about-different__content li {
  position: relative;
  padding-left: 28px;
  color: #383035;
  font-size: 16px;
  line-height: 24px;
  overflow-wrap: break-word;
}

.about-different__content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background: url("assets/double-tick.png") center/contain no-repeat;
}

.about-different__btn {
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 48px;
  height: auto;
  padding: 14px 28px;
  border-radius: 999px;
  gap: 8px;
  opacity: 1;
  text-decoration: none;
  background: #ff6600;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.about-different-section.about-different--animate-ready .about-different__image-placeholder {
  opacity: 0;
  transform: translate(-54px, 50px) scale(1.14);
  transition: transform 0.9s ease, opacity 0.9s ease;
}

.about-different-section.about-different--animate-ready .about-different__content h2,
.about-different-section.about-different--animate-ready .about-different__content p {
  opacity: 0;
  transform: translateX(54px);
  transition: transform 0.74s ease, opacity 0.74s ease;
}

.about-different-section.about-different--animate-ready .about-different__content ul li,
.about-different-section.about-different--animate-ready .about-different__btn {
  opacity: 0;
  transform: translateY(26px);
  transition: transform 0.68s ease, opacity 0.68s ease;
}

.about-different-section.about-different--animate-ready.about-different--in-view .about-different__image-placeholder,
.about-different-section.about-different--animate-ready.about-different--in-view .about-different__content h2,
.about-different-section.about-different--animate-ready.about-different--in-view .about-different__content p,
.about-different-section.about-different--animate-ready.about-different--in-view .about-different__content ul li,
.about-different-section.about-different--animate-ready.about-different--in-view .about-different__btn {
  opacity: 1;
}

.about-different-section.about-different--animate-ready.about-different--in-view .about-different__image-placeholder {
  transform: translate(0, 0) scale(1);
}

.about-different-section.about-different--animate-ready.about-different--in-view .about-different__content h2,
.about-different-section.about-different--animate-ready.about-different--in-view .about-different__content p {
  transform: translateX(0);
  transition-delay: var(--different-text-delay, 0.18s);
}

.about-different-section.about-different--animate-ready.about-different--in-view .about-different__content ul li,
.about-different-section.about-different--animate-ready.about-different--in-view .about-different__btn {
  transform: translateY(0);
  transition-delay: var(--different-bottom-delay, 0.42s);
}

.about-block--team {
  width: 100%;
  max-width: none;
  height: auto;
  opacity: 1;
  gap: var(--site-gutter);
  margin: 0;
  background: #fff3eb;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: clamp(var(--space-7), 5vw, var(--space-9)) var(--site-gutter-x);
}

.about-block--team .about-section-title {
  width: 100%;
  max-width: 900px;
  margin-inline: auto;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: clamp(26px, 3.1vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1f1a1d;
  text-align: center;
}

.about-block--team .about-team-subtitle {
  display: block;
  width: min(100%, 720px);
  margin: 12px auto 0;
  padding-inline: clamp(8px, 2vw, 16px);
  box-sizing: border-box;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: clamp(16px, 1.55vw, 19px);
  line-height: 1.45;
  letter-spacing: -0.01em;
  text-align: center;
  text-wrap: balance;
  color: rgba(96, 91, 94, 1);
  overflow-wrap: break-word;
}

.about-team-grid {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.5vw, 14px);
  width: 100%;
  max-width: min(1280px, 100%);
  margin-inline: auto;
}

.about-team-card {
  width: 100%;
  min-width: 0;
  max-width: 400px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-self: stretch;
  overflow: visible;
  border-radius: 24px;
}

.about-team-card__image {
  width: 100%;
  height: auto;
  aspect-ratio: 400 / 480;
  border-radius: 24px;
  opacity: 1;
  object-fit: cover;
  display: block;
  overflow: hidden;
  transition: transform 0.45s ease;
  transform-origin: center center;
  will-change: transform;
}

.about-team-card:hover .about-team-card__image {
  transform: scale(1.04);
}

.about-team-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  padding-inline: clamp(10px, 2.5vw, 18px);
  padding-block: 0 2px;
}

.about-team-card__meta > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 4px;
}

.about-team-card__meta h3 {
  margin: 0;
  font-size: 26px;
  line-height: 34px;
  color: #1f1a1d;
}

.about-team-card__meta p {
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 22px;
  color: #605b5e;
  overflow-wrap: break-word;
}

.about-team-card__linkedin {
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
}

.about-block--team.about-team--animate-ready .about-section-title,
.about-block--team.about-team--animate-ready .about-team-subtitle {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.about-block--team.about-team--animate-ready .about-team-card {
  opacity: 0;
  transform: translateY(42px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  transition-delay: var(--team-card-delay, 0.2s);
}

.about-block--team.about-team--animate-ready.about-team--in-view .about-section-title,
.about-block--team.about-team--animate-ready.about-team--in-view .about-team-subtitle,
.about-block--team.about-team--animate-ready.about-team--in-view .about-team-card {
  opacity: 1;
  transform: translateY(0);
}

.about-block--team.about-team--animate-ready.about-team--in-view .about-team-subtitle {
  transition-delay: 0.12s;
}

/* About page layout — section shells aligned with sell / index */
.about-page {
  --about-section-radius: 24px;
}

@media (max-width: 1279px) {
  .about-page {
    --about-section-radius: var(--space-3);
  }
}

@media (max-width: 767px) {
  .about-page {
    --about-section-radius: var(--space-2);
  }
}

.about-page .about-mission-feature,
.about-page .about-values-feature,
.about-page .about-different-section,
.about-page .about-block--team,
.about-page .section-8-cta {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.about-page .about-mission-feature,
.about-page .about-values-feature,
.about-page .about-block--team {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--about-section-radius);
}

.about-page .about-mission-feature {
  align-items: stretch;
  text-align: left;
}

.about-page .about-mission-feature > .about-kicker,
.about-page .about-mission-feature > h2 {
  margin-inline: 0;
}

.about-page .about-values-feature {
  align-items: stretch;
  text-align: left;
}

.about-page .about-values-feature__intro,
.about-page .about-values-feature__grid {
  margin-inline: 0;
}

.about-page .about-different-section {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  border-radius: var(--about-section-radius);
  text-align: left;
}

.about-page .about-different__content {
  align-items: flex-start;
  margin-inline: 0;
}

.about-page .section-8-cta {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--about-section-radius);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .about-page .about-mission-feature,
  .about-page .about-values-feature,
  .about-page .about-block--team,
  .about-page .section-8-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .about-page .about-different-section {
    width: 100%;
    max-width: none;
    padding: 72px var(--site-gutter-x);
  }

  .about-page .section-8-cta {
    overflow: visible;
  }
}

/* ============================================
   SELL PAGE SCAFFOLD
   ============================================ */

.sell-page {
  background: #ffffff;
}

.sell-main {
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  overflow: visible;
}

.sell-hero {
  position: relative;
  width: 100%;
  height: clamp(560px, 76vh, 720px);
  border-radius: 24px;
  border: 4px solid #ffffff;
  margin: 0;
  overflow: hidden;
  background: #111;
}

.sell-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/sell-skylarc.png") center/cover no-repeat;
  z-index: 0;
  transform: translateX(0) scale(1);
  animation: sellHeroImageMove 2.8s ease-out forwards;
}

.sell-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.9) 16%, rgba(30, 30, 30, 0.55) 48%, rgba(30, 30, 30, 0.08) 85%);
  z-index: 1;
}

.sell-hero__content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: clamp(var(--space-18), 30vh, 240px) var(--site-gutter-x) var(--space-9);
}

.sell-hero__content h1 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: 100%;
  max-width: 760px;
  height: auto;
  opacity: 1;
  font-size: clamp(50px, 4.1vw, 56px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.sell-hero__content p {
  margin: 18px 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(17px, 1.4vw, 18px);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.86);
}

.sell-hero__line {
  display: block;
  opacity: 0;
  transform: translateY(30px);
  animation: sellHeroTextRise 0.7s ease-out forwards;
}

.sell-hero__line--1 {
  animation-delay: 1.25s;
}

.sell-hero__line--2 {
  animation-delay: 1.48s;
}

.sell-hero__line--3 {
  animation-delay: 1.72s;
}

@keyframes sellHeroImageMove {
  0% {
    opacity: 0;
    transform: translateX(0) scale(1.25);
  }
  55% {
    opacity: 1;
    transform: translateX(-9%) scale(1.08);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes sellHeroTextRise {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sell-placeholder {
  margin: 24px auto 0;
  width: 100%;
  border-radius: 24px;
  background: #fff3eb;
  padding: 44px;
}

.sell-placeholder h2 {
  margin: 0;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.sell-placeholder p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 26px;
  color: #605b5e;
}

.sell-trusted-section {
  width: 100%;
  max-width: none;
  min-height: 838px;
  background: #ffffff;
  border-radius: 24px;
  margin: 0;
  padding: 56px 44px;
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 40px;
  align-items: center;
}

.sell-trusted__media {
  position: relative;
  min-height: 520px;
}

.sell-trusted__img-main {
  width: 567px;
  height: 550px;
  border-radius: 24px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.sell-trusted__img-main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sell-trusted__img-overlay {
  position: absolute;
  right: 10px;
  bottom: 30px;
  width: 188px;
  height: 158px;
  border-radius: 12px;
  background: #ffffff;
  border: 4px solid #ffffff;
  display: block;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.sell-trusted__img-overlay-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

.sell-trusted__content h2 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.sell-trusted__content p {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #605b5e;
}

.sell-trusted__list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--site-gutter) var(--space-3);
}

.sell-trusted__list li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 20px;
  color: #383035;
}

.sell-trusted__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url("assets/orange-clicks.png") center/contain no-repeat;
}

.sell-trusted__actions {
  margin-top: 20px;
  display: flex;
  gap: 12px;
}

.sell-trusted__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 20px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.sell-trusted__btn--primary {
  background: #ff6600;
  color: #ffffff;
}

.sell-trusted__btn--secondary {
  background: #ffe8d4;
  color: #ff6600;
}

.sell-trusted-section.sell-trusted--animate-ready .sell-trusted__img-main {
  opacity: 0;
  transform: translateY(52px);
  transition: transform 0.82s ease, opacity 0.82s ease;
}

.sell-trusted-section.sell-trusted--animate-ready {
  opacity: 0;
  transform: translateY(34px);
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.sell-trusted-section.sell-trusted--animate-ready .sell-trusted__content h2,
.sell-trusted-section.sell-trusted--animate-ready .sell-trusted__content p,
.sell-trusted-section.sell-trusted--animate-ready .sell-trusted__content .sell-trusted__list {
  opacity: 0;
  transform: translateX(58px);
  transition: transform 0.78s ease, opacity 0.78s ease;
}

.sell-trusted-section.sell-trusted--animate-ready .sell-trusted__actions {
  opacity: 0;
  transform: translateY(34px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__img-main,
.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__content h2,
.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__content p,
.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__content .sell-trusted__list,
.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__actions {
  opacity: 1;
}

.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view {
  opacity: 1;
  transform: translateY(0);
}

.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__img-main {
  transform: translateY(0);
}

.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__content h2 {
  transform: translateX(0);
  transition-delay: 0.14s;
}

.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__content p {
  transform: translateX(0);
  transition-delay: 0.24s;
}

.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__content .sell-trusted__list {
  transform: translateX(0);
  transition-delay: 0.34s;
}

.sell-trusted-section.sell-trusted--animate-ready.sell-trusted--in-view .sell-trusted__actions {
  transform: translateY(0);
  transition-delay: 0.48s;
}

.sell-results-section {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: clamp(48px, 6vw, 72px) clamp(32px, 5vw, 84px);
  background: #1f1a20;
  border-radius: 24px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(380px, 1.25fr);
  gap: 40px;
  align-items: center;
  box-sizing: border-box;
}

.sell-results__title-wrap {
  transform: translateY(-112px);
}

.sell-results__title {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  width: 616px;
  max-width: 100%;
  height: 104px;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #ffffff;
}

.sell-results__content {
  display: grid;
  gap: 28px;
}

.sell-results__description {
  margin: 0;
  max-width: 560px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.74);
}

.sell-results__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(140px, 1fr));
  gap: 22px 30px;
}

.sell-results__stat-item h3 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(34px, 3vw, 48px);
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
}

.sell-results__stat-item p {
  margin: 8px 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.7);
}

.sell-results-section.sell-results--animate-ready .sell-results__title-wrap {
  opacity: 0;
  transform: translate(-66px, -112px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.sell-results-section.sell-results--animate-ready {
  opacity: 0;
  transform: translateY(34px);
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.sell-results-section.sell-results--animate-ready .sell-results__description {
  opacity: 0;
  transform: translateX(66px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.sell-results-section.sell-results--animate-ready .sell-results__stat-item h3 {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.sell-results-section.sell-results--animate-ready .sell-results__stat-item p {
  opacity: 0;
  transform: translateX(24px);
  transition: transform 0.62s ease, opacity 0.62s ease;
}

.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__title-wrap,
.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__description,
.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__stat-item h3,
.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__stat-item p {
  opacity: 1;
}

.sell-results-section.sell-results--animate-ready.sell-results--in-view {
  opacity: 1;
  transform: translateY(0);
}

.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__title-wrap {
  transform: translate(0, -112px);
}

.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__description {
  transform: translateX(0);
  transition-delay: 0.28s;
}

.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__stat-item h3 {
  transform: translateY(0);
  transition-delay: var(--result-stat-delay, 0.48s);
}

.sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__stat-item p {
  transform: translateX(0);
  transition-delay: calc(var(--result-stat-delay, 0.48s) + 0.16s);
}

@media (max-width: 1024px) {
  .sell-results-section {
    padding: 48px var(--site-gutter-x);
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .sell-results__description {
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  .sell-results-section {
    height: auto;
  }

  .sell-results__stats {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.sell-faq-section {
  width: 100%;
  max-width: none;
  background: #ffffff;
  margin: 0;
  padding: var(--space-9) var(--site-gutter-x) var(--space-10);
  border-radius: 24px;
}

.sell-faq__container {
  max-width: 1080px;
  margin: 0 auto;
}

.sell-faq__title {
  margin: 0 auto;
  width: 767px;
  max-width: 100%;
  height: 52px;
  text-align: center;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1f1a1d;
}

.sell-faq__subtitle {
  margin: 14px auto 0;
  max-width: 760px;
  text-align: center;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #7b7679;
}

.sell-faq__list {
  --sell-faq-panel-duration: 0.85s;
  --sell-faq-content-duration: 0.68s;
  --sell-faq-motion-duration: 0.85s;
  --sell-faq-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  width: min(736px, 100%);
  margin: 30px auto 0;
  padding-bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sell-faq__list .sell-faq__item {
  width: 100%;
  min-height: 0;
  border-radius: 16px;
  border: 1px solid #eceff3;
  background: #f6f7f9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.sell-faq__list .sell-faq__item:hover {
  border-color: #e2e7ef;
  background: #ffffff;
}

.sell-faq__list .sell-faq__item.sell-faq__item--open {
  border-color: #dfe5ed;
  background: #ffffff;
  box-shadow: none;
}

.sell-faq__answer {
  height: 0;
  overflow: hidden;
  transition: height var(--sell-faq-panel-duration) var(--sell-faq-ease);
  will-change: height;
}

.sell-faq__answer-inner {
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition:
    opacity var(--sell-faq-content-duration) ease,
    transform var(--sell-faq-content-duration) var(--sell-faq-ease);
}

.sell-faq__item:not(.sell-faq__item--open) .sell-faq__answer-inner {
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition-delay: 0s;
}

.sell-faq__item.sell-faq__item--open .sell-faq__answer-inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: calc(var(--sell-faq-panel-duration) * 0.2);
}

.sell-faq__item.sell-faq__default-open.sell-faq__item--open .sell-faq__answer {
  transition: none;
}

.sell-faq__item.sell-faq__default-open.sell-faq__item--open .sell-faq__answer-inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: none;
}

.sell-faq__trigger {
  width: 100%;
  margin: 0;
  border: none;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #3f4754;
}

.sell-faq__item.sell-faq__item--open .sell-faq__trigger {
  font-weight: 600;
  color: #1f1a1d;
}

.sell-faq__item.sell-faq__item--open .sell-faq__trigger span {
  font-weight: 600;
}

.sell-faq__lead-question {
  width: auto;
  max-width: none;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
}

.sell-faq__arrow {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
}

.sell-faq__arrow img {
  width: 24px;
  height: 24px;
  display: block;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform var(--sell-faq-motion-duration) var(--sell-faq-ease);
}

.sell-faq__item.sell-faq__item--open .sell-faq__arrow img {
  transform: rotate(180deg);
}

.sell-faq__item.sell-faq__default-open.sell-faq__item--open .sell-faq__arrow img {
  transform: rotate(180deg);
  transition: none;
}

.sell-faq__list p {
  margin: 0;
  padding: 0 32px 24px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #4b5461;
}

@media (prefers-reduced-motion: reduce) {
  .sell-faq__list {
    --sell-faq-panel-duration: 0.01ms;
    --sell-faq-content-duration: 0.01ms;
    --sell-faq-motion-duration: 0.01ms;
  }

  .sell-faq__answer,
  .sell-faq__answer-inner {
    transition-duration: 0.01ms;
    transition-delay: 0s !important;
  }

  .sell-faq__arrow img {
    transition-duration: 0.01ms;
  }

  .sell-faq__item.sell-faq__item--open .sell-faq__answer-inner {
    transform: none;
  }
}

.sell-faq-section.sell-faq--animate-ready .sell-faq__title,
.sell-faq-section.sell-faq--animate-ready .sell-faq__subtitle,
.sell-faq-section.sell-faq--animate-ready .sell-faq__list .sell-faq__item {
  opacity: 0;
  transform: translateY(16px);
  transition: transform 0.55s ease-out, opacity 0.55s ease-out;
}

.sell-faq-section.sell-faq--animate-ready.sell-faq--in-view .sell-faq__title,
.sell-faq-section.sell-faq--animate-ready.sell-faq--in-view .sell-faq__subtitle,
.sell-faq-section.sell-faq--animate-ready.sell-faq--in-view .sell-faq__list .sell-faq__item {
  opacity: 1;
  transform: translateY(0);
}

.sell-faq-section.sell-faq--animate-ready.sell-faq--in-view .sell-faq__title {
  transition-delay: 0.08s;
}

.sell-faq-section.sell-faq--animate-ready.sell-faq--in-view .sell-faq__subtitle {
  transition-delay: 0.2s;
}

.sell-faq-section.sell-faq--animate-ready.sell-faq--in-view .sell-faq__list .sell-faq__item {
  transition-delay: var(--faq-row-delay, 0.8s);
}

@media (max-width: 768px) {
  .sell-faq-section {
    padding: var(--mobile-section-y) var(--site-gutter-x);
  }

  .sell-faq__title {
    font-size: 34px;
  }
}

.sell-pricing-section {
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: var(--space-11) var(--site-gutter-x);
  gap: var(--space-10);
  border-radius: 24px;
  background: #fff3eb;
  display: flex;
  align-items: center;
}

.sell-pricing__content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-10);
  align-items: center;
}

.sell-pricing__title {
  margin: 0;
  width: 600px;
  max-width: 100%;
  height: 52px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1f1a1d;
}

.sell-pricing__text {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: #5b555a;
}

.sell-pricing__list {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--site-gutter);
}

.sell-pricing__list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.5;
  color: #373136;
}

.sell-pricing__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  background: url("assets/double-tick.png") center/contain no-repeat;
}

.sell-pricing__comparison-image {
  width: 568px;
  max-width: 100%;
  height: 286.20831298828125px;
  padding: 2px;
  border-radius: 12px;
  border: 0.7px solid rgba(223, 215, 206, 0.9);
  background: #ffffff;
  display: block;
  object-fit: contain;
  box-sizing: border-box;
}

.sell-pricing-section.sell-pricing--animate-ready .sell-pricing__left {
  opacity: 0;
  transform: translateX(-58px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.sell-pricing-section.sell-pricing--animate-ready .sell-pricing__right {
  opacity: 0;
  transform: translateX(58px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.sell-pricing-section.sell-pricing--animate-ready .sell-pricing__list li {
  opacity: 0;
  transform: translateY(24px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.sell-pricing-section.sell-pricing--animate-ready.sell-pricing--in-view .sell-pricing__left,
.sell-pricing-section.sell-pricing--animate-ready.sell-pricing--in-view .sell-pricing__right,
.sell-pricing-section.sell-pricing--animate-ready.sell-pricing--in-view .sell-pricing__list li {
  opacity: 1;
}

.sell-pricing-section.sell-pricing--animate-ready.sell-pricing--in-view .sell-pricing__left,
.sell-pricing-section.sell-pricing--animate-ready.sell-pricing--in-view .sell-pricing__right {
  transform: translateX(0);
}

.sell-pricing-section.sell-pricing--animate-ready.sell-pricing--in-view .sell-pricing__right {
  transition-delay: 0.14s;
}

.sell-pricing-section.sell-pricing--animate-ready.sell-pricing--in-view .sell-pricing__list li {
  transform: translateY(0);
  transition-delay: var(--pricing-line-delay, 0.34s);
}

@media (max-width: 1024px) {
  .sell-pricing-section {
    height: auto;
    padding: 72px 40px;
  }

  .sell-pricing__content {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.sell-contact-section {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: var(--space-5) var(--site-gutter-x) var(--space-8);
  background: #ffffff;
}

.sell-contact__content {
  display: grid;
  grid-template-columns: minmax(340px, 1fr) minmax(320px, 560px);
  gap: 40px;
  align-items: center;
}

.sell-contact__title {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.sell-contact__subtitle {
  margin: 8px 0 0;
  max-width: 470px;
  font-size: 13px;
  line-height: 1.45;
  color: #6f6a6e;
}

.sell-contact__form {
  margin-top: var(--space-3);
  width: 100%;
  max-width: 496px;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.sell-contact__form button {
  margin-top: 6px;
  width: 100%;
  border: none;
  cursor: pointer;
}

.sell-contact__right {
  justify-self: end;
}

.sell-contact__image {
  width: 560px;
  max-width: 100%;
  border-radius: 12px;
  display: block;
}

.sell-contact-section.sell-contact--animate-ready .sell-contact__right {
  opacity: 0;
  transform: translateX(62px);
  transition: transform 0.82s ease, opacity 0.82s ease;
}

.sell-contact-section.sell-contact--animate-ready .sell-contact__title,
.sell-contact-section.sell-contact--animate-ready .sell-contact__subtitle,
.sell-contact-section.sell-contact--animate-ready .sell-contact__form input {
  opacity: 0;
  transform: translateX(-48px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.sell-contact-section.sell-contact--animate-ready .sell-contact__form button {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.7s ease, opacity 0.7s ease;
}

.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__right,
.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__title,
.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__subtitle,
.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__form input,
.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__form button {
  opacity: 1;
}

.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__right {
  transform: translateX(0);
  transition-delay: 0.16s;
}

.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__title,
.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__subtitle,
.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__form input {
  transform: translateX(0);
  transition-delay: var(--contact-line-delay, 0.12s);
}

.sell-contact-section.sell-contact--animate-ready.sell-contact--in-view .sell-contact__form button {
  transform: translateY(0);
  transition-delay: 0.64s;
}

@media (max-width: 1024px) {
  .sell-contact-section {
    padding: 36px 24px 56px;
  }

  .sell-contact__content {
    grid-template-columns: 1fr;
  }

  .sell-contact__right {
    justify-self: start;
  }
}

/* ============================================
   TERMS PAGE
   ============================================ */

.terms-page {
  background: #ffffff;
}

.terms-main {
  width: 100%;
  max-width: none;
  margin: 0;
}

.terms-hero {
  position: relative;
  width: calc(100% - 8px);
  height: 520px;
  margin: 10px auto 0;
  border-radius: 24px;
  overflow: hidden;
  background: url("assets/terms-banner.png") center/cover no-repeat, linear-gradient(135deg, #1f1a1d 0%, #312a2f 100%);
}

.terms-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.86) 20%, rgba(30, 30, 30, 0.18) 78%);
}

.terms-hero__content {
  position: relative;
  z-index: 1;
  max-width: 760px;
  padding: 170px 56px 60px;
}

.terms-hero__content h1 {
  margin: 0;
  color: #ffffff;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.terms-hero__content p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  line-height: 1.5;
}

.terms-content {
  width: 100%;
  max-width: none;
  padding: var(--space-8) var(--site-gutter-x) var(--space-10);
  background: #fff3eb;
  border-radius: var(--terms-section-radius, 32px);
  box-sizing: border-box;
}

.terms-content__container {
  max-width: 1280px;
  margin: 0 auto;
}

.terms-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: var(--site-gutter);
  align-items: start;
}

.terms-nav {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  width: 208px;
  height: 464px;
  gap: 16px;
  padding-top: 12px;
  opacity: 1;
}

.terms-nav__link {
  font-size: 12px;
  line-height: 1.3;
  color: #665f63;
  text-decoration: none;
  position: relative;
  padding-left: 12px;
}

.terms-nav__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 102, 0, 0.45);
}

.terms-nav__link--active {
  color: #ff6600;
  font-weight: 600;
}

.terms-doc--card {
  background: #fff3eb;
  border: none;
  border-radius: 14px;
  padding: 22px 26px 28px;
}

.terms-block + .terms-block {
  margin-top: 22px;
}

.terms-doc h2 {
  margin: 0 0 14px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1f1a1d;
}

.terms-doc h3 {
  margin: 0 0 8px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1f1a1d;
}

.terms-doc p,
.terms-doc li {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.55;
  color: #5f5a5d;
}

.terms-intro-text {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.terms-doc ul {
  margin: 0;
  padding-left: 20px;
}

/* Privacy policy intro block */
.privacy-intro {
  width: 100%;
  max-width: none;
  padding: 60px 40px;
  background: #ffffff;
  border-radius: var(--terms-section-radius, 32px);
  box-sizing: border-box;
}

.privacy-intro__container,
.privacy-intro .container {
  max-width: min(1200px, 100%);
  margin: 0 auto;
}

.privacy-intro h1 {
  margin: 0 0 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  color: #1e191d;
}

.privacy-intro p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
}

.privacy-intro p:last-child {
  margin-bottom: 0;
}

.terms-doc ol {
  margin: 0;
  padding-left: 20px;
  color: #5f5a5d;
  font-size: 13px;
  line-height: 1.55;
}

.terms-doc ol li {
  margin-bottom: 12px;
}

.terms-doc ol ol {
  margin-top: 12px;
  padding-left: 20px;
}

.terms-doc ol ol li {
  margin-bottom: 8px;
}

.terms-doc__list--continue {
  margin-top: 24px;
  padding-left: 20px;
}

.terms-doc .terms-block__after-list {
  margin-top: 24px;
}

.terms-doc a {
  color: #ff6600;
  text-decoration: none;
}

.terms-doc a:hover {
  text-decoration: underline;
}

.terms-doc strong {
  color: #1f1a1d;
}

@media (max-width: 1024px) {
  .terms-hero {
    height: 440px;
    border-radius: 18px;
  }

  .terms-hero__content {
    padding: 150px 24px 40px;
  }

  .terms-hero__content h1 {
    font-size: 46px;
  }

  .terms-hero__content p {
    font-size: 16px;
  }

  .terms-content {
    width: 100%;
    max-width: none;
    padding: 44px var(--site-gutter-x) 56px;
    border-radius: var(--terms-section-radius, 24px);
  }

  .privacy-intro {
    width: 100%;
    max-width: none;
    padding: 44px var(--site-gutter-x);
    border-radius: var(--terms-section-radius, 24px);
  }

  .privacy-intro h1 {
    font-size: 30px;
    line-height: 1.25;
    margin-bottom: var(--space-3);
  }

  .privacy-intro p {
    font-size: 15px;
    line-height: 1.6;
  }

  .terms-layout {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .terms-nav {
    position: static;
    overflow-x: auto;
    white-space: nowrap;
    flex-direction: row;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
  }

  .terms-nav__link {
    background: #ffffff;
    border: 1px solid #efe6de;
    border-radius: 999px;
    padding: 8px 12px;
  }

  .terms-nav__link::before {
    display: none;
  }

  .terms-doc h2 {
    font-size: 32px;
  }

  .terms-doc--card {
    padding: 18px 20px 24px;
  }
}

@media (max-width: 767px) {
  .terms-main {
    width: 100%;
  }

  .terms-page {
    --terms-mobile-gutter: 10px;
  }

  .terms-page .terms-main {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .terms-hero {
    width: calc(100% - 20px);
    max-width: none;
    height: 360px;
    margin: 0 10px;
    border-radius: 16px;
  }

  .terms-hero__overlay {
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.82) 0%, rgba(30, 30, 30, 0.45) 100%);
  }

  .terms-hero__content {
    max-width: 100%;
    padding: 128px 12px 24px;
  }

  .terms-hero__content h1 {
    font-size: 34px;
    line-height: 1.15;
  }

  .terms-hero__content p {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.45;
  }

  .terms-page .terms-content,
  .terms-page .privacy-intro {
    padding-left: var(--site-gutter-x);
    padding-right: var(--site-gutter-x);
    border-radius: var(--terms-section-radius);
    overflow: hidden;
  }

  .terms-page .terms-content {
    margin-top: 10px;
    padding-top: 24px;
    padding-bottom: 32px;
  }

  .terms-page .privacy-intro {
    margin-top: 10px;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .privacy-intro__container,
  .privacy-intro .container {
    max-width: 100%;
  }

  .privacy-intro h1 {
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 14px;
  }

  .privacy-intro p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 12px;
  }

  .terms-doc--card {
    background: transparent;
    border-radius: 0;
    padding: 0;
  }

  .terms-layout {
    gap: 14px;
  }

  .terms-nav {
    gap: var(--site-gutter);
    padding-bottom: 4px;
  }

  .terms-nav__link {
    font-size: 12px;
    padding: 7px 10px;
  }

  .terms-doc--card {
    border-radius: 12px;
    padding: 14px 14px 18px;
  }

  .terms-block + .terms-block {
    margin-top: 16px;
  }

  .terms-doc h2,
  .terms-doc h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .terms-doc p,
  .terms-doc li {
    font-size: 13px;
    line-height: 1.5;
  }
}

/* ============================================
   FOOTER
   ============================================ */

.footer {
  background: #312A2F;
  display: flex;
  padding: var(--space-10) var(--site-gutter-x) var(--space-4) var(--site-gutter-x);
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.footer__container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.footer__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
}

.footer__brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer__logo {
  width: 200px;
  height: auto;
  display: block;
}

.footer__description {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: -0.14px !important;
  color: #FFF !important;
  margin: 0;
}

.footer__social {
  display: flex;
  gap: 12px;
}

.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  transition: var(--transition-base);
  text-decoration: none;
}

.footer__social-link:hover {
  background: rgba(255, 102, 0, 0.2);
}

.footer__social-link img {
  width: 20px;
  height: 20px;
}

.footer__links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}

.footer__column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer__column-title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: -0.064px !important;
  color: #FFFFFF !important;
  margin: 0;
}

.footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer__link {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: normal !important;
  letter-spacing: -0.056px !important;
  color: #FFFFFF !important;
  text-decoration: none;
  transition: var(--transition-base);
}

.footer__link:hover {
  color: #FF6600;
}

.footer__newsletter {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer__newsletter-title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
  margin: 0;
  text-transform: capitalize;
}

.footer__newsletter-form {
  display: flex;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px;
}

.footer__newsletter-input {
  flex: 1;
  background: rgba(255, 255, 255, 0.08) !important;
  border: none;
  color: #FFF !important;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 26px !important;
  letter-spacing: -0.18px !important;
  padding: 8px 12px;
  border-radius: 8px;
}

.footer__newsletter-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer__newsletter-button {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: var(--transition-base);
}

.footer__newsletter-button:hover {
  opacity: 0.8;
}

.footer__newsletter-button img {
  width: 20px;
  height: 20px;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__copyright {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: normal !important;
  letter-spacing: -0.064px !important;
  color: #FFF !important;
  margin: 0;
}

.footer__bottom-links {
  display: flex;
  gap: var(--site-gutter);
}

.footer__bottom-link {
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: normal !important;
  letter-spacing: -0.056px !important;
  color: #FFF !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  transition: var(--transition-base);
}

.footer__bottom-link::after {
  content: "";
  width: 10px;
  height: 10px;
  background: url("assets/arrow-tilt.png") center/contain no-repeat;
  flex-shrink: 0;
}

.footer__bottom-link:hover {
  color: #FFFFFF;
}

.footer.footer--animate-ready .footer__brand {
  opacity: 0;
  transform: translateX(-48px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.footer.footer--animate-ready .footer__social-link {
  opacity: 0;
  transform: translateY(28px);
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.footer.footer--animate-ready .footer__links {
  opacity: 0;
  transform: translateY(42px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.footer.footer--animate-ready .footer__newsletter {
  opacity: 0;
  transform: translateX(52px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.footer.footer--animate-ready .footer__bottom {
  opacity: 0;
  transform: translateY(34px);
  transition: transform 0.75s ease, opacity 0.75s ease;
}

.footer.footer--animate-ready.footer--in-view .footer__brand,
.footer.footer--animate-ready.footer--in-view .footer__social-link,
.footer.footer--animate-ready.footer--in-view .footer__links,
.footer.footer--animate-ready.footer--in-view .footer__newsletter,
.footer.footer--animate-ready.footer--in-view .footer__bottom {
  opacity: 1;
}

.footer.footer--animate-ready.footer--in-view .footer__brand {
  transform: translateX(0);
  transition-delay: 0.18s;
}

.footer.footer--animate-ready.footer--in-view .footer__links {
  transform: translateY(0);
  transition-delay: 0.36s;
}

.footer.footer--animate-ready.footer--in-view .footer__newsletter {
  transform: translateX(0);
  transition-delay: 0.42s;
}

.footer.footer--animate-ready.footer--in-view .footer__social-link {
  transform: translateY(0);
}

.footer.footer--animate-ready.footer--in-view .footer__social-link:nth-child(1) {
  transition-delay: 0.28s;
}

.footer.footer--animate-ready.footer--in-view .footer__social-link:nth-child(2) {
  transition-delay: 0.38s;
}

.footer.footer--animate-ready.footer--in-view .footer__social-link:nth-child(3) {
  transition-delay: 0.48s;
}

.footer.footer--animate-ready.footer--in-view .footer__bottom {
  transform: translateY(0);
  transition-delay: 0.62s;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (min-width: 769px) and (max-width: 1024px) {
  .navbar {
    padding: 16px;
  }

  .navbar__container {
    width: 100%;
    padding: 12px 16px;
    border-radius: 999px;
    flex-wrap: wrap;
  }

  .navbar__hamburger {
    display: flex;
  }

  .hero {
    height: 600px;
  }

  .hero__subtitle {
    font-size: 48px;
    line-height: 54px;
  }

  .hero__description {
    font-size: 18px !important;
  }

  .hero__cta {
    gap: 12px;
  }

  .btn {
    min-width: 140px;
    padding: 12px 24px;
  }

  .section-1__container {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }

  .section-1__content {
    padding-right: 0;
  }

  .section-1__image {
    width: 100%;
    height: auto;
  }

  .section-1__image-img {
    height: auto;
  }

  .section-1__title {
    font-size: 36px;
    line-height: 44px;
  }

  .section-1__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .section-2__container {
    grid-template-columns: 1fr;
  }

  .section-2__title {
    font-size: 32px;
    line-height: 40px;
  }

  .section-2__stat-number {
    font-size: 48px;
    line-height: 1.1;
  }

  .section-3__carousel {
    grid-template-columns: 1fr;
  }

  .section-3__header {
    flex-direction: column;
    gap: var(--site-gutter);
  }

  .section-3__controls {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 14px;
    white-space: normal;
  }

  .section-3__tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px;
    width: 100%;
    min-width: 0;
  }

  .section-3__tab {
    min-width: 0;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
    text-align: center;
    box-sizing: border-box;
  }

  .section-3__navigation {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--site-gutter);
  }

  .section-3__nav-btn {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
  }
}

@media (max-width: 767px) {
  /* Footer — see mobile design system block at end of file */
}

@media (min-width: 768px) and (max-width: 1024px) {
  .section-8-cta {
    height: auto;
    min-height: 460px;
    padding: 56px 32px;
  }

  .section-8__content {
    width: min(560px, 100%);
    min-height: auto;
  }

  .section-8__content h3 {
    width: 100%;
    font-size: 40px;
    line-height: 48px;
  }

  .section-8__content p {
    width: 100%;
    max-width: 520px;
    font-size: 16px;
    line-height: 24px;
  }

  .section-8__actions {
    flex-wrap: wrap;
    justify-content: center;
  }

  .section-8__sales-card {
    width: 290px;
    height: auto;
    left: -72px;
    top: 190px;
  }

  .section-8__metrics-card {
    width: 300px;
    height: auto;
    right: -110px;
    top: 44px;
  }

  .footer {
    padding: 64px 32px 24px 32px;
    gap: 40px;
    min-height: 547px;
  }

  .footer__container {
    gap: 40px;
  }

  .footer__content {
    grid-template-columns: minmax(460px, 1fr) minmax(240px, 270px);
    gap: 40px;
    align-items: start;
  }

  .footer__brand {
    grid-column: 1 / 2;
    grid-row: 1;
    max-width: 250px;
  }

  .footer__links {
    grid-column: 1 / 2;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(88px, 1fr));
    align-content: start;
    align-items: start;
    column-gap: 20px;
    row-gap: 40px;
    gap: 0;
  }

  .footer__newsletter {
    grid-column: 2 / 3;
    grid-row: 2;
    justify-self: end;
    width: 100%;
    max-width: 270px;
    align-self: start;
  }

  .footer__newsletter-title {
    font-size: 30px !important;
    line-height: 38px !important;
    letter-spacing: -0.3px !important;
  }

  .footer__newsletter-form {
    position: relative;
    min-height: 48px;
    padding-right: 44px;
  }

  .footer__newsletter-input {
    font-size: 22px !important;
    line-height: 30px !important;
    width: 100%;
    padding-right: 40px;
  }

  .footer__newsletter-button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
  }

  .footer__bottom {
    align-items: center;
    gap: 16px;
    padding-top: 20px;
  }

  .footer__bottom-links {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .section-8-cta {
    height: auto;
    min-height: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    overflow: hidden;
  }

  .section-8__content {
    width: 100%;
    min-height: auto;
    gap: 16px;
  }

  .section-8__content h3 {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
  }

  .section-8__content p {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
  }

  .section-8__actions {
    width: 100%;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
  }

  .section-8__btn-primary,
  .section-8__btn-secondary {
    width: 100%;
    height: 46px;
  }

  .section-8__sales-card,
  .section-8__metrics-card {
    display: none;
  }
}

@media (max-width: 480px) {
  .navbar__container {
    width: 100%;
    padding: 8px;
  }

  .navbar__logo-img {
    height: 40px;
  }

  .navbar__actions {
    gap: 12px;
  }

  .btn--navbar-primary {
    padding: 8px 16px;
    font-size: 14px;
  }

  .hero {
    height: 500px;
  }

  .hero__subtitle {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 12px;
  }

  .hero__description {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 24px !important;
  }

  .hero__content {
    padding: 24px;
  }

  .hero__cta {
    flex-direction: column;
    gap: 8px;
  }

  .btn {
    width: 100%;
    min-width: auto;
    padding: 12px 24px;
    font-size: 14px;
  }

  .section-1 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .section-1__container {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }

  .section-1__content {
    padding-right: 0;
  }

  .section-1__title {
    font-size: 28px;
    line-height: 36px;
  }

  .section-1__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }

  .section-1__cta {
    flex-direction: column;
  }

  .section-2 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .section-2__header {
    margin-bottom: var(--spacing-2xl);
  }

  .section-2__title {
    font-size: 28px;
    line-height: 36px;
  }

  .section-2__container {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }

  .section-2__stat-number {
    font-size: 40px;
    line-height: 56px;
  }

  .section-2__stat-label {
    font-size: 14px;
  }

  .section-3 {
    padding: 32px 0;
    overflow: visible;
  }

  .section-3__header {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    margin-bottom: 24px;
    padding: 0 24px;
  }

  .section-3__title {
    font-size: 28px;
    line-height: 36px;
    text-transform: none;
  }

  .section-3__description {
    font-size: 15px;
    line-height: 22px;
  }

  .section-3__controls {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    white-space: normal;
  }

  .section-3__tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  .section-3__tab {
    min-width: 0;
    width: 100%;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 18px;
    white-space: normal;
    text-align: center;
    box-sizing: border-box;
  }

  .section-3__navigation {
    display: none;
  }

  .section-3__carousel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
    max-width: none;
    margin: 0 0 24px;
    padding: 0 24px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-inline: 24px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .section-3__carousel::-webkit-scrollbar {
    display: none;
  }

  .section-3__card {
    flex: 0 0 calc(100vw - 80px);
    width: calc(100vw - 80px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    border-radius: 16px;
    border: 1px solid #d8dae5;
    padding: 8px;
  }

  .section-3__image-wrapper {
    position: relative;
    width: 100%;
    height: 220px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
    background: #e8eaef;
  }

  .section-3__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .section-3__badge {
    left: 50%;
    right: auto;
    bottom: 12px;
    width: max-content;
    max-width: calc(100% - 24px);
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 26, 29, 0.08);
    z-index: 2;
  }

  .section-3--animate-ready .section-3__badge {
    transform: translateX(-50%) translateY(20px);
  }

  .section-3--animate-ready.section-3--in-view .section-3__badge {
    transform: translateX(-50%) translateY(0);
  }

  .section-3--animate-ready .section-3__header,
  .section-3--animate-ready .section-3__footer {
    transform: translateY(28px);
  }

  .section-3--animate-ready .section-3__card {
    transform: translateY(32px);
  }

  .section-3--animate-ready .section-3__image {
    transform: translateY(-20px);
  }

  .section-3--animate-ready .section-3__content {
    transform: translateY(20px);
  }

  .section-3--animate-ready.section-3--in-view .section-3__header,
  .section-3--animate-ready.section-3--in-view .section-3__footer,
  .section-3--animate-ready.section-3--in-view .section-3__card,
  .section-3--animate-ready.section-3--in-view .section-3__image,
  .section-3--animate-ready.section-3--in-view .section-3__content {
    transform: translateY(0);
  }

  .section-3__footer {
    justify-content: center;
    padding: 0 24px;
  }

  .section-3__nav-btn {
    width: 36px;
    height: 36px;
  }

  /* Footer mobile layout — see mobile design system block at end of file */

  .footer__logo {
    width: 150px;
  }
}

/* ============================================
   CONTACT PAGE
   Adapted from provided standalone CSS
   ============================================ */

.contact-page {
  background: #ffffff;
}

.contact-page .hero-wrap {
  padding: 0;
  background: #f5f5f5;
}

.contact-page .contact-hero {
  position: relative;
  height: 580px;
  overflow: visible;
  border-radius: 24px;
  margin: 10px;
  width: calc(100% - 20px);
}

.contact-page .contact-hero-bg {
  position: absolute;
  inset: 0;
  border-radius: 24px;
  overflow: hidden;
  background: url("./assets/2149947478 1.png") center/cover no-repeat;
  background-color: #1a1a2e;
  animation: contactHeroImageEntry 1.15s ease-out forwards;
}

.contact-page .contact-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(20, 20, 20, 0.68) 16%, rgba(20, 20, 20, 0.3) 48%, rgba(20, 20, 20, 0.04) 85%);
}

.contact-page .contact-hero-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--space-8) var(--site-gutter-x);
  height: 100%;
  gap: 40px;
}

.contact-page .hero-text {
  max-width: 480px;
  padding-top: 120px;
  opacity: 0;
  transform: translateY(30px);
  animation: contactHeroTextRise 0.9s ease-out 3.7s forwards;
}

.contact-page .hero-text h1 {
  font-family: var(--font-primary);
  font-size: 60px;
  font-weight: 600;
  color: #ffffff;
  line-height: 66px;
  letter-spacing: -0.03em;
  margin-bottom: var(--space-3);
}

.contact-page .hero-text p {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.01em;
  max-width: 660px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 36px;
}

.contact-page .contact-form-card {
  background: #ffffff;
  width: 510px;
  min-height: 586px;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-self: flex-end;
  position: relative;
  top: 320px;
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.1);
}

.contact-page .contact-form-card h3,
.contact-page .contact-form-fields .form-group,
.contact-page .btn-submit {
  opacity: 0;
  transform: translateX(46px);
  animation: contactFormLineIn 0.72s ease-out forwards;
}

.contact-page .contact-form-card h3 {
  animation-delay: 0.55s;
}

.contact-page .contact-form-fields .form-group:nth-child(1) {
  animation-delay: 0.72s;
}

.contact-page .contact-form-fields .form-group:nth-child(2) {
  animation-delay: 0.86s;
}

.contact-page .contact-form-fields .form-group:nth-child(3) {
  animation-delay: 1s;
}

.contact-page .contact-form-fields .form-group:nth-child(4) {
  animation-delay: 1.14s;
}

.contact-page .btn-submit {
  animation-delay: 1.3s;
}

.contact-page .contact-form-card h3 {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #31292f;
}

.contact-page .contact-form-fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--site-gutter);
  margin-top: 32px;
}

.contact-page .btn-submit {
  width: 100%;
  margin-top: auto;
  border: none;
  cursor: pointer;
}

@keyframes contactHeroImageEntry {
  from {
    opacity: 0;
    transform: scale(1.08);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes contactFormLineIn {
  from {
    opacity: 0;
    transform: translateX(46px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes contactHeroTextRise {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-page .contact-details-section {
  padding: var(--space-6) var(--site-gutter-x) var(--space-11);
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  background: #ffffff;
}

.contact-page .contact-details-section.contact-details--animate-ready {
  opacity: 0;
  transform: translateX(80px);
  transition: transform 0.85s ease, opacity 0.85s ease;
}

.contact-page .contact-details-section.contact-details--animate-ready.contact-details--in-view {
  opacity: 1;
  transform: translateX(0);
}

.contact-page .contact-details-section.contact-details--animate-ready .map-container {
  opacity: 0;
  transform: translateY(36px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.contact-page .contact-details-section.contact-details--animate-ready.contact-details--in-view .map-container {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.24s;
}

.contact-page .contact-details-grid {
  display: flex;
  flex-direction: column;
  gap: 26px;
  max-width: 680px;
}

.contact-page .detail-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.contact-page .detail-icon-image {
  width: 14px;
  height: 14px;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

.contact-page span.detail-icon-image {
  font-size: 14px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.contact-page .detail-main {
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 34px;
  color: #31292f;
  text-decoration: underline;
  display: inline-block;
}

.contact-page .detail-main--no-underline,
.contact-page .detail-main--no-underline:hover {
  text-decoration: none;
}

.contact-page .detail-sub {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 20px;
  color: #6b6b6b;
  display: block;
}

.contact-page .map-container {
  width: 100%;
  height: 420px;
  border-radius: 16px;
  overflow: hidden;
  background: #e8e8e8;
}

.contact-page .map-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contact-page .pickup-section {
  --contact-pickup-radius: 24px;
  --contact-pickup-inner-radius: 12px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(40px, 5vw, 72px) var(--site-gutter-x);
  box-sizing: border-box;
  background: #fff3eb;
  border-radius: var(--contact-pickup-radius);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  justify-items: stretch;
  gap: clamp(28px, 4vw, 48px);
  min-height: 0;
}

.contact-page .pickup-image {
  width: 100%;
  max-width: 620px;
  height: clamp(240px, 32vw, 420px);
  border-radius: var(--contact-pickup-inner-radius);
  overflow: hidden;
  justify-self: center;
  background: #d7d7d7;
}

.contact-page .pickup-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contact-page .pickup-content {
  width: 100%;
  max-width: 660px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: start;
  text-align: left;
}

.contact-page .pickup-content h2 {
  font-family: var(--font-primary);
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #31292f;
  margin: 0 0 10px;
  width: 100%;
}

.contact-page .pickup-content p,
.contact-page .pickup-content .link-orange {
  font-family: var(--font-primary);
  width: 100%;
  margin: 0;
}

.contact-page .pickup-content p {
  font-size: clamp(14px, 1.4vw, 18px);
  line-height: 1.45;
  color: #4b5461;
}

.contact-page .pickup-content .link-orange {
  display: inline-block;
  margin-top: 8px;
  color: var(--color-primary);
  text-decoration: none;
}

.contact-page .pickup-content .link-orange:hover {
  text-decoration: underline;
}

.contact-page .pickup-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--site-gutter);
  margin-top: 18px;
  width: 100%;
  max-width: 608px;
}

.contact-page .pickup-form input {
  width: 100%;
  max-width: none;
}

.contact-page .pickup-form .btn-continue {
  width: 100%;
  max-width: none;
}

.contact-page .btn-continue {
  border: none;
  cursor: pointer;
}

.contact-page .pickup-section.pickup-section--animate-ready .pickup-image {
  opacity: 0;
  transform: translateX(-60px);
  transition: transform 0.82s ease, opacity 0.82s ease;
}

.contact-page .pickup-section.pickup-section--animate-ready .pickup-content h2,
.contact-page .pickup-section.pickup-section--animate-ready .pickup-content p,
.contact-page .pickup-section.pickup-section--animate-ready .pickup-content .link-orange,
.contact-page .pickup-section.pickup-section--animate-ready .pickup-form input {
  opacity: 0;
  transform: translateX(50px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.contact-page .pickup-section.pickup-section--animate-ready .pickup-form .btn-continue {
  opacity: 0;
  transform: translateY(26px);
  transition: transform 0.68s ease, opacity 0.68s ease;
}

.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-image,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-content h2,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-content p,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-content .link-orange,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-form input,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-form .btn-continue {
  opacity: 1;
}

.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-image {
  transform: translateX(0);
}

.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-content h2,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-content p,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-content .link-orange,
.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-form input {
  transform: translateX(0);
  transition-delay: var(--pickup-line-delay, 0.16s);
}

.contact-page .pickup-section.pickup-section--animate-ready.pickup-section--in-view .pickup-form .btn-continue {
  transform: translateY(0);
  transition-delay: 0.72s;
}

@media (max-width: 1024px) {
  .contact-page .contact-hero {
    height: auto;
    min-height: 560px;
  }

  .contact-page .contact-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 112px 14px 12px !important;
    gap: 14px !important;
  }

  .contact-page .hero-text {
    max-width: 100%;
    padding: 0 6px !important;
  }

  .contact-page .hero-text h1 {
    font-size: 46px;
    line-height: 52px;
  }

  .contact-page .hero-text p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .contact-page .contact-form-card {
    width: calc(100% - 12px) !important;
    max-width: none !important;
    min-height: 0;
    padding: 16px;
    top: 0;
    align-self: stretch !important;
    margin: 0 6px;
    border-radius: 16px;
  }

  .contact-page .contact-form-fields {
    margin-top: 20px;
  }

  .contact-page .form-group input {
    height: 54px;
  }

  .contact-page .form-group textarea {
    height: 100px;
  }

  .contact-page .contact-details-section {
    padding: 56px 32px;
    gap: 32px;
  }

  .contact-page .detail-main {
    font-size: 20px;
    line-height: 30px;
  }

  .contact-page .map-container {
    height: 340px;
  }

  .contact-page .pickup-section {
    --contact-pickup-radius: 20px;
    --contact-pickup-inner-radius: 12px;
    padding: 56px var(--site-gutter-x);
    gap: 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-page .pickup-image {
    width: 100%;
    max-width: 100%;
    height: clamp(220px, 34vw, 320px);
  }

  .contact-page .pickup-content h2 {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .contact-page .hero-wrap {
    padding-top: 0;
    padding-bottom: clamp(240px, 62vw, 290px);
    background: #ffffff;
  }

  .contact-page .contact-hero {
    width: calc(100% - 20px);
    max-width: none;
    height: auto;
    min-height: 360px;
    margin: 10px 10px 0;
    border-radius: 20px;
    overflow: visible;
  }

  .contact-page .contact-hero-bg,
  .contact-page .contact-hero-bg::after {
    border-radius: 20px;
  }

  .contact-page .contact-hero-bg::after {
    background: linear-gradient(
      180deg,
      rgba(22, 22, 22, 0.78) 0%,
      rgba(22, 22, 22, 0.62) 42%,
      rgba(22, 22, 22, 0.28) 100%
    );
  }

  .contact-page .contact-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    position: relative;
    min-height: 360px;
    height: auto;
    padding: 88px 16px 0 !important;
    gap: 0 !important;
  }

  .contact-page .hero-text {
    position: relative;
    z-index: 2;
    max-width: 100%;
    padding: 4px 4px 0 !important;
    order: 1 !important;
    opacity: 1;
    transform: none;
    animation: none;
  }

  .contact-page .hero-text h1 {
    font-size: 32px;
    line-height: 1.12;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
  }

  .contact-page .hero-text p {
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 0;
    max-width: 100%;
    color: rgba(255, 255, 255, 0.92);
  }

  .contact-page .hero-contact-info {
    display: none;
  }

  .contact-page .contact-form-card {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: clamp(-360px, -58vw, -335px) !important;
    width: calc(100% - 32px) !important;
    max-width: 420px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 16px 20px !important;
    border-radius: 16px !important;
    order: 2 !important;
    align-self: center !important;
    transform: translateX(-50%) !important;
    z-index: 5;
    border: 1px solid #e8e8e8 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    animation: none;
  }

  .contact-page .contact-form-card h3,
  .contact-page .contact-form-fields .form-group,
  .contact-page .contact-form-card .btn-submit {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .contact-page .contact-form-card .btn-submit:hover {
    transform: none !important;
  }

  .contact-page .contact-form-card h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    font-weight: 600;
    color: #31292f;
  }

  .contact-page .contact-form-fields {
    margin-top: 16px;
    gap: 12px;
  }

  .contact-page .contact-form-card .form-group input,
  .contact-page .contact-form-card .form-group textarea {
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
  }

  .contact-page .form-group input {
    min-height: 48px;
    height: 48px;
  }

  .contact-page .form-group textarea {
    min-height: 112px;
    height: 112px;
  }

  .contact-page .btn-submit {
    margin-top: 16px;
    width: 100%;
    min-height: 48px;
    height: 48px;
    border-radius: 999px;
  }

  .contact-page .contact-details-section {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: clamp(88px, 21vw, 108px) 24px 32px;
    gap: 28px;
    border-radius: 0;
    background: #ffffff;
  }

  .contact-page .contact-details-grid {
    width: 100%;
    max-width: 100%;
    gap: 28px;
    align-items: flex-start;
  }

  .contact-page .detail-block {
    align-items: flex-start;
    gap: 6px;
    width: 100%;
  }

  .contact-page .detail-icon-image {
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
  }

  .contact-page .detail-main {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-align: left;
  }

  .contact-page .detail-main--no-underline {
    font-weight: 600;
    line-height: 1.35;
  }

  .contact-page .detail-sub {
    font-size: 14px;
    line-height: 20px;
    color: #6b6b6b;
    text-align: left;
    margin-top: 0;
  }

  .contact-page .map-container {
    width: 100%;
    height: clamp(200px, 52vw, 240px);
    border-radius: 14px;
    margin-top: 0;
  }

  .contact-page .pickup-section {
    --contact-pickup-radius: 16px;
    --contact-pickup-inner-radius: 10px;
    width: 100%;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    grid-template-columns: 1fr;
    gap: 16px;
    justify-items: stretch;
  }

  .contact-page .pickup-image {
    width: 100%;
    max-width: 100%;
    height: clamp(200px, 52vw, 240px);
    border-radius: var(--contact-pickup-inner-radius);
    justify-self: stretch;
  }

  .contact-page .pickup-content {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    text-align: left;
    justify-self: stretch;
  }

  .contact-page .pickup-content h2 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .contact-page .pickup-content p {
    font-size: 14px;
    line-height: 1.4;
  }

  .contact-page .pickup-content p br {
    display: none;
  }

  .contact-page .pickup-form {
    align-items: stretch;
    gap: var(--site-gutter);
    margin-top: 12px;
    width: 100%;
    max-width: none;
  }

  .contact-page .pickup-form input {
    width: 100%;
    max-width: none;
    min-height: var(--input-h-md);
    height: var(--input-h-md);
  }

  .contact-page .pickup-form .btn-continue {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .contact-page .contact-hero-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 120px 32px 24px !important;
    gap: 24px !important;
  }

  .contact-page .hero-text {
    max-width: 56% !important;
    padding-top: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .contact-page .contact-form-card {
    width: min(420px, 100%) !important;
    max-width: 420px !important;
    align-self: flex-start !important;
    margin: 48px 0 0 !important;
    padding: 24px !important;
    border-radius: 16px !important;
  }
}

/* ============================================
   RESOURCES PAGE
   Adapted from provided standalone CSS
   ============================================ */

.resources-page {
  --rs-orange: #ff6600;
  --rs-dark: #31292f;
  --rs-text: #1f1f1f;
  --rs-muted: #6b6b6b;
  --rs-soft: #fff3eb;
  --rs-line: #e6e6e6;
  --rs-section-radius: 24px;
  background: #ffffff;
  color: var(--rs-text);
  font-family: "Geist", sans-serif;
  overflow-x: hidden;
}

@media (max-width: 1279px) {
  .resources-page {
    --rs-section-radius: var(--space-3);
  }
}

@media (max-width: 767px) {
  .resources-page {
    --rs-section-radius: var(--space-2);
  }
}

main.resources-page {
  width: 100%;
  max-width: none;
  margin: 0;
  background: #ffffff;
}

.resources-page .rs-hero {
  position: relative;
  width: calc(100% - 20px);
  max-width: none;
  height: clamp(520px, 70vh, 640px);
  border-radius: var(--rs-section-radius);
  margin: 0 auto;
  overflow: hidden;
  background: url("assets/resource-page.png") center/cover no-repeat;
  box-sizing: border-box;
}

/* Desktop previously layered ambulance.png here; use hero background (resource-page.png) on all breakpoints */
.resources-page .rs-hero::before {
  display: none;
}

.resources-page .rs-hero-overlay {
  position: relative;
  z-index: 1;
  min-height: 100%;
  padding: 20px var(--site-gutter-x);
  background: linear-gradient(90deg, #1e1e1e 16.81%, rgba(30, 30, 30, 0) 71.15%);
}

.resources-page .rs-hero-copy {
  position: absolute;
  left: var(--site-gutter-x);
  top: 50%;
  width: min(760px, calc(100% - (var(--site-gutter-x) * 2)));
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.resources-page .rs-hero-copy h1 {
  margin: 0;
  color: #ffffff;
  font-weight: 600;
  font-size: clamp(44px, 4.5vw, 60px);
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.resources-page .rs-hero-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.resources-page .rs-hero-line {
  display: block;
  opacity: 0;
  transform: translateY(24px);
  animation: resourcesHeroTextRise 0.85s ease-out forwards;
}

.resources-page .rs-hero-line--1 {
  animation-delay: 2.5s;
}

.resources-page .rs-hero-line--2 {
  animation-delay: 2.76s;
}

@keyframes resourcesHeroTextRise {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.resources-page .rs-faq-shell {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: var(--rs-section-radius);
  overflow: hidden;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.resources-page .rs-faq-shell.rs-faq--animate-ready .tab-vendor {
  opacity: 0;
  transform: translateX(-42px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.resources-page .rs-faq-shell.rs-faq--animate-ready .tab-buyer {
  opacity: 0;
  transform: translateX(42px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.resources-page .rs-faq-shell.rs-faq--animate-ready.rs-faq--in-view .tab-vendor,
.resources-page .rs-faq-shell.rs-faq--animate-ready.rs-faq--in-view .tab-buyer {
  opacity: 1;
  transform: translateX(0);
}

.resources-page .rs-faq-shell.rs-faq--animate-ready.rs-faq--in-view .tab-buyer {
  transition-delay: 0.08s;
}

.resources-page .rs-faq-tabs {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  margin: 0 auto 20px;
  width: min(359px, 100%);
  height: 68px;
  border-radius: 1000px;
  padding: 6px;
  background: #f0f1f4;
}

.resources-page .tab {
  border: none;
  background: transparent;
  color: var(--rs-dark);
  border-radius: 100px;
  padding: 16px 40px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--site-gutter);
  white-space: nowrap;
}

.resources-page .tab-vendor {
  width: 178px;
  height: 56px;
}

.resources-page .tab-buyer {
  width: 163px;
  height: 56px;
}

.resources-page .tab.active {
  background: var(--rs-orange);
  color: #ffffff;
}

.resources-page .rs-faq-list {
  --rs-faq-panel-duration: 0.85s;
  --rs-faq-content-duration: 0.68s;
  --rs-faq-motion-duration: 0.85s;
  --rs-faq-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  width: min(736px, 100%);
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.resources-page .rs-faq-list .rs-faq-item {
  width: 100%;
  min-height: 74px;
  border-radius: 16px;
  background: #f2f3f6;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.resources-page .rs-faq-list.rs-faq-list--animate-ready .rs-faq-item {
  opacity: 0;
  transform: translateY(26px);
  transition: transform 0.68s ease, opacity 0.68s ease;
}

.resources-page .rs-faq-list.rs-faq-list--animate-in .rs-faq-item {
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--rs-faq-row-delay, 0.14s);
}

.resources-page .rs-faq-answer {
  height: 0;
  overflow: hidden;
  transition: height var(--rs-faq-panel-duration) var(--rs-faq-ease);
  will-change: height;
}

.resources-page .rs-faq-answer-inner {
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition:
    opacity var(--rs-faq-content-duration) ease,
    transform var(--rs-faq-content-duration) var(--rs-faq-ease);
}

.resources-page .rs-faq-item:not(.rs-faq-item--open) .rs-faq-answer-inner {
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition-delay: 0s;
}

.resources-page .rs-faq-item.rs-faq-item--open .rs-faq-answer-inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: calc(var(--rs-faq-panel-duration) * 0.2);
}

.resources-page .rs-faq-item.rs-faq-default-open.rs-faq-item--open .rs-faq-answer {
  transition: none;
}

.resources-page .rs-faq-item.rs-faq-default-open.rs-faq-item--open .rs-faq-answer-inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: none;
}

.resources-page .rs-faq-trigger {
  width: 100%;
  margin: 0;
  border: none;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #4e4e4e;
}

.resources-page .rs-faq-item.rs-faq-item--open .rs-faq-trigger {
  font-weight: 600;
  color: #1f1a1d;
}

.resources-page .faq-arrow {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
}

.resources-page .faq-arrow img {
  width: 24px;
  height: 24px;
  display: block;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform var(--rs-faq-motion-duration) var(--rs-faq-ease);
}

.resources-page .rs-faq-item.rs-faq-item--open .faq-arrow img {
  transform: rotate(180deg);
}

.resources-page .rs-faq-item.rs-faq-default-open.rs-faq-item--open .faq-arrow img {
  transform: rotate(180deg);
  transition: none;
}

.resources-page .rs-faq-list p {
  margin: 0;
  padding: 0 32px 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

@media (prefers-reduced-motion: reduce) {
  .resources-page .rs-faq-list {
    --rs-faq-panel-duration: 0.01ms;
    --rs-faq-content-duration: 0.01ms;
    --rs-faq-motion-duration: 0.01ms;
  }

  .resources-page .rs-faq-answer,
  .resources-page .rs-faq-answer-inner {
    transition-duration: 0.01ms;
    transition-delay: 0s !important;
  }

  .resources-page .faq-arrow img {
    transition-duration: 0.01ms;
  }

  .resources-page .rs-faq-item.rs-faq-item--open .rs-faq-answer-inner {
    transform: none;
  }
}

.resources-page .rs-faq-bottom-line {
  width: 197.5px;
  border-top: 1px solid #d8dae5;
  margin: 18px auto 0;
  display: block;
  object-fit: cover;
}

.resources-page .rs-feature {
  width: 100%;
  max-width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.resources-page .rs-feature.rs-feature--animate-ready .rs-feature-copy,
.resources-page .rs-feature.rs-feature--animate-ready .rs-feature-image {
  opacity: 0;
  transform: translateX(-54px);
  transition: transform 0.82s ease, opacity 0.82s ease;
}

.resources-page .rs-feature.rs-feature--animate-ready .mini-card {
  opacity: 0;
  transform: translateX(54px);
  transition: transform 0.74s ease, opacity 0.74s ease;
  transition-delay: var(--rs-mini-delay, 0.26s);
}

.resources-page .rs-feature.rs-feature--animate-ready.rs-feature--in-view .rs-feature-copy,
.resources-page .rs-feature.rs-feature--animate-ready.rs-feature--in-view .rs-feature-image,
.resources-page .rs-feature.rs-feature--animate-ready.rs-feature--in-view .mini-card {
  opacity: 1;
}

.resources-page .rs-feature.rs-feature--animate-ready.rs-feature--in-view .rs-feature-copy,
.resources-page .rs-feature.rs-feature--animate-ready.rs-feature--in-view .rs-feature-image {
  transform: translateX(0);
}

.resources-page .rs-feature.rs-feature--animate-ready.rs-feature--in-view .rs-feature-image {
  transition-delay: 0.12s;
}

.resources-page .rs-feature.rs-feature--animate-ready.rs-feature--in-view .mini-card {
  transform: translateX(0);
}

.resources-page .rs-feature-copy h2 {
  margin: 0;
  color: var(--rs-orange);
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.resources-page .rs-feature-title-lg {
  width: min(1114px, 100%);
  display: block;
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--rs-orange);
}

.resources-page .rs-feature-title-md {
  width: min(1114px, 100%);
  display: block;
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--rs-orange);
}

.resources-page .rs-feature-copy p {
  margin: 12px 0 0;
  width: min(1114px, 100%);
  font-weight: 300;
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #1f1a1d;
}

.resources-page .rs-feature-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 18px;
  width: 100%;
}

.resources-page .rs-feature-image {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 360px;
  aspect-ratio: 768 / 720;
  max-height: 720px;
  border-radius: var(--rs-section-radius);
  overflow: hidden;
}

.resources-page .rs-feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.resources-page .rs-feature-cards {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  display: grid;
  gap: var(--site-gutter);
}

.resources-page .mini-card {
  background: #ffffff;
  border: none;
  border-radius: 16px;
  padding: 24px;
}

.resources-page .mini-card h3 {
  margin: 0 0 24px;
  width: 100%;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.resources-page .how-auctions-title {
  width: 100%;
  max-width: 100%;
}

.resources-page .how-auctions-text {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #383035;
}

.resources-page .mini-card p {
  margin: 0;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #383035;
}

.resources-page .rs-lower-shell {
  width: 100%;
  max-width: none;
  min-height: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  display: flex;
  flex-direction: column;
  gap: 13px;
  background: var(--rs-soft);
  border: none;
  border-radius: var(--rs-section-radius);
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
}

/* Home page uses the same maximise block as resources page */
.home-page .rs-bottom-layout {
  width: 100%;
  max-width: none;
  height: 514px;
  display: flex;
  gap: var(--site-gutter);
  margin: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border-radius: 24px;
}

.home-page .rs-cta-content {
  width: 480px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--site-gutter);
  text-align: center;
  position: relative;
  z-index: 3;
}

.home-page .rs-sales-card {
  width: 377.5128556574px;
  height: 397.3219991309px;
  border: none;
  padding: 0;
  transform: rotate(2deg);
  overflow: visible;
  flex-shrink: 0;
  background: transparent;
  position: absolute;
  left: -10px;
  top: 130px;
  z-index: 2;
}

.home-page .rs-sales-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.home-page .rs-metrics-card {
  width: 400.0000109413px;
  height: 524.0937643357px;
  border: none;
  padding: 0;
  transform: rotate(-2deg);
  overflow: visible;
  flex-shrink: 0;
  background: transparent;
  position: absolute;
  right: -55px;
  top: 10px;
  z-index: 2;
}

.home-page .rs-metrics-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.home-page .rs-cta-content h3 {
  width: 470px;
  margin: 0;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: capitalize;
  color: #1f1a1d;
}

.home-page .rs-cta-content p {
  width: 430px;
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #605b5e;
}

.home-page .rs-cta-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
}

/* Home maximise CTA — same scroll reveal as .section-8-cta on other pages */
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-cta-content h3,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-cta-content p {
  opacity: 0;
  transform: translateY(42px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-cta-actions .section-8__btn-primary {
  opacity: 0;
  transform: translateX(-44px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-cta-actions .section-8__btn-secondary {
  opacity: 0;
  transform: translateX(44px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-sales-card,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-metrics-card {
  opacity: 0;
  transition: transform 0.85s ease, opacity 0.85s ease;
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-sales-card {
  transform: translate(-70px, 60px) rotate(2deg);
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready .rs-metrics-card {
  transform: translate(70px, 60px) rotate(-2deg);
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-content h3,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-content p,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-actions .section-8__btn-primary,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-actions .section-8__btn-secondary,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-sales-card,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-metrics-card {
  opacity: 1;
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-content h3,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-content p {
  transform: translateY(0);
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-actions .section-8__btn-primary,
.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-actions .section-8__btn-secondary {
  transform: translateX(0);
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-actions .section-8__btn-primary {
  transition-delay: 0.24s;
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-cta-actions .section-8__btn-secondary {
  transition-delay: 0.3s;
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-sales-card {
  transition-delay: 0.72s;
  transform: translate(0, 0) rotate(2deg);
}

.home-page .rs-bottom-layout.rs-bottom-layout--animate-ready.rs-bottom-layout--in-view .rs-metrics-card {
  transition-delay: 0.72s;
  transform: translate(0, 0) rotate(-2deg);
}

/* Resources page layout — inner shells aligned with sell / about */
.resources-page .rs-hero,
.resources-page .rs-faq-shell,
.resources-page .section-8-cta {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.resources-page .rs-lower-shell {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.resources-page .section-8-cta {
  height: auto;
  min-height: 0;
  margin: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--rs-section-radius);
}

.resources-page .rs-hero {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}

.resources-page .rs-faq-shell,
.resources-page .rs-lower-shell {
  align-items: stretch;
}

.resources-page .rs-lower-shell {
  border-radius: var(--rs-section-radius);
  overflow: hidden;
}

.resources-page .rs-faq-tabs,
.resources-page .rs-faq-list,
.resources-page .rs-faq-bottom-line {
  margin-inline: auto;
}

@media (min-width: 1025px) {
  .resources-page .rs-lower-shell {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--rs-section-radius);
    overflow: hidden;
  }

  .resources-page .rs-feature-title-lg {
    font-size: clamp(34px, 2.8vw, 40px);
  }

  .resources-page .rs-feature-title-md {
    font-size: clamp(28px, 2.2vw, 32px);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .resources-page .rs-faq-shell,
  .resources-page .rs-lower-shell,
  .resources-page .section-8-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .resources-page .section-8-cta {
    overflow: visible;
  }
}

/* ============================================
   AUCTIONS PAGE
   ============================================ */

.auctions-page {
  background: #ffffff;
}

.auctions-main {
  width: min(1440px, 100%);
  margin: 0 auto;
}

.auctions-hero {
  position: relative;
  width: calc(100% - 8px);
  height: 580px;
  margin: 10px auto 0;
  border-radius: 24px;
  overflow: hidden;
  background: #111;
}

.auctions-page .auctions-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/asset-auction-banner.png") center/cover no-repeat;
  z-index: 0;
  animation: auctionsHeroImageIn 1.8s ease-out forwards;
}

.auctions-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.88) 18%, rgba(30, 30, 30, 0.28) 72%);
  z-index: 1;
}

.auctions-hero__content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: 220px 56px 70px;
}

.auctions-hero__content h1 {
  margin: 0;
  color: #ffffff;
  font-size: 60px;
  font-weight: 600;
  line-height: 66px;
  letter-spacing: -0.03em;
}

.auctions-hero__content p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 20px;
  line-height: 30px;
}

.auctions-page .auctions-hero__content h1,
.auctions-page .auctions-hero__content p {
  opacity: 0;
  transform: translateY(28px);
  animation: auctionsHeroTextUp 0.78s ease-out forwards;
}

.auctions-page .auctions-hero__content h1 {
  animation-delay: 0.9s;
}

.auctions-page .auctions-hero__content p {
  animation-delay: 1.1s;
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__top .auctions-market-overlay__tab,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__top .auctions-market-overlay__tab {
  opacity: 0;
  transform: translateY(26px);
  transition: transform 1s ease, opacity 1s ease;
  transition-delay: var(--auction-filter-delay, 0.14s);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__top .auctions-market-overlay__tab .auctions-market-overlay__icon-img,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__top .auctions-market-overlay__tab span {
  opacity: 0;
  transform: translateY(26px);
  transition: transform 1s ease, opacity 1s ease;
  transition-delay: var(--auction-filter-delay, 0.14s);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__search-icon-img,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__search-input {
  opacity: 0;
  transform: translateX(88px);
  transition: transform 1s ease, opacity 1s ease;
  transition-delay: var(--auction-filter-delay, 0.14s);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__search-row {
  opacity: 0;
  transform: translateX(120px);
  transition: transform 1s ease, opacity 1s ease;
  transition-delay: var(--auction-filter-delay, 0.14s);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__label,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__grid span,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready .auctions-market-overlay__grid-link {
  opacity: 0;
  transform: translateY(26px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  transition-delay: var(--auction-category-delay, 0.34s);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__top .auctions-market-overlay__tab {
  opacity: 1;
  transform: translateY(0);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__search-row {
  opacity: 1;
  transform: translateX(0);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__label,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__grid span,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__grid-link {
  opacity: 1;
  transform: translateY(0);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__top .auctions-market-overlay__tab .auctions-market-overlay__icon-img,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__top .auctions-market-overlay__tab span,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__search-icon-img,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__search-input {
  opacity: 1;
  transform: translateY(0);
}

.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__search-icon-img,
.auctions-page .auctions-listing-section.auctions-listing--animate-ready.auctions-listing--in-view .auctions-market-overlay__search-input {
  transform: translateX(0);
}

@keyframes auctionsHeroImageIn {
  from {
    opacity: 0;
    transform: translateX(-64px) scale(1.08);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes auctionsHeroTextUp {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.auctions-listing-section {
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 24px 24px 40px;
  background: #ffffff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.auctions-market-overlay {
  width: 1440px;
  max-width: 100%;
  height: 433.3999938964844px;
  opacity: 1;
  padding-left: var(--site-gutter-x);
  padding-right: var(--site-gutter-x);
  border-right: 1px solid #d9dce2;
  border-left: 1px solid #d9dce2;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  background: #ffffff;
  margin: -190px auto 22px;
  box-sizing: border-box;
  position: relative;
  z-index: 8;
}

.auctions-market-overlay__top {
  height: 62px;
  display: flex;
  align-items: center;
  gap: 30px;
  border-bottom: 1px solid #eceff3;
}

.auctions-market-overlay__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: rgba(31, 26, 29, 1);
}

.auctions-market-overlay__tab:focus-visible {
  outline: 2px solid var(--color-primary, #ff6600);
  outline-offset: 3px;
  border-radius: 4px;
}

.auctions-market-overlay__tab--active {
  color: #ff6600;
  font-weight: 600;
}

.auctions-market-overlay__icon-slot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px dashed #c7ccd5;
}

.auctions-market-overlay__icon-img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}

.auctions-market-overlay__search-row {
  min-height: 40px;
  height: auto;
  margin-top: 8px;
  border: 1px solid #d9dce2;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
}

.auctions-market-overlay__search-icon-slot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px dashed #c7ccd5;
}

.auctions-market-overlay__search-icon-img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
  opacity: 0.75;
}

.auctions-market-overlay__search-text {
  font-size: 10px;
  color: #a09aa0;
}

.auctions-market-overlay__search-input {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 10px;
  color: #1f1a1d;
  outline: none;
}

.auctions-market-overlay__search-input::placeholder {
  color: #a09aa0;
  font-size: 14px;
}

.auctions-market-overlay__categories {
  margin-top: 14px;
}

.auctions-market-overlay__label {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  color: #1f1a1d;
}

.auctions-market-overlay__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 8px;
}

.auctions-market-overlay__grid span,
.auctions-market-overlay__grid-link {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #3d373c;
}

.auctions-market-overlay__grid-link {
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  outline-offset: 2px;
  transition: color 0.2s ease;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
}

.auctions-market-overlay__grid-link:hover {
  color: #ff6600;
}

.auctions-market-overlay__grid-link:focus-visible {
  outline: 2px solid var(--color-primary, #ff6600);
}

.auctions-market-overlay__buy-gear {
  color: #ff6600 !important;
  font-weight: 600;
}

.auctions-market-overlay__grid-link.auctions-market-overlay__buy-gear:hover {
  color: #e65c00 !important;
}

/* Main auctions page only (not upcoming): full-viewport hero, full-width sections */
body.auctions-page:not(.upcoming-auctions-page) {
  overflow-x: hidden;
  --auctions-market-shell-width: min(1360px, calc(0.92 * (100% - 20px)));
  --auctions-market-shell-max: calc(100% - 32px);
  --auction-section-radius: 32px;
}

@media (max-width: 1279px) {
  body.auctions-page:not(.upcoming-auctions-page) {
    --auction-section-radius: var(--space-3);
  }
}

@media (max-width: 767px) {
  body.auctions-page:not(.upcoming-auctions-page) {
    --auction-section-radius: var(--space-2);
  }
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-main {
  width: 100%;
  max-width: none;
  margin: 0;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-hero {
  width: 100%;
  max-width: none;
  margin: 0;
  height: min(100svh, 900px);
  min-height: 580px;
  max-height: none;
  border-radius: 24px;
  border: 4px solid #ffffff;
  box-sizing: border-box;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-hero__content {
  padding: clamp(168px, 24vh, 260px) clamp(28px, 5vw, 72px) 56px;
  max-width: min(760px, 92vw);
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 var(--site-gutter-x) var(--layout-section-padding-y);
  border-radius: var(--auction-section-radius);
  background: #ffffff;
  box-sizing: border-box;
}

/* Filter card: a bit narrower than hero (~92% of framed width), centered */
body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay {
  width: var(--auctions-market-shell-width);
  max-width: var(--auctions-market-shell-max);
  height: auto;
  min-height: 0;
  margin: -190px auto 22px;
  padding: 22px var(--site-gutter-x) 24px;
  border-radius: var(--auction-section-radius);
  border: 1px solid #d9dce2;
  box-sizing: border-box;
  position: relative;
  z-index: 8;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__top {
  align-items: stretch;
  min-height: 62px;
  height: auto;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__tab {
  height: auto;
  min-height: 48px;
  align-self: center;
  padding: 10px 0 16px;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__tab--active {
  border-bottom-color: #ff6600;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section .auctions-cards-grid {
  width: var(--auctions-market-shell-width);
  max-width: var(--auctions-market-shell-max);
  margin: 8px auto 0;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination {
  width: var(--auctions-market-shell-width);
  max-width: var(--auctions-market-shell-max);
  margin: 8px auto 0;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-market-empty {
  width: var(--auctions-market-shell-width);
  max-width: var(--auctions-market-shell-max);
  margin: 12px auto 0;
  padding: 18px 16px;
  text-align: center;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #605b5e;
  background: #f4f5f8;
  border-radius: 16px;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-results-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--auction-section-radius);
  box-sizing: border-box;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-results__intro p {
  height: auto;
  min-height: 0;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-results__media-card {
  width: 100%;
  max-width: min(1280px, 100%);
  margin: 0 auto;
  height: auto;
  min-height: 0;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-results__image-placeholder,
body.auctions-page:not(.upcoming-auctions-page) .auctions-results__text {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-results__image-placeholder {
  min-height: min(388px, 50vw);
  border-radius: var(--auction-section-radius);
}

body.auctions-page:not(.upcoming-auctions-page) .auctions-driving-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--auction-section-radius);
  box-sizing: border-box;
}

body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  border-radius: var(--auction-section-radius);
  overflow: hidden;
}

body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track .section-4-placeholder {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  box-sizing: border-box;
}

body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track .process-heading {
  margin-bottom: var(--layout-heading-to-content);
}

body.auctions-page:not(.upcoming-auctions-page) .section-5-placeholder {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--auction-section-radius);
  box-sizing: border-box;
}

body.auctions-page .section-8-cta {
  width: 100%;
  max-width: none;
  margin: 0;
  height: auto;
  min-height: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--auction-section-radius);
  box-sizing: border-box;
}

/* Upcoming auctions: gap after testimonials band (same visual rhythm as sell sections) */
body.auctions-page.upcoming-auctions-page .section-8-cta {
  margin-top: 24px;
}

@media (max-width: 1279px) {
  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__tab {
    font-size: 14px;
    line-height: 22px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__grid span,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__grid-link {
    font-size: 12px;
    line-height: 18px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__label {
    font-size: 12px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__search-input,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__search-input::placeholder {
    font-size: 12px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero__content h1 {
    font-size: clamp(40px, 5.5vw, 52px);
    line-height: 1.1;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero__content p {
    font-size: clamp(15px, 1.65vw, 18px);
    line-height: 1.45;
  }
}

/* ============================================
   UPCOMING AUCTIONS PAGE
   ============================================ */

.upcoming-auctions-page .auctions-hero {
  height: 390px;
  background: #f0ebe8;
  border-radius: 0 0 32px 32px;
  margin-top: 0;
}

.upcoming-auctions-page .navbar {
  background: transparent;
}

.upcoming-auctions-page .navbar__container {
  background: #312a2f;
}

.upcoming-auctions-page .auctions-hero__overlay {
  display: none;
}

.upcoming-auctions-page .auctions-hero__content {
  max-width: 760px;
  padding: var(--space-15) var(--site-gutter-x) var(--space-7);
  color: #1f1a1d;
}

.upcoming-auctions-page .upcoming-auctions__crumb {
  margin: 0;
  color: #5f5a5d;
  font-size: 13px;
  line-height: 20px;
}

.upcoming-auctions-page .upcoming-auctions__crumb strong {
  color: #1f1a1d;
  font-weight: 600;
}

.upcoming-auctions-page .auctions-hero__content h1 {
  margin: 8px 0 12px;
  color: #1f1a1d;
  font-size: 52px;
  line-height: 58px;
}

.upcoming-auctions-page .auctions-hero__content p {
  margin: 0;
  color: #1f1a1d;
  font-size: 20px;
  line-height: 30px;
  max-width: 620px;
}

.upcoming-auctions-page .auctions-listing-section {
  padding-top: 0;
}

.upcoming-auctions-page .auctions-market-overlay {
  margin-top: -60px;
  height: auto;
  padding: 24px 36px;
  border-radius: 12px;
  background: #f7f8fa;
}

.upcoming-auctions-page .auctions-market-overlay__label {
  margin: 0 0 12px;
  color: #1f1a1d;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.upcoming-auctions-page .auctions-market-overlay__grid {
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  row-gap: 12px;
}

.upcoming-auctions-page .auctions-market-overlay__grid span {
  color: #1f1a1d;
  font-size: 13px;
  line-height: 20px;
}

.upcoming-auctions-page .auctions-market-overlay__grid .auctions-market-overlay__buy-gear {
  color: #ff6600;
  font-weight: 600;
}

/* Upcoming page: force line-by-line fade-up on load with hero timing */
.upcoming-auctions-page .auctions-market-overlay__label,
.upcoming-auctions-page .auctions-market-overlay__grid span {
  opacity: 0;
  transform: translateY(24px);
}

.upcoming-auctions-page .auctions-listing-section.upcoming-options--animate .auctions-market-overlay__label,
.upcoming-auctions-page .auctions-listing-section.upcoming-options--animate .auctions-market-overlay__grid span {
  animation: upcomingOptionsFadeUp 0.72s ease-out forwards;
  animation-fill-mode: both;
  animation-delay: var(--upcoming-option-delay, 1.02s);
  will-change: transform, opacity;
}

@keyframes upcomingOptionsFadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Upcoming page: Past Auction intro animations */
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .upcoming-past-auction__header .section-3__title,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .past-auction-toolbar__item--search {
  opacity: 0;
  transform: translateX(-42px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .past-auction-toolbar__filter-trigger,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .past-auction-toolbar__item--option {
  opacity: 0;
  transform: translateX(42px);
  transition: transform 0.72s ease, opacity 0.72s ease;
  transition-delay: var(--upcoming-filter-delay, 0.18s);
}

.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .upcoming-past-auction__cards .industry-card {
  opacity: 0;
  transform: translateY(26px);
  transition: transform 0.72s ease, opacity 0.72s ease;
  transition-delay: var(--upcoming-past-card-delay, 0.24s);
}

.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .upcoming-past-auction__cards .industry-card .industry-card__media img,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .upcoming-past-auction__cards .industry-card .industry-card__title,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .upcoming-past-auction__cards .industry-card .industry-card__text,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .upcoming-past-auction__cards .industry-card .industry-card__link {
  opacity: 0;
  transform: translateX(-34px);
  transition: transform 0.72s ease, opacity 0.72s ease;
  transition-delay: calc(var(--upcoming-past-card-delay, 0.24s) + 0.1s);
}

.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready .upcoming-past-auction__cards .industry-card .industry-card__stat {
  opacity: 0;
  transform: translateX(34px);
  transition: transform 0.72s ease, opacity 0.72s ease;
  transition-delay: calc(var(--upcoming-past-card-delay, 0.24s) + 0.12s);
}

.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .upcoming-past-auction__header .section-3__title,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .past-auction-toolbar__item--search,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .past-auction-toolbar__filter-trigger,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .past-auction-toolbar__item--option,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .upcoming-past-auction__cards .industry-card,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .upcoming-past-auction__cards .industry-card .industry-card__media img,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .upcoming-past-auction__cards .industry-card .industry-card__title,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .upcoming-past-auction__cards .industry-card .industry-card__text,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .upcoming-past-auction__cards .industry-card .industry-card__link,
.upcoming-auctions-page .auctions-listing-section.upcoming-past--animate-ready.upcoming-past--in-view .upcoming-past-auction__cards .industry-card .industry-card__stat {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

/* Live auction block: heading → card shells → content from left → images from top (after category lines) */
@keyframes ulaHeaderFromLeft {
  from {
    opacity: 0;
    transform: translateX(-32px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ulaTileFromTop {
  from {
    opacity: 0;
    transform: translateY(-36px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ulaContentFromLeft {
  from {
    opacity: 0;
    transform: translateX(-28px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

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

/* ~2.82s = end of last category line fade-up (1.02 + 12×0.08 delay + 0.72s) + small gap */
.upcoming-auctions-page .upcoming-auction-live__header--anim-on .section-3__title {
  animation: ulaHeaderFromLeft 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--ula-title-delay, 2.82s);
  animation-fill-mode: both;
}

.upcoming-auctions-page .upcoming-auction-cards--stagger-animate .upcoming-auction-card:nth-child(1) {
  animation: ulaTileFromTop 0.62s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--ula-tile-1-delay, 3.22s);
  animation-fill-mode: both;
}

.upcoming-auctions-page .upcoming-auction-cards--stagger-animate .upcoming-auction-card:nth-child(2) {
  animation: ulaTileFromTop 0.62s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--ula-tile-2-delay, 3.38s);
  animation-fill-mode: both;
}

.upcoming-auctions-page .upcoming-auction-cards--stagger-animate .upcoming-auction-card:nth-child(1) .upcoming-auction-card__content {
  animation: ulaContentFromLeft 0.68s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--ula-content-1-delay, 3.82s);
  animation-fill-mode: both;
}

.upcoming-auctions-page .upcoming-auction-cards--stagger-animate .upcoming-auction-card:nth-child(2) .upcoming-auction-card__content {
  animation: ulaContentFromLeft 0.68s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--ula-content-2-delay, 4.02s);
  animation-fill-mode: both;
}

.upcoming-auctions-page .upcoming-auction-cards--stagger-animate .upcoming-auction-card:nth-child(1) .upcoming-auction-card__image-wrap {
  animation: ulaImageFromTop 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--ula-image-1-delay, 4.32s);
  animation-fill-mode: both;
}

.upcoming-auctions-page .upcoming-auction-cards--stagger-animate .upcoming-auction-card:nth-child(2) .upcoming-auction-card__image-wrap {
  animation: ulaImageFromTop 0.72s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: var(--ula-image-2-delay, 4.52s);
  animation-fill-mode: both;
}

.upcoming-auctions-page .upcoming-auction-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--site-gutter);
  margin-bottom: 28px;
}

.upcoming-auction-card {
  border: 1px solid #d8dae5;
  border-radius: 14px;
  background: #ffffff;
  padding: 8px;
}

.upcoming-auction-card__image-wrap {
  position: relative;
  height: 308px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}

.upcoming-auction-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.upcoming-auction-card__image-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #d8ecff 0%, #f7d6e8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #605b5e;
  font-size: 14px;
  font-weight: 500;
}

.upcoming-auction-card__date {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  background: #ffffff;
  color: #1f1a1d;
  font-size: 11px;
  line-height: 16px;
  padding: 6px 10px;
  border-radius: 8px;
}

.upcoming-auction-card__content {
  padding: 0 10px 8px;
}

.upcoming-auction-card__title {
  margin: 0 0 4px;
  color: #1f1a1d;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.01em;
}

.upcoming-auction-card__title--dual {
  width: 362.67px;
  height: 34px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
}

.upcoming-auction-card__desc {
  margin: 0 0 10px;
  color: #605b5e;
  font-size: 11px;
  line-height: 16px;
}

.upcoming-auction-card__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

.upcoming-auction-card__meta-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.upcoming-auction-card__meta-item img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  margin-top: 2px;
}

.upcoming-auction-card__meta-item span {
  display: block;
  color: #1f1a1d;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.upcoming-auction-card__meta-item small {
  display: block;
  color: #8e8a8c;
  font-size: 10px;
  line-height: 14px;
}

.upcoming-auction-card__divider {
  width: 1px;
  height: 28px;
  background: #e6e8ef;
}

.upcoming-auction-card__bottom {
  border-top: 1px solid #eceff3;
  padding-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.upcoming-auction-card__price {
  margin: 0;
  color: #1f1a1d;
  font-size: 37px;
  line-height: 40px;
  letter-spacing: -0.01em;
}

.upcoming-auction-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: #ff6600;
  color: #ffffff;
  text-decoration: none;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  padding: 8px 16px;
}

.upcoming-auctions-page .past-auction-toolbar {
  width: 100%;
  display: grid;
  grid-template-columns: 2.2fr 1fr 1.2fr 1fr 1fr 1fr;
  gap: var(--site-gutter);
  margin-bottom: 22px;
}

.upcoming-auctions-page .past-auction-toolbar__item {
  min-height: 42px;
  border: 1px solid #d8dae5;
  border-radius: 6px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--site-gutter);
  padding: 0 14px;
  color: #1f1a1d;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.upcoming-auctions-page .past-auction-toolbar__item img {
  width: 12px;
  height: 12px;
  object-fit: contain;
  flex-shrink: 0;
}

.upcoming-auctions-page .past-auction-toolbar__item--search img {
  width: 14px;
  height: 14px;
}

.upcoming-auctions-page .past-auction-toolbar__search-input {
  width: 100%;
  border: none;
  background: transparent;
  color: #1f1a1d;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  line-height: 18px;
  outline: none;
}

.upcoming-auctions-page .past-auction-toolbar__search-input::placeholder {
  color: #605b5e;
}

/* ============================================
   AUCTION SINGLE PAGE
   ============================================ */

.auction-single-page {
  background: #f6f7f9;
}

.auction-single-main {
  width: min(1440px, 100%);
  margin: 0 auto;
}

.auction-single-page .navbar {
  background: transparent;
}

.auction-single-page .navbar__container {
  background: #312a2f;
}

.auction-single-hero {
  padding-top: 10px;
}

.auction-single-layout {
  margin: 14px auto 34px;
  background: #ffffff;
  border-radius: 24px;
  padding: 28px;
}

.auction-single-breadcrumb {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #605b5e;
  margin-top: 24px;
  margin-bottom: 20px;
}

.auction-single-breadcrumb strong {
  color: #1f1a1d;
}

.auction-single-banner {
  background: #ffffff;
  border-radius: 18px;
  padding: 22px 24px;
  margin-bottom: var(--space-3);
}

.auction-single-banner__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 396px;
  gap: var(--site-gutter);
  align-items: end;
}

.auction-single-banner__copy {
  min-width: 0;
}

.auction-single-banner h1 {
  margin: 6px 0 8px;
  color: #1f1a1d;
  font-size: 42px;
  line-height: 48px;
}

.auction-single-banner p {
  margin: 0;
  color: #605b5e;
  font-size: 16px;
  line-height: 24px;
  max-width: 760px;
}

.auction-single-banner__cta {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 219px;
  height: 56px;
  gap: 8px;
  padding: 16px 32px;
  border-radius: 50px;
  background: #ff6600;
  color: #ffffff;
  text-decoration: none;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}

.auction-single-banner__bid {
  width: 396px;
  height: 132px;
  border-top: 0px solid #edf0f5;
  border-bottom: 0px solid #edf0f5;
  display: flex;
  align-items: center;
  margin-bottom: 70px;
}

.auction-single-banner__bid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.auction-single-page .navbar.auction-single-top-intro--ready .navbar__container {
  opacity: 0;
  transform: translateY(-34px);
  transition: transform 0.82s ease, opacity 0.82s ease;
}

.auction-single-intro-preload .auction-single-page .auction-single-hero .navbar .navbar__container {
  opacity: 0;
  transform: translateY(-34px);
}

.auction-single-intro-preload .auction-single-page .auction-single-banner .auction-single-breadcrumb,
.auction-single-intro-preload .auction-single-page .auction-single-banner h1,
.auction-single-intro-preload .auction-single-page .auction-single-banner p {
  opacity: 0;
  transform: translateX(74px);
}

.auction-single-intro-preload .auction-single-page .auction-single-banner .auction-single-banner__cta,
.auction-single-intro-preload .auction-single-page .auction-single-banner .auction-single-banner__bid {
  opacity: 0;
  transform: translateY(32px);
}

.auction-single-intro-preload .auction-single-page .auction-single-top .auction-single-main-image,
.auction-single-intro-preload .auction-single-page .auction-single-top .auction-single-thumb-row {
  opacity: 0;
  transform: translateY(44px);
}

.auction-single-page .navbar.auction-single-top-intro--ready.auction-single-top-intro--in .navbar__container {
  opacity: 1;
  transform: translateY(0);
}

@keyframes auctionSingleTopNavDrop {
  from {
    opacity: 0;
    transform: translateY(-34px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes auctionSingleTopCopyIn {
  from {
    opacity: 0;
    transform: translateX(74px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes auctionSingleTopBottomIn {
  from {
    opacity: 0;
    transform: translateY(32px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes auctionSingleCenteredImageIn {
  from {
    opacity: 0;
    transform: translate(-63%, 44px);
  }
  to {
    opacity: 1;
    transform: translate(-63%, 0);
  }
}

.auction-single-banner.auction-single-top-intro--ready .auction-single-breadcrumb,
.auction-single-banner.auction-single-top-intro--ready h1,
.auction-single-banner.auction-single-top-intro--ready p {
  opacity: 0;
  transform: translateX(74px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  transition-delay: var(--auction-single-copy-delay, 0.18s);
}

.auction-single-banner.auction-single-top-intro--ready .auction-single-banner__cta,
.auction-single-banner.auction-single-top-intro--ready .auction-single-banner__bid {
  opacity: 0;
  transform: translateY(32px);
  transition: transform 0.72s ease, opacity 0.72s ease;
  transition-delay: var(--auction-single-bottom-delay, 0.82s);
}

.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in .auction-single-breadcrumb,
.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in h1,
.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in p,
.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in .auction-single-banner__cta,
.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in .auction-single-banner__bid {
  opacity: 1;
}

.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in .auction-single-breadcrumb,
.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in h1,
.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in p {
  transform: translateX(0);
}

.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in .auction-single-banner__cta,
.auction-single-banner.auction-single-top-intro--ready.auction-single-top-intro--in .auction-single-banner__bid {
  transform: translateY(0);
}

.auction-single-page .navbar.auction-single-top-intro--in .navbar__container {
  animation: auctionSingleTopNavDrop 0.82s ease forwards;
}

.auction-single-banner.auction-single-top-intro--in .auction-single-breadcrumb,
.auction-single-banner.auction-single-top-intro--in h1,
.auction-single-banner.auction-single-top-intro--in p {
  animation: auctionSingleTopCopyIn 0.8s ease forwards;
  animation-delay: var(--auction-single-copy-delay, 0.2s);
}

.auction-single-banner.auction-single-top-intro--in .auction-single-banner__cta,
.auction-single-banner.auction-single-top-intro--in .auction-single-banner__bid {
  animation: auctionSingleTopBottomIn 0.72s ease forwards;
  animation-delay: var(--auction-single-bottom-delay, 0.9s);
}

.auction-single-top.auction-single-top-intro--ready .auction-single-main-image {
  opacity: 0;
  transform: translate(-63%, 44px);
  transition: transform 0.78s ease, opacity 0.78s ease;
}

.auction-single-top.auction-single-top-intro--ready .auction-single-thumb-row {
  opacity: 0;
  transform: translateY(44px);
  transition: transform 0.78s ease, opacity 0.78s ease;
}

.auction-single-top.auction-single-top-intro--in .auction-single-main-image {
  animation: auctionSingleCenteredImageIn 0.78s ease both;
  animation-delay: var(--auction-single-gallery-delay, 1.2s);
}

.auction-single-top.auction-single-top-intro--in .auction-single-thumb-row {
  animation: auctionSingleTopBottomIn 0.78s ease both;
  animation-delay: var(--auction-single-gallery-delay, 1.2s);
}

.auction-single-top {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: left;
  gap: 20px;
  margin-bottom: 24px;
}

.auction-single-gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auction-single-main-image {
  position: relative;
  left: 50%;
  transform: translateX(-63%);
  width: 1280px;
  max-width: 100%;
  height: 600px;
  margin: 0;
  border-radius: 24px;
  border: 1px solid #dde1ea;
  overflow: hidden;
  background: #f2f4f8;
}

.auction-single-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.auction-single-thumb-row {
  margin-top: 12px;
  width: 1440px;
  max-width: 100%;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
  overflow: hidden;
  transform: translateX(-6%);
}

.auction-single-thumb-row img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
}

.case-study-internal-page .case-study-internal-stats,
.case-study-single-page .case-study-internal-stats {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  align-self: flex-start;
  transform: translateX(-60px);
}

.case-study-internal-page .case-study-internal-stats {
  margin-top: 0;
}

.case-study-single-page .case-study-internal-stats {
  margin-top: 48px;
}

/* Same horizontal band as .case-study-internal-inner (Martin Jetpack banner / section content) */
.case-study-internal-page .navbar,
.case-study-single-page .navbar {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1440px;
  padding: var(--spacing-lg) var(--site-gutter-x);
  box-sizing: border-box;
  justify-content: flex-start;
}

.case-study-internal-page .navbar__container,
.case-study-single-page .navbar__container {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  border-radius: 999px;
}

.case-study-single-page .navbar__container {
  background: rgba(49, 42, 47, 0.94);
  backdrop-filter: blur(12px);
}

/* Case study internal + single: full-bleed sections (like about/index), white page bg, content capped in .case-study-internal-inner */
body.case-study-internal-page.auction-single-page,
body.case-study-single-page.auction-single-page {
  background: #ffffff;
}

/* Case study internal + single: section-wise bands + inner max-width (no single white layout wrapper) */
.case-study-internal-page .auction-single-main,
.case-study-single-page .auction-single-main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #ffffff;
}

.case-study-internal-page .case-study-internal-inner,
.case-study-single-page .case-study-internal-inner {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--site-gutter-x);
  padding-right: var(--site-gutter-x);
  box-sizing: border-box;
}

.case-study-single-page .case-study-internal-inner {
  max-width: min(1520px, calc(100vw - clamp(32px, 6vw, 96px)));
}

.case-study-internal-page .case-study-internal-section,
.case-study-single-page .case-study-internal-section {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  border-radius: 24px;
  overflow: hidden;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .case-study-single-page .case-study-internal-section {
    overflow: visible;
  }
}

.case-study-internal-page .case-study-internal-intro-section,
.case-study-single-page .case-study-internal-intro-section {
  margin-top: 72px;
  background: #ffffff;
}

.case-study-internal-page .case-study-internal-intro-section .case-study-internal-inner,
.case-study-single-page .case-study-internal-intro-section .case-study-internal-inner {
  padding-top: clamp(16px, 3vw, 28px);
  padding-bottom: clamp(16px, 3vw, 28px);
}

.case-study-internal-page .auction-single-banner,
.case-study-single-page .auction-single-banner {
  border-radius: 18px;
}

.case-study-internal-page .auction-single-top {
  margin-top: 24px;
}

.case-study-internal-page .auction-single-main-image,
.case-study-single-page .auction-single-main-image {
  border-radius: 30px;
}

.case-study-internal-page .auction-single-thumb-row,
.case-study-single-page .auction-single-thumb-row {
  border-radius: 20px;
}

.case-study-internal-page .auction-single-banner__cta {
  width: auto;
  min-width: 150px;
  height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  gap: 8px;
  font-size: 14px;
  line-height: 1;
}

.case-study-internal-page .auction-single-banner__cta span {
  font-size: 16px;
  line-height: 1;
}

.case-study-internal-page .case-study-internal-stat {
  width: 108px;
  min-height: 104px;
  border-radius: 10px;
  border: none;
  background: #f9fafc;
  padding: 12px 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.case-study-internal-page .case-study-internal-stat h3 {
  margin: 0;
  color: #1f1a1d;
  font-size: 39px;
  line-height: 40px;
  letter-spacing: -0.03em;
  font-weight: 500;
}

.case-study-internal-page .case-study-internal-stat p {
  margin: 6px 0 0;
  color: #767078;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}

.case-study-internal-page .auction-single-spec-section.case-study-internal-section {
  display: block;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  min-height: 0;
  border-left: none;
  border-right: none;
}

.case-study-internal-page .case-study-internal-inner--spec {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 72px;
  padding-top: 72px;
  padding-bottom: 72px;
}

.case-study-internal-page .auction-single-spec-right h3 {
  width: min(560px, 100%);
  margin-bottom: 20px;
  font-size: clamp(32px, 2.6vw, 40px);
  line-height: 1.18;
}

.case-study-internal-page .auction-single-spec-right > p {
  max-width: 560px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
}

.case-study-internal-page .auction-single-spec-right li {
  padding: 12px 0;
}

.case-study-internal-page .auction-single-spec-right li span {
  font-size: 17px;
  line-height: 27px;
}

.case-study-internal-page .auction-single-spec-right li strong {
  font-size: 16px;
}

.case-study-internal-page .auction-single-pickup-section.case-study-internal-section {
  margin-left: 0;
  margin-right: 0;
  height: auto;
  min-height: 0;
  padding: 0;
  border-left: none;
  border-right: none;
}

.case-study-internal-page .auction-single-pickup-section .case-study-internal-inner {
  padding-top: 72px;
  padding-bottom: 72px;
}

.case-study-internal-page .section-5-placeholder.case-study-internal-section,
.case-study-single-page .section-5-placeholder.case-study-internal-section {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: none;
  padding: 0;
  border-radius: 24px;
  overflow: hidden;
}

.case-study-internal-page .section-5-placeholder .case-study-internal-inner,
.case-study-single-page .section-5-placeholder .case-study-internal-inner {
  padding-top: clamp(48px, 6vw, 120px);
  padding-bottom: clamp(48px, 6vw, 100px);
}

.case-study-internal-page .section-8-cta.case-study-internal-section,
.case-study-single-page .section-8-cta.case-study-internal-section {
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  padding: 0;
  position: relative;
  left: auto;
  right: auto;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background: #ffffff;
}

.case-study-internal-page .section-8-cta .case-study-internal-inner--cta,
.case-study-single-page .section-8-cta .case-study-internal-inner--cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--site-gutter);
  min-height: 514px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 56px var(--site-gutter-x);
  box-sizing: border-box;
}

/* Case study single: content sections sit inside rounded full-bleed bands (inner holds grid + padding) */
.case-study-single-page .case-study-challenge-section.case-study-internal-section,
.case-study-single-page .case-study-process-section.case-study-internal-section,
.case-study-single-page .case-study-marketing-section.case-study-internal-section,
.case-study-single-page .case-study-results-section.case-study-internal-section {
  display: block;
}

.case-study-single-page .case-study-challenge-section.case-study-internal-section {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  border-left: none;
  border-right: none;
  border-radius: 24px;
  padding: 0;
}

.case-study-single-page .case-study-challenge-section .case-study-internal-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  padding-top: 56px;
  padding-bottom: 64px;
}

.case-study-single-page .case-study-process-section.case-study-internal-section {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  border-left: none;
  border-right: none;
  border-radius: 24px;
  padding: 0;
}

.case-study-single-page .case-study-process-section .case-study-internal-inner {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: var(--site-gutter);
  padding-top: 56px;
  padding-bottom: 56px;
}

.case-study-single-page .case-study-marketing-section.case-study-internal-section,
.case-study-single-page .case-study-results-section.case-study-internal-section {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  border-left: none;
  border-right: none;
  border-radius: 24px;
  padding: 0;
}

.case-study-single-page .case-study-marketing-section .case-study-internal-inner,
.case-study-single-page .case-study-results-section .case-study-internal-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
}

.case-study-single-page .case-study-results-section .case-study-internal-inner {
  padding-top: 24px;
  padding-bottom: 56px;
}

.case-study-single-page .case-study-media-links-section.case-study-internal-section {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  border-left: none;
  border-right: none;
  border-radius: 24px;
  padding: 0;
}

.case-study-single-page .case-study-media-links-section .case-study-internal-inner {
  padding-top: 64px;
  padding-bottom: 68px;
}

/* Case study internal + single — larger kicker/body under headings + looser block rhythm */
.case-study-internal-page .auction-single-breadcrumb,
.case-study-single-page .auction-single-breadcrumb {
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 22px;
}

.case-study-internal-page .auction-single-banner__copy h1,
.case-study-single-page .auction-single-banner__copy h1 {
  margin: 8px 0 20px;
}

.case-study-internal-page .auction-single-banner__copy p,
.case-study-single-page .auction-single-banner__copy p {
  font-size: 18px;
  line-height: 30px;
  max-width: 820px;
}

.case-study-internal-page .auction-single-banner__copy p:not(:last-child),
.case-study-single-page .auction-single-banner__copy p:not(:last-child) {
  margin-bottom: var(--space-3);
}

.case-study-single-page .auction-single-top {
  margin-top: 32px;
}

.case-study-internal-page .case-study-challenge__content h3,
.case-study-single-page .case-study-challenge__content h3 {
  margin-bottom: 20px;
}

.case-study-internal-page .case-study-challenge__content p,
.case-study-single-page .case-study-challenge__content p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}

.case-study-internal-page .case-study-challenge__content ul,
.case-study-single-page .case-study-challenge__content ul {
  margin-top: 6px;
  margin-bottom: 22px;
}

.case-study-internal-page .case-study-challenge__content li,
.case-study-single-page .case-study-challenge__content li {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 12px;
}

.case-study-internal-page .case-study-process__left h3,
.case-study-single-page .case-study-process__left h3 {
  margin-bottom: var(--space-3);
}

.case-study-internal-page .case-study-process__left p,
.case-study-single-page .case-study-process__left p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}

.case-study-internal-page .case-study-process__link,
.case-study-single-page .case-study-process__link {
  font-size: 15px;
  line-height: 22px;
  margin: 8px 0 28px;
}

.case-study-internal-page .case-study-process__tender-card,
.case-study-single-page .case-study-process__tender-card {
  margin-top: 6px;
}

.case-study-internal-page .case-study-marketing__copy h3,
.case-study-internal-page .case-study-results__copy h3,
.case-study-single-page .case-study-marketing__copy h3,
.case-study-single-page .case-study-results__copy h3 {
  margin-bottom: var(--space-3);
}

.case-study-internal-page .case-study-marketing__copy p,
.case-study-internal-page .case-study-results__copy p,
.case-study-single-page .case-study-marketing__copy p,
.case-study-single-page .case-study-results__copy p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}

.case-study-internal-page .case-study-media-links-section h3,
.case-study-single-page .case-study-media-links-section h3 {
  font-size: 52px;
  line-height: 58px;
  margin-bottom: 0;
}

.case-study-internal-page .case-study-media-links__grid,
.case-study-single-page .case-study-media-links__grid {
  gap: 12px 14px;
}

.case-study-internal-page .section-5__title,
.case-study-single-page .section-5__title {
  font-size: 42px;
  line-height: 54px;
}

.case-study-internal-page .section-5__subtitle,
.case-study-single-page .section-5__subtitle {
  margin-top: 14px;
  font-size: 19px;
  line-height: 29px;
}

.case-study-internal-page .section-5__reviews,
.case-study-single-page .section-5__reviews {
  margin-top: 28px;
}

/* Case study internal: align the testimonial section visuals with the
   standard look used on auctions/home/sell/case-studies pages, overriding
   the inherited .auction-single-page full-bleed/equal-card treatment. */
.case-study-internal-page .section-5-placeholder.case-study-internal-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border-radius: 24px;
  background: rgba(49, 42, 47, 1);
  overflow: hidden;
}

.case-study-internal-page .section-5-placeholder .case-study-internal-inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: clamp(72px, 8vw, 120px) var(--site-gutter-x) clamp(56px, 7vw, 100px);
}

.case-study-internal-page .section-5__reviews {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(20px, 3vw, 32px);
  gap: clamp(20px, 3vw, 32px);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
  background-image: none;
  display: grid;
  grid-template-columns: minmax(260px, 0.92fr) minmax(280px, 1.08fr);
  align-items: stretch;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.case-study-internal-page .section-5__image-placeholder {
  width: 100%;
  min-height: 300px;
  height: 100%;
  border-radius: 16px;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  align-self: stretch;
}

.case-study-internal-page .section-5__client-image {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
  display: block;
}

.case-study-internal-page .section-5__review-list {
  width: 100%;
  min-height: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2vw, 20px);
  justify-content: center;
  align-self: stretch;
  padding-right: 56px;
  margin-top: 0;
}

.case-study-internal-page .section-5__reviews-wrap .section-5__review-card {
  flex: initial;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
  padding: 32px;
}

.case-study-internal-page .section-5__reviews-wrap .section-5__review-card p {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
}

@media (max-width: 1024px) {
  .case-study-internal-page .section-5__review-list {
    padding-right: 0;
  }

  .case-study-internal-page .section-5__reviews {
    grid-template-columns: 1fr;
  }
}

.case-study-internal-page .case-study-challenge-section .case-study-internal-inner {
  gap: 36px;
}

.case-study-internal-page .case-study-process-section .case-study-internal-inner,
.case-study-single-page .case-study-process-section .case-study-internal-inner {
  gap: 32px;
}

.case-study-internal-page .case-study-marketing-section .case-study-internal-inner,
.case-study-internal-page .case-study-results-section .case-study-internal-inner,
.case-study-single-page .case-study-marketing-section .case-study-internal-inner,
.case-study-single-page .case-study-results-section .case-study-internal-inner {
  gap: 44px;
}

.case-study-single-page .case-study-results-section .case-study-internal-inner {
  gap: 56px;
}

.case-study-internal-page .case-study-internal-section:not(.case-study-internal-intro-section),
.case-study-single-page .case-study-internal-section:not(.case-study-internal-intro-section) {
  margin-top: 24px;
}

.case-study-single-page .case-study-media-links-section.case-study-internal-section + .section-5-placeholder.case-study-internal-section {
  margin-top: 0;
}

.case-study-single-page .case-study-media-links-section.case-study-internal-section + .section-5-placeholder .case-study-internal-inner {
  padding-top: clamp(28px, 4.5vw, 72px);
}

/* Case study single — desktop responsive (fluid scaling like home/sell/about) */
@media (min-width: 1025px) {
  .case-study-single-page .case-study-internal-intro-section {
    margin-top: clamp(56px, 6vw, 72px);
  }

  .case-study-single-page .auction-single-banner__copy h1 {
    font-size: clamp(40px, 3.8vw, 56px);
    line-height: 1.1;
    letter-spacing: -0.02em;
  }

  .case-study-single-page .auction-single-banner__copy p {
    font-size: clamp(16px, 1.15vw, 18px);
    line-height: 1.65;
    max-width: min(820px, 100%);
  }

  .case-study-single-page .auction-single-main-image {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: clamp(360px, 42vw, 600px);
  }

  .case-study-single-page .auction-single-main-image img {
    min-height: 0;
    height: 100%;
    object-fit: cover;
  }

  .case-study-single-page .auction-single-thumb-row {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    transform: none;
    height: clamp(72px, 8vw, 120px);
  }

  .case-study-single-page .auction-single-thumb-row img {
    width: 100%;
    height: 100%;
    min-height: clamp(72px, 8vw, 120px);
    object-fit: cover;
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner,
  .case-study-single-page .case-study-process-section .case-study-internal-inner,
  .case-study-single-page .case-study-marketing-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    padding-top: clamp(40px, 5vw, 56px);
    padding-bottom: clamp(40px, 5vw, 64px);
    gap: clamp(28px, 3.5vw, 52px);
  }

  .case-study-single-page .case-study-process-section .case-study-internal-inner {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }

  .case-study-single-page .case-study-marketing-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(24px, 3vw, 44px);
  }

  .case-study-single-page .case-study-media-links-section .case-study-internal-inner {
    padding-top: clamp(44px, 5vw, 64px);
    padding-bottom: clamp(44px, 5vw, 68px);
  }

  .case-study-single-page .case-study-challenge__content h3,
  .case-study-single-page .case-study-process__left h3,
  .case-study-single-page .case-study-marketing__copy h3,
  .case-study-single-page .case-study-results__copy h3 {
    font-size: clamp(32px, 2.8vw, 48px);
    line-height: 1.15;
  }

  .case-study-single-page .case-study-media-links-section h3 {
    font-size: clamp(36px, 3.2vw, 52px);
    line-height: 1.12;
  }

  .case-study-single-page .case-study-challenge__image {
    min-height: clamp(320px, 32vw, 440px);
  }

  .case-study-single-page .case-study-process__visual {
    width: 100%;
    max-width: 100%;
    min-height: clamp(360px, 38vw, 518px);
  }

  .case-study-single-page .case-study-marketing__visual,
  .case-study-single-page .case-study-results__visual {
    min-height: clamp(260px, 26vw, 320px);
  }

}

/* Case study internal — pickup intro matches hero/body rhythm */
.case-study-internal-page .auction-single-pickup-header h3 {
  margin-bottom: var(--space-3);
}

.case-study-internal-page .auction-single-pickup-header p {
  font-size: 18px;
  line-height: 30px;
}

/* Case study single — hero shell matches internal (no pickup/spec/section-5 bleed rules) */
.case-study-single-page .auction-single-main-image {
  border-radius: 30px;
}

.case-study-single-page .auction-single-thumb-row {
  border-radius: 20px;
}

.case-study-single-page .auction-single-banner__cta {
  width: auto;
  min-width: 150px;
  height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  gap: 8px;
  font-size: 14px;
  line-height: 1;
}

.case-study-single-page .auction-single-banner__cta span {
  font-size: 16px;
  line-height: 1;
}

.case-study-single-page .case-study-internal-stat {
  width: 108px;
  min-height: 104px;
  border-radius: 10px;
  border: none;
  background: #f9fafc;
  padding: 12px 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.case-study-single-page .case-study-internal-stat h3 {
  margin: 0;
  color: #1f1a1d;
  font-size: 39px;
  line-height: 40px;
  letter-spacing: -0.03em;
  font-weight: 500;
}

.case-study-single-page .case-study-internal-stat p {
  margin: 6px 0 0;
  color: #767078;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}

/* Case study internal — scroll-in hero (banner copy → stats → main image → thumb row) */
.case-study-internal-page .auction-single-banner.case-study-hero-banner--ready:not(.case-study-hero-banner--in) .auction-single-banner__copy > *,
.case-study-single-page .auction-single-banner.case-study-hero-banner--ready:not(.case-study-hero-banner--in) .auction-single-banner__copy > * {
  opacity: 0;
  transform: translate3d(48px, 0, 0);
}

.case-study-internal-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *,
.case-study-single-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > * {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-internal-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(1),
.case-study-single-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(1) {
  transition-delay: 0.05s;
}

.case-study-internal-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(2),
.case-study-single-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(2) {
  transition-delay: 0.14s;
}

.case-study-internal-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(3),
.case-study-single-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(3) {
  transition-delay: 0.23s;
}

.case-study-internal-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(4),
.case-study-single-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *:nth-child(4) {
  transition-delay: 0.32s;
}

.case-study-internal-page .auction-single-banner.case-study-hero-banner--ready:not(.case-study-hero-banner--in) .case-study-internal-stats,
.case-study-single-page .auction-single-banner.case-study-hero-banner--ready:not(.case-study-hero-banner--in) .case-study-internal-stats {
  opacity: 0;
  transform: translate3d(-18px, 40px, 0);
}

.case-study-internal-page .auction-single-banner.case-study-hero-banner--in .case-study-internal-stats,
.case-study-single-page .auction-single-banner.case-study-hero-banner--in .case-study-internal-stats {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0.42s;
}

.case-study-internal-page .auction-single-main-image.case-study-hero-main--ready:not(.case-study-hero-main--in) img,
.case-study-single-page .auction-single-main-image.case-study-hero-main--ready:not(.case-study-hero-main--in) img {
  opacity: 0;
  transform: translate3d(0, 48px, 0);
}

.case-study-internal-page .auction-single-main-image.case-study-hero-main--in img,
.case-study-single-page .auction-single-main-image.case-study-hero-main--in img {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.78s cubic-bezier(0.22, 1, 0.36, 1), transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-internal-page .auction-single-thumb-row.case-study-hero-thumb--ready:not(.case-study-hero-thumb--in) img,
.case-study-single-page .auction-single-thumb-row.case-study-hero-thumb--ready:not(.case-study-hero-thumb--in) img {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
}

.case-study-internal-page .auction-single-thumb-row.case-study-hero-thumb--in img,
.case-study-single-page .auction-single-thumb-row.case-study-hero-thumb--in img {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1), transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .case-study-internal-page .auction-single-banner.case-study-hero-banner--ready .auction-single-banner__copy > *,
  .case-study-internal-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *,
  .case-study-single-page .auction-single-banner.case-study-hero-banner--ready .auction-single-banner__copy > *,
  .case-study-single-page .auction-single-banner.case-study-hero-banner--in .auction-single-banner__copy > *,
  .case-study-internal-page .auction-single-banner.case-study-hero-banner--ready .case-study-internal-stats,
  .case-study-internal-page .auction-single-banner.case-study-hero-banner--in .case-study-internal-stats,
  .case-study-single-page .auction-single-banner.case-study-hero-banner--ready .case-study-internal-stats,
  .case-study-single-page .auction-single-banner.case-study-hero-banner--in .case-study-internal-stats,
  .case-study-internal-page .auction-single-main-image.case-study-hero-main--ready img,
  .case-study-internal-page .auction-single-main-image.case-study-hero-main--in img,
  .case-study-single-page .auction-single-main-image.case-study-hero-main--ready img,
  .case-study-single-page .auction-single-main-image.case-study-hero-main--in img,
  .case-study-internal-page .auction-single-thumb-row.case-study-hero-thumb--ready img,
  .case-study-internal-page .auction-single-thumb-row.case-study-hero-thumb--in img,
  .case-study-single-page .auction-single-thumb-row.case-study-hero-thumb--ready img,
  .case-study-single-page .auction-single-thumb-row.case-study-hero-thumb--in img {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.auction-single-card {
  border: 1px solid #dde1ea;
  border-radius: 14px;
  padding: 18px;
}

.auction-single-label {
  margin: 0;
  font-size: 12px;
  color: #8e8a8c;
}

.auction-single-card h2 {
  margin: 4px 0 14px;
  color: #ff6600;
  font-size: 42px;
  line-height: 46px;
}

.auction-single-card button {
  border: none;
  border-radius: 999px;
  background: #ff6600;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 16px;
  cursor: pointer;
}

.auction-single-meta-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.auction-single-meta-grid div {
  border: 1px solid #edf0f5;
  border-radius: 10px;
  padding: 10px;
}

.auction-single-meta-grid strong {
  display: block;
  color: #1f1a1d;
  font-size: 18px;
  line-height: 24px;
}

.auction-single-meta-grid span {
  display: block;
  color: #7b767b;
  font-size: 11px;
  line-height: 16px;
}

.auction-single-auction-end {
  margin-top: 14px;
  border-radius: 12px;
  border: 1px solid #ffe0cc;
  background: #fff8f3;
  padding: 14px;
}

.auction-single-auction-end h3 {
  margin: 0 0 6px;
  color: #1f1a1d;
  font-size: 15px;
}

.auction-single-auction-end p {
  margin: 0;
  color: #605b5e;
  font-size: 13px;
}

.auction-single-auction-end span {
  display: block;
  margin-top: 6px;
  color: #908b90;
  font-size: 12px;
}

.auction-single-spec-section {
  width: 1440px;
  max-width: 100%;
  height: 900px;
  border-left: 1px solid #d8dae5;
  border-right: 1px solid #d8dae5;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  padding: 112px 72px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  box-sizing: border-box;
  background: rgba(255, 243, 235, 1);
}

.auction-single-spec-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.auction-single-spec-media {
  width: 658px;
  max-width: 100%;
  height: 358px;
  border-radius: 16px;
  overflow: hidden;
}

.auction-single-spec-media img {
  width: 100%;
  height: 358px;
  object-fit: cover;
  display: block;
}

.auction-single-spec-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.auction-single-spec-metrics article {
  background: #ffffff;
  border-radius: 12px;
  padding: 18px 16px;
}

.auction-single-spec-metrics h4 {
  margin: 0;
  color: #1f1a1d;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
}

.auction-single-spec-metrics p {
  margin: 6px 0 0;
  color: #605b5e;
  font-size: 14px;
}

.auction-single-spec-right h3 {
  margin: 0 0 10px;
  width: min(500px, 100%);
  max-width: 100%;
  min-height: 0;
  color: #1f1a1d;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: clamp(28px, 2.4vw, 36px);
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  overflow-wrap: anywhere;
}

.auction-single-spec-right > p {
  margin: 0 0 16px;
  color: #605b5e;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
}

.auction-single-spec-right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.auction-single-spec-right li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #efe5dd;
  padding: 8px 0;
}

.auction-single-spec-right li span {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: rgba(96, 91, 94, 1);
}

.auction-single-spec-right li strong {
  color: #1f1a1d;
  font-size: 15px;
  font-weight: 600;
}

.auction-single-spec-right li strong img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}

.auction-single-spec-section.auction-single-spec--animate-ready .auction-single-spec-media {
  opacity: 0;
  transform: translateX(-60px);
  transition: transform 0.85s ease, opacity 0.85s ease;
}

.auction-single-spec-section.auction-single-spec--animate-ready .auction-single-spec-metrics article {
  opacity: 0;
  transform: translateY(24px);
  transition: transform 0.7s ease, opacity 0.7s ease;
  transition-delay: var(--spec-metric-delay, 0.2s);
}

.auction-single-spec-section.auction-single-spec--animate-ready .auction-single-spec-right h3,
.auction-single-spec-section.auction-single-spec--animate-ready .auction-single-spec-right > p {
  opacity: 0;
  transform: translateX(56px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  transition-delay: var(--spec-right-delay, 0.18s);
}

.auction-single-spec-section.auction-single-spec--animate-ready .auction-single-spec-right li {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.66s ease, opacity 0.66s ease;
  transition-delay: var(--spec-line-delay, 0.34s);
}

.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-media,
.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-metrics article,
.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-right h3,
.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-right > p,
.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-right li {
  opacity: 1;
}

.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-media {
  transform: translateX(0);
}

.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-metrics article,
.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-right li {
  transform: translateY(0);
}

.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-right h3,
.auction-single-spec-section.auction-single-spec--animate-ready.auction-single-spec--in-view .auction-single-spec-right > p {
  transform: translateX(0);
}

.case-study-challenge-section {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 56px 64px 64px;
  border-left: 1px solid #d8dae5;
  border-right: 1px solid #d8dae5;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  background: #fff8f3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  box-sizing: border-box;
}

.case-study-challenge__placeholder {
  width: 100%;
  min-height: 440px;
  border-radius: 14px;
  border: 1px dashed #d8dae5;
  background: #ffffff;
  color: #8a8589;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.case-study-challenge__image {
  width: 100%;
  min-height: 440px;
  border-radius: 14px;
  object-fit: cover;
  display: block;
}

.case-study-challenge__content h3 {
  margin: 0 0 12px;
  color: #1f1a1d;
  font-size: 48px;
  line-height: 54px;
  letter-spacing: -0.02em;
}

.case-study-challenge__content p {
  margin: 0 0 12px;
  color: #312a2f;
  font-size: 16px;
  line-height: 26px;
}

.case-study-challenge__content ul {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.case-study-challenge__content li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  color: #312a2f;
  font-size: 16px;
  line-height: 24px;
}

.case-study-challenge__content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url("assets/orange-clicks.png") center/contain no-repeat;
}

/* “The Challenge” — scroll-in: image from left, copy from bottom-right */
.case-study-challenge-section.case-study-challenge--ready:not(.case-study-challenge--in-view) .case-study-challenge__image {
  opacity: 0;
  transform: translate3d(-56px, 0, 0);
}

.case-study-challenge-section.case-study-challenge--ready:not(.case-study-challenge--in-view) .case-study-challenge__content {
  opacity: 0;
  transform: translate3d(56px, 48px, 0);
}

.case-study-challenge-section.case-study-challenge--in-view .case-study-challenge__image {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-challenge-section.case-study-challenge--in-view .case-study-challenge__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1), transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0.16s;
}

@media (prefers-reduced-motion: reduce) {
  .case-study-challenge-section.case-study-challenge--ready .case-study-challenge__image,
  .case-study-challenge-section.case-study-challenge--in-view .case-study-challenge__image,
  .case-study-challenge-section.case-study-challenge--ready .case-study-challenge__content,
  .case-study-challenge-section.case-study-challenge--in-view .case-study-challenge__content {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.case-study-process-section {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 56px 64px;
  border-left: 1px solid #d8dae5;
  border-right: 1px solid #d8dae5;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  background: #ffffff;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: var(--site-gutter);
  box-sizing: border-box;
}

.case-study-process__left h3 {
  margin: 0 0 10px;
  color: #1f1a1d;
  font-size: 48px;
  line-height: 52px;
}

.case-study-process__left p {
  margin: 0 0 10px;
  color: #312a2f;
  font-size: 16px;
  line-height: 24px;
}

.case-study-process__link {
  display: inline-block;
  margin: 4px 0 14px;
  color: #312a2f;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}

.case-study-process__tender-card {
  border: 1px solid #e7eaf0;
  border-radius: 14px;
  padding: 14px 14px 10px;
  background: #ffffff;
}

.case-study-process__tender-card h4 {
  margin: 0 0 10px;
  color: #1f1a1d;
  font-size: 20px;
  line-height: 28px;
}

.case-study-process__tender-body {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 12px;
}

.case-study-process__tender-thumb {
  height: 72px;
  border-radius: 10px;
  background: #101114;
  overflow: hidden;
}

.case-study-process__tender-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.case-study-process__tender-body p {
  margin: 0;
  color: #4f494d;
  font-size: 13px;
  line-height: 21px;
}

.case-study-process__continue-link {
  color: #ff6600;
  text-decoration: none;
  font-weight: 500;
}

.case-study-process__tender-footer {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.case-study-process__tender-footer span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4f494d;
  font-size: 13px;
}

.case-study-process__tender-footer span img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

.case-study-process__tender-footer button {
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  padding: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.case-study-process__tender-footer button img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.case-study-process__visual {
  width: 547px;
  max-width: 100%;
  min-height: 518px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f9fc;
}

.case-study-process__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* “The Process” — text/image from right, tender card from left */
.case-study-process-section.case-study-process--ready:not(.case-study-process--in-view) .case-study-process__left > h3,
.case-study-process-section.case-study-process--ready:not(.case-study-process--in-view) .case-study-process__left > p,
.case-study-process-section.case-study-process--ready:not(.case-study-process--in-view) .case-study-process__left > .case-study-process__link,
.case-study-process-section.case-study-process--ready:not(.case-study-process--in-view) .case-study-process__right {
  opacity: 0;
  transform: translate3d(56px, 0, 0);
}

.case-study-process-section.case-study-process--ready:not(.case-study-process--in-view) .case-study-process__tender-card {
  opacity: 0;
  transform: translate3d(-56px, 0, 0);
}

.case-study-process-section.case-study-process--in-view .case-study-process__left > h3,
.case-study-process-section.case-study-process--in-view .case-study-process__left > p,
.case-study-process-section.case-study-process--in-view .case-study-process__left > .case-study-process__link,
.case-study-process-section.case-study-process--in-view .case-study-process__right,
.case-study-process-section.case-study-process--in-view .case-study-process__tender-card {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.case-study-process-section.case-study-process--in-view .case-study-process__left > h3,
.case-study-process-section.case-study-process--in-view .case-study-process__left > p,
.case-study-process-section.case-study-process--in-view .case-study-process__left > .case-study-process__link,
.case-study-process-section.case-study-process--in-view .case-study-process__right {
  transition: opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1), transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-process-section.case-study-process--in-view .case-study-process__tender-card {
  transition: opacity 0.86s cubic-bezier(0.22, 1, 0.36, 1), transform 0.86s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0.14s;
}

@media (prefers-reduced-motion: reduce) {
  .case-study-process-section.case-study-process--ready .case-study-process__left > h3,
  .case-study-process-section.case-study-process--ready .case-study-process__left > p,
  .case-study-process-section.case-study-process--ready .case-study-process__left > .case-study-process__link,
  .case-study-process-section.case-study-process--ready .case-study-process__right,
  .case-study-process-section.case-study-process--ready .case-study-process__tender-card,
  .case-study-process-section.case-study-process--in-view .case-study-process__left > h3,
  .case-study-process-section.case-study-process--in-view .case-study-process__left > p,
  .case-study-process-section.case-study-process--in-view .case-study-process__left > .case-study-process__link,
  .case-study-process-section.case-study-process--in-view .case-study-process__right,
  .case-study-process-section.case-study-process--in-view .case-study-process__tender-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.case-study-marketing-section,
.case-study-results-section {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 48px 64px;
  border-left: 1px solid #d8dae5;
  border-right: 1px solid #d8dae5;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: center;
}

.case-study-marketing-section {
  background: rgba(255, 243, 235, 1);
}

.case-study-results-section {
  background: #ffffff;
  padding-top: 24px;
  padding-bottom: 56px;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
}

.case-study-marketing__copy h3,
.case-study-results__copy h3 {
  margin: 0 0 10px;
  color: #1f1a1d;
  font-size: 42px;
  line-height: 48px;
}

.case-study-marketing__copy p,
.case-study-results__copy p {
  margin: 0 0 10px;
  color: #312a2f;
  font-size: 15px;
  line-height: 24px;
}

.case-study-marketing__visual,
.case-study-results__visual {
  width: 100%;
  min-height: 320px;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f9fc;
}

.case-study-marketing__visual img,
.case-study-results__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Marketing — image from right; copy: heading then paragraphs from left */
.case-study-marketing-section.case-study-marketing--ready:not(.case-study-marketing--in-view) .case-study-marketing__visual {
  opacity: 0;
  transform: translate3d(48px, 0, 0);
}

.case-study-marketing-section.case-study-marketing--ready:not(.case-study-marketing--in-view) .case-study-marketing__copy h3,
.case-study-marketing-section.case-study-marketing--ready:not(.case-study-marketing--in-view) .case-study-marketing__copy p:nth-of-type(1),
.case-study-marketing-section.case-study-marketing--ready:not(.case-study-marketing--in-view) .case-study-marketing__copy p:nth-of-type(2) {
  opacity: 0;
  transform: translate3d(-44px, 0, 0);
}

.case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__visual {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy h3,
.case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy p:nth-of-type(1),
.case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy p:nth-of-type(2) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.78s cubic-bezier(0.22, 1, 0.36, 1), transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy h3 {
  transition-delay: 0s;
}

.case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy p:nth-of-type(1) {
  transition-delay: 0.22s;
}

.case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy p:nth-of-type(2) {
  transition-delay: 0.44s;
}

@media (prefers-reduced-motion: reduce) {
  .case-study-marketing-section.case-study-marketing--ready .case-study-marketing__visual,
  .case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__visual,
  .case-study-marketing-section.case-study-marketing--ready .case-study-marketing__copy h3,
  .case-study-marketing-section.case-study-marketing--ready .case-study-marketing__copy p:nth-of-type(1),
  .case-study-marketing-section.case-study-marketing--ready .case-study-marketing__copy p:nth-of-type(2),
  .case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy h3,
  .case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy p:nth-of-type(1),
  .case-study-marketing-section.case-study-marketing--in-view .case-study-marketing__copy p:nth-of-type(2) {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Results — image from left; copy: heading then paragraphs from right */
.case-study-results-section.case-study-results--ready:not(.case-study-results--in-view) .case-study-results__visual {
  opacity: 0;
  transform: translate3d(-48px, 0, 0);
}

.case-study-results-section.case-study-results--ready:not(.case-study-results--in-view) .case-study-results__copy h3,
.case-study-results-section.case-study-results--ready:not(.case-study-results--in-view) .case-study-results__copy p:nth-of-type(1),
.case-study-results-section.case-study-results--ready:not(.case-study-results--in-view) .case-study-results__copy p:nth-of-type(2) {
  opacity: 0;
  transform: translate3d(44px, 0, 0);
}

.case-study-results-section.case-study-results--in-view .case-study-results__visual {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-results-section.case-study-results--in-view .case-study-results__copy h3,
.case-study-results-section.case-study-results--in-view .case-study-results__copy p:nth-of-type(1),
.case-study-results-section.case-study-results--in-view .case-study-results__copy p:nth-of-type(2) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.78s cubic-bezier(0.22, 1, 0.36, 1), transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-results-section.case-study-results--in-view .case-study-results__copy h3 {
  transition-delay: 0s;
}

.case-study-results-section.case-study-results--in-view .case-study-results__copy p:nth-of-type(1) {
  transition-delay: 0.22s;
}

.case-study-results-section.case-study-results--in-view .case-study-results__copy p:nth-of-type(2) {
  transition-delay: 0.44s;
}

@media (prefers-reduced-motion: reduce) {
  .case-study-results-section.case-study-results--ready .case-study-results__visual,
  .case-study-results-section.case-study-results--in-view .case-study-results__visual,
  .case-study-results-section.case-study-results--ready .case-study-results__copy h3,
  .case-study-results-section.case-study-results--ready .case-study-results__copy p:nth-of-type(1),
  .case-study-results-section.case-study-results--ready .case-study-results__copy p:nth-of-type(2),
  .case-study-results-section.case-study-results--in-view .case-study-results__copy h3,
  .case-study-results-section.case-study-results--in-view .case-study-results__copy p:nth-of-type(1),
  .case-study-results-section.case-study-results--in-view .case-study-results__copy p:nth-of-type(2) {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.case-study-media-links-section {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 64px 72px 68px;
  border-left: 1px solid #d8dae5;
  border-right: 1px solid #d8dae5;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  background: #fff3eb;
  box-sizing: border-box;
}

.case-study-media-links-section h3 {
  margin: 0;
  color: #1f1a1d;
  font-size: 48px;
  line-height: 54px;
}

.case-study-media-links__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--site-gutter) 12px;
  max-width: 1080px;
}

.case-study-media-links__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 18px;
  border: 1px solid #e7e1db;
  border-radius: 999px;
  color: #312a2f;
  background: #fff3eb;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.case-study-media-links__item span {
  color: #ff6600;
  font-weight: 600;
  transition: color 0.2s ease;
}

.case-study-media-links__item:hover {
  border-color: #ff6600;
  background: #ffffff;
  color: #1f1a1d;
  box-shadow: 0 2px 10px rgba(255, 102, 0, 0.14);
}

.case-study-media-links__item:hover span {
  color: #e65c00;
}

.case-study-media-links__item:focus-visible {
  outline: 2px solid #ff6600;
  outline-offset: 3px;
}

.case-study-media-links__item:focus:not(:focus-visible) {
  outline: none;
}

/* Media Links — heading from left; pills from bottom-right */
.case-study-media-links-section.case-study-media-links--ready:not(.case-study-media-links--in-view) > h3,
.case-study-media-links-section.case-study-media-links--ready:not(.case-study-media-links--in-view) .case-study-internal-inner > h3 {
  opacity: 0;
  transform: translate3d(-48px, 0, 0);
}

.case-study-media-links-section.case-study-media-links--ready:not(.case-study-media-links--in-view) .case-study-media-links__item {
  opacity: 0;
  transform: translate3d(40px, 36px, 0);
}

.case-study-media-links-section.case-study-media-links--in-view > h3,
.case-study-media-links-section.case-study-media-links--in-view .case-study-internal-inner > h3 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.82s cubic-bezier(0.22, 1, 0.36, 1), transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(1) {
  transition-delay: 0.12s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(2) {
  transition-delay: 0.16s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(3) {
  transition-delay: 0.2s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(4) {
  transition-delay: 0.24s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(5) {
  transition-delay: 0.28s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(6) {
  transition-delay: 0.32s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(7) {
  transition-delay: 0.36s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(8) {
  transition-delay: 0.4s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(9) {
  transition-delay: 0.44s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(10) {
  transition-delay: 0.48s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(11) {
  transition-delay: 0.52s;
}

.case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item:nth-child(12) {
  transition-delay: 0.56s;
}

@media (prefers-reduced-motion: reduce) {
  .case-study-media-links-section.case-study-media-links--ready > h3,
  .case-study-media-links-section.case-study-media-links--in-view > h3,
  .case-study-media-links-section.case-study-media-links--ready .case-study-internal-inner > h3,
  .case-study-media-links-section.case-study-media-links--in-view .case-study-internal-inner > h3,
  .case-study-media-links-section.case-study-media-links--ready .case-study-media-links__item,
  .case-study-media-links-section.case-study-media-links--in-view .case-study-media-links__item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.auction-single-pickup-section {
  width: 1440px;
  max-width: 100%;
  height: 990px;
  border-left: 1px solid #d8dae5;
  border-right: 1px solid #d8dae5;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  padding: var(--space-18) var(--site-gutter-x);
  box-sizing: border-box;
  background: #ffffff;
}

.auction-single-pickup-header {
  text-align: center;
  margin-bottom: 64px;
}

.auction-single-pickup-header h3 {
  margin: 0 0 8px;
  color: #1f1a1d;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: capitalize;
}

.auction-single-pickup-header p {
  margin: 0;
  color: #605b5e;
  font-size: 16px;
  line-height: 24px;
}

.auction-single-pickup-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-gutter);
}

.auction-single-pickup-card {
  min-height: 360px;
  border-right: 1px solid #eef1f5;
  padding-right: 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.auction-single-pickup-card:last-child {
  border-right: none;
}

.auction-single-pickup-note {
  margin: 0 0 24px;
  margin-bottom: 200px;
  color: #8a8589;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.auction-single-pickup-card strong {
  display: block;
  color: #1f1a1d;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 300;
  font-size: 48px;
  line-height: 88px;
  letter-spacing: -0.02em;
}

.auction-single-pickup-card span {
  display: block;
  margin-top: 6px;
  color: #605b5e;
  font-size: 15px;
  line-height: 22px;
}

.auction-single-pickup-section.auction-single-pickup--animate-ready .auction-single-pickup-header h3 {
  opacity: 0;
  transform: translateX(-140px);
  transition: transform 0.78s ease, opacity 0.78s ease;
}

.auction-single-pickup-section.auction-single-pickup--animate-ready .auction-single-pickup-header p {
  opacity: 0;
  transform: translateX(140px);
  transition: transform 0.78s ease, opacity 0.78s ease;
  transition-delay: 0.1s;
}

.auction-single-pickup-section.auction-single-pickup--animate-ready .auction-single-pickup-card {
  opacity: 0;
  transform: translateY(36px);
  transition: transform 0.72s ease, opacity 0.72s ease;
  transition-delay: var(--auction-single-pickup-delay, 0.24s);
}

.auction-single-pickup-section.auction-single-pickup--animate-ready.auction-single-pickup--in-view .auction-single-pickup-header h3,
.auction-single-pickup-section.auction-single-pickup--animate-ready.auction-single-pickup--in-view .auction-single-pickup-header p,
.auction-single-pickup-section.auction-single-pickup--animate-ready.auction-single-pickup--in-view .auction-single-pickup-card {
  opacity: 1;
}

.auction-single-pickup-section.auction-single-pickup--animate-ready.auction-single-pickup--in-view .auction-single-pickup-header h3,
.auction-single-pickup-section.auction-single-pickup--animate-ready.auction-single-pickup--in-view .auction-single-pickup-header p {
  transform: translateX(0);
}

.auction-single-pickup-section.auction-single-pickup--animate-ready.auction-single-pickup--in-view .auction-single-pickup-card {
  transform: translateY(0);
}

@media (max-width: 1024px) {
  .auction-single-layout {
    margin: 10px auto 20px;
    padding: 20px;
    border-radius: 18px;
  }

  .auction-single-banner {
    padding: 16px;
  }

  .auction-single-breadcrumb {
    margin-top: 8px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .auction-single-banner h1 {
    font-size: 34px;
    line-height: 40px;
  }

  .auction-single-banner p {
    font-size: 14px;
    line-height: 22px;
  }

  .auction-single-main-image {
    left: auto;
    transform: none;
    width: 100%;
    height: 420px;
    border-radius: 16px;
  }

  .auction-single-thumb-row {
    width: 100%;
    height: 96px;
    transform: none;
  }

  .auction-single-thumb-row img {
    height: 96px;
  }

  .case-study-challenge-section,
  .case-study-process-section,
  .case-study-marketing-section,
  .case-study-results-section {
    padding: 36px 24px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .case-study-challenge-section,
  .case-study-process-section,
  .case-study-marketing-section,
  .case-study-results-section {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .case-study-single-page .case-study-challenge-section.case-study-internal-section,
  .case-study-single-page .case-study-process-section.case-study-internal-section,
  .case-study-single-page .case-study-marketing-section.case-study-internal-section,
  .case-study-single-page .case-study-results-section.case-study-internal-section,
  .case-study-single-page .case-study-media-links-section.case-study-internal-section {
    padding: 0;
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner,
  .case-study-single-page .case-study-process-section .case-study-internal-inner,
  .case-study-single-page .case-study-marketing-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner {
    gap: 32px;
  }

  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    gap: 32px;
  }

  .case-study-single-page .case-study-media-links-section .case-study-internal-inner {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .case-study-process__visual {
    width: 100%;
    min-height: 360px;
  }

  .case-study-marketing__copy h3,
  .case-study-results__copy h3,
  .case-study-challenge__content h3,
  .case-study-process__left h3,
  .case-study-media-links-section h3 {
    font-size: 36px;
    line-height: 42px;
  }

  .case-study-media-links-section {
    padding: 44px 24px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
}

@media (max-width: 767px) {
  .auction-single-hero {
    padding-top: 0;
  }

  .auction-single-layout {
    margin: 8px auto 14px;
    padding: 12px;
    border-radius: 14px;
  }

  .auction-single-banner {
    padding: 10px;
    margin-bottom: 12px;
  }

  .auction-single-banner h1 {
    font-size: 26px;
    line-height: 32px;
    margin: 4px 0 6px;
  }

  .auction-single-banner p {
    font-size: 13px;
    line-height: 20px;
  }

  .auction-single-main-image {
    height: 240px;
    border-radius: 12px;
  }

  .auction-single-thumb-row {
    margin-top: 8px;
    height: 72px;
    border-radius: 10px;
  }

  .auction-single-thumb-row img {
    height: 72px;
  }

  .case-study-challenge-section,
  .case-study-process-section,
  .case-study-marketing-section,
  .case-study-results-section,
  .case-study-media-links-section {
    padding: 24px 12px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .case-study-single-page .case-study-challenge-section.case-study-internal-section,
  .case-study-single-page .case-study-process-section.case-study-internal-section,
  .case-study-single-page .case-study-marketing-section.case-study-internal-section,
  .case-study-single-page .case-study-results-section.case-study-internal-section,
  .case-study-single-page .case-study-media-links-section.case-study-internal-section {
    padding: 0;
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner,
  .case-study-single-page .case-study-process-section .case-study-internal-inner,
  .case-study-single-page .case-study-marketing-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    padding: 24px 12px;
    grid-template-columns: 1fr;
    gap: var(--site-gutter);
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner {
    gap: 22px;
  }

  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    gap: 22px;
  }

  .case-study-single-page .case-study-media-links-section .case-study-internal-inner {
    padding: 24px 12px;
  }

  .case-study-challenge__image {
    min-height: 220px;
  }

  .case-study-process__tender-body {
    grid-template-columns: 1fr;
  }

  .case-study-process__tender-thumb {
    height: 160px;
  }

  .case-study-process__visual,
  .case-study-marketing__visual,
  .case-study-results__visual {
    min-height: 220px;
  }

  .case-study-marketing__copy h3,
  .case-study-results__copy h3,
  .case-study-challenge__content h3,
  .case-study-process__left h3,
  .case-study-media-links-section h3 {
    font-size: 30px;
    line-height: 36px;
  }

  .case-study-marketing__copy p,
  .case-study-results__copy p,
  .case-study-challenge__content p,
  .case-study-process__left p,
  .case-study-challenge__content li {
    font-size: 14px;
    line-height: 22px;
  }

  .case-study-media-links__grid {
    gap: 8px;
  }

  .case-study-media-links__item {
    min-height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 18px;
  }
}

.auctions-listing__controls {
  display: flex;
  gap: var(--site-gutter);
  margin-bottom: var(--space-3);
}

.auctions-listing__search-wrap,
.auctions-listing__sort-wrap {
  position: relative;
}

.auctions-listing__search-wrap {
  flex: 1;
}

.auctions-listing__search {
  width: 100%;
  padding-right: 38px;
}

.auctions-listing__sort {
  width: 220px;
}

.auctions-listing__search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}

.auctions-listing__sort-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  pointer-events: none;
}

.auctions-listing-section .section-6__cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-gutter);
}

.auctions-listing-section .auctions-cards-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-gutter);
}

.auctions-pagination {
  width: 1280px;
  max-width: 100%;
  min-height: 56px;
  height: auto;
  margin: 18px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  opacity: 1;
}

.auctions-pagination__page {
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border: none;
  border-radius: 10px;
  background: #f2f3f6;
  color: #605b5e;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.auctions-pagination__page:hover:not(:disabled) {
  background: #e8eaef;
  color: #31292f;
}

.auctions-pagination__page:focus-visible {
  outline: 2px solid var(--color-primary, #ff6600);
  outline-offset: 3px;
}

.auctions-pagination__page--active {
  background: #ff6600;
  color: #ffffff;
}

.auctions-pagination__page--active:hover:not(:disabled) {
  background: #e65c00;
  color: #ffffff;
}

.auctions-pagination__page:disabled {
  opacity: 0.45;
  cursor: default;
}

.auctions-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8a8589;
  user-select: none;
  pointer-events: none;
}

.auctions-pagination__nav {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border: none;
  border-radius: 10px;
  background: transparent !important;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.auctions-pagination__nav:hover:not(:disabled),
.auctions-pagination__nav:focus:not(:disabled),
.auctions-pagination__nav:active:not(:disabled) {
  opacity: 0.85;
  background: transparent !important;
  box-shadow: none;
}

.auctions-pagination__nav:focus-visible {
  outline: 2px solid var(--color-primary, #ff6600);
  outline-offset: 3px;
  background: transparent !important;
}

.auctions-pagination__nav:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: transparent !important;
}

.auctions-pagination__nav-icon {
  width: 18px;
  height: 18px;
  pointer-events: none;
  display: block;
}

.auctions-pagination__nav-icon--prev {
  transform: rotate(90deg);
}

.auctions-pagination__nav-icon--next {
  transform: rotate(-90deg);
}

.auctions-listing-section .industry-card {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 16px;
  overflow: hidden;
  background: transparent;
}

.auctions-listing-section .industry-card__media img {
  height: 250px;
}

.auctions-listing-section .industry-card__title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(49, 42, 47, 1);
}

.auctions-listing-section .industry-card__text {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.auctions-results-section {
  width: 1440px;
  max-width: 100%;
  height: auto;
  min-height: 0;
  gap: 64px;
  opacity: 1;
  padding: var(--space-18) var(--site-gutter-x);
  border-right: 1px solid #e8ebf1;
  border-left: 1px solid #e8ebf1;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  background: rgba(255, 255, 255, 1);
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.auctions-results__intro p {
  margin: 0;
  width: 1114px;
  max-width: 100%;
  height: 156px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -0.04em;
  color: #312a2f;
}

.auctions-results__media-card {
  width: 1280px;
  max-width: 100%;
  height: 388px;
  gap: 32px;
  border-radius: 24px;
  opacity: 1;
  display: grid;
  grid-template-columns: 624px 624px;
  background: transparent;
}

.auctions-results__image-placeholder {
  width: 624px;
  height: 388px;
  border-radius: 24px;
  overflow: hidden;
}

.auctions-results__image-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.auctions-results__text {
  width: 624px;
  height: 388px;
  display: grid;
  gap: 32px;
  padding: 18px 22px;
  opacity: 1;
  align-content: center;
}

.auctions-results__text h3 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.auctions-results__text p {
  margin: 8px 0 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #605b5e;
}

.auctions-results-section.auctions-results--animate-ready .auctions-results__intro p,
.auctions-results-section.auctions-results--animate-ready .auctions-results__image-placeholder {
  opacity: 0;
  transform: translateX(-56px);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.auctions-results-section.auctions-results--animate-ready .auctions-results__text article {
  opacity: 0;
  transform: translateX(56px);
  transition: transform 0.8s ease, opacity 0.8s ease;
  transition-delay: var(--auction-result-text-delay, 0.24s);
}

.auctions-results-section.auctions-results--animate-ready.auctions-results--in-view .auctions-results__intro p,
.auctions-results-section.auctions-results--animate-ready.auctions-results--in-view .auctions-results__image-placeholder,
.auctions-results-section.auctions-results--animate-ready.auctions-results--in-view .auctions-results__text article {
  opacity: 1;
}

.auctions-results-section.auctions-results--animate-ready.auctions-results--in-view .auctions-results__intro p,
.auctions-results-section.auctions-results--animate-ready.auctions-results--in-view .auctions-results__image-placeholder {
  transform: translateX(0);
}

.auctions-results-section.auctions-results--animate-ready.auctions-results--in-view .auctions-results__image-placeholder {
  transition-delay: 0.12s;
}

.auctions-results-section.auctions-results--animate-ready.auctions-results--in-view .auctions-results__text article {
  transform: translateX(0);
}

.auctions-driving-section {
  width: 1440px;
  max-width: 100%;
  min-height: 0;
  height: auto;
  margin: 0 auto;
  padding: var(--space-15) var(--site-gutter-x) var(--space-9);
  display: flex;
  flex-direction: column;
  gap: 48px;
  background: #fff3eb;
  border-radius: 24px;
  overflow: hidden;
}

.auctions-driving__header h2 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #312a2f;
}

.auctions-driving__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.auctions-driving__stat {
  padding: 0 20px 0;
  border-right: 1px solid #e3d9d2;
}

.auctions-driving__stat:last-child {
  border-right: none;
}

.auctions-driving__desc {
  margin: 0 0 72px;
  font-size: 13px;
  line-height: 20px;
  color: #6a6468;
}

.auctions-driving__stat h3 {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 56px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #312a2f;
}

.auctions-driving__stat span {
  margin-top: 8px;
  display: block;
  font-size: 14px;
  color: #7c757a;
}

/* Scroll: whole block fades in softly; numeric count-up runs after (script.js). */
.auctions-driving-section.auctions-driving--animate-ready {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 1s ease, transform 1s ease;
}

.auctions-driving-section.auctions-driving--animate-ready.auctions-driving--in-view {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1024px) {
  .auctions-hero {
    height: 500px;
  }

  .auctions-hero__content {
    padding: 200px 24px 48px;
  }

  .auctions-hero__content h1 {
    font-size: 46px;
    line-height: 52px;
  }

  .auctions-hero__content p {
    font-size: 17px;
    line-height: 26px;
  }

  .auctions-listing-section {
    padding: 20px 16px 24px;
  }

  .auctions-market-overlay {
    height: auto;
    padding: 16px;
    margin-top: -130px;
    border-radius: 24px;
  }

  .auctions-market-overlay__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auctions-listing-section .section-6__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .auctions-listing-section .auctions-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .auctions-pagination {
    width: 100%;
  }

  .auctions-results-section {
    height: auto;
    padding: var(--space-10) var(--space-3);
    gap: 36px;
    border-radius: 24px;
  }

  .auctions-results__intro p {
    font-size: 28px;
  }

  .auctions-results__media-card {
    width: 100%;
    max-width: 100%;
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .auctions-results__image-placeholder {
    width: 100%;
    height: 280px;
  }

  .auctions-results__text {
    width: 100%;
    height: auto;
    gap: var(--site-gutter);
    padding: 8px 4px;
  }

  .auctions-driving-section {
    min-height: auto;
    padding: 72px 24px;
    gap: 32px;
    border-radius: 24px;
  }

  .auctions-driving__header h2 {
    font-size: 38px;
  }

  .auctions-driving__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  .auctions-driving__stat {
    padding: 0 12px 0 0;
    border-right: 1px solid #e3d9d2;
    border-bottom: none;
  }

  .auctions-driving__stat:last-child {
    border-right: none;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero {
    width: 100%;
    margin: 0;
    height: min(100svh, 900px);
    min-height: 500px;
    border-radius: 24px;
    border: 4px solid #ffffff;
    box-sizing: border-box;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section {
    padding: 0 var(--site-gutter-x) 72px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-results-section,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-driving-section,
  body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track .section-4-placeholder,
  body.auctions-page:not(.upcoming-auctions-page) .section-5-placeholder,
  body.auctions-page .section-8-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  body.auctions-page .section-8-cta {
    overflow: visible;
  }

  /* Tablet: same overlap + padding as global auctions rules (do not use desktop filter placement) */
  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay {
    width: 100%;
    max-width: 100%;
    margin: -130px auto 0;
    padding: 16px;
    border-radius: var(--auction-section-radius);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__tab {
    padding: 0;
    min-height: 0;
    border-bottom: none;
    margin-bottom: 0;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__top {
    align-items: center;
    min-height: 62px;
    height: 62px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section .auctions-cards-grid,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-empty {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .auctions-hero {
    width: calc(100% - 20px);
    max-width: none;
    margin: 0 10px;
    height: 420px;
    border-radius: 16px;
  }

  .auctions-hero__content {
    padding: 170px 16px 24px;
  }

  .auctions-hero__content h1 {
    font-size: 32px;
    line-height: 38px;
  }

  .auctions-hero__content p {
    font-size: 14px;
    line-height: 21px;
  }

  .auctions-listing-section {
    padding: 16px 10px 20px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .auctions-market-overlay {
    padding: 12px;
    margin-top: -90px;
    border-radius: 16px;
  }

  .auctions-market-overlay__top {
    gap: var(--site-gutter);
    overflow-x: auto;
  }

  .auctions-market-overlay__grid {
    grid-template-columns: 1fr;
  }

  .auctions-listing__controls {
    flex-direction: column;
  }

  .auctions-listing__sort {
    width: 100%;
  }

  .auctions-listing-section .section-6__cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .auctions-listing-section .auctions-cards-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section {
    padding: 0 var(--site-gutter-x) var(--mobile-section-y-lg);
    border-radius: var(--auction-section-radius);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay {
    width: 100%;
    max-width: 100%;
    margin: -104px auto 0;
    padding: 14px 12px 16px;
    border-radius: var(--auction-section-radius);
    box-shadow: 0 12px 32px rgba(17, 17, 17, 0.08);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__top {
    align-items: stretch;
    min-height: 52px;
    height: auto;
    gap: 22px;
    border-bottom: 1px solid #eceff3;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__tab {
    flex-shrink: 0;
    height: auto;
    min-height: 44px;
    align-self: stretch;
    padding: 6px 0 12px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__tab--active {
    border-bottom-color: #ff6600;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section .auctions-cards-grid,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-empty {
    width: 100%;
    max-width: 100%;
  }

  /* Stack auction cards vertically (override global horizontal carousel scroll) */
  body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section .auctions-cards-grid.section-3__carousel {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    margin: 16px 0 0;
    padding: 0;
    overflow: visible;
    overflow-x: visible;
    scroll-snap-type: none;
    scroll-padding-inline: 0;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section .auctions-cards-grid .section-3__card {
    flex: none;
    width: 100%;
    max-width: 100%;
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-listing-section .auctions-cards-grid .section-3__badge {
    left: 12px;
    right: auto;
    transform: none;
    width: max-content;
    max-width: calc(100% - 24px);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-cards-grid.auctions-cards-grid--animate-ready .section-3__badge {
    transform: translateY(34px);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-cards-grid.auctions-cards-grid--animate-ready.auctions-cards-grid--in-view .section-3__badge {
    transform: translateY(0);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination {
    margin-top: 24px;
    gap: 6px;
    flex-wrap: nowrap;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination__page {
    min-width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 8px;
    background: transparent;
    color: #605b5e;
    font-size: 15px;
    font-weight: 500;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination__page:hover:not(:disabled) {
    background: transparent;
    color: #31292f;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination__page--active {
    background: #ff6600;
    color: #ffffff;
    font-weight: 600;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination__page--active:hover:not(:disabled) {
    background: #e65c00;
    color: #ffffff;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination__nav {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination__nav-icon {
    width: 16px;
    height: 16px;
    opacity: 0.65;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-pagination__ellipsis {
    min-width: 28px;
    height: 36px;
    font-size: 15px;
    font-weight: 500;
    color: #8a8589;
  }

  body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--auction-section-radius);
  }

  body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track .section-4-placeholder {
    padding: var(--mobile-section-y) var(--site-gutter-x) var(--mobile-section-y-lg);
  }

  body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track .section-4__title {
    font-size: 28px;
    line-height: 1.2;
    text-align: left;
  }

  body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track .section-4__subtitle {
    font-size: 15px;
    line-height: 1.45;
    text-align: left;
  }

  body.auctions-page:not(.upcoming-auctions-page) .process-scroll-track .process-heading {
    margin-bottom: 24px;
    text-align: left;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-results-section {
    padding: 32px 24px var(--mobile-section-y-lg);
    border-radius: var(--auction-section-radius);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-driving-section {
    padding: 32px 24px var(--mobile-section-y-lg);
    border-radius: var(--auction-section-radius);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-driving__stats {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-driving__stat {
    border-right: none;
    border-bottom: 1px solid #e3d9d2;
    padding: 0 0 var(--space-4) 0;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-driving__stat:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  body.auctions-page .section-8-cta {
    padding: var(--mobile-section-y) var(--site-gutter-x);
    border-radius: var(--auction-section-radius);
  }

  body.auctions-page.upcoming-auctions-page .section-8-cta {
    margin-top: 16px;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero {
    width: calc(100% - 20px);
    max-width: none;
    margin: 0 10px;
    height: clamp(400px, 58svh, 520px);
    min-height: 380px;
    max-height: none;
    border-radius: 16px;
    border-width: 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero .navbar {
    padding: 12px 12px 0;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero .navbar__container {
    width: 100%;
    max-width: none;
    border-radius: 999px;
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero .navbar__actions {
    display: none;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero .navbar__hamburger {
    margin-left: auto;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero__content {
    padding: clamp(108px, 32vw, 142px) 16px clamp(96px, 26vw, 132px);
    max-width: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero__content h1 {
    font-size: clamp(30px, 7.5vw, 36px);
    line-height: 1.12;
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero__content p {
    margin-top: 12px;
    font-size: clamp(14px, 3.8vw, 16px);
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.92);
  }

  body.auctions-page:not(.upcoming-auctions-page) .auctions-market-overlay__search-row {
    margin-top: 14px;
    min-height: 44px;
    padding: 8px 14px;
  }

  .auctions-results-section {
    padding: 44px 12px;
    gap: var(--site-gutter);
    border-radius: 16px;
  }

  .auctions-results__intro p {
    font-size: 20px;
    line-height: 1.35;
  }

  .auctions-results__media-card {
    grid-template-columns: 1fr;
    border-radius: 16px;
  }

  .auctions-results__image-placeholder {
    height: 220px;
    border-radius: 16px 16px 0 0;
  }

  .auctions-results__text h3 {
    font-size: 18px;
  }

  .auctions-driving-section {
    padding: 44px 12px;
    border-radius: 16px;
  }

  .auctions-driving__header h2 {
    font-size: 30px;
    line-height: 1.2;
  }

  .auctions-driving__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  .auctions-driving__stat {
    padding: 0 8px 0 0;
    border-right: 1px solid #e3d9d2;
    border-bottom: none;
  }

  .auctions-driving__stat:last-child {
    border-right: none;
  }

  .auctions-driving__desc {
    margin: 0 0 24px;
    font-size: 11px;
    line-height: 15px;
  }

  .auctions-driving__stat h3 {
    font-size: 32px;
  }

  .auctions-driving__stat span {
    font-size: 11px;
  }
}

/* ============================================
   CASE STUDIES PAGE
   ============================================ */

.case-studies-page {
  background: #ffffff;
}

.case-studies-main {
  width: 100%;
  max-width: none;
  margin: 0;
}

.case-hero {
  position: relative;
  width: 100%;
  height: clamp(560px, 76vh, 720px);
  margin: 0;
  border-radius: 24px;
  border: 4px solid #ffffff;
  overflow: hidden;
  background: #111;
}

.case-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/case-study-banner.png") center/cover no-repeat;
  z-index: 0;
  animation: caseHeroImageEntry 1.15s ease-out forwards;
}

.case-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.88) 18%, rgba(30, 30, 30, 0.28) 72%);
  z-index: 1;
}

.case-hero__content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: clamp(var(--space-18), 30vh, 240px) var(--site-gutter-x) var(--space-9);
}

.case-hero__content h1 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(50px, 4.1vw, 56px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.case-hero__content p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(17px, 1.4vw, 18px);
  line-height: 1.5;
}

.case-hero__line {
  display: block;
  opacity: 0;
  transform: translateY(30px);
  animation: caseHeroTextRise 0.7s ease-out forwards;
}

.case-hero__line--1 {
  animation-delay: 1.25s;
}

.case-hero__line--2 {
  animation-delay: 1.48s;
}

.case-hero__line--3 {
  animation-delay: 1.72s;
}

.case-hero__line--4 {
  animation-delay: 1.96s;
}

@keyframes caseHeroImageEntry {
  from {
    opacity: 0;
    transform: scale(1.08);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes caseHeroTextRise {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.case-filter-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--space-4) var(--site-gutter-x) var(--space-5);
  border-radius: var(--space-3);
  background: #ffffff;
}

.case-filter__controls {
  display: flex;
  gap: var(--site-gutter);
  margin-bottom: var(--space-3);
}

.case-filter__search-wrap,
.case-filter__sort-wrap {
  position: relative;
}

.case-filter__search {
  flex: 1;
  width: 100%;
  padding-right: 38px;
}

.case-filter__sort {
  width: 220px;
}

.case-filter__search-wrap {
  flex: 1;
}

.case-filter__search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}

.case-filter__sort-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  pointer-events: none;
}

.case-filter-section .section-6__cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-gutter);
}

.case-filter-section .industry-card {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 16px;
  opacity: 1;
  overflow: hidden;
  background: transparent;
}

.case-filter-section .industry-card__media {
  position: relative;
}

.case-filter-section .industry-card__media > .industry-card__tag {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(96, 91, 94, 0.18);
  background: #ffffff;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #605b5e;
}

.case-filter-section .auctions-pagination {
  margin-top: 24px;
  gap: 12px;
}

.case-filter-section .auctions-pagination__page {
  min-width: 44px;
  height: 44px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1;
}

.case-filter-section .auctions-pagination__nav {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}

.case-filter-section .auctions-pagination__nav-icon {
  width: 18px;
  height: 18px;
}

.case-filter-section .industry-card__media img {
  height: 250px;
}

.case-filter-section .industry-card__stats {
  min-height: auto;
}

.case-filter-section .industry-card__title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(49, 42, 47, 1);
}

.case-filter-section .industry-card__text {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.case-filter-section.case-filter--animate-ready .case-filter__search-wrap {
  opacity: 0;
  transform: translateX(-46px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.case-filter-section.case-filter--animate-ready .case-filter__sort-wrap {
  opacity: 0;
  transform: translateX(46px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.case-filter-section.case-filter--animate-ready .industry-card__media img,
.case-filter-section.case-filter--animate-ready .industry-card__media > .industry-card__tag,
.case-filter-section.case-filter--animate-ready .industry-card__title,
.case-filter-section.case-filter--animate-ready .industry-card__text,
.case-filter-section.case-filter--animate-ready .industry-card__link {
  opacity: 0;
  transform: translateX(-44px);
  transition: transform 0.75s ease, opacity 0.75s ease;
  transition-delay: var(--case-card-delay, 0.2s);
}

.case-filter-section.case-filter--animate-ready .industry-card__stat {
  opacity: 0;
  transform: translateX(44px);
  transition: transform 0.75s ease, opacity 0.75s ease;
  transition-delay: var(--case-card-delay, 0.2s);
}

.case-filter-section.case-filter--animate-ready.case-filter--in-view .case-filter__search-wrap,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .case-filter__sort-wrap,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__media img,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__media > .industry-card__tag,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__title,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__text,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__link,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__stat {
  opacity: 1;
}

.case-filter-section.case-filter--animate-ready.case-filter--in-view .case-filter__search-wrap,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .case-filter__sort-wrap,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__media img,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__media > .industry-card__tag,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__title,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__text,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__link,
.case-filter-section.case-filter--animate-ready.case-filter--in-view .industry-card__stat {
  transform: translateX(0);
}

.case-filter-section.case-filter--animate-ready.case-filter--in-view .case-filter__sort-wrap {
  transition-delay: 0.08s;
}

.case-filter__pagination {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--site-gutter);
}

.case-filter__page {
  width: 58px;
  height: 58px;
  border: none;
  border-radius: 12px;
  background: #f2f3f6;
  color: #1f1a1d;
  font-size: 32px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.case-filter__page--active {
  background: #ff6600;
  color: #ffffff;
}

.case-filter__nav {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.case-filter__nav-icon {
  width: 28px;
  height: 28px;
}

.case-filter__nav-icon--prev {
  transform: rotate(90deg);
}

.case-filter__nav-icon--next {
  transform: rotate(-90deg);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .case-hero {
    width: 100%;
    height: clamp(460px, 70vh, 560px);
    margin: 0;
    border-radius: 18px;
  }

  .case-hero__content {
    padding: clamp(148px, 24vh, 192px) 32px 36px;
  }

  .case-hero__content h1 {
    font-size: clamp(38px, 4.3vw, 42px);
    line-height: 1.12;
  }

  .case-hero__content p {
    font-size: 15px;
    line-height: 23px;
  }

  .case-filter-section {
    padding: var(--space-3) var(--site-gutter-x) var(--space-4);
  }

  .case-filter__controls {
    align-items: stretch;
  }

  .case-filter__search-wrap {
    flex: 1.2;
  }

  .case-filter__sort-wrap {
    flex: 1;
    min-width: 220px;
  }

  .case-filter__sort {
    width: 100%;
    height: 44px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 34px;
  }

  .case-filter__sort-icon {
    right: 12px;
    width: 16px;
    height: 16px;
  }

  .case-filter-section .section-6__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .case-filter-section .industry-card {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 767px) {
  .case-hero {
    width: calc(100% - 20px);
    max-width: none;
    margin: 0 10px;
    height: 420px;
    border-radius: 16px;
  }

  .case-hero__content {
    padding: 170px 16px 24px;
  }

  .case-hero__content h1 {
    font-size: 32px;
    line-height: 38px;
  }

  .case-hero__content p {
    font-size: 14px;
    line-height: 21px;
  }

  .case-filter-section {
    padding: var(--space-3) var(--site-gutter-x) var(--space-3);
    border-radius: 16px;
  }

  .case-filter__controls {
    flex-direction: column;
  }

  .case-filter__sort {
    width: 100%;
    height: 44px;
    font-size: 13px;
    padding-right: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .case-filter__sort-wrap {
    width: 100%;
  }

  .case-filter__sort-icon {
    right: 12px;
    width: 16px;
    height: 16px;
  }

  .case-filter-section .section-6__cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .case-studies-page .case-filter-section .industry-card__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 12px 16px;
    border-radius: 999px;
    background: var(--color-primary-soft-hover);
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    gap: 6px;
    text-decoration: none;
  }

  .case-studies-page .case-filter-section .auctions-pagination {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .case-studies-page .case-filter-section .auctions-pagination__page {
    min-width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 8px;
    background: transparent;
    color: #605b5e;
    font-size: 15px;
    font-weight: 500;
  }

  .case-studies-page .case-filter-section .auctions-pagination__page:hover:not(:disabled) {
    background: transparent;
    color: #31292f;
  }

  .case-studies-page .case-filter-section .auctions-pagination__page--active {
    background: #ff6600;
    color: #ffffff;
    font-weight: 600;
  }

  .case-studies-page .case-filter-section .auctions-pagination__page--active:hover:not(:disabled) {
    background: #e65c00;
    color: #ffffff;
  }

  .case-studies-page .case-filter-section .auctions-pagination__nav {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
  }

  .case-studies-page .case-filter-section .auctions-pagination__nav-icon {
    width: 16px;
    height: 16px;
    opacity: 0.65;
  }

  .case-studies-page .case-filter-section .auctions-pagination__ellipsis {
    min-width: 28px;
    height: 36px;
    font-size: 15px;
    font-weight: 500;
    color: #8a8589;
  }
}

@media (max-width: 1024px) {
  .resources-page .rs-hero {
    height: 520px;
  }

  .resources-page .rs-hero-copy {
    left: var(--site-gutter-x);
    width: calc(100% - (var(--site-gutter-x) * 2));
  }

  .resources-page .rs-hero-copy h1 {
    font-size: 44px;
    line-height: 50px;
  }

  .resources-page .rs-hero-copy p {
    font-size: 18px;
    line-height: 28px;
  }

  .resources-page .rs-faq-shell {
    padding: 72px var(--site-gutter-x);
  }

  .resources-page .rs-faq-list {
    height: auto;
  }

  .resources-page .rs-faq-trigger {
    padding: 18px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .resources-page .rs-faq-list p {
    padding: 0 20px 18px;
    font-size: 14px;
    line-height: 22px;
  }

  .resources-page .rs-lower-shell {
    min-height: auto;
    padding: 72px var(--site-gutter-x);
    border-radius: var(--rs-section-radius);
  }

  .resources-page .rs-feature-copy h2 {
    max-width: 100%;
  }

  .resources-page .rs-feature-title-lg {
    font-size: 34px;
  }

  .resources-page .rs-feature-title-md {
    font-size: 28px;
  }

  .resources-page .rs-feature-copy p {
    font-size: 16px;
    line-height: 1.4;
  }

  .resources-page .rs-feature {
    gap: var(--site-gutter);
  }

  .resources-page .rs-feature-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .resources-page .rs-feature-image,
  .resources-page .rs-feature-cards {
    width: 100%;
    height: auto;
  }

  .resources-page .rs-feature-image {
    min-height: 360px;
  }

  .home-page .rs-bottom-layout {
    height: auto;
    padding: 36px 16px;
    min-height: 420px;
  }

  .home-page .rs-sales-card,
  .home-page .rs-metrics-card {
    display: none;
  }

  .home-page .rs-cta-content {
    width: 100%;
    max-width: 620px;
    gap: 20px;
  }

  .home-page .rs-cta-content h3,
  .home-page .rs-cta-content p {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .resources-page .rs-hero {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px);
    max-width: none;
    height: 420px;
    min-height: 420px;
    margin: 0 10px;
    padding: 0;
    border-radius: var(--rs-section-radius);
    overflow: hidden;
  }

  .resources-page .rs-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    width: 100%;
    padding: 12px 0 0;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.88) 22%, rgba(30, 30, 30, 0.25) 100%);
  }

  .resources-page .rs-hero .navbar {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    width: 100%;
    padding: 0 12px;
    margin: 0;
  }

  .resources-page .rs-hero-copy {
    position: relative;
    z-index: 2;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 var(--site-gutter-x) 16px;
    transform: none;
    text-align: left;
    gap: 10px;
    box-sizing: border-box;
  }

  .resources-page .rs-hero-copy h1,
  .resources-page .rs-hero-copy p,
  .resources-page .rs-hero-line {
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-align: left;
    align-self: stretch;
  }

  .resources-page .rs-hero-copy h1 {
    font-size: clamp(28px, 7.2vw, 32px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }

  .resources-page .rs-hero-copy p {
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: -0.01em;
  }

  .resources-page .rs-hero-line {
    display: block;
  }

  .resources-page .rs-faq-shell {
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
  }

  .resources-page .rs-faq-tabs {
    width: 100%;
    max-width: 359px;
  }

  .resources-page .tab {
    padding: 12px 18px;
    font-size: 12px;
  }

  .resources-page .tab-vendor,
  .resources-page .tab-buyer {
    width: auto;
    flex: 1;
  }

  .resources-page .rs-faq-list {
    gap: 12px;
  }

  .resources-page .rs-faq-list .rs-faq-item {
    min-height: 62px;
    height: auto;
    border-radius: 12px;
  }

  .resources-page .rs-faq-trigger {
    padding: 14px 14px;
    font-size: 14px;
    line-height: 20px;
    gap: var(--site-gutter);
  }

  .resources-page .faq-arrow,
  .resources-page .faq-arrow img {
    width: 20px;
    height: 20px;
  }

  .resources-page .rs-faq-list p {
    padding: 0 14px 14px;
    font-size: 13px;
    line-height: 20px;
  }

  .resources-page .rs-lower-shell {
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    border-radius: var(--rs-section-radius);
  }

  .resources-page .rs-feature {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .resources-page .rs-feature-copy {
    width: 100%;
    text-align: left;
  }

  .resources-page .rs-feature-copy h2 {
    gap: 0;
    max-width: 100%;
  }

  .resources-page .rs-feature-title-lg,
  .resources-page .rs-feature-title-md {
    width: 100%;
    max-width: 100%;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--rs-orange);
  }

  .resources-page .rs-feature-copy p {
    width: 100%;
    max-width: 100%;
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #1f1a1d;
  }

  .resources-page .rs-feature-copy p + p {
    margin-top: 16px;
  }

  .resources-page .rs-feature.rs-feature--animate-ready .rs-feature-copy,
  .resources-page .rs-feature.rs-feature--animate-ready .rs-feature-image,
  .resources-page .rs-feature.rs-feature--animate-ready .mini-card {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .resources-page .mini-card {
    padding: 16px;
  }

  .resources-page .mini-card h3 {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 26px;
  }

  .resources-page .mini-card p,
  .resources-page .how-auctions-text {
    font-size: 14px;
    line-height: 21px;
  }

  .resources-page .how-auctions-title {
    width: 100%;
  }

}

/* ============================================
   SHARED COMPONENT CONSISTENCY (ALL PAGES)
   Navbar + Footer + Section 8 CTA
   ============================================ */

@media (min-width: 768px) and (max-width: 1024px) {
  .section-8-cta {
    height: auto;
    min-height: 460px;
    padding: 56px 32px;
    overflow: hidden;
  }

  .section-8__content {
    width: 100%;
    max-width: 620px;
    min-height: auto;
    gap: 16px;
  }

  .section-8__content h3 {
    width: 100%;
    font-size: 40px;
    line-height: 48px;
  }

  .section-8__content p {
    width: 100%;
    max-width: 560px;
    font-size: 16px;
    line-height: 24px;
  }

  .section-8__actions {
    flex-wrap: wrap;
    justify-content: center;
  }

  .section-8__sales-card {
    display: block;
    width: 260px;
    height: auto;
    left: -74px;
    top: 180px;
    z-index: 1;
  }

  .section-8__metrics-card {
    display: block;
    width: 270px;
    height: auto;
    right: -96px;
    top: 44px;
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .section-8-cta {
    height: auto;
    min-height: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    overflow: hidden;
  }

  .section-8__content {
    width: 100%;
    min-height: auto;
    gap: 16px;
  }

  .section-8__content h3 {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
  }

  .section-8__content p {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
  }

  .section-8__actions {
    width: 100%;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
    align-items: stretch;
    justify-content: center;
  }

  .section-8__btn-primary,
  .section-8__btn-secondary {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 46px;
    justify-content: center;
  }

  .section-8__sales-card,
  .section-8__metrics-card {
    display: none;
  }

  /* Footer — see mobile design system block at end of file */
}

/* Home page maximise section consistency */
@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .rs-bottom-layout {
    height: auto;
    min-height: 460px;
    padding: 56px 32px;
    overflow: hidden;
  }

  .home-page .rs-cta-content {
    width: 100%;
    max-width: 620px;
    gap: 16px;
  }

  .home-page .rs-cta-content h3 {
    width: 100%;
    font-size: 40px;
    line-height: 48px;
  }

  .home-page .rs-cta-content p {
    width: 100%;
    max-width: 560px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-page .rs-cta-actions {
    flex-wrap: wrap;
    justify-content: center;
  }

  .home-page .rs-sales-card {
    display: block;
    width: 260px;
    height: auto;
    left: -74px;
    top: 180px;
    z-index: 1;
  }

  .home-page .rs-metrics-card {
    display: block;
    width: 270px;
    height: auto;
    right: -96px;
    top: 44px;
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .home-page .rs-bottom-layout {
    height: auto;
    min-height: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    overflow: hidden;
  }

  .home-page .rs-cta-content {
    width: 100%;
    min-height: auto;
    gap: 16px;
  }

  .home-page .rs-cta-content h3 {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
  }

  .home-page .rs-cta-content p {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
  }

  .home-page .rs-cta-actions {
    width: 100%;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
    align-items: center;
    justify-content: center;
  }

  .home-page .rs-sales-card,
  .home-page .rs-metrics-card {
    display: none;
  }
}

/* Index section 4 responsiveness */
@media (min-width: 768px) and (max-width: 1024px) {
  .section-4-placeholder {
    height: auto;
    padding: 48px 20px 32px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    gap: 8px;
  }

  .section-4__title {
    height: auto;
    font-size: 36px;
    line-height: 44px;
  }

  .section-4__subtitle {
    height: auto;
    font-size: 14px;
    line-height: 20px;
  }

  .section-4__image-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .section-4__image-card {
    height: 120px;
  }

  .section-4__timeline {
    margin-top: 8px;
  }

  .section-4__timeline::before {
    height: 6px;
  }

  .section-4__timeline-step {
    width: 18px;
    height: 18px;
    font-size: 8px;
    line-height: 18px;
  }

  .section-4__content-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 8px;
  }

  .section-4__content-card h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .section-4__content-card p {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  .section-4-placeholder {
    height: auto;
    padding: 48px 12px 24px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    position: relative;
  }

  .section-4__header {
    text-align: left;
    margin-bottom: var(--space-3);
  }

  .section-4__title {
    width: 100%;
    height: auto;
    font-size: 34px;
    line-height: 40px;
    text-align: left;
  }

  .section-4__subtitle {
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
  }

  .section-4__timeline {
    display: none;
  }

  .section-4__image-row,
  .section-4__content-row {
    display: contents;
  }

  .section-4__image-row .section-4__image-card:nth-child(1) { order: 1; }
  .section-4__content-row .section-4__content-card:nth-child(1) { order: 2; }
  .section-4__image-row .section-4__image-card:nth-child(2) { order: 3; }
  .section-4__content-row .section-4__content-card:nth-child(2) { order: 4; }
  .section-4__image-row .section-4__image-card:nth-child(3) { order: 5; }
  .section-4__content-row .section-4__content-card:nth-child(3) { order: 6; }
  .section-4__image-row .section-4__image-card:nth-child(4) { order: 7; }
  .section-4__content-row .section-4__content-card:nth-child(4) { order: 8; }

  .section-4__image-card,
  .section-4__content-card {
    width: 100%;
    margin-bottom: 10px;
  }

  .section-4__image-card {
    height: 180px;
    border-radius: 10px;
  }

  .section-4-placeholder.section-4--animate-ready .section-4__image-card {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .section-4__content-row {
    counter-reset: processStep;
  }

  .section-4__content-card {
    position: relative;
    padding-left: 28px;
    opacity: 1 !important;
    transform: none !important;
  }

  .section-4__content-card::before {
    counter-increment: processStep;
    content: "0" counter(processStep);
    position: absolute;
    left: -4px;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ff6600;
    color: #fff;
    font-size: 8px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
  }

  .section-4__content-card::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 20px;
    width: 1px;
    height: calc(100% + 18px);
    background: #ff6600;
    opacity: 0.5;
  }

  .section-4__content-row .section-4__content-card:last-child::after {
    display: none;
  }

  .section-4__content-card h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .section-4__content-card p {
    font-size: 13px;
    line-height: 19px;
  }
}

/* Index section 6 responsiveness */
@media (min-width: 768px) and (max-width: 1024px) {
  .section-6-industries {
    height: auto;
    padding: 56px 32px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .section-6__header {
    margin-bottom: 20px;
  }

  .section-6__title {
    font-size: 34px;
    line-height: 42px;
  }

  .section-6__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .section-6-industries .section-6__cards .industry-card:nth-child(n + 3) {
    display: none;
  }
}

@media (max-width: 767px) {
  .section-6-industries {
    height: auto;
    padding: 48px 16px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .section-6__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--site-gutter);
    margin-bottom: var(--space-3);
  }

  .section-6__title {
    font-size: 30px;
    line-height: 38px;
  }

  .section-6__cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .section-6__cards .industry-card {
    display: block;
  }
}

/* Section 7 newsletter responsiveness */
@media (min-width: 768px) and (max-width: 1024px) {
  .section-7-newsletter {
    height: auto;
    min-height: 0;
    padding: 48px 32px;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
  }

  .section-7__panel {
    padding: 28px;
    grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.1fr);
    gap: 20px;
  }

  .section-7__image-placeholder {
    max-width: none;
    height: 300px;
  }

  .section-7__content h2 {
    font-size: 38px;
    line-height: 1.15;
  }

  .section-7__content p {
    font-size: 15px;
    line-height: 22px;
  }

  .section-7__form {
    margin-top: 18px;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .section-7-newsletter {
    height: auto;
    min-height: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .section-7__panel {
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 14px;
    border-radius: 16px;
  }

  .section-7__image-placeholder {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.65);
  }

  .section-7__image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
    object-fit: contain;
    object-position: center;
  }

  .section-7__content h2 {
    font-size: 30px;
    line-height: 36px;
  }

  .section-7__content p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 21px;
  }

  .section-7__form {
    margin-top: 14px;
    gap: var(--site-gutter);
    max-width: 100%;
  }

  .section-7__form input {
    height: 46px;
    font-size: 14px;
  }

  .section-7__form button {
    width: 100%;
    height: 44px;
    font-size: 14px;
  }
}

/* Index section 5 responsiveness */
@media (min-width: 768px) and (max-width: 1024px) {
  .section-5-placeholder {
    height: auto;
    min-height: 0;
    padding: 72px 24px;
  }

  .section-5__title {
    font-size: 36px;
    line-height: 44px;
  }

  .section-5__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .section-5__reviews {
    min-height: 0;
    padding: 24px;
    grid-template-columns: minmax(220px, 0.95fr) minmax(260px, 1.05fr);
    gap: 20px;
    align-items: stretch;
  }

  .section-5__image-placeholder {
    width: 100%;
    max-width: none;
    min-height: 420px;
    height: 100%;
  }

  .section-5__review-list {
    width: 100%;
    min-height: 420px;
    height: auto;
    margin-top: 0;
  }

  .section-5__review-card p {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .section-5-placeholder {
    height: auto;
    min-height: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x) 28px;
  }

  .section-5__header {
    margin-bottom: 24px;
  }

  .section-5__title {
    font-size: 34px;
    line-height: 40px;
  }

  .section-5__subtitle {
    font-size: 13px;
    line-height: 19px;
  }

  .section-5__reviews {
    min-height: 0;
    height: auto;
    border-radius: 16px;
    padding: 16px;
    gap: 16px;
    grid-template-columns: 1fr;
    align-content: start;
  }

  .section-5__image-placeholder {
    display: none !important;
  }

  .section-5__client-image {
    border-radius: 12px;
    max-height: 320px;
    width: 100%;
    object-fit: cover;
  }

  .section-5__review-list {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    height: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 8px 36px 12px;
    box-sizing: border-box;
    order: 0;
  }

  .section-5__carousel-btn {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
  }

  .section-5__carousel-btn--prev {
    left: 0;
    right: auto;
  }

  .section-5__carousel-btn--next {
    right: 0;
    left: auto;
  }

  .section-5__carousel-btn--prev img {
    transform: rotate(-90deg);
  }

  .section-5__carousel-btn--next img {
    transform: rotate(270deg);
  }

  .section-5__review-card {
    display: none;
    padding: 14px 12px;
    border-radius: 12px;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-sizing: border-box;
  }

  .section-5__review-card--active {
    display: block;
  }

  .section-5__stars {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .section-5__stars-img {
    height: 26px;
    max-width: min(200px, 72vw);
    margin-left: auto;
    margin-right: auto;
    object-position: center;
  }

  .section-5__review-card p {
    font-size: 13px;
    line-height: 20px;
    word-break: normal;
    overflow-wrap: break-word;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 36em;
  }

  /* Auction single: no carousel arrows — show all quotes stacked */
  .auction-single-page .section-5__review-list {
    padding: 8px 12px 12px;
    gap: clamp(10px, 3vw, 16px);
  }

  .auction-single-page .section-5__review-card {
    display: block;
  }

  .auction-single-page .section-5-placeholder {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x) 28px;
    gap: var(--site-gutter);
    border-radius: 16px;
  }

  .auction-single-page .section-5__reviews {
    padding: 16px;
    gap: 16px;
    border-radius: 16px;
    min-height: 0;
  }
}

/* Full-bleed testimonials band (same breakout as home section-5; main is max ~1400px centered) */
body.auction-single-page {
  overflow-x: hidden;
}

/* Match Figma / upcoming-auctions testimonial spec (SS2) */
.auction-single-page .section-5-placeholder {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(72px, 12vw, 144px) var(--site-gutter-x);
  gap: clamp(32px, 4vw, 48px);
  border-radius: 0 0 48px 48px;
  overflow: hidden;
  box-sizing: border-box;
}

.auction-single-page .section-5__reviews {
  max-width: min(1280px, 100%);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(20px, 2.5vw, 32px);
  gap: clamp(20px, 2.5vw, 32px);
  border-radius: 24px;
  box-sizing: border-box;
  background-image: none;
}

.auction-single-page .section-5__review-list {
  padding-right: 0;
  position: relative;
}

.auction-single-page .section-5__review-list::before,
.auction-single-page .section-5__review-list::after {
  content: none;
}

/* Equal card treatment (no carousel “active” dimming) */
.auction-single-page .section-5__review-card,
.auction-single-page .section-5__review-card--active {
  background: rgba(255, 255, 255, 0.1);
}

.auction-single-page .section-5__review-card::after {
  content: none;
}

.auction-single-page .section-5__review-card p,
.auction-single-page .section-5__review-card--active p {
  color: rgba(255, 255, 255, 0.78);
}

.auction-single-page .section-5__review-card .section-5__stars-img {
  opacity: 1;
}

/* Auction-single page (only): outer testimonial section matches the standard
   layout used on auctions/home/sell/case-studies pages (no full-bleed,
   24px-rounded all corners). Card-level styling is handled by the shared
   .section-5__reviews-wrap block further down. Excludes case-study-internal/
   single which keep their own layout. */
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5-placeholder {
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 24px;
  padding: 120px var(--site-gutter-x) 100px;
  gap: 40px;
  background: rgba(49, 42, 47, 1);
  overflow: hidden;
}

@media (min-width: 768px) {
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card p,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card--active p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.01em;
  }
}

@media (min-width: 768px) {
  .auction-single-page .section-5__reviews {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    min-height: min(708px, 85vh);
  }

  /* Photo fills left cell — rounded mask only, no extra “frame” fill */
  .auction-single-page .section-5__image-placeholder {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    border-radius: 24px;
    overflow: hidden;
    align-self: stretch;
    min-height: 0;
    width: 100%;
    height: 100%;
    isolation: isolate;
  }

  .auction-single-page .section-5__client-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: min(644px, 52vh);
    margin: 0;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 24px;
    object-fit: cover;
    object-position: center;
  }

  .auction-single-page .section-5__review-list {
    min-height: min(644px, 52vh);
    height: 100%;
    gap: clamp(24px, 3.2vw, 40px);
    justify-content: flex-start;
    align-items: stretch;
  }

  .auction-single-page .section-5__review-card {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(26px, 3vw, 38px);
  }

  .auction-single-page .section-5__review-card .section-5__stars {
    margin-bottom: clamp(16px, 2vw, 22px);
  }

  .auction-single-page .section-5__review-card p {
    font-size: clamp(17px, 1.15vw, 20px);
    line-height: 1.65;
  }
}

/* Resources page footer consistency */
@media (min-width: 768px) and (max-width: 1024px) {
  .resources-page + .footer .footer__content,
  body.resources-page .footer .footer__content {
    grid-template-columns: minmax(460px, 1fr) minmax(240px, 270px);
  }
}


/* Section 1 final responsive consistency */
@media (min-width: 768px) and (max-width: 1024px) {
  .section-1 {
    padding: 96px 32px 56px;
  }

  .section-1__container {
    grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr);
    gap: var(--site-gutter);
    align-items: start;
  }

  .section-1__image {
    width: 100%;
    max-width: 360px;
    height: 360px;
    order: 0;
  }

  .section-1__content {
    padding-left: 0;
  }

  .section-1__title {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 14px;
  }

  .section-1__description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }

  .section-1__grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 24px;
  }

  .section-1__cta {
    flex-wrap: wrap;
    gap: 12px;
  }

  .section-2 {
    margin-top: 56px;
  }
}

@media (max-width: 767px) {
  .section-1 {
    padding: 32px 24px;
  }

  .section-1__container {
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
  }

  .section-1__image {
    order: 0;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    border-radius: 16px;
  }

  .section-1__image-img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    object-fit: cover;
    display: block;
  }

  .section-1__content {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .section-1__title {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 8px;
    text-align: left;
    text-transform: none;
  }

  .section-1__description {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 24px;
    text-align: left;
  }

  .section-1__grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 0 24px;
  }

  .section-1__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
  }

  .section-1__card-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 12px;
    background: var(--color-surface-muted);
  }

  .section-1__card-title {
    font-size: 17px;
    line-height: 24px;
    margin: 0 0 4px;
  }

  .section-1__card-text {
    font-size: 13px;
    line-height: 19px;
    margin: 0;
  }

  .section-1__cta {
    flex-direction: column;
    gap: 10px;
    margin: 0;
  }

  .section-1__cta .btn {
    width: 100%;
  }

  .section-2 {
    margin-top: 0;
  }
}

/* Section 2 mobile final override */
@media (max-width: 767px) {
  .section-2 {
    margin: 0;
    padding: 32px 0;
    border-radius: 0 0 20px 20px;
    gap: 24px;
    background: #fff3eb;
    align-items: stretch;
    overflow: visible;
  }

  .section-2__header {
    width: 100%;
    margin-bottom: 0;
    padding: 0 24px;
    text-align: left;
  }

  .section-2__title {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 8px;
    text-align: left;
    text-transform: none;
  }

  .section-2__description {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
  }

  .section-2__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: none;
    min-height: 280px;
    height: auto;
    margin: 0;
    padding: 0 24px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-inline: 24px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .section-2__container::-webkit-scrollbar {
    display: none;
  }

  .section-2__stat-card {
    box-sizing: border-box;
    flex: 0 0 calc(100vw - 48px);
    width: calc(100vw - 48px);
    min-height: 280px;
    height: 280px;
    max-height: none;
    padding: 24px 20px;
    border-radius: 16px;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    overflow: hidden;
  }

  .section-2--animate-ready .section-2__header,
  .section-2--animate-ready .section-2__stat-card,
  .section-2--animate-ready .section-2__stat-label,
  .section-2--animate-ready .section-2__stat-number {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .section-2__stat-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.58) 100%);
    z-index: 0;
    pointer-events: none;
  }

  .section-2__stat-label {
    display: none;
  }

  .section-2__stat-card {
    justify-content: flex-end;
  }

  .section-2__stat-number {
    font-size: 64px;
    line-height: 1.05;
    letter-spacing: -0.03em;
    margin-top: 0;
  }
}

/* Sell page final responsive consistency */
@media (min-width: 768px) and (max-width: 1024px) {
  .sell-main {
    border-radius: 0;
  }

  .sell-hero {
    width: 100%;
    height: clamp(460px, 70vh, 560px);
    margin: 0;
    border-radius: 18px;
  }

  .sell-hero__overlay {
    background: linear-gradient(90deg, rgba(30, 30, 30, 0.88) 20%, rgba(30, 30, 30, 0.36) 74%);
  }

  .sell-hero__content {
    max-width: 100%;
    padding: clamp(148px, 24vh, 192px) 32px 36px;
  }

  .sell-hero__content h1 {
    width: 100%;
    height: auto;
    font-size: clamp(38px, 4.3vw, 42px);
    line-height: 1.12;
  }

  .sell-hero__content p {
    font-size: 15px;
    line-height: 23px;
  }

  .sell-trusted-section {
    min-height: 0;
    padding: 48px 28px;
    grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.1fr);
    gap: var(--site-gutter);
    align-items: center;
  }

  .sell-trusted__media {
    min-height: 0;
  }

  .sell-trusted__img-main {
    width: 100%;
    max-width: 360px;
    height: 320px;
  }

  .sell-trusted__content h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .sell-trusted__actions {
    flex-wrap: wrap;
  }

  .sell-results-section {
    width: 100%;
    height: auto;
    padding: 30px 24px;
    border-radius: 20px;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
  }

  .sell-results__title-wrap {
    transform: none;
    align-self: start;
  }

  .sell-results-section.sell-results--animate-ready .sell-results__title-wrap {
    transform: translate(-42px, -18px);
  }

  .sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__title-wrap {
    transform: translate(0, -18px);
  }

  .sell-results__title {
    width: 220px;
    height: auto;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.02em;
  }

  .sell-results__content {
    gap: 20px;
  }

  .sell-results__description {
    max-width: 560px;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.78);
  }

  .sell-results__stats {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 18px 26px;
  }

  .sell-results__stat-item h3 {
    font-size: 40px;
    line-height: 1;
  }

  .sell-results__stat-item p {
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
  }

  .sell-faq-section {
    padding: 56px 24px 64px;
  }

  .sell-faq__title {
    width: 100%;
    height: auto;
    font-size: 34px;
    line-height: 42px;
  }

  .sell-faq__trigger {
    padding: 18px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .sell-faq__lead-question {
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .sell-faq__list p {
    padding: 0 20px 18px;
    font-size: 14px;
    line-height: 22px;
  }

  .sell-pricing-section {
    padding: 72px 24px;
    height: auto;
  }

  .sell-pricing__content {
    grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr);
    gap: 28px;
    align-items: center;
  }

  .sell-pricing__title {
    width: 100%;
    height: auto;
    font-size: 34px;
    line-height: 42px;
  }

  .sell-contact-section {
    padding: 44px 24px 56px;
  }

  .sell-contact__content {
    grid-template-columns: minmax(300px, 1fr) minmax(260px, 0.9fr);
    gap: var(--site-gutter);
    align-items: center;
  }

  .sell-contact__right {
    justify-self: end;
  }
}

@media (max-width: 767px) {
  .sell-main {
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }

  /* Sell hero mobile — see .sell-page .sell-hero at end of mobile design system block */

  /* Sell trusted section mobile — see .sell-page block at end of mobile design system */

  .sell-results-section {
    width: 100%;
    height: auto;
    padding: 18px 14px;
    border-radius: 14px;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
  }

  .sell-results__title-wrap {
    transform: none;
  }

  .sell-results-section.sell-results--animate-ready .sell-results__title-wrap {
    transform: translate(-28px, -6px);
  }

  .sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__title-wrap {
    transform: translate(0, -6px);
  }

  .sell-results__title {
    width: 100%;
    height: auto;
    font-size: 30px;
    line-height: 36px;
    max-width: 240px;
    text-align: left;
  }

  .sell-results__content {
    gap: 12px;
  }

  .sell-results__description {
    max-width: 100%;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
  }

  .sell-results__stats {
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
  }

  .sell-results__stat-item h3 {
    font-size: 40px;
    line-height: 1;
    text-align: left;
  }

  .sell-results__stat-item p {
    font-size: 11px;
    line-height: 14px;
    margin-top: 6px;
    text-align: left;
  }

  .sell-faq-section {
    padding: 28px 10px 32px;
  }

  .sell-faq__title {
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 24px;
  }

  .sell-faq__subtitle {
    font-size: 11px;
    line-height: 16px;
  }

  .sell-faq__list {
    margin-top: 18px;
    gap: 12px;
  }

  .sell-faq__list .sell-faq__item {
    min-height: 62px;
    height: auto;
    border-radius: 12px;
  }

  .sell-faq__trigger {
    padding: 10px 12px;
    font-size: 12px;
    line-height: 17px;
  }

  .sell-faq__lead-question {
    width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 17px;
  }

  .sell-faq__list p {
    padding: 0 12px 12px;
    font-size: 11px;
    line-height: 16px;
  }

  .sell-pricing-section {
    height: auto;
    padding: 24px 12px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .sell-pricing__content {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .sell-pricing__title {
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 24px;
  }

  .sell-pricing__text {
    font-size: 11px;
    line-height: 16px;
  }

  .sell-pricing__list li {
    font-size: 11px;
    line-height: 16px;
  }

  .sell-contact-section {
    padding: 22px 12px 28px;
  }

  .sell-contact__content {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sell-contact__title {
    font-size: 18px;
    line-height: 24px;
  }

  .sell-contact__subtitle {
    max-width: 100%;
    font-size: 11px;
    line-height: 16px;
  }

  .sell-contact__form {
    margin-top: 12px;
    max-width: 100%;
    gap: var(--site-gutter);
  }

  .sell-contact__form input {
    height: 36px;
    font-size: 12px;
  }

  .sell-contact__form button {
    height: 34px;
    font-size: 11px;
  }

  .sell-contact__image {
    border-radius: 10px;
  }
}

/* Case study single page responsive consistency */
@media (min-width: 768px) and (max-width: 1024px) {
  .auction-single-layout {
    padding: 20px;
    margin: 10px auto 24px;
    border-radius: 18px;
  }

  .auction-single-banner__copy h1 {
    font-size: 42px;
    line-height: 48px;
  }

  .auction-single-banner__copy p {
    font-size: 15px;
    line-height: 22px;
  }

  .auction-single-banner__copy p br,
  .case-hero__content p br {
    display: none;
  }

  .case-study-challenge-section {
    padding: 40px 24px;
    grid-template-columns: 1fr;
    gap: 20px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .case-study-challenge__image {
    min-height: 300px;
  }

  .case-study-challenge__content h3 {
    font-size: 36px;
    line-height: 42px;
  }

  .case-study-process-section {
    padding: 40px 24px;
    grid-template-columns: 1fr;
    gap: 20px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .case-study-process__left h3 {
    font-size: 36px;
    line-height: 42px;
  }

  .case-study-process__visual {
    width: 100%;
    min-height: 340px;
  }

  .case-study-marketing-section,
  .case-study-results-section {
    padding: 36px 24px;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .case-study-results-section {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .case-study-marketing__copy h3,
  .case-study-results__copy h3 {
    font-size: 34px;
    line-height: 40px;
  }

  .case-study-media-links-section {
    padding: 40px 24px 44px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .case-study-media-links-section h3 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .auction-single-layout {
    padding: 12px;
    margin: 8px auto 14px;
    border-radius: 14px;
  }

  .auction-single-banner {
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
  }

  .auction-single-breadcrumb {
    margin: 6px 0 10px;
    font-size: 13px;
    line-height: 18px;
  }

  .auction-single-banner__copy h1 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
  }

  .auction-single-banner__copy p {
    font-size: 13px;
    line-height: 19px;
  }

  .auction-single-banner__copy p br {
    display: none;
  }

  .auction-single-main-image {
    border-radius: 12px;
  }

  .auction-single-thumb-row {
    margin-top: 8px;
  }

  .case-study-challenge-section {
    padding: 24px 12px;
    grid-template-columns: 1fr;
    gap: 12px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .case-study-challenge__image {
    min-height: 180px;
    border-radius: 10px;
  }

  .case-study-challenge__content h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 8px;
  }

  .case-study-challenge__content p,
  .case-study-challenge__content li {
    font-size: 13px;
    line-height: 19px;
  }

  .case-study-process-section {
    padding: 24px 12px;
    grid-template-columns: 1fr;
    gap: 14px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .case-study-process__left h3 {
    font-size: 26px;
    line-height: 32px;
  }

  .case-study-process__left p {
    font-size: 13px;
    line-height: 19px;
  }

  .case-study-process__tender-card h4 {
    font-size: 16px;
    line-height: 22px;
  }

  .case-study-process__tender-body {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .case-study-process__tender-thumb {
    height: 140px;
  }

  .case-study-process__tender-body p {
    font-size: 12px;
    line-height: 18px;
  }

  .case-study-process__visual {
    width: 100%;
    min-height: 220px;
    border-radius: 10px;
  }

  .case-study-marketing-section,
  .case-study-results-section {
    padding: 24px 12px;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .case-study-results-section {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .case-study-marketing__copy h3,
  .case-study-results__copy h3 {
    font-size: 26px;
    line-height: 32px;
  }

  .case-study-marketing__copy p,
  .case-study-results__copy p {
    font-size: 13px;
    line-height: 19px;
  }

  .case-study-marketing__visual,
  .case-study-results__visual {
    min-height: 180px;
    border-radius: 10px;
  }

  .case-study-media-links-section {
    padding: 24px 12px 28px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .case-study-media-links-section h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 0;
  }

  .case-study-media-links__grid {
    gap: 8px;
  }

  .case-study-media-links__item {
    min-height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 16px;
  }
}

/* About page final responsive consistency */
@media (min-width: 768px) and (max-width: 1024px) {
  .about-main {
    border-radius: 0;
  }

  .about-hero {
    width: 100%;
    height: clamp(460px, 70vh, 560px);
    border-radius: 18px;
    margin: 0;
  }

  .about-hero::before,
  .about-hero__overlay {
    border-radius: 18px;
  }

  .about-hero__content {
    max-width: 100%;
    padding: clamp(148px, 24vh, 192px) 32px 36px;
  }

  .about-hero__content h1 {
    font-size: clamp(38px, 4.3vw, 42px);
    line-height: 1.12;
  }

  .about-hero__content p {
    font-size: 15px;
    line-height: 23px;
  }

  .about-mission-feature {
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    border-radius: 24px;
    align-items: stretch;
    text-align: left;
  }

  .about-mission-feature h2 {
    width: 100%;
    max-width: 100%;
    height: auto;
    font-size: 34px;
    line-height: 1.2;
  }

  .about-mission-feature {
    grid-template-columns: minmax(220px, 0.95fr) minmax(280px, 1.05fr);
    column-gap: 24px;
  }

  .about-mission-feature__image {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 480 / 264;
    border-radius: 16px;
    justify-self: stretch;
  }

  .about-mission-feature__text p {
    font-size: 13px;
    line-height: 19px;
  }

  .about-mission-feature__text li {
    font-size: 12px;
    line-height: 18px;
  }

  .about-mission-feature__btn {
    margin-top: 10px;
    height: 34px;
    padding: 0 14px;
    font-size: 11px;
  }

  .about-values-feature {
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    align-items: stretch;
    text-align: left;
  }

  .about-values-feature__intro {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 1.2;
  }

  .about-values-feature__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: none;
  }

  .about-values-feature__card {
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 405 / 424;
    border-radius: 16px;
  }

  .about-values-feature__icon {
    width: 56px;
    height: 56px;
    padding: 10px;
  }

  .about-values-feature__icon img {
    width: 36px;
    height: 36px;
  }

  .about-page .about-different-section,
  .about-different-section {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    grid-template-columns: minmax(240px, 0.92fr) minmax(280px, 1.08fr);
    column-gap: 24px;
    align-items: center;
    text-align: left;
  }

  .about-different__image-placeholder {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 500 / 410;
    border-radius: 20px;
    justify-self: stretch;
  }

  .about-different__content {
    width: 100%;
    max-width: none;
    height: auto;
    align-items: flex-start;
    gap: 16px;
  }

  .about-different__content h2 {
    font-size: 34px;
    line-height: 1.2;
  }

  .about-different__content p,
  .about-different__content li {
    font-size: 15px;
    line-height: 22px;
  }

  .about-different__btn {
    margin-top: 4px;
    min-height: 44px;
    padding: 12px 24px;
    font-size: 14px;
  }

  .about-block--team {
    width: 100%;
    padding: 56px 24px;
  }

  .about-block--team .about-section-title {
    font-size: 34px;
    line-height: 42px;
  }

  .about-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-team-card,
  .about-team-card__image {
    width: 100%;
    height: auto;
  }
}

/* About values tiles: two columns on narrow tablet / small laptop widths */
@media (min-width: 768px) and (max-width: 960px) {
  .about-values-feature__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* About “Why Skylarc…” — stack image above copy on narrow tablet widths */
@media (min-width: 768px) and (max-width: 920px) {
  .about-different-section {
    grid-template-columns: 1fr;
    row-gap: 24px;
    justify-items: stretch;
    align-items: stretch;
  }

  .about-different__image-placeholder {
    max-width: none;
    margin-inline: 0;
    width: 100%;
  }

  .about-different__content {
    max-width: none;
    margin-inline: 0;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .about-main {
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }

  /* About hero banner — Figma mobile: Fill × 360px hug, 10px side gutters, 10px gap */
  .about-page .about-hero {
    width: calc(100% - 20px);
    max-width: none;
    margin: 0 10px;
    height: 360px;
    min-height: 360px;
    max-height: 360px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 16px;
    border-width: 0;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
  }

  .about-page .about-hero::before {
    inset: 0;
    border-radius: 16px;
    background-position: 68% 28%;
    background-size: cover;
  }

  .about-page .about-hero__overlay {
    inset: 0;
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(20, 20, 20, 0.88) 12%, rgba(20, 20, 20, 0.45) 52%, rgba(20, 20, 20, 0.12) 88%);
  }

  .about-page .about-hero .navbar {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .about-page .about-hero .navbar__container {
    width: 100%;
    max-width: none;
    border-radius: 999px;
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
  }

  .about-page .about-hero .navbar__actions {
    display: none;
  }

  .about-page .about-hero .navbar__hamburger {
    margin-left: auto;
  }

  .about-page .about-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    margin-top: 0;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 16px 16px;
    box-sizing: border-box;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }

  .about-page .about-hero__content h1 {
    margin: 0;
    font-size: clamp(28px, 7.2vw, 34px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }

  .about-page .about-hero__content p {
    margin: 0;
    font-size: clamp(14px, 3.8vw, 16px);
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.92);
  }

  /* Our Mission — Figma mobile (375 Fill) */
  .about-page .about-mission-feature {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 32px 16px;
    border-radius: 16px;
    background: #ffffff;
    gap: 0;
    overflow: hidden;
    text-align: left;
  }

  .about-page .about-mission-feature > .about-kicker,
  .about-page .about-mission-feature > h2,
  .about-page .about-mission-feature__image,
  .about-page .about-mission-feature__text {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    grid-column: auto;
  }

  .about-page .about-mission-feature .about-kicker {
    display: block;
    margin: 0;
    font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #605b5e;
  }

  .about-page .about-mission-feature h2 {
    margin: 8px 0 0;
    padding: 0;
    font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -0.02em;
    text-transform: none;
    color: #1f1a1d;
    overflow-wrap: break-word;
  }

  .about-page .about-mission-feature__image {
    margin-top: 20px;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 343 / 189;
    border-radius: 16px;
    overflow: hidden;
  }

  .about-page .about-mission-feature__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit;
  }

  .about-page .about-mission-feature__text {
    margin-top: 20px;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .about-page .about-mission-feature__text p {
    margin: 0 0 16px;
    font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #605b5e;
  }

  .about-page .about-mission-feature__text ul {
    margin: 0;
    padding: 0;
    gap: 12px;
    width: 100%;
  }

  .about-page .about-mission-feature__text li {
    align-items: center;
    gap: 10px;
    font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #383035;
  }

  .about-page .about-mission-feature__item-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

  .about-page .about-mission-feature__btn {
    box-sizing: border-box;
    align-self: stretch;
    width: 100%;
    min-height: 48px;
    height: auto;
    margin-top: 24px;
    padding: 14px 24px;
    border-radius: 999px;
    font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    justify-content: center;
    text-align: center;
  }

  /* Disable slide-in offsets on mobile — they clip content off-screen */
  .about-page .about-mission-feature.about-mission--animate-ready .about-kicker,
  .about-page .about-mission-feature.about-mission--animate-ready h2,
  .about-page .about-mission-feature.about-mission--animate-ready .about-mission-feature__image,
  .about-page .about-mission-feature.about-mission--animate-ready .about-mission-feature__text p,
  .about-page .about-mission-feature.about-mission--animate-ready .about-mission-feature__text li,
  .about-page .about-mission-feature.about-mission--animate-ready .about-mission-feature__btn,
  .about-page .about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-kicker,
  .about-page .about-mission-feature.about-mission--animate-ready.about-mission--in-view h2,
  .about-page .about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__image,
  .about-page .about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__text p,
  .about-page .about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__text li,
  .about-page .about-mission-feature.about-mission--animate-ready.about-mission--in-view .about-mission-feature__btn {
    opacity: 1;
    transform: none;
  }

  /* Values — full-bleed band + horizontal card scroll (Figma 375) */
  .about-page .about-values-feature {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 32px 0;
    border-radius: 0;
    align-items: stretch;
    overflow: hidden;
  }

  .about-page .about-values-feature__intro {
    width: 100%;
    max-width: none;
    margin: 0 0 24px;
    padding: 0 16px;
    font-size: clamp(22px, 5.5vw, 28px);
    line-height: 1.2;
  }

  .about-page .about-values-feature__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-inline: 16px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .about-page .about-values-feature__grid::-webkit-scrollbar {
    display: none;
  }

  .about-page .about-values-feature__card {
    box-sizing: border-box;
    flex: 0 0 calc(100vw - 80px);
    width: calc(100vw - 80px);
    min-width: calc(100vw - 80px);
    max-width: none;
    height: auto;
    min-height: 0;
    aspect-ratio: 405 / 390;
    padding: 0;
    border-radius: 16px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    overflow: hidden;
  }

  .about-page .about-values-feature__image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border-radius: 16px;
    background: #d7d7d7;
  }

  .about-page .about-values-feature__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: transparent;
    border-radius: 16px;
  }

  .about-page .about-values-feature.about-values--animate-ready .about-values-feature__intro,
  .about-page .about-values-feature.about-values--animate-ready .about-values-feature__card,
  .about-page .about-values-feature.about-values--animate-ready.about-values--in-view .about-values-feature__intro,
  .about-page .about-values-feature.about-values--animate-ready.about-values--in-view .about-values-feature__card {
    opacity: 1;
    transform: none;
  }

  .about-page .about-different-section,
  .about-different-section {
    box-sizing: border-box;
    width: calc(100% - 20px);
    max-width: none;
    margin: 10px;
    padding: 32px var(--site-gutter-x);
    border-radius: 16px;
    grid-template-columns: 1fr;
    row-gap: 24px;
    align-items: stretch;
    text-align: left;
  }

  .about-different__image-placeholder {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 500 / 410;
    border-radius: 16px;
    justify-self: stretch;
  }

  .about-different__content {
    width: 100%;
    max-width: none;
    height: auto;
    align-items: flex-start;
    gap: 16px;
  }

  .about-different__content h2 {
    font-size: clamp(26px, 6vw, 32px);
    line-height: 1.2;
  }

  .about-different__content p,
  .about-different__content li {
    font-size: 15px;
    line-height: 22px;
    max-width: none;
  }

  .about-different__content ul {
    max-width: none;
  }

  .about-page .about-different__btn,
  .about-different__btn {
    width: 100%;
    min-height: 48px;
    padding: 14px 24px;
    font-size: 15px;
    justify-content: center;
  }

  .about-page .about-block--team,
  .about-block--team {
    box-sizing: border-box;
    width: calc(100% - 20px);
    max-width: none;
    margin: 10px;
    padding: 40px var(--site-gutter-x);
    border-radius: 16px;
  }

  .about-block--team .about-section-title {
    font-size: 30px;
    line-height: 38px;
  }

  .about-block--team .about-team-subtitle {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }

  .about-team-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    max-width: none;
  }

  .about-page .section-8-cta {
    box-sizing: border-box;
    width: calc(100% - 20px);
    max-width: none;
    margin: 10px;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    border-radius: 16px;
  }

  .about-team-card {
    width: 100%;
    gap: var(--site-gutter);
  }

  .about-team-card__image {
    width: 100%;
    height: 360px;
    border-radius: 12px;
  }

  .about-team-card__meta h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .about-page .about-values-feature__intro {
    font-size: clamp(20px, 5.2vw, 24px);
    line-height: 1.25;
    letter-spacing: -0.02em;
  }

  .about-page .about-values-feature__card-content {
    padding: 14px 16px 16px;
  }

  .about-page .about-values-feature__icon {
    top: 12px;
    left: 12px;
    width: 52px;
    height: 52px;
    padding: 10px;
  }

  .about-page .about-values-feature__icon img {
    width: 32px;
    height: 32px;
  }

  .about-page .about-values-feature__card-content h3 {
    font-size: 22px;
  }

  .about-page .about-values-feature__card-content p {
    font-size: 13px;
    line-height: 1.4;
  }
}

/* Hero final responsive consistency */
@media (min-width: 768px) and (max-width: 1024px) {
  .hero {
    height: 620px;
    border-radius: 0;
    background-position: center;
  }

  .hero__overlay {
    border-radius: 0;
    background: rgba(30, 30, 30, 0.68);
  }

  .hero__content {
    width: 100%;
    max-width: 760px;
    padding: 130px 24px 32px;
  }

  .hero__subtitle-wrapper {
    max-width: 680px;
    margin-bottom: 16px;
  }

  .hero__subtitle {
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -1.2px;
  }

  .hero__description-wrapper {
    max-width: 560px;
    margin-bottom: 24px;
  }

  .hero__description {
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: -0.18px !important;
  }

  .home-main {
    border-radius: 24px;
  }

  .home-page .hero {
    width: calc(100% - 12px);
    height: 500px;
    margin: 8px auto;
    border-radius: 18px;
  }

  .home-page .hero__overlay {
    border-radius: 18px;
  }
}

@media (max-width: 767px) {
  .hero {
    height: 500px;
    border-radius: 0;
    background-position: center;
  }

  .hero__overlay {
    border-radius: 0;
    background: rgba(30, 30, 30, 0.74);
  }

  .hero__content {
    width: 100%;
    padding: 116px 16px 20px;
  }

  .home-main {
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }

  /* Index hero: Figma mobile section container */
  .home-page .hero {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: auto;
    margin: 0 var(--space-1);
    min-height: 524px;
    height: auto;
    padding: var(--space-1) var(--space-1) var(--space-11);
    gap: var(--space-11);
    border-radius: 16px;
    justify-content: flex-start;
    align-items: stretch;
    background-position: center;
    overflow: hidden;
  }

  .home-page .hero__overlay {
    border-radius: 16px;
  }

  .home-page .hero .navbar {
    position: relative;
    top: auto;
    padding: 0;
  }

  .home-page .hero__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
  }

  .hero__subtitle-wrapper {
    max-width: 100%;
    margin-bottom: 12px;
  }

  .hero__subtitle {
    font-size: 34px;
    line-height: 40px;
    letter-spacing: -0.8px;
  }

  .hero__description-wrapper {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .hero__description {
    font-size: 14px !important;
    line-height: 21px !important;
    letter-spacing: -0.14px !important;
  }

  .hero__cta {
    flex-direction: column;
    align-items: stretch;
    gap: var(--site-gutter);
  }

  .hero__cta .btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .home-page .hero {
    min-height: 524px;
    border-radius: 16px;
  }

  .home-page .hero__overlay {
    border-radius: 16px;
  }

  .home-page .hero__content {
    padding: 0;
  }

  .home-page .hero__subtitle {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.6px;
  }

  .home-page .hero__description {
    font-size: 15px !important;
    line-height: 22px !important;
  }
}

/* Case study single final overrides */
@media (min-width: 768px) and (max-width: 1024px) {
  .auction-single-main {
    width: min(980px, 100%);
  }

  .auction-single-layout {
    margin: 10px auto 20px;
    padding: 16px;
    border-radius: 16px;
  }

  .auction-single-banner {
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 12px;
  }

  .auction-single-banner__content {
    grid-template-columns: 1fr;
    gap: var(--site-gutter);
  }

  .auction-single-breadcrumb {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 18px;
  }

  .auction-single-banner__copy h1 {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 36px;
  }

  .auction-single-banner__copy p {
    font-size: 13px;
    line-height: 19px;
  }

  .auction-single-banner__copy p br {
    display: none;
  }

  .auction-single-top {
    gap: var(--site-gutter);
    margin-bottom: 12px;
  }

  .auction-single-main-image {
    position: static;
    left: auto;
    transform: none;
    width: 100%;
    height: 340px;
    border-radius: 10px;
  }

  .auction-single-main-image img {
    border-radius: 10px;
    min-height: 0;
    height: 100%;
    object-fit: cover;
  }

  .auction-single-thumb-row {
    width: 100%;
    height: 84px;
    transform: none;
    border-radius: 10px;
  }

  .auction-single-thumb-row img {
    width: 100%;
    height: 84px;
    object-fit: cover;
  }

  .case-study-challenge-section,
  .case-study-process-section,
  .case-study-marketing-section,
  .case-study-results-section,
  .case-study-media-links-section {
    width: min(980px, 100%);
    padding-left: 16px;
    padding-right: 16px;
  }

  .case-study-challenge-section,
  .case-study-process-section,
  .case-study-marketing-section,
  .case-study-results-section {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .case-study-single-page .case-study-challenge-section.case-study-internal-section,
  .case-study-single-page .case-study-process-section.case-study-internal-section,
  .case-study-single-page .case-study-marketing-section.case-study-internal-section,
  .case-study-single-page .case-study-results-section.case-study-internal-section,
  .case-study-single-page .case-study-media-links-section.case-study-internal-section {
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner,
  .case-study-single-page .case-study-process-section .case-study-internal-inner,
  .case-study-single-page .case-study-marketing-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    gap: 20px;
  }

  .case-study-single-page .case-study-media-links-section .case-study-internal-inner {
    padding-top: 24px;
    padding-bottom: 30px;
  }

  .case-study-challenge__content h3,
  .case-study-process__left h3,
  .case-study-marketing__copy h3,
  .case-study-results__copy h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 6px;
  }

  .case-study-challenge__content p,
  .case-study-process__left p,
  .case-study-marketing__copy p,
  .case-study-results__copy p,
  .case-study-challenge__content li {
    font-size: 12px;
    line-height: 17px;
  }

  .case-study-challenge__image,
  .case-study-process__visual,
  .case-study-marketing__visual,
  .case-study-results__visual {
    min-height: 190px;
    border-radius: 10px;
  }

  .case-study-challenge__content ul {
    margin-bottom: 8px;
  }

  .case-study-challenge__content li {
    margin-bottom: 5px;
    padding-left: 16px;
  }

  .case-study-challenge__content li::before {
    width: 13px;
    height: 13px;
    top: 2px;
  }

  .case-study-process__tender-card {
    padding: 10px;
  }

  .case-study-process__right {
    order: 1;
  }

  .case-study-process__left {
    order: 2;
  }

  .case-study-process__tender-card h4 {
    font-size: 16px;
    line-height: 22px;
  }

  .case-study-media-links-section {
    padding-top: 24px;
    padding-bottom: 30px;
  }

  .case-study-media-links-section h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .auction-single-main {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }

  .auction-single-layout {
    margin: 6px auto 12px;
    padding: 10px;
    border-radius: 10px;
  }

  .auction-single-banner {
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 8px;
  }

  .auction-single-banner__content {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .auction-single-breadcrumb {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 16px;
  }

  .auction-single-banner__copy h1 {
    margin: 0 0 6px;
    font-size: 20px;
    line-height: 25px;
  }

  .auction-single-banner__copy p {
    font-size: 12px;
    line-height: 17px;
  }

  .auction-single-banner__copy p br {
    display: none;
  }

  .auction-single-main-image img {
    border-radius: 8px;
    min-height: 0;
    height: 100%;
    object-fit: cover;
  }

  .auction-single-main-image {
    position: static;
    left: auto;
    transform: none;
    width: 100%;
    height: 170px;
    border-radius: 8px;
  }

  .auction-single-thumb-row {
    margin-top: 6px;
    width: 100%;
    height: 54px;
    transform: none;
    border-radius: 8px;
  }

  .auction-single-thumb-row img {
    height: 54px;
    object-fit: cover;
  }

  .case-study-challenge-section,
  .case-study-process-section,
  .case-study-marketing-section,
  .case-study-results-section,
  .case-study-media-links-section {
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .case-study-single-page .case-study-challenge-section.case-study-internal-section,
  .case-study-single-page .case-study-process-section.case-study-internal-section,
  .case-study-single-page .case-study-marketing-section.case-study-internal-section,
  .case-study-single-page .case-study-results-section.case-study-internal-section,
  .case-study-single-page .case-study-media-links-section.case-study-internal-section {
    padding: 0;
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner,
  .case-study-single-page .case-study-process-section .case-study-internal-inner,
  .case-study-single-page .case-study-marketing-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    padding: 14px 12px;
    grid-template-columns: 1fr;
    gap: var(--site-gutter);
  }

  .case-study-single-page .case-study-challenge-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    gap: 22px;
  }

  .case-study-single-page .case-study-media-links-section .case-study-internal-inner {
    padding: 14px 12px;
  }

  .case-study-challenge-section,
  .case-study-process-section,
  .case-study-marketing-section,
  .case-study-results-section {
    grid-template-columns: 1fr;
    gap: var(--site-gutter);
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .case-study-challenge__content h3,
  .case-study-process__left h3,
  .case-study-marketing__copy h3,
  .case-study-results__copy h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px;
  }

  .case-study-challenge__content p,
  .case-study-process__left p,
  .case-study-marketing__copy p,
  .case-study-results__copy p,
  .case-study-challenge__content li {
    font-size: 12px;
    line-height: 17px;
  }

  .case-study-challenge__image,
  .case-study-process__visual,
  .case-study-marketing__visual,
  .case-study-results__visual {
    min-height: 120px;
    border-radius: 8px;
  }

  .case-study-marketing-section,
  .case-study-results-section {
    grid-template-columns: 1fr;
    align-items: start;
    column-gap: 0;
  }

  .case-study-results-section {
    grid-template-columns: 1fr;
  }

  .case-study-results__visual {
    order: 1;
    width: 100%;
  }

  .case-study-results__copy {
    order: 2;
  }

  .case-study-marketing__copy {
    order: 1;
  }

  .case-study-marketing__visual {
    order: 2;
    width: 100%;
  }

  .case-study-process__tender-card {
    padding: 8px;
    border-radius: 10px;
  }

  .case-study-process__tender-card h4 {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 6px;
  }

  .case-study-process__tender-body {
    grid-template-columns: 64px 1fr;
    gap: 8px;
  }

  .case-study-process__tender-thumb {
    height: 56px;
    border-radius: 8px;
  }

  .case-study-process__tender-body p {
    font-size: 10px;
    line-height: 14px;
  }

  .case-study-process__right {
    order: 1;
  }

  .case-study-process__left {
    order: 2;
  }

  .case-study-media-links-section {
    padding-top: 14px;
    padding-bottom: 16px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .case-study-media-links-section h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .case-study-media-links__grid {
    gap: 6px;
  }

  .case-study-media-links__item {
    min-height: 28px;
    padding: 4px 10px;
    font-size: 10px;
    line-height: 14px;
  }
}

/* Auction single page - final mobile/tablet match */
@media (min-width: 768px) and (max-width: 1024px) {
  .auction-single-main {
    width: min(980px, 100%);
    padding-top: 76px;
  }

  .auction-single-layout {
    margin: 12px auto 22px;
    padding: 18px;
    border-radius: 18px;
  }

  .auction-single-banner {
    border-radius: 14px;
    padding: 18px 16px 16px;
    margin-bottom: 16px;
  }

  .auction-single-banner__content {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
  }

  .auction-single-banner__copy {
    max-width: 560px;
  }

  .auction-single-banner h1 {
    margin: 0 0 10px;
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -0.02em;
  }

  .auction-single-banner p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 20px;
    max-width: 540px;
  }

  .auction-single-banner__cta {
    display: inline-flex;
    width: auto;
    min-width: 170px;
    height: 42px;
    padding: 0 18px;
    font-size: 15px;
    line-height: 1;
  }

  .auction-single-banner__bid {
    width: 250px;
    height: auto;
    margin: 0;
  }

  .auction-single-breadcrumb {
    display: block;
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 28px;
  }

  .auction-single-main-image {
    height: 340px;
    border-radius: 12px;
  }

  .auction-single-thumb-row {
    height: 84px;
    border-radius: 10px;
  }

  .auction-single-thumb-row img {
    height: 84px;
  }

  .auction-single-spec-section {
    width: min(980px, 100%);
    height: auto;
    padding: 30px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .auction-single-spec-media {
    width: 100%;
    height: 320px;
    border-radius: 10px;
  }

  .auction-single-spec-media img {
    height: 320px;
  }

  .auction-single-spec-metrics {
    gap: 8px;
  }

  .auction-single-spec-metrics article {
    padding: 14px;
    border-radius: 10px;
  }

  .auction-single-spec-metrics h4 {
    font-size: 20px;
    line-height: 24px;
  }

  .auction-single-spec-metrics p {
    font-size: 12px;
    line-height: 16px;
  }

  .auction-single-spec-right h3 {
    width: 100%;
    min-height: 0;
    margin: 0 0 10px;
    font-size: 34px;
    line-height: 40px;
  }

  .auction-single-spec-right > p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 20px;
  }

  .auction-single-spec-right li {
    padding: 7px 0;
  }

  .auction-single-spec-right li span,
  .auction-single-spec-right li strong {
    font-size: 13px;
    line-height: 18px;
  }

  .auction-single-spec-right li strong img {
    width: 16px;
    height: 16px;
  }

  .auction-single-pickup-section {
    width: min(980px, 100%);
    height: auto;
    padding: 34px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .auction-single-pickup-header {
    margin-bottom: 14px;
  }

  .auction-single-pickup-header h3 {
    margin: 0 0 4px;
    font-size: 34px;
    line-height: 40px;
  }

  .auction-single-pickup-header p {
    font-size: 14px;
    line-height: 20px;
  }

  .auction-single-pickup-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  .auction-single-pickup-card {
    min-height: 250px;
    border-right: 1px solid #eef1f5;
    border-bottom: none;
    padding: 0 14px 0 0;
  }

  .auction-single-pickup-note {
    margin-bottom: 36px;
    font-size: 12px;
    line-height: 17px;
  }

  .auction-single-pickup-card strong {
    font-size: 32px;
    line-height: 36px;
  }

  .auction-single-pickup-card span {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
  }

  .auction-single-page .section-8-cta {
    width: min(1440px, 100vw);
    min-height: 460px;
    padding: 56px 32px;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
  }

  body.case-study-internal-page .section-8-cta.case-study-internal-section {
    width: 100%;
    max-width: none;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    min-height: 0;
    border-radius: 24px;
  }

  body.case-study-single-page .section-8-cta.case-study-internal-section {
    width: 100%;
    max-width: none;
    left: auto;
    right: auto;
    margin: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    min-height: 0;
    border-radius: 24px;
    overflow: hidden;
  }

  body.case-study-single-page .section-8-cta .case-study-internal-inner--cta {
    padding: 0;
    min-height: 0;
  }

  .auction-single-page .section-8__content {
    width: 100%;
    max-width: 620px;
    min-height: auto;
    gap: 16px;
  }

  .auction-single-page .section-8__content h3 {
    width: 100%;
    font-size: 40px;
    line-height: 48px;
  }

  .auction-single-page .section-8__content p {
    width: 100%;
    max-width: 560px;
    font-size: 16px;
    line-height: 24px;
  }

  .auction-single-page .section-8__actions {
    flex-wrap: wrap;
    justify-content: center;
  }

  .auction-single-page .section-8__sales-card {
    display: block;
    width: 260px;
    height: auto;
    left: -74px;
    top: 180px;
  }

  .auction-single-page .section-8__metrics-card {
    display: block;
    width: 270px;
    height: auto;
    right: -96px;
    top: 44px;
  }

  /* Case study internal / single: shares .auction-single-page; undo desktop bleed + tighten tablet layout */
  .case-study-internal-page .auction-single-main {
    width: 100%;
    max-width: none;
    padding: 0;
    box-sizing: border-box;
  }

  .case-study-single-page .auction-single-main {
    width: 100%;
    max-width: none;
    padding: 0;
    box-sizing: border-box;
  }

  .case-study-internal-page .case-study-internal-section,
  .case-study-single-page .case-study-internal-section {
    max-width: none;
  }

  /* Hero row: copy left, stat cards right (matches reference tablet pattern) */
  .case-study-internal-page .auction-single-banner__content,
  .case-study-single-page .auction-single-banner__content {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
  }

  .case-study-internal-page .auction-single-banner__copy,
  .case-study-single-page .auction-single-banner__copy {
    max-width: min(620px, 100%);
  }

  .case-study-internal-page .auction-single-breadcrumb,
  .case-study-single-page .auction-single-breadcrumb {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }

  .case-study-internal-page .case-study-internal-stats,
  .case-study-single-page .case-study-internal-stats {
    transform: none;
    margin-top: 0;
    width: auto;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 12px;
  }

  .case-study-internal-page .auction-single-banner__cta,
  .case-study-single-page .auction-single-banner__cta {
    min-width: 170px;
    height: 42px;
    padding: 0 18px;
    font-size: 15px;
  }

  .case-study-internal-page .auction-single-banner__cta span,
  .case-study-single-page .auction-single-banner__cta span {
    font-size: 15px;
  }

  .case-study-internal-page .auction-single-spec-section.case-study-internal-section {
    padding: 0;
  }

  .case-study-internal-page .case-study-internal-inner--spec {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 30px 20px;
  }

  .case-study-internal-page .auction-single-spec-right h3 {
    width: 100%;
    max-width: none;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 10px;
  }

  .case-study-internal-page .auction-single-spec-right > p {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .case-study-internal-page .auction-single-spec-right li {
    padding: 7px 0;
  }

  .case-study-internal-page .auction-single-pickup-section,
  .case-study-internal-page .section-5-placeholder {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* ============================================
   HOME PAGE: SECTION 1 (FIGMA MATCH)
   ============================================ */
.home-page .section-1 {
  border-bottom-left-radius: var(--home-section-radius, 32px);
  border-bottom-right-radius: var(--home-section-radius, 32px);
}

@media (min-width: 1025px) {
.home-page .section-1__container {
    grid-template-columns: auto 1fr;
    gap: var(--space-8);
  }

  .home-page .section-1__image {
    justify-self: end;
  }
}

.home-page .section-1__content {
  padding-left: 0;
}

.home-page .section-1__description {
  margin-bottom: var(--layout-heading-to-content);
}

.home-page .section-1__title {
  margin-bottom: 8px;
}

.home-page .section-1__grid {
  gap: 20px; /* reduce grid gap */
  margin-bottom: var(--spacing-2xl); /* tighten cards -> buttons spacing */
}

/* Calm image (left) + content (right) intro with staggered reveal:
   Heading → Body → Cards → Buttons */
.home-page .section-1--animate-ready .section-1__image,
.home-page .section-1--animate-ready .section-1__content {
  opacity: 0;
}

.home-page .section-1--animate-ready .section-1__image {
  transform: translateX(-46px);
}

.home-page .section-1--animate-ready .section-1__content {
  transform: translateX(46px);
}

.home-page .section-1--animate-ready .section-1__title,
.home-page .section-1--animate-ready .section-1__description,
.home-page .section-1--animate-ready .section-1__grid {
  opacity: 0;
  transform: translateY(18px);
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.home-page .section-1--animate-ready .section-1__cta .btn {
  transform: translateY(28px);
}

.home-page .section-1--animate-ready.section-1--in-view .section-1__image,
.home-page .section-1--animate-ready.section-1--in-view .section-1__content {
  opacity: 1;
  transform: translateX(0);
}

.home-page .section-1--animate-ready.section-1--in-view .section-1__title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.18s;
}

.home-page .section-1--animate-ready.section-1--in-view .section-1__description {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.32s;
}

.home-page .section-1--animate-ready.section-1--in-view .section-1__grid {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.46s;
}

.home-page .section-1--animate-ready.section-1--in-view .section-1__cta .btn:nth-child(1) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.62s;
}

.home-page .section-1--animate-ready.section-1--in-view .section-1__cta .btn:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.74s;
}

/* ============================================
   HOME HERO FINAL TUNE (PIXEL PASS)
   ============================================ */
@media (min-width: 768px) {
.home-page .hero {
  background-position: center;
  min-height: 100vh;
  height: 100vh;
  }
}

.home-page .hero__overlay {
  background: rgba(30, 30, 30, 0.72);
}

.home-page .hero__content {
  padding-top: clamp(148px, 17vh, 198px);
  padding-bottom: clamp(72px, 10vh, 120px);
  animation-duration: 0.76s;
  animation-delay: 1.22s;
}

.home-page .hero__subtitle-wrapper {
  max-width: 940px;
  margin-bottom: 8px;
}

.home-page .hero__subtitle {
  font-size: min(80px, max(48px, calc(60px + max(0px, 100vw - 1440px) * 20 / 480)));
  line-height: 1.06;
  letter-spacing: -0.03em;
}

.home-page .hero__description-wrapper {
  max-width: 720px;
  margin-bottom: 38px;
}

.home-page .hero__description {
  font-size: min(30px, max(20px, calc(24px + max(0px, 100vw - 1440px) * 6 / 480))) !important;
  line-height: 1.4 !important;
  letter-spacing: -0.01em !important;
}

.home-page .hero__cta {
  gap: 14px;
}

.home-page .hero__cta .btn {
  min-height: 50px;
  min-width: 164px;
  padding: 12px 28px;
  box-shadow: none;
}

.home-page .hero__cta .btn--primary {
  background: #ff6600;
  border-color: #ff6600;
  color: #ffffff;
}

.home-page .hero__cta .btn--primary:hover {
  background: #e55a00;
  border-color: #e55a00;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(255, 102, 0, 0.26);
}

.home-page .hero__cta .btn--secondary {
  background: #fff3eb;
  border-color: #fff3eb;
  color: #ff6600;
}

.home-page .hero__cta .btn--secondary:hover {
  background: #ffe8d4;
  border-color: #ffe8d4;
  color: #ff6600;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(38, 24, 14, 0.12);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .hero__content {
    padding-top: clamp(128px, 16vh, 160px);
    padding-bottom: clamp(56px, 9vh, 86px);
  }

  .home-page .hero__subtitle-wrapper {
    max-width: 760px;
    margin-bottom: 12px;
  }

  .home-page .hero__subtitle {
    font-size: clamp(38px, 4.35vw, 46px);
    line-height: 1.1;
  }

  .home-page .hero__description-wrapper {
    max-width: 620px;
    margin-bottom: 30px;
  }

  .home-page .hero__description {
    font-size: clamp(16px, 1.8vw, 18px) !important;
    line-height: 1.42 !important;
  }

  .home-page .hero__cta .btn {
    min-height: 46px;
    min-width: 154px;
    padding: 10px 22px;
    font-size: 15px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .home-page .hero__content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-page .hero__subtitle-wrapper {
    margin-bottom: 10px;
  }

  .home-page .hero__subtitle {
    font-size: clamp(32px, 8vw, 40px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }

  .home-page .hero__description-wrapper {
    margin-bottom: 24px;
  }

  .home-page .hero__description {
    font-size: clamp(14px, 4.05vw, 16px) !important;
    line-height: 1.42 !important;
  }

  .home-page .hero__cta {
    gap: var(--site-gutter);
  }

  .home-page .hero__cta .btn {
    min-height: 45px;
    font-size: 14px;
    line-height: 20px;
  }
}

/* ============================================
   HOME PAGE: SECTION 2 (FIGMA MATCH)
   ============================================ */
.home-page .section-2 {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 112px;
  padding: var(--layout-section-padding-y) 0 var(--layout-section-padding-y);
  border-radius: 0 0 var(--home-section-radius, 32px) var(--home-section-radius, 32px);
  background: #fff3eb;
}

/* Internal width tracks viewport minus side padding (80 @1440 → 232 @1920) */
.home-page .section-2__header,
.home-page .section-2__container {
  width: calc(100vw - (var(--site-gutter-x) * 2));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.home-page .section-2__header {
  margin-bottom: var(--layout-heading-to-content);
}

.home-page .section-2__title {
  margin-bottom: 8px;
}

.home-page .section-2__description {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.home-page .section-2__container {
  gap: 20px;
}

.home-page .section-2__stat-card {
  min-height: 224px;
  border-radius: 20px;
}

/* Softer animation: section fades in, then each stat card and copy reveal */
.home-page .section-2--animate-ready .section-2__header {
  transform: translateY(26px);
  transition: transform 0.66s ease, opacity 0.66s ease;
}

.home-page .section-2--animate-ready .section-2__stat-card {
  transform: translateY(30px);
  transition: transform 0.72s ease, opacity 0.72s ease;
}

.home-page .section-2--animate-ready .section-2__stat-label,
.home-page .section-2--animate-ready .section-2__stat-number {
  transform: translateY(14px);
  transition: transform 0.58s ease, opacity 0.58s ease;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .section-2 {
    margin-top: 92px;
    padding-top: 96px;
    padding-bottom: 92px;
  }

  .home-page .section-2__header {
    margin-bottom: 30px;
  }

  .home-page .section-2__container {
    gap: 14px;
  }

  .home-page .section-2__stat-card {
    min-height: 188px;
    padding: 24px;
    border-radius: 16px;
  }
}

@media (max-width: 767px) {
  .home-page .section-2__header {
    margin-bottom: 0;
  }
}

/* ============================================
   HOME PAGE: SECTION 3 (FIGMA MATCH)
   ============================================ */
.home-page .section-3 {
  padding-top: var(--layout-section-padding-y);
  padding-bottom: var(--layout-section-padding-y);
}

.home-page .section-3__header {
  gap: 18px;
  margin-bottom: var(--layout-heading-to-content);
}

.home-page .section-3__title-group {
  gap: 8px;
}

.home-page .section-3__title {
  margin-bottom: 8px;
}

.home-page .section-3__description {
  margin-top: 0;
  max-width: 640px;
}

.home-page .section-3__tabs {
  gap: var(--site-gutter);
}

.home-page .section-3__tab {
  min-height: 40px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 999px;
  border: 1px solid transparent;
}

.home-page .section-3__tab--active {
  background: rgba(255, 102, 0, 0.14);
  color: #ff6600;
  border-color: rgba(255, 102, 0, 0.24);
}

.home-page .section-3__tab:not(.section-3__tab--active) {
  background: #f9fafc;
  color: #1f1a1d;
  border-color: #edf1f5;
}

.home-page .section-3__tab:hover {
  transform: translateY(-1px);
}

.home-page .section-3__tab--active:hover {
  background: rgba(255, 102, 0, 0.2);
  border-color: rgba(255, 102, 0, 0.32);
  color: #ff6600;
}

.home-page .section-3__tab:not(.section-3__tab--active):hover {
  background: #ffffff;
  border-color: #dfe5ec;
  color: #1f1a1d;
}

.home-page .section-3__carousel {
  gap: 14px;
}

.home-page .section-3__card-title {
  font-size: clamp(22px, 1.6vw, 24px);
  line-height: 1.28;
  margin-bottom: 8px;
}

.home-page .section-3__card-description {
  font-size: clamp(13px, 1vw, 14px);
  line-height: 1.45;
}

.home-page .section-3__stat-label {
  font-size: clamp(20px, 1.45vw, 22px);
  line-height: 1.24;
}

.home-page .section-3__stat-value {
  font-size: 12px;
  line-height: 16px;
}

.home-page .section-3__view-all {
  min-height: 42px;
  padding: 10px 18px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .section-3 {
    padding-top: 92px;
    padding-bottom: var(--space-10);
  }

  .home-page .section-3__header {
    margin-bottom: 28px;
  }

  .home-page .section-3__card-title {
    font-size: clamp(20px, 2.2vw, 22px);
    line-height: 1.3;
  }

  .home-page .section-3__card-description {
    font-size: 13px;
    line-height: 19px;
  }

  .home-page .section-3__tab {
    min-height: 38px;
    padding: 9px 16px;
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .home-page .section-3__header {
    margin-bottom: 24px;
  }
}


/* ============================================
   HOME PAGE FIGMA POLISH (PASS 2)
   ============================================ */
.home-page {
  overflow-x: hidden;
}

/* Home (index): consistent rounded corners on every main horizontal band */
body.home-page .hero,
body.home-page .section-1,
body.home-page .section-2,
body.home-page .section-3,
body.home-page .process-scroll-track,
body.home-page .section-5-placeholder,
body.home-page .section-6-industries,
body.home-page .section-7-newsletter,
body.home-page .section-8-cta {
  border-radius: var(--home-section-radius);
}

body.home-page .section-1,
body.home-page .section-3,
body.home-page .section-5-placeholder,
body.home-page .section-6-industries,
body.home-page .section-7-newsletter {
  overflow: hidden;
}

body.home-page .process-scroll-track {
  overflow: hidden;
}

.home-page .hero .navbar__container,
.home-page .hero__content,
.home-page .section-1__container,
.home-page .section-2__header,
.home-page .section-2__container,
.home-page .section-3__header,
.home-page .section-3__carousel,
.home-page .section-3__footer,
.home-page .process-heading,
.home-page .process-strips-desktop,
.home-page .process-mobile-stack,
.home-page .section-5__header,
.home-page .section-5__reviews,
.home-page .section-6__header,
.home-page .section-6__cards,
.home-page .section-7__panel,
.home-page .section-8-cta,
.home-page .footer__container {
  max-width: calc(100vw - (var(--site-gutter-x) * 2));
  margin-left: auto;
  margin-right: auto;
}

.home-page .section-1__title,
.home-page .section-2__title,
.home-page .section-3__title,
.home-page .section-4__title,
.home-page .section-5__title,
.home-page .section-6__title,
.home-page .section-7__content h2,
.home-page .section-8__content h3 {
  margin-bottom: 8px;
  line-height: 1.25;
}

.home-page .section-1__description,
.home-page .section-2__description,
.home-page .section-3__description,
.home-page .section-4__subtitle,
.home-page .section-5__subtitle,
.home-page .section-7__content p,
.home-page .section-8__content p {
  margin-top: 0;
}

.home-page .section-3__card-title {
  font-size: min(28px, max(22px, calc(24px + max(0px, 100vw - 1440px) * 4 / 480)));
  line-height: 1.3;
  margin-bottom: 8px;
}

.home-page .section-3__card-description {
  margin-top: 0;
}

.home-page .section-1__card-title {
  margin-bottom: 8px;
}

.home-page .section-6-industries .industry-card__text {
  margin: 8px 0 10px;
}

.home-page .section-7__form input {
  background: #ffffff;
  background-image: none;
}

.home-page .section-7__form button,
.home-page .section-8__btn-primary,
.home-page .section-8__btn-secondary,
.home-page .section-3__tab,
.home-page .section-3__view-all,
.home-page .industry-card__link {
  transition: transform 220ms ease, box-shadow 220ms ease, background-color 220ms ease, color 220ms ease;
}

.home-page .section-7__form button:hover,
.home-page .section-8__btn-primary:hover,
.home-page .section-8__btn-secondary:hover,
.home-page .section-3__tab:hover,
.home-page .section-3__view-all:hover,
.home-page .industry-card__link:hover {
  transform: translateY(-1px);
}

.home-page .section-3__card-title,
.home-page .section-3__card-description,
.home-page .industry-card__title,
.home-page .industry-card__text,
.home-page .section-5__review-card p {
  text-wrap: pretty;
}

@media (min-width: 1025px) {
  .home-page .section-8-cta {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    height: 540px;
    padding-top: 64px;
    padding-bottom: 64px;
    overflow: visible;
    gap: var(--site-gutter);
    opacity: 1;
  }

  .home-page .section-8__sales-card,
  .home-page .section-8__metrics-card {
    width: 320px;
    height: auto;
    transform: none;
  }

  .home-page .section-8__sales-card {
    left: 40px;
    top: 126px;
  }

  .home-page .section-8__metrics-card {
    right: 40px;
    top: 42px;
  }

  .home-page .section-8__sales-card img,
  .home-page .section-8__metrics-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
  }

  .home-page .section-8__actions {
    gap: 12px;
    margin-top: 12px;
  }

  .home-page .section-8__btn-primary,
  .home-page .section-8__btn-secondary {
    height: 48px;
    min-width: 184px;
    padding: 0 24px;
  }
}

@media (max-width: 1279px) {
  .home-page .section-1__title,
  .home-page .section-2__title,
  .home-page .section-3__title,
  .home-page .section-4__title,
  .home-page .section-5__title,
  .home-page .section-6__title,
  .home-page .section-7__content h2,
  .home-page .section-8__content h3 {
    font-size: 0.88em;
  }

  .home-page .section-1__description,
  .home-page .section-2__description,
  .home-page .section-3__description,
  .home-page .section-4__subtitle,
  .home-page .section-5__subtitle,
  .home-page .section-7__content p,
  .home-page .section-8__content p,
  .home-page .section-3__card-description,
  .home-page .industry-card__text,
  .home-page .section-5__review-card p {
    font-size: 0.88em;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .section-1,
  .home-page .section-2,
  .home-page .section-3,
  .home-page .section-4-placeholder,
  .home-page .section-5-placeholder,
  .home-page .section-6-industries,
  .home-page .section-7-newsletter,
  .home-page .section-8-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .home-page .section-8-cta {
    overflow: visible;
  }

  .home-page .section-8__sales-card,
  .home-page .section-8__metrics-card {
    width: 248px;
    height: auto;
    transform: none;
  }

  .home-page .section-8__sales-card {
    left: 0;
    top: 188px;
  }

  .home-page .section-8__metrics-card {
    right: 0;
    top: 58px;
  }

  .home-page .section-8__actions {
    flex-wrap: nowrap;
    gap: var(--site-gutter);
    margin-top: 10px;
  }

  .home-page .section-8__btn-primary,
  .home-page .section-8__btn-secondary {
    height: 44px;
    min-width: 164px;
    padding: 0 20px;
  }

  .home-page .footer {
    padding-top: 40px;
    padding-bottom: 20px;
    gap: var(--site-gutter);
  }
}

@media (max-width: 767px) {
  .home-page .section-1,
  .home-page .section-2,
  .home-page .section-3,
  .home-page .section-4-placeholder,
  .home-page .section-5-placeholder,
  .home-page .section-6-industries,
  .home-page .section-7-newsletter,
  .home-page .section-8-cta {
    border-radius: var(--home-section-radius);
  }

  .home-page .hero,
  .home-page .process-scroll-track {
    border-radius: var(--home-section-radius);
  }

  .home-page .section-3__card-title {
    font-size: 22px;
  }
}

/* ============================================
   HOME PAGE: PROCESS SECTION COMMENT FIXES ONLY
   ============================================ */
.home-page .process-scroll-track {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.home-page .process-scroll-track .section-4-placeholder {
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: #fff3eb;
  padding: var(--layout-section-padding-y) var(--site-gutter-x) var(--layout-section-padding-y);
  border-radius: 0;
}

/* Internal width fills padded track (no 1280 cap so content grows with viewport) */
.home-page .process-scroll-track .process-heading,
.home-page .process-scroll-track .process-strips-desktop,
.home-page .process-scroll-track .process-mobile-stack {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Overall card structure */
.home-page .process-scroll-track .process-heading {
  margin-bottom: var(--layout-heading-to-content);
}

.home-page .process-scroll-track .step-card {
  height: 182px; /* image height increase */
}

.home-page .process-scroll-track .timeline-row {
  margin-top: 20px;
}

.home-page .process-scroll-track .text-strip {
  margin-top: 12px;
  gap: 20px; /* overall component spacing 20-24 */
}

.home-page .process-scroll-track .step-text-block h3 {
  font-size: min(27px, max(22px, calc(22px + max(0px, 100vw - 1440px) * 5 / 480)));
  line-height: 1.35;
}

.home-page .process-scroll-track .step-text-block p {
  margin-top: 8px;
}

.home-page .process-scroll-track .step-badge {
  width: 26px;  /* numbers increase size */
  height: 26px;
  font-size: 11px;
}

@media (min-width: 768px) {
  .home-page .process-scroll-track .badges-row {
    display: none;
  }

  .home-page .process-scroll-track .timeline-row {
    margin-top: 14px;
  }

  .home-page .process-scroll-track .step-text-block .step-badge--text {
    position: relative;
    top: -26px;
    margin-bottom: -16px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .process-scroll-track .section-4-placeholder {
    padding: 84px var(--home-side-padding, 40px) 64px;
  }

  .home-page .process-scroll-track .step-card {
    height: 188px;
  }

  .home-page .process-scroll-track .text-strip {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .home-page .process-scroll-track {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--home-section-radius);
  }

  .home-page .process-scroll-track .section-4-placeholder {
    border-radius: 0;
  }

  .home-page .process-scroll-track .process-heading,
  .home-page .process-scroll-track .process-mobile-stack {
    width: 100%;
  }

  .home-page .process-scroll-track .step-card {
    min-height: 176px;
  }
}

/* ============================================
   HOME PAGE: SECTION 5 (FIGMA + COMMENTS)
   ============================================ */
.home-page .section-5-placeholder {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: var(--layout-section-padding-y) var(--site-gutter-x) var(--layout-section-padding-y);
  border-bottom-left-radius: var(--home-section-radius, 32px);
  border-bottom-right-radius: var(--home-section-radius, 32px);
}

.home-page .section-5__header,
.home-page .section-5__reviews {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.home-page .section-5__reviews {
  grid-template-columns: minmax(240px, 0.78fr) minmax(320px, 1.22fr);
  gap: var(--layout-split-column-gap);
  transform: translateX(4px);
}

.home-page .section-5__image-placeholder {
  min-height: 0;
}

.home-page .section-5__client-image {
  height: 100%;
}

/* Home testimonial arrows: Arrow Up asset direction */
.home-page .section-5__carousel-btn--prev img {
  transform: rotate(0deg);
}

.home-page .section-5__carousel-btn--next img {
  transform: rotate(180deg);
}

.home-page .section-5__carousel-btn {
  background: transparent;
  border: none;
  box-shadow: none;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
}

.home-page .section-5__carousel-btn--prev {
  top: 10px;
}

.home-page .section-5__carousel-btn--next {
  bottom: 10px;
}

.home-page .section-5__carousel-btn img {
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .section-5-placeholder {
    padding: 84px var(--home-side-padding, 40px) 72px;
  }

  .home-page .section-5__reviews {
    grid-template-columns: minmax(220px, 0.82fr) minmax(280px, 1.18fr);
    gap: 18px;
    transform: translateX(8px);
  }
}

@media (max-width: 767px) {
  .home-page .section-5-placeholder {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }

  .home-page .section-5__review-list {
    padding-right: 0;
  }

  .home-page .section-5__carousel-btn {
    width: 26px;
    height: 26px;
    left: 50%;
    transform: translateX(-50%);
  }

  .home-page .section-5__carousel-btn img {
    width: 16px;
    height: 16px;
    transform: rotate(0deg);
    opacity: 1;
  }

  .home-page .section-5__reviews {
    transform: none;
  }
}

/* Apply provided Review Background asset as dark overlay on reviews panel */
.home-page .section-5__review-list {
  position: relative;
  isolation: isolate;
  padding-left: 10px;
  padding-right: 10px;
}

.home-page .section-5__review-list::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(43, 39, 48, 0.2) 0%, rgba(37, 34, 43, 0.3) 100%),
    url("assets/Review Background.png") center/100% 100% no-repeat;
  opacity: 0.38;
  mix-blend-mode: soft-light;
  filter: blur(0.2px);
  pointer-events: none;
  z-index: 0;
}

.home-page .section-5__review-list > * {
  position: relative;
  z-index: 1;
}

/* Match Figma-like emphasis: keep center review sharp, dim/blur side reviews */
.home-page .section-5__review-card {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.home-page .section-5__review-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.home-page .section-5__review-card:not(.section-5__review-card--active)::after {
  background: rgba(32, 29, 37, 0.38);
  opacity: 1;
}

.home-page .section-5__review-card.section-5__review-card--active::after {
  opacity: 0;
}

.home-page .section-5__review-card.section-5__review-card--active {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.06);
}

.home-page .section-5__review-card:not(.section-5__review-card--active) p {
  color: rgba(255, 255, 255, 0.44);
}

.home-page .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img {
  opacity: 0.7;
}

/* ============================================
   HOME PAGE: SECTION 6 (FIGMA + COMMENT FIX)
   ============================================ */
.home-page .section-6-industries {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: auto;
  min-height: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x) var(--layout-section-padding-y);
  border-bottom-left-radius: var(--home-section-radius, 32px);
  border-bottom-right-radius: var(--home-section-radius, 32px);
}

.home-page .section-6__header,
.home-page .section-6__cards {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.home-page .section-6__cards {
  gap: 14px;
}

.home-page .section-6-industries .industry-card__media {
  position: relative;
}

/* Replace image-like pills with proper reusable text pill style */
.home-page .industry-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(96, 91, 94, 0.18);
  background: #ffffff;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #605b5e;
  margin-bottom: 0;
}

.home-page .section-6-industries .industry-card__media > .industry-card__tag {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .section-6-industries {
    padding: 72px var(--home-side-padding, 40px) 72px;
  }
}

@media (max-width: 767px) {
  .home-page .section-6-industries {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }
}

/* ============================================
   HOME PAGE: SECTION 7 (NEWSLETTER)
   ============================================ */
.home-page .section-7-newsletter {
  height: auto;
  min-height: 0;
  justify-content: center;
}

.home-page .section-7__panel {
  align-items: center;
}

.home-page .section-7__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ============================================
   HOME NAVBAR + HERO COPY (FIGMA MATCH)
   ============================================ */
.home-page .hero .navbar {
  top: 16px;
  padding: 0;
}

.home-page .hero .navbar__container {
  width: calc(100% - (var(--site-gutter-x) * 2));
  min-height: 66px;
  padding: 8px 10px 8px 26px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(14px);
}

.home-page .hero .navbar__logo-img {
  height: 46px;
}

.home-page .hero .navbar__list {
  gap: 30px;
}

.home-page .hero .navbar__link {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.home-page .hero .navbar__actions {
  gap: var(--site-gutter);
}

.home-page .hero .navbar__search {
  width: 40px;
  height: 40px;
  padding: 0;
}

.home-page .btn--navbar-primary,
.home-page .hero__cta .btn {
  min-height: 48px;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 999px;
  text-decoration: none;
}

.home-page .btn--navbar-primary:hover,
.home-page .hero__cta .btn:hover {
  text-decoration: none;
}

.home-page .hero__subtitle {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.home-page .hero__description {
  max-width: 760px;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home-page .hero .navbar {
    top: 14px;
  }

  .home-page .hero .navbar__container {
    width: min(100%, calc(100% - (var(--home-side-padding, 40px) * 2)));
    min-height: 58px;
    padding: 8px 12px 8px 16px;
    border-radius: 999px;
  }

  .home-page .hero .navbar__logo-img {
    height: 38px;
  }

  .home-page .hero .navbar__actions .btn--navbar-primary {
    display: none;
  }

  .home-page .hero .navbar__menu {
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.88);
  }
}

@media (max-width: 767px) {
  .home-page .hero .navbar {
    position: relative;
    top: auto;
  }

  .home-page .hero .navbar__container {
    width: 100%;
    min-height: 54px;
    padding: 8px 10px;
    border-radius: 999px;
  }

  .home-page .hero .navbar__logo-img {
    height: 34px;
  }

  .home-page .hero .navbar__menu {
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.88);
  }

  .home-page .hero__cta .btn {
    width: 100%;
    min-height: 46px;
    padding: 11px 18px;
    font-size: 15px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .auction-single-main {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 64px;
  }

  .auction-single-layout {
    margin: 6px auto 10px;
    padding: 8px;
    border-radius: 10px;
    background: #ffffff;
  }

  .auction-single-banner {
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
  }

  .auction-single-banner__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .auction-single-banner__copy {
    display: contents;
  }

  .auction-single-banner__copy,
  .auction-single-breadcrumb,
  .auction-single-banner h1,
  .auction-single-banner p {
    text-align: left;
    align-self: flex-start;
  }

  .auction-single-breadcrumb {
    margin: 0 0 4px;
    font-size: 11px;
    line-height: 14px;
    order: 1;
  }

  .auction-single-banner h1 {
    margin: 0 0 6px;
    font-size: 26px;
    line-height: 30px;
    order: 2;
  }

  .auction-single-banner p {
    font-size: 11px;
    line-height: 15px;
    order: 3;
  }

  .auction-single-banner__copy p br {
    display: none;
  }

  .auction-single-banner__cta {
    margin-top: 10px;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 10px;
    line-height: 14px;
    order: 5;
  }

  .auction-single-banner__bid {
    width: 100%;
    height: auto;
    margin: 0;
    order: 4;
  }

  .auction-single-top {
    gap: 8px;
    margin-bottom: 10px;
  }

  .auction-single-main-image {
    width: 100%;
    height: 154px;
    border-radius: 8px;
  }

  .auction-single-thumb-row {
    width: 100%;
    height: 56px;
    margin-top: 8px;
    border-radius: 8px;
  }

  .auction-single-thumb-row img {
    height: 56px;
  }

  .auction-single-spec-section {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 14px 8px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    grid-template-columns: 1fr;
    gap: var(--site-gutter);
  }

  .auction-single-spec-media {
    width: 100%;
    height: 144px;
    border-radius: 8px;
  }

  .auction-single-spec-media img {
    height: 144px;
  }

  .auction-single-spec-metrics {
    gap: 6px;
  }

  .auction-single-spec-metrics article {
    border-radius: 8px;
    padding: 8px;
  }

  .auction-single-spec-metrics h4 {
    font-size: 11px;
    line-height: 13px;
  }

  .auction-single-spec-metrics p {
    margin-top: 4px;
    font-size: 9px;
    line-height: 12px;
  }

  .auction-single-spec-right h3 {
    width: 100%;
    min-height: 0;
    margin: 0 0 6px;
    font-size: 23px;
    line-height: 27px;
  }

  .auction-single-spec-right > p {
    margin: 0 0 8px;
    font-size: 10px;
    line-height: 14px;
  }

  .auction-single-spec-right li {
    gap: 8px;
    padding: 5px 0;
  }

  .auction-single-spec-right li span,
  .auction-single-spec-right li strong {
    font-size: 9px;
    line-height: 13px;
  }

  .auction-single-spec-right li strong img {
    width: 12px;
    height: 12px;
  }

  .auction-single-pickup-section {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 14px 8px 18px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .auction-single-pickup-header {
    margin-bottom: 10px;
    text-align: left;
  }

  .auction-single-pickup-header h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 4px;
    text-align: left;
  }

  .auction-single-pickup-header p {
    font-size: 10px;
    line-height: 14px;
  }

  .auction-single-pickup-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .auction-single-pickup-card {
    min-height: 130px;
    border-right: none;
    border-bottom: 1px solid #eef1f5;
    padding: 0 0 8px;
  }

  .auction-single-pickup-card:last-child {
    grid-column: 1 / -1;
  }

  .auction-single-pickup-note {
    margin: 0 0 8px;
    font-size: 9px;
    line-height: 13px;
  }

  .auction-single-pickup-card strong {
    font-size: 21px;
    line-height: 24px;
  }

  .auction-single-pickup-card span {
    margin-top: 3px;
    font-size: 10px;
    line-height: 13px;
  }

  /* Case study internal / single: undo desktop/tablet-only tweaks; match mobile auction detail pattern */
  .case-study-internal-page .navbar,
  .case-study-single-page .navbar {
    padding: 12px var(--site-gutter-x);
  }

  .case-study-internal-page .navbar__container,
  .case-study-single-page .navbar__container {
    width: 100%;
    max-width: 100%;
    padding: 10px 12px;
    border-radius: 999px;
    flex-wrap: wrap;
  }

  .case-study-internal-page .navbar__hamburger,
  .case-study-single-page .navbar__hamburger {
    display: flex;
  }

  .case-study-internal-page .navbar__actions,
  .case-study-single-page .navbar__actions {
    display: none;
  }

  .case-study-internal-page .navbar__menu,
  .case-study-single-page .navbar__menu {
    order: 3;
    width: 100%;
    flex: 0 0 100%;
    display: none !important;
    margin-top: 10px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(12px);
    overflow: hidden;
  }

  .case-study-internal-page .navbar__menu.active,
  .case-study-single-page .navbar__menu.active {
    display: block !important;
  }

  .case-study-internal-page .navbar__list,
  .case-study-single-page .navbar__list {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
    width: 100%;
  }

  .case-study-internal-page .navbar__link,
  .case-study-single-page .navbar__link {
    display: block;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .case-study-internal-page .auction-single-main,
  .case-study-single-page .auction-single-main {
    width: 100%;
    max-width: 100%;
  }

  .case-study-internal-page .case-study-internal-intro-section,
  .case-study-single-page .case-study-internal-intro-section {
    margin-top: 10px;
  }

  .case-study-internal-page .case-study-internal-section,
  .case-study-single-page .case-study-internal-section {
    margin-top: 10px;
    border-radius: 12px;
  }

  .case-study-internal-page .auction-single-banner,
  .case-study-single-page .auction-single-banner {
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 8px;
  }

  .case-study-internal-page .auction-single-banner__copy,
  .case-study-single-page .auction-single-banner__copy {
    max-width: none;
  }

  .case-study-internal-page .auction-single-banner h1 br,
  .case-study-single-page .auction-single-banner h1 br {
    display: none;
  }

  .case-study-internal-page .case-study-internal-stats,
  .case-study-single-page .case-study-internal-stats {
    order: 4;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    transform: none;
    gap: 8px;
    text-align: center;
  }

  .case-study-internal-page .case-study-internal-stats {
    margin-top: 10px;
  }

  .case-study-internal-page .case-study-internal-stat,
  .case-study-single-page .case-study-internal-stat {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
    max-width: calc(50% - 4px);
    width: auto;
    min-height: 0;
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .case-study-internal-page .case-study-internal-stat h3,
  .case-study-single-page .case-study-internal-stat h3 {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    width: 100%;
  }

  .case-study-internal-page .case-study-internal-stat p,
  .case-study-single-page .case-study-internal-stat p {
    margin-top: 4px;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    width: 100%;
  }

  .case-study-internal-page .auction-single-banner__cta,
  .case-study-single-page .auction-single-banner__cta {
    order: 5;
    width: 100%;
    max-width: none;
    min-width: 0;
    height: 36px;
    margin-top: 10px;
    padding: 0 12px;
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
  }

  .case-study-internal-page .auction-single-banner__cta span,
  .case-study-single-page .auction-single-banner__cta span {
    font-size: 12px;
  }

  .case-study-internal-page .auction-single-main-image,
  .case-study-single-page .auction-single-main-image {
    left: auto;
    transform: none;
    width: 100%;
    border-radius: 8px;
  }

  .case-study-internal-page .auction-single-thumb-row,
  .case-study-single-page .auction-single-thumb-row {
    width: 100%;
    transform: none;
    border-radius: 8px;
  }

  .case-study-internal-page .auction-single-spec-section.case-study-internal-section {
    padding: 0;
  }

  .case-study-internal-page .case-study-internal-inner--spec {
    grid-template-columns: 1fr;
    gap: var(--site-gutter);
    padding: 14px 8px;
  }

  .case-study-internal-page .auction-single-spec-right h3 {
    width: 100%;
    max-width: none;
    margin: 0 0 6px;
    font-size: 23px;
    line-height: 27px;
  }

  .case-study-internal-page .auction-single-spec-right > p {
    max-width: none;
    margin: 0 0 8px;
    font-size: 10px;
    line-height: 14px;
  }

  .case-study-internal-page .auction-single-spec-right li {
    padding: 5px 0;
  }

  .case-study-internal-page .auction-single-pickup-section,
  .case-study-internal-page .section-5-placeholder {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* ============================================
   SELL PAGE: SECTION SPACING (INDEX PARITY)
   ============================================ */
.sell-page {
  overflow-x: hidden;
  --sell-section-radius: var(--home-section-radius, 32px);
}

@media (max-width: 1279px) {
  .sell-page {
    --sell-section-radius: var(--space-3);
  }
}

@media (max-width: 767px) {
  .sell-page {
    --sell-section-radius: var(--space-2);
  }
}

.sell-page .sell-trusted-section,
.sell-page .sell-results-section,
.sell-page .sell-faq-section,
.sell-page .sell-pricing-section,
.sell-page .sell-contact-section,
.sell-page .section-5-placeholder,
.sell-page .section-8-cta {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.sell-page .sell-trusted-section {
  min-height: 0;
  height: auto;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--sell-section-radius);
  gap: var(--layout-heading-to-content);
}

.sell-page .process-scroll-track {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.sell-page .process-scroll-track .section-4-placeholder {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--sell-section-radius);
  overflow: hidden;
}

.sell-page .process-scroll-track .process-heading {
  margin-bottom: var(--layout-heading-to-content);
}

.sell-page .sell-results-section {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  min-height: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  background: #1f1a20;
  border-radius: var(--sell-section-radius);
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(380px, 1.25fr);
  gap: 40px;
  align-items: center;
  box-sizing: border-box;
}

.sell-page .sell-faq-section {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--sell-section-radius);
}

.sell-page .sell-pricing-section {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--sell-section-radius);
}

.sell-page .sell-contact-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--sell-section-radius);
}

.sell-page .section-5-placeholder {
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--sell-section-radius);
}

.sell-page .section-8-cta {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--sell-section-radius);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sell-page .sell-trusted-section,
  .sell-page .sell-results-section,
  .sell-page .sell-faq-section,
  .sell-page .sell-pricing-section,
  .sell-page .sell-contact-section,
  .sell-page .process-scroll-track .section-4-placeholder,
  .sell-page .section-5-placeholder,
  .sell-page .section-8-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .sell-page .sell-trusted-section {
    padding-left: var(--site-gutter-x);
    padding-right: var(--site-gutter-x);
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .sell-page .sell-trusted__media {
    min-height: 0;
  }

  .sell-page .sell-trusted__img-main {
    width: 100%;
    max-width: 480px;
    height: auto;
    aspect-ratio: 567 / 550;
    margin: 0 auto;
  }

  .sell-page .sell-results-section {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-left: var(--site-gutter-x);
    padding-right: var(--site-gutter-x);
  }

  .sell-page .sell-pricing__content {
    gap: 32px;
  }

  .sell-page .section-8-cta {
    overflow: visible;
  }
}

@media (max-width: 767px) {
  .sell-page .process-scroll-track {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .sell-page .process-scroll-track .section-4-placeholder {
    padding: var(--mobile-section-y) var(--site-gutter-x) var(--mobile-section-y-lg);
    border-radius: 24px;
    overflow: hidden;
  }

  .sell-page .process-scroll-track .section-4__title {
    font-size: 28px;
    line-height: 1.2;
    text-align: left;
  }

  .sell-page .process-scroll-track .section-4__subtitle {
    font-size: 15px;
    line-height: 1.45;
    text-align: left;
  }

  .sell-page .process-scroll-track .process-heading {
    margin-bottom: 24px;
    text-align: left;
  }

  .sell-page .sell-results-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px var(--site-gutter-x) var(--mobile-section-y-lg);
    border-radius: 24px;
    grid-template-columns: 1fr;
    gap: 24px;
    box-sizing: border-box;
    overflow: hidden;
  }

  .sell-page .sell-results__title-wrap {
    transform: none;
  }

  .sell-page .sell-results__title {
    width: 100%;
    height: auto;
    font-size: 28px;
    line-height: 1.2;
  }

  .sell-page .sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__title-wrap {
    transform: none;
  }

  .sell-page .sell-faq-section {
    padding: 32px 24px var(--mobile-section-y-lg);
    border-radius: 24px;
    overflow: hidden;
  }

  .sell-page .sell-faq__title {
    height: auto;
    font-size: 28px;
    line-height: 1.2;
  }

  .sell-page .sell-faq__subtitle {
    font-size: 15px;
    line-height: 1.45;
  }

  .sell-page .sell-faq__list {
    margin-top: 24px;
  }

  .sell-page .sell-pricing-section {
    padding: 32px 24px var(--mobile-section-y-lg);
    border-radius: 24px;
    overflow: hidden;
  }

  .sell-page .sell-pricing__title {
    height: auto;
    font-size: 28px;
    line-height: 1.2;
  }

  .sell-page .sell-pricing__text {
    font-size: 15px;
    line-height: 1.45;
  }

  .sell-page .sell-contact-section {
    padding: 32px 24px var(--mobile-section-y-lg);
    border-radius: 24px;
    overflow: hidden;
  }

  .sell-page .sell-contact__title {
    font-size: 28px;
    line-height: 1.2;
  }

  .sell-page .sell-contact__subtitle {
    font-size: 15px;
    line-height: 1.45;
  }

  .sell-page .section-8-cta {
    padding: var(--mobile-section-y) var(--site-gutter-x);
    border-radius: 24px;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
/* Sell page: full rounded frame for testimonials (match bottom radius on top) */
.sell-page .section-5-placeholder {
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
}

  /* Sell page: "How Selling with Skylarc Works" — match section-4 bottom radius on top */
.sell-page .process-scroll-track .section-4-placeholder {
    border-top-left-radius: var(--sell-section-radius, 32px);
    border-top-right-radius: var(--sell-section-radius, 32px);
  }
}

/* Sell page: testimonial carousel arrows sit OUTSIDE the reviews card with no background */
.sell-page .section-5__reviews-wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.sell-page .section-5__carousel-btn--prev {
  margin-bottom: -36px;
}

.sell-page .section-5__carousel-btn--next {
  margin-top: -36px;
}

.sell-page .section-5__carousel-btn--prev img {
  transform: rotate(0deg);
}

.sell-page .section-5__carousel-btn--next img {
  transform: rotate(0deg);
}

.sell-page .section-5__reviews-wrap .section-5__reviews {
  margin: 0;
  width: 100%;
  max-width: 1280px;
  min-height: 708px;
  height: 708px;
  padding: 32px;
  box-sizing: border-box;
  grid-template-columns: 500px 684px;
  gap: 32px;
  background-image: url("assets/Review Background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 1px solid #3D373B;
  opacity: 1;
}

.sell-page .section-5__reviews-wrap .section-5__reviews {
  position: relative;
  isolation: isolate;
}

.sell-page .section-5__reviews-wrap .section-5__reviews::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(8, 6, 12, 0.55);
  pointer-events: none;
  z-index: 0;
}

.sell-page .section-5__review-list {
  width: 684px;
  height: 644px;
  min-height: 644px;
  padding-right: 0;
  gap: 48px;
}

.sell-page .section-5__review-card {
  padding: 32px;
  background: transparent;
  border: 1px solid transparent;
  opacity: 0.35;
  transition: opacity 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.sell-page .section-5__review-card--active {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid #3D373B;
  opacity: 1;
}

.sell-page .section-5__review-card p,
.sell-page .section-5__review-card--active p {
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: #ffffff;
}

.sell-page .section-5__image-placeholder {
  width: 500px;
  height: 644px;
  min-height: 644px;
  opacity: 1;
}

.sell-page .section-5__carousel-btn {
  position: static;
  background: transparent;
  border-radius: 0;
  width: auto;
  height: auto;
  padding: 4px;
  transform: translateX(266px);
}

.sell-page .section-5__carousel-btn:hover,
.sell-page .section-5__carousel-btn:focus,
.sell-page .section-5__carousel-btn:active {
  background: transparent;
  opacity: 1;
  transform: translateX(266px);
  box-shadow: none;
}

/* Keep case-study testimonial arrows static on hover (overrides global button[class*="btn"]:hover) */
.case-study-internal-page .section-5__carousel-btn,
.case-study-single-page .section-5__carousel-btn,
.case-study-internal-page .section-5__carousel-btn:hover,
.case-study-internal-page .section-5__carousel-btn:focus,
.case-study-internal-page .section-5__carousel-btn:active,
.case-study-single-page .section-5__carousel-btn:hover,
.case-study-single-page .section-5__carousel-btn:focus,
.case-study-single-page .section-5__carousel-btn:active {
  transform: none;
  box-shadow: none;
  text-decoration: none;
}

/* ============================================
   HOME + AUCTIONS + CASE STUDIES + CASE STUDY INTERNAL + CASE STUDY SINGLE: mirror sell-page testimonial section exactly
   ============================================ */
.home-page .section-5__reviews-wrap,
.auctions-page .section-5__reviews-wrap,
.case-studies-page .section-5__reviews-wrap,
.case-study-internal-page .section-5__reviews-wrap,
.case-study-single-page .section-5__reviews-wrap,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.case-study-internal-page .section-5__reviews-wrap {
  margin-top: 36px;
}

.home-page .section-5__carousel-btn--prev,
.auctions-page .section-5__carousel-btn--prev,
.case-studies-page .section-5__carousel-btn--prev,
.case-study-internal-page .section-5__carousel-btn--prev,
.case-study-single-page .section-5__carousel-btn--prev,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__carousel-btn--prev {
  margin-bottom: -36px;
}

.home-page .section-5__carousel-btn--next,
.auctions-page .section-5__carousel-btn--next,
.case-studies-page .section-5__carousel-btn--next,
.case-study-internal-page .section-5__carousel-btn--next,
.case-study-single-page .section-5__carousel-btn--next,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__carousel-btn--next {
  margin-top: -36px;
}

.home-page .section-5__carousel-btn--prev img,
.home-page .section-5__carousel-btn--next img,
.auctions-page .section-5__carousel-btn--prev img,
.auctions-page .section-5__carousel-btn--next img,
.case-studies-page .section-5__carousel-btn--prev img,
.case-studies-page .section-5__carousel-btn--next img,
.case-study-internal-page .section-5__carousel-btn--prev img,
.case-study-internal-page .section-5__carousel-btn--next img,
.case-study-single-page .section-5__carousel-btn--prev img,
.case-study-single-page .section-5__carousel-btn--next img,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__carousel-btn--prev img,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__carousel-btn--next img {
  transform: rotate(0deg);
  width: 22px;
  height: 22px;
  opacity: 1;
}

.home-page .section-5__reviews-wrap .section-5__reviews,
.auctions-page .section-5__reviews-wrap .section-5__reviews,
.case-studies-page .section-5__reviews-wrap .section-5__reviews,
.case-study-internal-page .section-5__reviews-wrap .section-5__reviews,
.case-study-single-page .section-5__reviews-wrap .section-5__reviews,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__reviews {
  margin: 0;
  width: 100%;
  max-width: 1280px;
  min-height: 708px;
  height: 708px;
  padding: 32px;
  box-sizing: border-box;
  grid-template-columns: 500px 684px;
  gap: 32px;
  background-image: url("assets/Review Background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border: 1px solid #3D373B;
  position: relative;
  isolation: isolate;
  opacity: 1;
  transform: none;
}

.home-page .section-5__reviews-wrap .section-5__reviews::before,
.auctions-page .section-5__reviews-wrap .section-5__reviews::before,
.case-studies-page .section-5__reviews-wrap .section-5__reviews::before,
.case-study-internal-page .section-5__reviews-wrap .section-5__reviews::before,
.case-study-single-page .section-5__reviews-wrap .section-5__reviews::before,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__reviews::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(8, 6, 12, 0.55);
  pointer-events: none;
  z-index: 0;
}

/* Disable any legacy review-list overlay so it doesn't double up with the new container background */
.home-page .section-5__reviews-wrap .section-5__review-list::before,
.auctions-page .section-5__reviews-wrap .section-5__review-list::before,
.case-studies-page .section-5__reviews-wrap .section-5__review-list::before,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-list::before,
.case-study-single-page .section-5__reviews-wrap .section-5__review-list::before,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-list::before {
  content: none;
}

.home-page .section-5__reviews-wrap .section-5__review-list,
.auctions-page .section-5__reviews-wrap .section-5__review-list,
.case-studies-page .section-5__reviews-wrap .section-5__review-list,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-list,
.case-study-single-page .section-5__reviews-wrap .section-5__review-list,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-list {
  width: 684px;
  height: 644px;
  min-height: 644px;
  padding: 0;
  gap: 48px;
}

.home-page .section-5__reviews-wrap .section-5__review-card,
.auctions-page .section-5__reviews-wrap .section-5__review-card,
.case-studies-page .section-5__reviews-wrap .section-5__review-card,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-card,
.case-study-single-page .section-5__reviews-wrap .section-5__review-card,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card {
  padding: 32px;
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  opacity: 0.35;
  overflow: visible;
  transition: opacity 0.25s ease, background 0.25s ease, border-color 0.25s ease;
  flex: 0 0 auto;
  display: block;
  min-height: 0;
}

.home-page .section-5__reviews-wrap .section-5__review-card::after,
.auctions-page .section-5__reviews-wrap .section-5__review-card::after,
.case-studies-page .section-5__reviews-wrap .section-5__review-card::after,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-card::after,
.case-study-single-page .section-5__reviews-wrap .section-5__review-card::after,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card::after {
  content: none;
}

.home-page .section-5__reviews-wrap .section-5__review-card--active,
.auctions-page .section-5__reviews-wrap .section-5__review-card--active,
.case-studies-page .section-5__reviews-wrap .section-5__review-card--active,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-card--active,
.case-study-single-page .section-5__reviews-wrap .section-5__review-card--active,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card--active {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid #3D373B;
  opacity: 1;
}

.home-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
.auctions-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
.sell-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
.case-studies-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
.case-study-single-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child {
  border-bottom: 1px solid #3D373B;
}

.home-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
.auctions-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
.sell-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
.case-studies-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
.case-study-single-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child {
  border-top: 1px solid #3D373B;
}

.home-page .section-5__reviews-wrap .section-5__review-card p,
.home-page .section-5__reviews-wrap .section-5__review-card--active p,
.auctions-page .section-5__reviews-wrap .section-5__review-card p,
.auctions-page .section-5__reviews-wrap .section-5__review-card--active p,
.case-studies-page .section-5__reviews-wrap .section-5__review-card p,
.case-studies-page .section-5__reviews-wrap .section-5__review-card--active p,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-card p,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-card--active p,
.case-study-single-page .section-5__reviews-wrap .section-5__review-card p,
.case-study-single-page .section-5__reviews-wrap .section-5__review-card--active p,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card p,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card--active p {
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: #ffffff;
}

.home-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
.auctions-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
.case-studies-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
.case-study-single-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p {
  color: #ffffff;
}

.home-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
.auctions-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
.case-studies-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
.case-study-internal-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
.case-study-single-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img {
  opacity: 1;
}

.home-page .section-5__reviews-wrap .section-5__image-placeholder,
.auctions-page .section-5__reviews-wrap .section-5__image-placeholder,
.case-studies-page .section-5__reviews-wrap .section-5__image-placeholder,
.case-study-internal-page .section-5__reviews-wrap .section-5__image-placeholder,
.case-study-single-page .section-5__reviews-wrap .section-5__image-placeholder,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__image-placeholder {
  width: 500px;
  height: 644px;
  min-height: 644px;
  opacity: 1;
}

.home-page .section-5__reviews-wrap .section-5__carousel-btn,
.auctions-page .section-5__reviews-wrap .section-5__carousel-btn,
.case-studies-page .section-5__reviews-wrap .section-5__carousel-btn,
.case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn,
.case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn {
  position: static;
  background: transparent;
  border: none;
  border-radius: 0;
  width: auto;
  height: auto;
  padding: 4px;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  transform: translateX(266px);
  box-shadow: none;
}

.home-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
.home-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
.home-page .section-5__reviews-wrap .section-5__carousel-btn:active,
.auctions-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
.auctions-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
.auctions-page .section-5__reviews-wrap .section-5__carousel-btn:active,
.case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
.case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
.case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:active,
.case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
.case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
.case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:active,
.case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
.case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
.case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:active,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn:hover,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn:focus,
body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn:active {
  background: transparent;
  opacity: 1;
  transform: translateX(266px);
  box-shadow: none;
}

@media (max-width: 767px) {
  .home-page .section-5__reviews-wrap .section-5__reviews,
  .auctions-page .section-5__reviews-wrap .section-5__reviews,
  .case-studies-page .section-5__reviews-wrap .section-5__reviews,
  .case-study-internal-page .section-5__reviews-wrap .section-5__reviews,
  .case-study-single-page .section-5__reviews-wrap .section-5__reviews,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__reviews {
    max-width: 100%;
    min-height: 0;
    height: auto;
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .home-page .section-5__reviews-wrap .section-5__image-placeholder,
  .auctions-page .section-5__reviews-wrap .section-5__image-placeholder,
  .case-studies-page .section-5__reviews-wrap .section-5__image-placeholder,
  .case-study-internal-page .section-5__reviews-wrap .section-5__image-placeholder,
  .case-study-single-page .section-5__reviews-wrap .section-5__image-placeholder,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__image-placeholder {
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .home-page .section-5__reviews-wrap .section-5__review-list,
  .auctions-page .section-5__reviews-wrap .section-5__review-list,
  .case-studies-page .section-5__reviews-wrap .section-5__review-list,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-list,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__review-list {
    width: 100%;
    height: auto;
    min-height: 0;
    gap: 0;
    padding: 0;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn {
    position: static;
    transform: none;
    width: auto;
    height: auto;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .home-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .home-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn:hover,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn:focus,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn:active {
    transform: none;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .home-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn--prev,
  body.auction-single-page:not(.case-study-internal-page):not(.case-study-single-page) .section-5__reviews-wrap .section-5__carousel-btn--next {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
  }
}

/* ============================================
   CASE STUDY SINGLE — match sell/home section shell (wins over shared mirror block)
   ============================================ */
.case-study-single-page {
  overflow-x: hidden;
  --sell-section-radius: var(--home-section-radius, 32px);
  --case-study-content-max: min(1440px, calc(100vw - clamp(32px, 6vw, 96px)));
}

@media (max-width: 1279px) {
  .case-study-single-page {
    --sell-section-radius: var(--space-3);
  }
}

@media (max-width: 767px) {
  .case-study-single-page {
    --sell-section-radius: var(--space-2);
  }
}

@media (min-width: 768px) {
  .case-study-single-page {
    overflow-x: visible;
  }

  .case-study-single-page .case-study-internal-inner {
    max-width: var(--case-study-content-max);
    padding-left: clamp(20px, 3vw, 48px);
    padding-right: clamp(20px, 3vw, 48px);
  }

  /* Section 5 — desktop/tablet: match sell/home (mobile ≤767 unchanged) */
  .case-study-single-page .section-5-placeholder.case-study-internal-section {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    border-radius: var(--sell-section-radius);
    display: flex;
    flex-direction: column;
    gap: var(--layout-heading-to-content);
    background: rgba(49, 42, 47, 1);
    overflow: hidden;
    box-sizing: border-box;
  }

  .case-study-single-page .section-5-placeholder.case-study-internal-section {
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;
  }

  .case-study-single-page .section-5-placeholder .case-study-internal-inner {
    display: contents;
  }

  .case-study-single-page .section-5__header {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .case-study-single-page .section-5__title {
    font-size: 40px;
    line-height: 52px;
  }

  .case-study-single-page .section-5__subtitle {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
  }

  .case-study-single-page .section-5__reviews {
    margin-top: 0;
  }

  .case-study-single-page .section-5__reviews-wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__reviews {
    margin: 0;
    width: 100%;
    max-width: 1280px;
    min-height: 708px;
    height: 708px;
    padding: 32px;
    box-sizing: border-box;
    grid-template-columns: 500px 684px;
    gap: 32px;
    background-image: url("assets/Review Background.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border: 1px solid #3D373B;
    position: relative;
    isolation: isolate;
    opacity: 1;
    transform: none;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__reviews::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(8, 6, 12, 0.55);
    pointer-events: none;
    z-index: 0;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-list::before {
    content: none;
    display: none;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-list {
    width: 684px;
    height: 644px;
    min-height: 644px;
    padding: 0;
    gap: 48px;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__image-placeholder {
    width: 500px;
    height: 644px;
    min-height: 644px;
    opacity: 1;
    display: block;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-card {
    display: block;
    flex: 0 0 auto;
    padding: 32px;
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    opacity: 0.35;
    overflow: visible;
    min-height: 0;
    transition: opacity 0.25s ease, background 0.25s ease, border-color 0.25s ease;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-card::after {
    content: none;
    display: none;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-card::before {
    content: none;
    display: none;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-card--active {
    display: block;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid #3D373B;
    opacity: 1;
    box-shadow: none;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child {
    border-bottom: 1px solid #3D373B;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child {
    border-top: 1px solid #3D373B;
    border-bottom: none;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-card p,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card--active p {
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: 0.01em;
    color: #ffffff;
    max-width: none;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img {
    color: #ffffff;
    opacity: 1;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn {
    display: flex;
    position: static;
    background: transparent;
    border: none;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 4px;
    transform: translateX(266px);
    box-shadow: none;
    z-index: 3;
    flex-shrink: 0;
    align-self: center;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:active {
    background: transparent;
    opacity: 1;
    transform: translateX(266px);
    box-shadow: none;
  }

  .case-study-single-page .section-5__carousel-btn--prev {
    margin-bottom: -36px;
  }

  .case-study-single-page .section-5__carousel-btn--next {
    margin-top: -36px;
  }

  .case-study-single-page .section-5__carousel-btn--prev img,
  .case-study-single-page .section-5__carousel-btn--next img {
    transform: rotate(0deg);
    width: 22px;
    height: 22px;
    opacity: 1;
  }

  /* Section 8 — desktop/tablet: match sell/home (mobile ≤767 unchanged) */
  .case-study-single-page .section-8-cta.case-study-internal-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    border-radius: var(--sell-section-radius);
    height: auto;
    min-height: 0;
    display: flex;
    gap: var(--site-gutter);
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    box-sizing: border-box;
    left: auto;
    right: auto;
  }

  .case-study-single-page .section-8-cta .case-study-internal-inner--cta {
    display: contents;
  }

  .case-study-single-page .section-8__content {
    width: 480px;
    min-height: 220px;
    max-width: none;
  }

  .case-study-single-page .section-8__content h3 {
    width: 470px;
    max-width: none;
    margin: 0;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
  }

  .case-study-single-page .section-8__content p {
    width: 430px;
    max-width: none;
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }

  .case-study-single-page .section-8__actions {
    justify-content: center;
  }

  .case-study-single-page .section-8__sales-card {
    width: 377.5128556574px;
    height: 397.3219991309px;
    left: -10px;
    top: 130px;
    transform: rotate(2deg);
  }

  .case-study-single-page .section-8__metrics-card {
    width: 400.0000109413px;
    height: 524.0937643357px;
    right: -55px;
    top: 10px;
    transform: rotate(-2deg);
  }

  .case-study-single-page .section-8__sales-card img,
  .case-study-single-page .section-8__metrics-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .case-study-single-page .section-5-placeholder.case-study-internal-section,
  .case-study-single-page .section-8-cta.case-study-internal-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .case-study-single-page .section-8-cta.case-study-internal-section {
    overflow: visible;
  }

  .case-study-single-page .section-8__content {
    width: 100%;
    max-width: 620px;
    min-height: auto;
    gap: 16px;
  }

  .case-study-single-page .section-8__content h3 {
    width: 100%;
    font-size: 40px;
    line-height: 48px;
  }

  .case-study-single-page .section-8__content p {
    width: 100%;
    max-width: 560px;
    font-size: 16px;
    line-height: 24px;
  }

  .case-study-single-page .section-8__sales-card {
    display: block;
    width: 260px;
    height: auto;
    left: -74px;
    top: 180px;
    transform: none;
    z-index: 1;
  }

  .case-study-single-page .section-8__metrics-card {
    display: block;
    width: 270px;
    height: auto;
    right: -96px;
    top: 44px;
    transform: none;
    z-index: 1;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__reviews {
    min-height: min(640px, 80vh);
    height: auto;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 24px;
    padding: 24px;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__image-placeholder {
    width: 100%;
    height: 100%;
    min-height: min(520px, 65vh);
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__review-list {
    width: 100%;
    height: auto;
    min-height: min(520px, 65vh);
    padding-right: 48px;
    gap: 32px;
  }

  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:active {
    transform: none;
  }

  /* Undo “final overrides” tiny type — match other pages at tablet */
  .case-study-single-page .case-study-challenge-section .case-study-internal-inner,
  .case-study-single-page .case-study-process-section .case-study-internal-inner,
  .case-study-single-page .case-study-marketing-section .case-study-internal-inner,
  .case-study-single-page .case-study-results-section .case-study-internal-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .case-study-single-page .case-study-challenge__content h3,
  .case-study-single-page .case-study-process__left h3,
  .case-study-single-page .case-study-marketing__copy h3,
  .case-study-single-page .case-study-results__copy h3,
  .case-study-single-page .case-study-media-links-section h3 {
    font-size: 36px;
    line-height: 42px;
  }

  .case-study-single-page .case-study-challenge__content p,
  .case-study-single-page .case-study-process__left p,
  .case-study-single-page .case-study-marketing__copy p,
  .case-study-single-page .case-study-results__copy p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (min-width: 1280px) {
  .case-study-single-page {
    --case-study-content-max: min(1440px, calc(100vw - clamp(48px, 8vw, 160px)));
  }

  .case-study-single-page .case-study-internal-inner {
    max-width: var(--case-study-content-max);
    padding-left: clamp(24px, 4vw, 56px);
    padding-right: clamp(24px, 4vw, 56px);
  }
}

/* Case study single — navbar desktop / tablet (align with content band + sell/home) */
@media (min-width: 768px) {
  .case-study-single-page .navbar {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--case-study-content-max);
    padding: var(--spacing-lg) clamp(20px, 3vw, 56px);
    box-sizing: border-box;
  }

  .case-study-single-page .navbar__container {
    display: flex;
    width: 100%;
    max-width: none;
    min-height: 58px;
    padding: 8px clamp(12px, 1.5vw, 24px) 8px clamp(16px, 2vw, 32px);
    gap: clamp(10px, 1.2vw, 14px);
    border-radius: 999px;
    overflow: visible;
    flex-wrap: nowrap;
    align-items: center;
  }

  .case-study-single-page .navbar__logo-img {
    height: clamp(38px, 3.5vw, 50px);
    width: auto;
  }

  .case-study-single-page .case-study-internal-intro-section {
    margin-top: clamp(88px, 10vw, 112px);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .case-study-single-page .navbar__container {
    width: 100%;
    max-width: var(--case-study-content-max);
    margin-left: auto;
    margin-right: auto;
    border-radius: 999px;
    padding: 10px 14px;
  }

  .case-study-single-page .navbar__list {
    gap: clamp(10px, 1.4vw, 20px);
  }

  .case-study-single-page .navbar__link {
    font-size: 13px;
    line-height: 18px;
  }
}

@media (min-width: 1025px) {
  .case-study-single-page .navbar__hamburger {
    display: none !important;
  }

  .case-study-single-page .navbar__menu {
    display: block !important;
    order: unset;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin-top: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    max-height: none;
    overflow: visible;
  }

  .case-study-single-page .navbar__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: clamp(14px, 1.6vw, 32px);
    width: 100%;
    padding: 0;
  }

  .case-study-single-page .navbar__link {
    display: inline;
    padding: 0;
    border-bottom: none;
    font-size: clamp(12px, 0.9vw, 14px);
    line-height: 20px;
    white-space: nowrap;
  }

  .case-study-single-page .navbar__actions {
    display: flex !important;
    align-items: center;
    gap: clamp(10px, 1vw, 16px);
    flex-shrink: 0;
    margin-left: 0;
  }

  .case-study-single-page .navbar__actions .btn--navbar-primary {
    display: inline-flex;
    flex-shrink: 0;
  }

  .case-study-single-page .navbar__search {
    flex-shrink: 0;
  }
}

@media (min-width: 1280px) {
  .case-study-single-page .navbar {
    max-width: var(--case-study-content-max);
    padding-left: clamp(24px, 4vw, 56px);
    padding-right: clamp(24px, 4vw, 56px);
  }

  .case-study-single-page .navbar__container {
    padding: 8px 8px 8px 32px;
    gap: 14px;
  }

  .case-study-single-page .navbar__list {
    gap: 32px;
  }

  .case-study-single-page .navbar__link {
    font-size: 14px;
  }
}

/* ============================================
   CASE STUDY INTERNAL — desktop responsive (match case-study-single + sell/home)
   ============================================ */
.case-study-internal-page {
  overflow-x: hidden;
  --sell-section-radius: var(--home-section-radius, 32px);
  --case-study-content-max: min(1440px, calc(100vw - clamp(32px, 6vw, 96px)));
}

@media (max-width: 1279px) {
  .case-study-internal-page {
    --sell-section-radius: var(--space-3);
  }
}

@media (min-width: 768px) {
  .case-study-internal-page {
    overflow-x: visible;
  }

  .case-study-internal-page .case-study-internal-section {
    overflow: visible;
  }

  .case-study-internal-page .case-study-internal-inner,
  .case-study-internal-page .case-study-internal-inner--spec {
    max-width: var(--case-study-content-max);
    padding-left: clamp(20px, 3vw, 48px);
    padding-right: clamp(20px, 3vw, 48px);
  }

  .case-study-internal-page .case-study-internal-intro-section {
    margin-top: clamp(88px, 10vw, 112px);
  }

  .case-study-internal-page .case-study-internal-intro-section .case-study-internal-inner {
    padding-top: clamp(16px, 3vw, 28px);
    padding-bottom: clamp(16px, 3vw, 28px);
  }

  .case-study-internal-page .auction-single-banner__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--site-gutter);
    row-gap: 0;
    align-items: start;
  }

  .case-study-internal-page .auction-single-banner__copy {
    display: contents;
  }

  .case-study-internal-page .auction-single-breadcrumb {
    grid-column: 1;
    grid-row: 1;
  }

  .case-study-internal-page .auction-single-banner__copy h1 {
    grid-column: 1;
    grid-row: 2;
    max-width: min(820px, 100%);
  }

  .case-study-internal-page .auction-single-banner__copy p {
    grid-column: 1;
    grid-row: 3;
    max-width: min(820px, 100%);
  }

  .case-study-internal-page .auction-single-banner__cta {
    grid-column: 1;
    grid-row: 4;
    justify-self: start;
  }

  .case-study-internal-page .case-study-internal-stats {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    margin-top: 0;
    transform: none;
    justify-content: flex-end;
  }

  .case-study-internal-page .auction-single-top {
    margin-top: clamp(20px, 2.5vw, 32px);
  }

  .case-study-internal-page .auction-single-main-image {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: clamp(360px, 42vw, 600px);
    margin: 0;
  }

  .case-study-internal-page .auction-single-main-image img {
    min-height: 0;
    height: 100%;
    object-fit: cover;
  }

  .case-study-internal-page .auction-single-thumb-row {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    transform: none;
    height: clamp(72px, 8vw, 120px);
  }

  .case-study-internal-page .auction-single-thumb-row img {
    width: 100%;
    height: 100%;
    min-height: clamp(72px, 8vw, 120px);
    object-fit: cover;
  }

  .case-study-internal-page .auction-single-spec-section.case-study-internal-section {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    padding: 0;
    border-left: none;
    border-right: none;
    border-radius: var(--sell-section-radius);
    overflow: hidden;
  }

  .case-study-internal-page .case-study-internal-inner--spec {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: clamp(32px, 4vw, 72px);
    padding-top: clamp(48px, 5vw, 72px);
    padding-bottom: clamp(48px, 5vw, 72px);
  }

  .case-study-internal-page .auction-single-spec-media {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: clamp(240px, 28vw, 358px);
  }

  .case-study-internal-page .auction-single-spec-media img {
    width: 100%;
    height: 100%;
    min-height: clamp(240px, 28vw, 358px);
    object-fit: cover;
  }

  .case-study-internal-page .auction-single-pickup-section.case-study-internal-section {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    padding: 0;
    border-left: none;
    border-right: none;
    border-radius: var(--sell-section-radius);
    overflow: hidden;
  }

  .case-study-internal-page .auction-single-pickup-section .case-study-internal-inner {
    max-width: var(--case-study-content-max);
    padding-top: clamp(48px, 5vw, 72px);
    padding-bottom: clamp(48px, 5vw, 72px);
  }

  .case-study-internal-page .auction-single-pickup-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--site-gutter);
  }

  .case-study-internal-page .auction-single-pickup-card {
    min-height: clamp(280px, 32vw, 360px);
  }

  /* Section 5 — desktop/tablet: match sell/home */
  .case-study-internal-page .section-5-placeholder.case-study-internal-section {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    border-radius: var(--sell-section-radius);
    display: flex;
    flex-direction: column;
    gap: var(--layout-heading-to-content);
    background: rgba(49, 42, 47, 1);
    overflow: hidden;
    box-sizing: border-box;
  }

  .case-study-internal-page .section-5-placeholder.case-study-internal-section {
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;
  }

  .case-study-internal-page .section-5-placeholder .case-study-internal-inner {
    display: contents;
    padding: 0;
  }

  .case-study-internal-page .section-5__header {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .case-study-internal-page .section-5__title {
    font-size: 40px;
    line-height: 52px;
  }

  .case-study-internal-page .section-5__subtitle {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
  }

  .case-study-internal-page .section-5__reviews {
    margin-top: 0;
    width: 100%;
    max-width: 1280px;
    min-height: 0;
    height: auto;
    padding: 0;
    background: transparent;
    background-image: none;
    display: block;
    grid-template-columns: none;
    border-radius: 0;
    overflow: visible;
  }

  .case-study-internal-page .section-5__reviews-wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__reviews {
    margin: 0;
    width: 100%;
    max-width: 1280px;
    min-height: 708px;
    height: 708px;
    padding: 32px;
    box-sizing: border-box;
    grid-template-columns: 500px 684px;
    gap: 32px;
    background-image: url("assets/Review Background.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border: 1px solid #3D373B;
    position: relative;
    isolation: isolate;
    opacity: 1;
    transform: none;
    display: grid;
    overflow: hidden;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__reviews::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(8, 6, 12, 0.55);
    pointer-events: none;
    z-index: 0;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list::before {
    content: none;
    display: none;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list {
    width: 684px;
    height: 644px;
    min-height: 644px;
    padding: 0;
    padding-right: 0;
    gap: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__image-placeholder {
    width: 500px;
    height: 644px;
    min-height: 644px;
    opacity: 1;
    display: block;
    border: none;
    background: transparent;
    padding: 0;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card {
    display: block;
    flex: 0 0 auto;
    padding: 32px;
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    opacity: 0.35;
    overflow: visible;
    min-height: 0;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card--active {
    display: block;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid #3D373B;
    opacity: 1;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child {
    border-bottom: 1px solid #3D373B;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child {
    border-top: 1px solid #3D373B;
    border-bottom: none;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card p {
    font-size: 18px;
    line-height: 1.7;
    color: #ffffff;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn {
    display: flex;
    position: static;
    background: transparent;
    border: none;
    transform: translateX(266px);
    box-shadow: none;
    z-index: 3;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:active {
    transform: translateX(266px);
    background: transparent;
    box-shadow: none;
  }

  .case-study-internal-page .section-5__carousel-btn--prev {
    margin-bottom: -36px;
  }

  .case-study-internal-page .section-5__carousel-btn--next {
    margin-top: -36px;
  }

  /* Section 8 — desktop/tablet: match sell/home */
  .case-study-internal-page .section-8-cta.case-study-internal-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    border-radius: var(--sell-section-radius);
    height: auto;
    min-height: 0;
    display: flex;
    gap: var(--site-gutter);
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    box-sizing: border-box;
  }

  .case-study-internal-page .section-8-cta .case-study-internal-inner--cta {
    display: contents;
    min-height: 0;
    padding: 0;
  }

  .case-study-internal-page .section-8__content {
    width: 480px;
    min-height: 220px;
    max-width: none;
  }

  .case-study-internal-page .section-8__content h3 {
    width: 470px;
    max-width: none;
    margin: 0;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
  }

  .case-study-internal-page .section-8__content p {
    width: 430px;
    max-width: none;
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }

  .case-study-internal-page .section-8__sales-card {
    width: 377.5128556574px;
    height: 397.3219991309px;
    left: -10px;
    top: 130px;
    transform: rotate(2deg);
  }

  .case-study-internal-page .section-8__metrics-card {
    width: 400.0000109413px;
    height: 524.0937643357px;
    right: -55px;
    top: 10px;
    transform: rotate(-2deg);
  }

  .case-study-internal-page .section-8__sales-card img,
  .case-study-internal-page .section-8__metrics-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* Navbar — align with content band */
  .case-study-internal-page .navbar {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--case-study-content-max);
    padding: var(--spacing-lg) clamp(20px, 3vw, 56px);
    box-sizing: border-box;
  }

  .case-study-internal-page .navbar__container {
    display: flex;
    width: 100%;
    max-width: none;
    min-height: 58px;
    padding: 8px clamp(12px, 1.5vw, 24px) 8px clamp(16px, 2vw, 32px);
    gap: clamp(10px, 1.2vw, 14px);
    border-radius: 999px;
    background: rgba(49, 42, 47, 0.94);
    backdrop-filter: blur(12px);
    overflow: visible;
    flex-wrap: nowrap;
    align-items: center;
  }

  .case-study-internal-page .navbar__logo-img {
    height: clamp(38px, 3.5vw, 50px);
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .case-study-internal-page .section-5-placeholder.case-study-internal-section,
  .case-study-internal-page .section-8-cta.case-study-internal-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .case-study-internal-page .section-8-cta.case-study-internal-section {
    overflow: visible;
  }

  .case-study-internal-page .section-8__content {
    width: 100%;
    max-width: 620px;
    min-height: auto;
    gap: 16px;
  }

  .case-study-internal-page .section-8__content h3 {
    width: 100%;
    font-size: 40px;
    line-height: 48px;
  }

  .case-study-internal-page .section-8__content p {
    width: 100%;
    max-width: 560px;
    font-size: 16px;
    line-height: 24px;
  }

  .case-study-internal-page .section-8__sales-card {
    display: block;
    width: 260px;
    height: auto;
    left: -74px;
    top: 180px;
    transform: none;
    z-index: 1;
  }

  .case-study-internal-page .section-8__metrics-card {
    display: block;
    width: 270px;
    height: auto;
    right: -96px;
    top: 44px;
    transform: none;
    z-index: 1;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__reviews {
    min-height: min(640px, 80vh);
    height: auto;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 24px;
    padding: 24px;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__image-placeholder {
    width: 100%;
    height: 100%;
    min-height: min(520px, 65vh);
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list {
    width: 100%;
    height: auto;
    min-height: min(520px, 65vh);
    padding-right: 48px;
    gap: 32px;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:active {
    transform: none;
  }

  .case-study-internal-page .case-study-internal-inner--spec {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .case-study-internal-page .auction-single-pickup-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .case-study-internal-page .auction-single-pickup-card {
    min-height: 0;
    border-right: none;
    border-bottom: 1px solid #eef1f5;
    padding: 0 0 20px;
  }

  .case-study-internal-page .auction-single-pickup-card:last-child {
    border-bottom: none;
  }

  .case-study-internal-page .navbar__container {
    width: 100%;
    max-width: var(--case-study-content-max);
    margin-left: auto;
    margin-right: auto;
    border-radius: 999px;
    padding: 10px 14px;
  }
}

@media (min-width: 1025px) {
  .case-study-internal-page .case-study-internal-intro-section {
    margin-top: clamp(56px, 6vw, 72px);
  }

  .case-study-internal-page .auction-single-banner__copy h1 {
    font-size: clamp(40px, 3.8vw, 56px);
    line-height: 1.1;
    letter-spacing: -0.02em;
  }

  .case-study-internal-page .auction-single-banner__copy p {
    font-size: clamp(16px, 1.15vw, 18px);
    line-height: 1.65;
  }

  .case-study-internal-page .auction-single-spec-right h3 {
    font-size: clamp(32px, 2.6vw, 40px);
    line-height: 1.18;
  }

  .case-study-internal-page .auction-single-spec-right > p {
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.65;
  }

  .case-study-internal-page .auction-single-pickup-header h3 {
    font-size: clamp(34px, 3vw, 40px);
    line-height: 1.2;
  }

  .case-study-internal-page .navbar__hamburger {
    display: none !important;
  }

  .case-study-internal-page .navbar__menu {
    display: block !important;
    order: unset;
    position: static;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin-top: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    max-height: none;
    overflow: visible;
  }

  .case-study-internal-page .navbar__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: clamp(14px, 1.6vw, 32px);
    width: 100%;
    padding: 0;
  }

  .case-study-internal-page .navbar__link {
    display: inline;
    padding: 0;
    border-bottom: none;
    font-size: clamp(12px, 0.9vw, 14px);
    line-height: 20px;
    white-space: nowrap;
  }

  .case-study-internal-page .navbar__actions {
    display: flex !important;
    align-items: center;
    gap: clamp(10px, 1vw, 16px);
    flex-shrink: 0;
  }

  .case-study-internal-page .navbar__actions .btn--navbar-primary {
    display: inline-flex;
    flex-shrink: 0;
  }
}

@media (min-width: 1280px) {
  .case-study-internal-page .case-study-internal-inner,
  .case-study-internal-page .case-study-internal-inner--spec {
    padding-left: clamp(24px, 4vw, 56px);
    padding-right: clamp(24px, 4vw, 56px);
  }

  .case-study-internal-page .navbar {
    max-width: var(--case-study-content-max);
    padding-left: clamp(24px, 4vw, 56px);
    padding-right: clamp(24px, 4vw, 56px);
  }

  .case-study-internal-page .navbar__container {
    padding: 8px 8px 8px 32px;
    gap: 14px;
  }

  .case-study-internal-page .navbar__list {
    gap: 32px;
  }

  .case-study-internal-page .navbar__link {
    font-size: 14px;
  }
}

/* ============================================
   MOBILE DESIGN SYSTEM — ~365px standard (≤767px)
   16px side padding · 40/60/80px section rhythm
   ============================================ */
@media (max-width: 767px) {
  /* —— Home hero (Figma mobile section container) —— */
  .home-page .hero {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: calc(100% - 20px);
    max-width: none;
    margin: 0 10px;
    min-height: 524px;
    height: auto;
    padding: var(--space-1) 16px var(--space-11);
    gap: var(--space-11);
    border-radius: 16px;
    overflow: hidden;
    background-position: center;
  }

  .home-page .hero__overlay {
    border-radius: 16px;
  }

  .home-page .hero .navbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
  }

  .home-page .hero .navbar__container {
    width: 100%;
  }

  .home-page .hero__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .home-page .hero__subtitle-wrapper,
  .home-page .hero__description-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .home-page .hero__subtitle {
    font-size: clamp(28px, 7.8vw, 34px);
    line-height: 1.14;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .home-page .hero__description {
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: left;
  }

  .home-page .hero__description-wrapper {
    margin-bottom: 24px;
  }

  .home-page .hero__cta {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }

  .home-page .hero__cta .btn {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    justify-content: center;
  }

  /* —— Home section 1: Figma mobile spacing (32/24px rhythm) —— */
  .home-page .section-1 {
    background-color: var(--color-white);
    padding: 32px 24px 24px;
  }

  .home-page .section-1__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
    max-width: 100%;
  }

  .home-page .section-1__image {
    order: 0;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    border-radius: 16px;
  }

  .home-page .section-1__image-img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    object-fit: cover;
    display: block;
  }

  .home-page .section-1__content {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-left: 0;
    width: 100%;
  }

  .home-page .section-1__title {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: none;
    color: #1f1a1d;
  }

  .home-page .section-1__description {
    margin: 0 0 24px;
    font-size: 15px;
    line-height: 1.45;
    letter-spacing: -0.01em;
    text-align: left;
    color: #605b5e;
  }

  .home-page .section-1__grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 0 24px;
  }

  .home-page .section-1__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
  }

  .home-page .section-1__card-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 12px;
    background: var(--color-surface-muted);
  }

  .home-page .section-1__card-title {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #1f1a1d;
  }

  .home-page .section-1__card-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    color: #383035;
  }

  .home-page .section-1__cta {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin: 0;
  }

  .home-page .section-1__cta .btn {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    justify-content: center;
    border-radius: var(--btn-radius-pill);
  }

  /* —— Home section 2: Figma mobile swipe carousel —— */
  .home-page .section-2 {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 24px 0 32px;
    gap: 24px;
    border-radius: 0 0 var(--home-section-radius, 16px) var(--home-section-radius, 16px);
    background: #fff3eb;
    align-items: stretch;
    overflow: visible;
  }

  .home-page .section-2__header {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 24px;
    text-align: left;
  }

  .home-page .section-2__title {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: none;
  }

  .home-page .section-2__description {
    max-width: none;
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    text-align: left;
  }

  .home-page .section-2__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: none;
    min-height: 280px;
    height: auto;
    margin: 0;
    padding: 0 24px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-inline: 24px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .home-page .section-2__container::-webkit-scrollbar {
    display: none;
  }

  .home-page .section-2__stat-card {
    position: relative;
    box-sizing: border-box;
    flex: 0 0 calc(100vw - 48px);
    width: calc(100vw - 48px);
    min-height: 280px;
    height: 280px;
    max-height: none;
    padding: 24px 20px;
    border-radius: 16px;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    overflow: hidden;
  }

  /* Show tiles fully on load — no scroll-triggered slide-up clip */
  .home-page .section-2--animate-ready .section-2__header,
  .home-page .section-2--animate-ready .section-2__stat-card,
  .home-page .section-2--animate-ready .section-2__stat-label,
  .home-page .section-2--animate-ready .section-2__stat-number {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .home-page .section-2__stat-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.58) 100%);
    z-index: 0;
    pointer-events: none;
  }

  .home-page .section-2__stat-label {
    display: none;
  }

  .home-page .section-2__stat-card {
    justify-content: flex-end;
  }

  .home-page .section-2__stat-number {
    font-size: 64px;
    line-height: 1.05;
    letter-spacing: -0.03em;
    margin-top: 0;
  }

  /* —— Home section 3: Figma mobile swipe carousel —— */
  body.home-page .section-3 {
    overflow: visible;
  }

  .home-page .section-3 {
    padding: 32px 0;
    background: var(--color-white);
  }

  .home-page .section-3__header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    max-width: none;
    margin: 0 0 24px;
    padding: 0 24px;
    text-align: left;
  }

  .home-page .section-3__title-group {
    gap: 8px;
  }

  .home-page .section-3__title {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: none;
  }

  .home-page .section-3__description {
    max-width: none;
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    text-align: left;
  }

  .home-page .section-3__controls {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    white-space: normal;
  }

  .home-page .section-3__tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
  }

  .home-page .section-3__tab {
    width: 100%;
    min-height: 40px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    white-space: normal;
  }

  .home-page .section-3__navigation {
    display: none;
  }

  .home-page .section-3__carousel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: none;
    margin: 0 0 24px;
    padding: 0 24px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-inline: 24px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .home-page .section-3__carousel::-webkit-scrollbar {
    display: none;
  }

  .home-page .section-3__card {
    box-sizing: border-box;
    flex: 0 0 calc(100vw - 80px);
    width: calc(100vw - 80px);
    max-width: none;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    border-radius: 16px;
    border: 1px solid #d8dae5;
    padding: 8px;
    background: #fff;
  }

  .home-page .section-3__image-wrapper {
    position: relative;
    width: 100%;
    height: 220px;
    margin-bottom: 12px;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eaef;
  }

  .home-page .section-3__image {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 12px;
    object-fit: cover;
    object-position: center center;
  }

  .home-page .section-3__badge {
    left: 50%;
    right: auto;
    bottom: 12px;
    width: max-content;
    max-width: calc(100% - 24px);
    transform: translateX(-50%);
    padding: 8px 16px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 26, 29, 0.08);
    z-index: 2;
  }

  .home-page .section-3--animate-ready .section-3__badge {
    transform: translateX(-50%) translateY(20px);
  }

  .home-page .section-3--animate-ready.section-3--in-view .section-3__badge {
    transform: translateX(-50%) translateY(0);
  }

  .home-page .section-3__badge-text {
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    text-align: center;
  }

  .home-page .section-3__content {
    padding: 0 8px 10px;
    width: 100%;
    box-sizing: border-box;
  }

  .home-page .section-3__card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 8px;
    color: #1f1a1d;
  }

  .home-page .section-3__card-description {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #605b5e;
  }

  .home-page .section-3__stats {
    display: flex;
    gap: 0;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .home-page .section-3__stats > div[style] {
    width: 1px !important;
    height: 40px !important;
    align-self: center;
    background: #e5e1e3 !important;
    flex-shrink: 0;
  }

  .home-page .section-3__stat {
    flex: 1;
    min-width: 0;
    gap: 12px;
    align-items: flex-start;
  }

  .home-page .section-3__stat-icon {
    width: 24px;
    height: 24px;
    margin-top: 2px;
  }

  .home-page .section-3__stat-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #1f1a1d;
  }

  .home-page .section-3__stat-value {
    font-size: 12px;
    line-height: 16px;
    color: #605b5e;
  }

  .home-page .section-3__footer {
    justify-content: center;
    max-width: none;
    width: 100%;
    padding: 0 24px;
  }

  .home-page .section-3__view-all {
    min-height: 44px;
    padding: 10px 28px;
    font-size: 15px;
    line-height: 22px;
  }

  /* Mobile: vertical reveal (keeps badge centered via translateX) */
  .home-page .section-3--animate-ready .section-3__header,
  .home-page .section-3--animate-ready .section-3__footer {
    transform: translateY(28px);
  }

  .home-page .section-3--animate-ready .section-3__card {
    transform: translateY(32px);
  }

  .home-page .section-3--animate-ready .section-3__image {
    transform: translateY(-20px);
  }

  .home-page .section-3--animate-ready .section-3__content {
    transform: translateY(20px);
  }

  .home-page .section-3--animate-ready.section-3--in-view .section-3__header,
  .home-page .section-3--animate-ready.section-3--in-view .section-3__footer,
  .home-page .section-3--animate-ready.section-3--in-view .section-3__card {
    transform: translateY(0);
  }

  .home-page .section-3--animate-ready.section-3--in-view .section-3__image {
    transform: translateY(0);
  }

  .home-page .section-3--animate-ready.section-3--in-view .section-3__content {
    transform: translateY(0);
  }

  .home-page .process-scroll-track .section-4-placeholder {
    padding-top: var(--mobile-section-y);
    padding-bottom: var(--mobile-section-y-lg);
    padding-left: var(--site-gutter-x);
    padding-right: var(--site-gutter-x);
  }

  .home-page .process-scroll-track .section-4__title {
    font-size: 28px;
    line-height: 1.2;
    text-align: left;
  }

  .home-page .process-scroll-track .section-4__subtitle {
    font-size: 15px;
    line-height: 1.45;
    text-align: left;
  }

  .home-page .process-scroll-track .process-heading {
    margin-bottom: 24px;
    text-align: left;
  }

  .home-page .process-scroll-track .process-mobile-stack {
    gap: 32px;
  }

  .home-page .process-scroll-track .process-mobile-step__content .step-card {
    min-height: 160px;
    border-radius: 12px;
    margin-bottom: 0;
  }

  .home-page .process-scroll-track .step-text-block h3 {
    font-size: 18px;
    line-height: 1.3;
  }

  .home-page .process-scroll-track .step-text-block p {
    font-size: 14px;
    line-height: 1.45;
  }

  .home-page .section-7-newsletter {
    padding-top: var(--mobile-section-y);
    padding-bottom: var(--mobile-section-y);
    height: auto;
  }

  .home-page .section-7__panel {
    padding: 0;
    gap: 20px;
    grid-template-columns: 1fr;
    background: transparent;
  }

  .home-page .section-7__image-placeholder {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.65);
  }

  .home-page .section-7__image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
    object-fit: contain;
    object-position: center;
  }

  .home-page .section-7__content h2 {
    font-size: 28px;
    line-height: 1.2;
  }

  .home-page .section-7__content p {
    font-size: 15px;
    line-height: 1.45;
  }

  .home-page .section-7__form {
    margin-top: 16px;
    gap: 12px;
  }

  .home-page .section-7__form input,
  .home-page .section-7__form button {
    width: 100%;
    min-height: 48px;
  }

  .home-page .rs-bottom-layout {
    padding: var(--mobile-section-y) var(--site-gutter-x);
    border-radius: var(--home-section-radius);
    margin: 0;
  }

  .home-page .rs-cta-content h3 {
    font-size: 28px;
    line-height: 1.2;
  }

  .home-page .rs-cta-content p {
    font-size: 15px;
    line-height: 1.45;
  }

  .home-page .rs-cta-actions {
    width: 100%;
    flex-direction: column;
    gap: 12px;
  }

  .home-page .rs-cta-actions .btn {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }

  .about-page .hero__content,
  .auctions-page .auctions-hero__content {
    padding-left: var(--site-gutter-x);
    padding-right: var(--site-gutter-x);
  }

  .btn--block,
  .section-1__cta .btn,
  .sell-trusted__actions .sell-trusted__btn {
    width: 100%;
    justify-content: center;
  }

  /* —— Section 5: What Our Clients Say (Figma mobile carousel) —— */
  .home-page .section-5-placeholder,
  .auctions-page .section-5-placeholder,
  .sell-page .section-5-placeholder,
  .case-studies-page .section-5-placeholder,
  .case-study-single-page .section-5-placeholder.case-study-internal-section,
  .case-study-internal-page .section-5-placeholder.case-study-internal-section,
  body.auctions-page:not(.upcoming-auctions-page) .section-5-placeholder {
    /* Full band width on mobile (override global min(1440px) + margin: auto) */
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 32px;
    gap: 24px;
    border-radius: 16px;
  }

  .case-study-single-page .section-5-placeholder .case-study-internal-inner,
  .case-study-internal-page .section-5-placeholder .case-study-internal-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0;
  }

  .case-study-single-page .section-5__reviews,
  .case-study-internal-page .section-5__reviews {
    margin-top: 0;
  }

  .case-study-single-page .section-5__reviews-wrap,
  .case-study-internal-page .section-5__reviews-wrap {
    margin-top: 0;
  }

  .home-page .section-5__header,
  .auctions-page .section-5__header,
  .sell-page .section-5__header,
  .case-studies-page .section-5__header,
  .case-study-single-page .section-5__header,
  .case-study-internal-page .section-5__header {
    margin-bottom: 0;
    text-align: center;
  }

  .home-page .section-5__title,
  .auctions-page .section-5__title,
  .sell-page .section-5__title,
  .case-studies-page .section-5__title,
  .case-study-single-page .section-5__title,
  .case-study-internal-page .section-5__title {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
  }

  .home-page .section-5__subtitle,
  .auctions-page .section-5__subtitle,
  .sell-page .section-5__subtitle,
  .case-studies-page .section-5__subtitle,
  .case-study-single-page .section-5__subtitle,
  .case-study-internal-page .section-5__subtitle {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    max-width: 22em;
    margin-left: auto;
    margin-right: auto;
  }

  .home-page .section-5__reviews-wrap,
  .auctions-page .section-5__reviews-wrap,
  .sell-page .section-5__reviews-wrap,
  .case-studies-page .section-5__reviews-wrap,
  .case-study-single-page .section-5__reviews-wrap,
  .case-study-internal-page .section-5__reviews-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn--prev,
  .home-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn--next,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn--next {
    margin: 0;
  }

  .home-page .section-5__reviews-wrap .section-5__reviews,
  .auctions-page .section-5__reviews-wrap .section-5__reviews,
  .sell-page .section-5__reviews-wrap .section-5__reviews,
  .case-studies-page .section-5__reviews-wrap .section-5__reviews,
  .case-study-single-page .section-5__reviews-wrap .section-5__reviews,
  .case-study-internal-page .section-5__reviews-wrap .section-5__reviews {
    flex: 1;
    min-width: 0;
    width: auto;
    max-width: 100%;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 0;
    gap: 0;
    display: block;
    overflow: hidden;
    background: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    grid-template-columns: 1fr;
  }

  .home-page .section-5__reviews-wrap .section-5__reviews::before,
  .auctions-page .section-5__reviews-wrap .section-5__reviews::before,
  .sell-page .section-5__reviews-wrap .section-5__reviews::before,
  .case-studies-page .section-5__reviews-wrap .section-5__reviews::before,
  .case-study-single-page .section-5__reviews-wrap .section-5__reviews::before,
  .case-study-internal-page .section-5__reviews-wrap .section-5__reviews::before {
    display: none;
  }

  .home-page .section-5__reviews-wrap .section-5__image-placeholder,
  .auctions-page .section-5__reviews-wrap .section-5__image-placeholder,
  .sell-page .section-5__reviews-wrap .section-5__image-placeholder,
  .case-studies-page .section-5__reviews-wrap .section-5__image-placeholder,
  .case-study-single-page .section-5__reviews-wrap .section-5__image-placeholder,
  .case-study-internal-page .section-5__reviews-wrap .section-5__image-placeholder {
    display: none !important;
  }

  .home-page .section-5__reviews-wrap .section-5__review-list,
  .auctions-page .section-5__reviews-wrap .section-5__review-list,
  .sell-page .section-5__reviews-wrap .section-5__review-list,
  .case-studies-page .section-5__reviews-wrap .section-5__review-list,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-list,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list {
    display: block;
    width: 100%;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .home-page .section-5__reviews-wrap .section-5__review-list::before,
  .auctions-page .section-5__reviews-wrap .section-5__review-list::before,
  .sell-page .section-5__reviews-wrap .section-5__review-list::before,
  .case-studies-page .section-5__reviews-wrap .section-5__review-list::before,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-list::before,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list::before {
    content: none;
    display: none;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card::after,
  .auctions-page .section-5__reviews-wrap .section-5__review-card::after,
  .sell-page .section-5__reviews-wrap .section-5__review-card::after,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card::after,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card::after,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card::after {
    content: none;
    display: none;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
  .auctions-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
  .sell-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) p,
  .home-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
  .auctions-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
  .sell-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card:not(.section-5__review-card--active) .section-5__stars-img {
    color: #ffffff;
    opacity: 1;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card,
  .auctions-page .section-5__reviews-wrap .section-5__review-card,
  .sell-page .section-5__reviews-wrap .section-5__review-card,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card {
    display: none;
    flex-direction: column;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 16px;
    border-radius: 16px;
    border: none;
    background: rgba(255, 255, 255, 0.08);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.06),
      0 -10px 18px 4px rgba(49, 42, 47, 0.88),
      0 10px 18px 4px rgba(49, 42, 47, 0.88),
      0 0 20px 6px rgba(49, 42, 47, 0.85);
    opacity: 1;
    text-align: left;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card::before,
  .auctions-page .section-5__reviews-wrap .section-5__review-card::before,
  .sell-page .section-5__reviews-wrap .section-5__review-card::before,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card::before,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card::before,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
    background:
      linear-gradient(to bottom, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 18%),
      linear-gradient(to top, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 18%),
      linear-gradient(to right, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 16%),
      linear-gradient(to left, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 16%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 24%);
    opacity: 0.92;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card > *,
  .auctions-page .section-5__reviews-wrap .section-5__review-card > *,
  .sell-page .section-5__reviews-wrap .section-5__review-card > *,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card > *,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card > *,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card > * {
    position: relative;
    z-index: 1;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card--active,
  .auctions-page .section-5__reviews-wrap .section-5__review-card--active,
  .sell-page .section-5__reviews-wrap .section-5__review-card--active,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card--active,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card--active,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card--active {
    display: flex;
    background: rgba(255, 255, 255, 0.1);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.08),
      0 -12px 22px 6px rgba(49, 42, 47, 0.92),
      0 12px 22px 6px rgba(49, 42, 47, 0.92),
      0 0 24px 8px rgba(49, 42, 47, 0.9);
    opacity: 1;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card--active::before,
  .auctions-page .section-5__reviews-wrap .section-5__review-card--active::before,
  .sell-page .section-5__reviews-wrap .section-5__review-card--active::before,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card--active::before,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card--active::before,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card--active::before {
    background:
      linear-gradient(to bottom, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 18%),
      linear-gradient(to top, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 18%),
      linear-gradient(to right, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 16%),
      linear-gradient(to left, rgba(49, 42, 47, 0.95) 0%, rgba(49, 42, 47, 0) 16%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 24%);
  }

  .home-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
  .auctions-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
  .sell-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
  .case-studies-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:first-child,
  .home-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
  .auctions-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
  .sell-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
  .case-studies-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-list .section-5__review-card:last-child {
    border: none;
  }

  .home-page .section-5__reviews-wrap .section-5__stars,
  .auctions-page .section-5__reviews-wrap .section-5__stars,
  .sell-page .section-5__reviews-wrap .section-5__stars,
  .case-studies-page .section-5__reviews-wrap .section-5__stars,
  .case-study-single-page .section-5__reviews-wrap .section-5__stars,
  .case-study-internal-page .section-5__reviews-wrap .section-5__stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
  }

  .home-page .section-5__reviews-wrap .section-5__stars-img,
  .auctions-page .section-5__reviews-wrap .section-5__stars-img,
  .sell-page .section-5__reviews-wrap .section-5__stars-img,
  .case-studies-page .section-5__reviews-wrap .section-5__stars-img,
  .case-study-single-page .section-5__reviews-wrap .section-5__stars-img,
  .case-study-internal-page .section-5__reviews-wrap .section-5__stars-img {
    height: 20px;
    width: auto;
    max-width: none;
    margin: 0;
    object-position: left center;
  }

  .home-page .section-5__reviews-wrap .section-5__review-card p,
  .auctions-page .section-5__reviews-wrap .section-5__review-card p,
  .sell-page .section-5__reviews-wrap .section-5__review-card p,
  .case-studies-page .section-5__reviews-wrap .section-5__review-card p,
  .case-study-single-page .section-5__reviews-wrap .section-5__review-card p,
  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card p {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    margin: 0;
    max-width: none;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    z-index: 3;
    flex-shrink: 0;
    align-self: center;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:hover,
  .home-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:focus,
  .home-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn:active,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn:active {
    background: transparent;
    transform: none;
    box-shadow: none;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn img,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn img,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn img,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn img,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn img,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn img {
    width: 22px;
    height: 22px;
    opacity: 1;
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn--prev img,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn--prev img,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn--prev img,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn--prev img,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn--prev img,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn--prev img {
    transform: rotate(-90deg);
  }

  .home-page .section-5__reviews-wrap .section-5__carousel-btn--next img,
  .auctions-page .section-5__reviews-wrap .section-5__carousel-btn--next img,
  .sell-page .section-5__reviews-wrap .section-5__carousel-btn--next img,
  .case-studies-page .section-5__reviews-wrap .section-5__carousel-btn--next img,
  .case-study-single-page .section-5__reviews-wrap .section-5__carousel-btn--next img,
  .case-study-internal-page .section-5__reviews-wrap .section-5__carousel-btn--next img {
    transform: rotate(-90deg);
  }

  /* —— Section 6: Proven Results Across Industries (Figma mobile) —— */
  .home-page .section-6-industries {
    height: auto;
    padding: 32px 24px var(--mobile-section-y-lg);
    gap: 24px;
    background: #ffffff;
    border-radius: 0;
  }

  .home-page .section-6__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 0;
  }

  .home-page .section-6__title {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: left;
    color: #1f1a1d;
  }

  .home-page .section-6__view-all {
    flex-shrink: 0;
    margin-top: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-primary);
  }

  .home-page .section-6__view-all .section-6__link-icon {
    filter: none;
  }

  .home-page .section-6__cards {
    display: flex;
    flex-direction: column;
    gap: 32px;
    grid-template-columns: none;
  }

  .home-page .section-6-industries .industry-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    background: transparent;
    border-radius: 0;
  }

  .home-page .section-6-industries .industry-card__media {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(76px, 1fr);
    grid-template-rows: minmax(200px, auto);
    gap: 8px;
    align-items: stretch;
    margin-bottom: 0;
    position: relative;
    overflow: visible;
    border-radius: 0;
  }

  .home-page .section-6-industries .industry-card__media > img {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
    display: block;
  }

  .home-page .section-6-industries .industry-card__stats {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 200px;
    height: 100%;
  }

  .home-page .section-6-industries .industry-card__stat {
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 10px 6px;
    border-radius: 12px;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
  }

  .home-page .section-6-industries .industry-card__stat strong {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #1f1a1d;
  }

  .home-page .section-6-industries .industry-card__stat span {
    font-size: 11px;
    line-height: 1.25;
    color: #666666;
  }

  .home-page .section-6-industries .industry-card__media > .industry-card__tag {
    left: 10px;
    bottom: 10px;
    z-index: 2;
    min-height: 24px;
    padding: 4px 10px;
    font-size: 10px;
    line-height: 14px;
    background: #ffffff;
    border: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  }

  .home-page .section-6-industries .industry-card__title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #1f1a1d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .home-page .section-6-industries .industry-card__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .home-page .section-6-industries .industry-card__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 12px 16px;
    border-radius: 999px;
    background: var(--color-primary-soft-hover);
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    gap: 6px;
    text-decoration: none;
  }

  /* —— Footer (Figma mobile — all pages) —— */
  .footer {
    padding: 64px var(--site-gutter-x) 24px;
    gap: 0;
    min-height: 0;
    align-items: stretch;
    border-radius: 0;
  }

  .home-page .footer {
    padding: 64px var(--site-gutter-x) 24px;
    gap: 0;
    border-radius: 0;
  }

  .footer__container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    gap: 40px;
  }

  .footer__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    grid-template-columns: none;
  }

  .footer__brand {
    max-width: none;
    gap: 16px;
  }

  .footer__logo {
    width: auto;
    max-width: 200px;
    height: auto;
  }

  .footer__description {
    font-size: 14px !important;
    line-height: 1.45 !important;
    letter-spacing: -0.01em !important;
    color: #ffffff !important;
  }

  .footer__social {
    gap: 12px;
    margin-top: 4px;
  }

  .footer__social-link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
  }

  .footer__social-link:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.5);
  }

  .footer__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 0;
    gap: 0;
    width: 100%;
    align-items: start;
  }

  .footer__column {
    gap: 12px;
  }

  .footer__column-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
  }

  .footer__list {
    gap: 12px;
  }

  .footer__link {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
  }

  .footer__newsletter {
    width: 100%;
    gap: 16px;
  }

  .footer__newsletter-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
    white-space: normal;
    text-transform: none;
    color: #ffffff !important;
  }

  .footer__newsletter-form {
    position: relative;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 0 48px 0 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-sizing: border-box;
  }

  .footer__newsletter-input {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    padding: 12px 16px;
    border-radius: 12px;
  }

  .footer__newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }

  .footer__newsletter-button {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    padding: 0;
  }

  .footer__newsletter-button img {
    width: 20px;
    height: 20px;
  }

  .footer__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding-top: 0;
    border-top: none;
  }

  .footer__bottom-links {
    order: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 20px;
    width: 100%;
  }

  .footer__bottom-link {
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    text-align: center;
  }

  .footer__copyright {
    order: 2;
    width: 100%;
    margin: 0;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    text-align: center;
  }

  /* —— Sell page hero (Figma mobile section container) —— */
  .sell-page .sell-hero {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    width: calc(100% - 20px);
    max-width: none;
    margin: 0 10px;
    min-height: 360px;
    height: auto;
    padding: var(--space-1) 16px var(--space-11);
    gap: var(--space-11);
    border-radius: 24px;
    border-width: 0;
    overflow: hidden;
  }

  .sell-page .sell-hero::before {
    border-radius: 24px;
  }

  .sell-page .sell-hero__overlay {
    border-radius: 24px;
    background: linear-gradient(
      180deg,
      rgba(30, 30, 30, 0.88) 0%,
      rgba(30, 30, 30, 0.55) 45%,
      rgba(30, 30, 30, 0.72) 100%
    );
  }

  .sell-page .sell-hero .navbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
    z-index: 3;
  }

  .sell-page .sell-hero .navbar__container {
    width: 100%;
    max-width: 100%;
  }

  .sell-page .sell-hero__content {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .sell-page .sell-hero__content h1 {
    width: 100%;
    max-width: none;
    height: auto;
    font-size: clamp(28px, 7.8vw, 34px);
    line-height: 1.14;
    letter-spacing: -0.02em;
  }

  .sell-page .sell-hero__content p {
    margin: 12px 0 0;
    font-size: 15px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.9);
  }

  /* —— Sell page: Trusted specialists (Figma mobile) —— */
  .sell-page .sell-trusted-section {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    min-height: 0;
    height: auto;
    padding: 32px var(--site-gutter-x);
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    grid-template-columns: none;
  }

  .sell-page .sell-trusted__media {
    position: relative;
    width: 100%;
    min-height: 0;
  }

  .sell-page .sell-trusted__img-main {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
  }

  .sell-page .sell-trusted__img-main-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
    border-radius: 20px;
  }

  .sell-page .sell-trusted__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .sell-page .sell-trusted__content h2 {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #1f1a1d;
  }

  .sell-page .sell-trusted__content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    color: #605b5e;
  }

  .sell-page .sell-trusted__list {
    margin: 0;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 12px;
  }

  .sell-page .sell-trusted__list li {
    font-size: 14px;
    line-height: 1.35;
    color: #383035;
    padding-left: 18px;
  }

  .sell-page .sell-trusted__actions {
    margin-top: 4px;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }

  .sell-page .sell-trusted__btn {
    width: 100%;
    min-height: 48px;
    height: auto;
    padding: 12px 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
  }

  .sell-page .sell-trusted__btn--secondary {
    background: #ffe8d4;
    color: #ff6600;
  }

  /* —— Sell page: Auction results (Figma mobile) —— */
  .sell-page .sell-results-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px var(--site-gutter-x) var(--mobile-section-y-lg);
    background: #312a2f;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    grid-template-columns: none;
    box-sizing: border-box;
    overflow: hidden;
  }

  .sell-page .sell-results__title-wrap {
    transform: none;
    align-self: stretch;
  }

  .sell-page .sell-results-section.sell-results--animate-ready .sell-results__title-wrap {
    transform: translate(-24px, 0);
  }

  .sell-page .sell-results-section.sell-results--animate-ready.sell-results--in-view .sell-results__title-wrap {
    transform: translate(0, 0);
  }

  .sell-page .sell-results-section.sell-results--animate-ready.sell-results--in-view {
    transform: translateY(0);
  }

  .sell-page .sell-results__title {
    width: 100%;
    max-width: none;
    height: auto;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: none;
    color: #ffffff;
  }

  .sell-page .sell-results__content {
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
    max-width: none;
  }

  .sell-page .sell-results__description {
    max-width: none;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #b0b0b0;
    text-align: left;
  }

  .sell-page .sell-results__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
    width: 100%;
  }

  .sell-page .sell-results__stat-item h3 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-align: left;
  }

  .sell-page .sell-results__stat-item p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.3;
    color: #b0b0b0;
    text-align: left;
  }

  /* Resources hero — Figma mobile: left-aligned copy, vertically centered in banner */
  .resources-page .rs-hero {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px);
    max-width: none;
    height: 420px;
    min-height: 420px;
    margin: 0 10px;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
  }

  .resources-page .rs-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    width: 100%;
    padding: 12px 0 0;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.88) 22%, rgba(30, 30, 30, 0.25) 100%);
  }

  .resources-page .rs-hero .navbar {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    width: 100%;
    padding: 0 12px;
    margin: 0;
  }

  .resources-page .rs-hero-copy {
    position: relative;
    z-index: 2;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 16px 16px;
    transform: none;
    text-align: left;
    gap: 10px;
    box-sizing: border-box;
  }

  .resources-page .rs-hero-copy h1,
  .resources-page .rs-hero-copy p {
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-align: left;
    align-self: stretch;
  }

  .resources-page .rs-hero-copy h1 {
    font-size: clamp(28px, 7.2vw, 32px);
    line-height: 1.12;
    letter-spacing: -0.02em;
  }

  .resources-page .rs-hero-copy p {
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: -0.01em;
  }

  .resources-page .rs-hero-line {
    display: block;
    width: 100%;
    text-align: left;
  }

  /* Hero copy inset — keep text off rounded card edges (overrides padding: 0 resets) */
  .about-page .about-hero__content,
  .case-studies-page .case-hero__content,
  body.auctions-page:not(.upcoming-auctions-page) .auctions-hero__content,
  .auctions-hero__content,
  .resources-page .rs-hero-copy,
  .terms-page .terms-hero__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Case study single — intro hero mobile (Figma 375) */
@media (max-width: 767px) {
  .case-study-single-page .auction-single-main {
    padding-top: 0;
  }

  .case-study-single-page .case-study-internal-intro-section {
    margin-top: clamp(88px, 22vw, 104px);
    background: #ffffff;
    border-radius: 0;
  }

  .case-study-single-page .case-study-internal-intro-section .case-study-internal-inner {
    padding: 24px var(--site-gutter-x) 28px;
  }

  .case-study-single-page .auction-single-banner {
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    background: transparent;
  }

  .case-study-single-page .auction-single-banner__content {
    display: block;
  }

  .case-study-single-page .auction-single-banner__copy {
    display: block;
    max-width: none;
  }

  .case-study-single-page .auction-single-breadcrumb {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #605b5e;
  }

  .case-study-single-page .auction-single-banner__copy h1 {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #1f1a1d;
  }

  .case-study-single-page .auction-single-banner h1 br {
    display: block;
  }

  .case-study-single-page .auction-single-banner__copy p {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    max-width: none;
    color: #605b5e;
  }

  .case-study-single-page .auction-single-top {
    margin-top: 20px;
    margin-bottom: 0;
    gap: 12px;
  }

  .case-study-single-page .auction-single-gallery {
    width: 100%;
    align-items: stretch;
  }

  .case-study-single-page .auction-single-main-image {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 343 / 220;
    margin: 0;
    border-radius: 16px;
    border: none;
    overflow: hidden;
    background: #f2f4f8;
  }

  .case-study-single-page .auction-single-main-image img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    border-radius: 16px;
  }

  .case-study-single-page .auction-single-thumb-row {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 72px;
    min-height: 72px;
    margin: 0;
    transform: none;
    border-radius: 12px;
    overflow: hidden;
    background: #f6f7f9;
  }

  .case-study-single-page .auction-single-thumb-row img {
    width: 100%;
    height: 72px;
    min-height: 72px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 12px;
  }

  .case-study-single-page .auction-single-thumb-row::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 16%,
      rgba(255, 255, 255, 0) 84%,
      #ffffff 100%
    );
  }

  .case-study-single-page .case-study-challenge__content h3,
  .case-study-single-page .case-study-process__left h3,
  .case-study-single-page .case-study-marketing__copy h3,
  .case-study-single-page .case-study-results__copy h3,
  .case-study-single-page .case-study-media-links-section h3 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 12px;
  }

  /* Media Links — mobile (Figma) */
  .case-study-single-page .case-study-media-links-section.case-study-internal-section {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border-left: none;
    border-right: none;
    border-radius: 24px;
    background: #fff3eb;
    overflow: hidden;
  }

  .case-study-single-page .case-study-media-links-section .case-study-internal-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 28px var(--site-gutter-x) 32px;
  }

  .case-study-single-page .case-study-media-links-section h3 {
    margin: 0 0 4px;
  }

  .case-study-single-page .case-study-media-links__grid {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .case-study-single-page .case-study-media-links__item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid #e7e1db;
    border-radius: 999px;
    background: #fff3eb;
    color: #312a2f;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    box-shadow: none;
    box-sizing: border-box;
  }

  .case-study-single-page .case-study-media-links__item u {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: inherit;
  }

  .case-study-single-page .case-study-media-links__item span {
    color: #ff6600;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    flex-shrink: 0;
  }
}

/* Case study internal — mobile (mirror case-study-single) */
@media (max-width: 767px) {
  /* Show content immediately — scroll-in animations can leave mobile at opacity: 0 */
  .case-study-internal-page .auction-single-banner.case-study-hero-banner--ready .auction-single-banner__copy > *,
  .case-study-internal-page .auction-single-banner.case-study-hero-banner--ready .case-study-internal-stats,
  .case-study-internal-page .auction-single-main-image.case-study-hero-main--ready img,
  .case-study-internal-page .auction-single-thumb-row.case-study-hero-thumb--ready img,
  .case-study-internal-page .auction-single-pickup-section.auction-single-pickup--animate-ready .auction-single-pickup-header h3,
  .case-study-internal-page .auction-single-pickup-section.auction-single-pickup--animate-ready .auction-single-pickup-header p,
  .case-study-internal-page .auction-single-pickup-section.auction-single-pickup--animate-ready .auction-single-pickup-card {
    opacity: 1 !important;
    transform: none !important;
  }

  .case-study-internal-page .auction-single-main {
    padding-top: 0;
  }

  .case-study-internal-page .case-study-internal-intro-section {
    margin-top: clamp(88px, 22vw, 104px);
    background: #ffffff;
    border-radius: 0;
  }

  .case-study-internal-page .case-study-internal-intro-section .case-study-internal-inner {
    padding: 24px var(--site-gutter-x) 28px;
  }

  .case-study-internal-page .case-study-internal-section:not(.case-study-internal-intro-section) {
    margin-top: 12px;
    border-radius: 16px;
    overflow: hidden;
  }

  .case-study-internal-page .auction-single-banner {
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    background: transparent;
  }

  .case-study-internal-page .auction-single-banner__content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: stretch;
  }

  .case-study-internal-page .auction-single-banner__copy {
    display: contents;
    max-width: none;
  }

  .case-study-internal-page .auction-single-breadcrumb {
    grid-row: 1;
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #605b5e;
  }

  .case-study-internal-page .auction-single-banner__copy h1 {
    grid-row: 2;
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #1f1a1d;
  }

  .case-study-internal-page .auction-single-banner h1 br {
    display: block;
  }

  .case-study-internal-page .auction-single-banner__copy p {
    grid-row: 3;
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    max-width: none;
    color: #605b5e;
  }

  .case-study-internal-page .auction-single-banner__copy p br {
    display: none;
  }

  .case-study-internal-page .case-study-internal-stats {
    grid-row: 4;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin: 4px 0 0;
    gap: 8px;
    transform: none;
  }

  .case-study-internal-page .case-study-internal-stat {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
    max-width: calc(50% - 4px);
    min-height: 0;
    padding: 12px 10px;
    border-radius: 12px;
    background: #f6f7f9;
  }

  .case-study-internal-page .case-study-internal-stat h3 {
    font-size: 24px;
    line-height: 1.15;
    text-align: center;
  }

  .case-study-internal-page .case-study-internal-stat p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #605b5e;
  }

  .case-study-internal-page .auction-single-banner__cta {
    grid-row: 5;
    width: 100%;
    min-height: 44px;
    height: auto;
    margin-top: 12px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 22px;
    justify-content: center;
  }

  .case-study-internal-page .auction-single-banner__cta span {
    font-size: 15px;
  }

  .case-study-internal-page .auction-single-top {
    margin-top: 20px;
    margin-bottom: 0;
    gap: 12px;
  }

  .case-study-internal-page .auction-single-gallery {
    width: 100%;
    align-items: stretch;
  }

  .case-study-internal-page .auction-single-main-image {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 343 / 220;
    margin: 0;
    border-radius: 16px;
    border: none;
    overflow: hidden;
    background: #f2f4f8;
  }

  .case-study-internal-page .auction-single-main-image img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    border-radius: 16px;
  }

  .case-study-internal-page .auction-single-thumb-row {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 72px;
    min-height: 72px;
    margin: 0;
    transform: none;
    border-radius: 12px;
    overflow: hidden;
    background: #f6f7f9;
  }

  .case-study-internal-page .auction-single-thumb-row img {
    width: 100%;
    height: 72px;
    min-height: 72px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 12px;
  }

  .case-study-internal-page .auction-single-thumb-row::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 16%,
      rgba(255, 255, 255, 0) 84%,
      #ffffff 100%
    );
  }

  .case-study-internal-page .auction-single-spec-section.case-study-internal-section {
    padding: 0;
    height: auto;
    border-radius: 16px;
  }

  .case-study-internal-page .case-study-internal-inner--spec {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px var(--site-gutter-x) 32px;
  }

  .case-study-internal-page .auction-single-spec-media {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 343 / 200;
    border-radius: 12px;
    overflow: hidden;
  }

  .case-study-internal-page .auction-single-spec-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .case-study-internal-page .auction-single-spec-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .case-study-internal-page .auction-single-spec-metrics article {
    padding: 12px;
    border-radius: 10px;
    background: #f6f7f9;
  }

  .case-study-internal-page .auction-single-spec-metrics h4 {
    font-size: 14px;
    line-height: 1.25;
    color: #1f1a1d;
  }

  .case-study-internal-page .auction-single-spec-metrics p {
    margin-top: 4px;
    font-size: 11px;
    line-height: 14px;
    color: #605b5e;
  }

  .case-study-internal-page .auction-single-spec-right h3 {
    width: 100%;
    max-width: none;
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  .case-study-internal-page .auction-single-spec-right > p {
    max-width: none;
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.45;
    color: #605b5e;
  }

  .case-study-internal-page .auction-single-spec-right li {
    gap: 10px;
    padding: 8px 0;
  }

  .case-study-internal-page .auction-single-spec-right li span,
  .case-study-internal-page .auction-single-spec-right li strong {
    font-size: 13px;
    line-height: 18px;
  }

  .case-study-internal-page .auction-single-spec-right li strong img {
    width: 16px;
    height: 16px;
  }

  /* Pickup Date & Time — horizontal scroll (Figma 375) */
  .case-study-internal-page .auction-single-pickup-section.case-study-internal-section {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
  }

  .case-study-internal-page .auction-single-pickup-section .case-study-internal-inner {
    padding: 28px 0 32px;
    overflow: hidden;
  }

  .case-study-internal-page .auction-single-pickup-header {
    margin: 0 0 24px;
    padding: 0 var(--site-gutter-x);
    text-align: center;
  }

  .case-study-internal-page .auction-single-pickup-header h3 {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    text-transform: capitalize;
  }

  .case-study-internal-page .auction-single-pickup-header p {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
    color: #605b5e;
  }

  .case-study-internal-page .auction-single-pickup-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 var(--site-gutter-x);
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-inline: var(--site-gutter-x);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .case-study-internal-page .auction-single-pickup-grid::-webkit-scrollbar {
    display: none;
  }

  .case-study-internal-page .auction-single-pickup-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 0 0 calc(100vw - 96px);
    width: calc(100vw - 96px);
    min-width: calc(100vw - 96px);
    min-height: 300px;
    margin: 0;
    padding: 0 20px 0 0;
    border-right: 1px solid #eef1f5;
    border-bottom: none;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .case-study-internal-page .auction-single-pickup-card:last-child {
    flex: 0 0 calc(100vw - 96px);
    width: calc(100vw - 96px);
    min-width: calc(100vw - 96px);
    padding-right: var(--site-gutter-x);
    border-right: none;
  }

  .case-study-internal-page .auction-single-pickup-note {
    flex: 1 1 auto;
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: #8a8589;
  }

  .case-study-internal-page .auction-single-pickup-card strong {
    flex-shrink: 0;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #1f1a1d;
  }

  .case-study-internal-page .auction-single-pickup-card span {
    flex-shrink: 0;
    margin-top: 6px;
    font-size: 15px;
    line-height: 22px;
    color: #605b5e;
  }

  .case-study-internal-page .section-5-placeholder.case-study-internal-section {
    height: auto;
    min-height: 0;
    padding: 32px;
    gap: 24px;
    border-radius: 16px;
    box-sizing: border-box;
  }

  .case-study-internal-page .section-5-placeholder .case-study-internal-inner {
    gap: 24px;
    padding: 0;
  }

  .case-study-internal-page .section-5__reviews {
    display: block;
    width: 100%;
    max-width: none;
    min-height: 0;
    height: auto;
    padding: 0;
    gap: 0;
    grid-template-columns: none;
    background: transparent;
    border-radius: 0;
  }

  .case-study-internal-page .section-5__image-placeholder {
    display: none !important;
  }

  .case-study-internal-page .section-5__review-list {
    min-height: 0;
    height: auto;
    padding-right: 0;
    gap: 0;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card {
    padding: 20px 16px;
  }

  .case-study-internal-page .section-5__reviews-wrap .section-5__review-card p {
    font-size: 14px;
    line-height: 1.5;
  }

  body.case-study-internal-page .section-8-cta.case-study-internal-section {
    width: 100%;
    max-width: none;
    left: auto;
    right: auto;
    margin: 0;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    min-height: 0;
    border-radius: 24px;
    overflow: hidden;
  }

  .case-study-internal-page .section-8-cta .case-study-internal-inner--cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 0;
    padding: 0;
  }

  .case-study-internal-page .section-8__sales-card,
  .case-study-internal-page .section-8__metrics-card {
    display: none;
  }

  .case-study-internal-page .section-8__content {
    width: 100%;
    max-width: none;
    min-height: 0;
    gap: 12px;
    text-align: center;
  }

  .case-study-internal-page .section-8__content h3 {
    width: 100%;
    font-size: 32px;
    line-height: 1.2;
    text-align: center;
  }

  .case-study-internal-page .section-8__content p {
    width: 100%;
    max-width: none;
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
  }

  .case-study-internal-page .section-8__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 4px;
  }

  .case-study-internal-page .section-8__btn-primary,
  .case-study-internal-page .section-8__btn-secondary {
    width: 100%;
    justify-content: center;
  }
}

/* ============================================
   UPCOMING AUCTIONS — desktop & web responsive (auctions/sell parity)
   ============================================ */
.upcoming-auctions-page {
  overflow-x: hidden;
  --upcoming-content-max: min(1440px, calc(100vw - clamp(32px, 6vw, 96px)));
  --upcoming-section-radius: var(--home-section-radius, 32px);
  --auction-section-radius: var(--upcoming-section-radius);
}

@media (max-width: 1279px) {
  .upcoming-auctions-page {
    --upcoming-section-radius: var(--space-3);
  }
}

@media (min-width: 768px) {
  .upcoming-auctions-page .auctions-main {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .upcoming-auctions-page .auctions-listing-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 var(--site-gutter-x) clamp(48px, 5vw, 80px);
    border-radius: 0 0 var(--upcoming-section-radius) var(--upcoming-section-radius);
    box-sizing: border-box;
  }

  .upcoming-auctions-page .auctions-market-overlay,
  .upcoming-auctions-page .upcoming-auction-live__header,
  .upcoming-auctions-page .upcoming-auction-cards,
  .upcoming-auctions-page .upcoming-past-auction__header,
  .upcoming-auctions-page .past-auction-toolbar,
  .upcoming-auctions-page .upcoming-past-auction__cards,
  .upcoming-auctions-page .auctions-pagination {
    width: 100%;
    max-width: var(--upcoming-content-max);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  .upcoming-auctions-page .auctions-market-overlay {
    margin-top: clamp(-48px, -4vw, -60px);
    padding: clamp(20px, 2.5vw, 28px) clamp(24px, 3vw, 36px);
    border-radius: 12px;
  }

  .upcoming-auctions-page .auctions-market-overlay__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: clamp(16px, 2vw, 24px);
    row-gap: 12px;
  }

  .upcoming-auctions-page .upcoming-auction-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--site-gutter);
    margin-bottom: clamp(28px, 3vw, 40px);
  }

  .upcoming-auctions-page .upcoming-auction-card__title--dual {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
  }

  .upcoming-auctions-page .upcoming-auction-card__image-wrap {
    height: clamp(240px, 28vw, 308px);
  }

  .upcoming-auctions-page .upcoming-past-auction__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--site-gutter);
  }

  .upcoming-auctions-page .section-5-placeholder {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: var(--layout-section-padding-y) var(--site-gutter-x);
    border-radius: var(--upcoming-section-radius);
    box-sizing: border-box;
  }
}

@media (min-width: 1025px) {
  .upcoming-auctions-page .auctions-hero {
    position: relative;
    height: clamp(360px, 38vw, 440px);
    min-height: 360px;
    border-radius: 0 0 var(--upcoming-section-radius) var(--upcoming-section-radius);
    overflow: visible;
  }

  .upcoming-auctions-page .auctions-hero .navbar {
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--upcoming-content-max);
    padding: var(--spacing-lg) clamp(20px, 3vw, 48px);
    box-sizing: border-box;
    z-index: 10;
  }

  .upcoming-auctions-page .auctions-hero .navbar__container {
    width: 100%;
    max-width: none;
    min-height: 58px;
    padding: 8px clamp(12px, 1.5vw, 24px) 8px clamp(16px, 2vw, 32px);
    gap: clamp(10px, 1.2vw, 14px);
    border-radius: 999px;
    background: rgba(49, 42, 47, 0.94);
    backdrop-filter: blur(12px);
    flex-wrap: nowrap;
    align-items: center;
  }

  .upcoming-auctions-page .navbar__logo-img {
    height: clamp(38px, 3.5vw, 50px);
    width: auto;
  }

  .upcoming-auctions-page .navbar__hamburger {
    display: none !important;
  }

  .upcoming-auctions-page .navbar__menu {
    display: block !important;
    order: unset;
    position: static;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin-top: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    max-height: none;
    overflow: visible;
  }

  .upcoming-auctions-page .navbar__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: clamp(14px, 1.6vw, 32px);
    width: 100%;
    padding: 0;
  }

  .upcoming-auctions-page .navbar__link {
    display: inline;
    padding: 0;
    border-bottom: none;
    font-size: clamp(12px, 0.9vw, 14px);
    line-height: 20px;
    white-space: nowrap;
  }

  .upcoming-auctions-page .navbar__actions {
    display: flex !important;
    align-items: center;
    gap: clamp(10px, 1vw, 16px);
    flex-shrink: 0;
  }

  .upcoming-auctions-page .navbar__actions .btn--navbar-primary {
    display: inline-flex;
    flex-shrink: 0;
  }

  .upcoming-auctions-page .auctions-hero__content {
    max-width: var(--upcoming-content-max);
    margin: 0 auto;
    padding: clamp(128px, 14vw, 168px) var(--site-gutter-x) clamp(40px, 4vw, 56px);
    box-sizing: border-box;
  }

  .upcoming-auctions-page .auctions-hero__content h1 {
    font-size: clamp(44px, 4.5vw, 52px);
    line-height: 1.12;
  }

  .upcoming-auctions-page .auctions-hero__content p {
    font-size: clamp(17px, 1.5vw, 20px);
    line-height: 1.5;
    max-width: 620px;
  }

  .upcoming-auctions-page .past-auction-toolbar {
    display: grid;
    grid-template-columns: 2.2fr 1fr 1.2fr 1fr 1fr 1fr;
    gap: var(--site-gutter);
    align-items: stretch;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--search {
    grid-column: auto;
  }

  .upcoming-auctions-page .past-auction-toolbar__item--option {
    display: flex !important;
  }

  .upcoming-auctions-page .past-auction-toolbar__filter-trigger {
    display: none !important;
  }

  .upcoming-auctions-page .upcoming-past-auction__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .upcoming-auctions-page .auctions-pagination {
    width: 100%;
    max-width: var(--upcoming-content-max);
    gap: 12px;
  }

  /* Section 5 — match sell/home desktop carousel */
  .upcoming-auctions-page .section-5-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--layout-heading-to-content);
    background: rgba(49, 42, 47, 1);
    overflow: hidden;
  }

  .upcoming-auctions-page .section-5__header {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .upcoming-auctions-page .section-5__title {
    font-size: 40px;
    line-height: 52px;
  }

  .upcoming-auctions-page .section-5__subtitle {
    margin-top: 8px;
    font-size: 18px;
    line-height: 26px;
  }

  .upcoming-auctions-page .section-5__reviews-wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__reviews {
    width: 100%;
    max-width: 1280px;
    min-height: 708px;
    height: 708px;
    margin: 0;
    padding: 32px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 500px 684px;
    gap: 32px;
    background-image: url("assets/Review Background.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border: 1px solid #3d373b;
    border-radius: 24px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__reviews::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(8, 6, 12, 0.55);
    pointer-events: none;
    z-index: 0;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__image-placeholder {
    display: flex !important;
    width: 100%;
    max-width: 500px;
    height: 644px;
    min-height: 644px;
    border-radius: 24px;
    z-index: 1;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__client-image {
    border-radius: 24px;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__review-list {
    width: 684px;
    max-width: 100%;
    height: 644px;
    min-height: 644px;
    margin: 0;
    padding: 0;
    padding-right: 56px;
    gap: 48px;
    display: flex;
    flex-direction: column;
    z-index: 1;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__review-list::before {
    content: none;
    display: none;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__review-card {
    display: block;
    padding: 32px;
    opacity: 0.35;
    text-align: left;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__review-card--active {
    display: block;
    opacity: 1;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid #3d373b;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__review-card p {
    font-size: 18px;
    line-height: 1.7;
    text-align: left;
    max-width: none;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__stars {
    justify-content: flex-start;
  }

  .upcoming-auctions-page .section-5__reviews-wrap .section-5__carousel-btn {
    display: flex !important;
  }

  .upcoming-auctions-page .section-5__carousel-btn--prev {
    margin-bottom: -36px;
  }

  .upcoming-auctions-page .section-5__carousel-btn--next {
    margin-top: -36px;
  }
}

@media (min-width: 1280px) {
  .upcoming-auctions-page .auctions-hero .navbar {
    max-width: var(--upcoming-content-max);
    padding-left: clamp(24px, 4vw, 56px);
    padding-right: clamp(24px, 4vw, 56px);
  }

  .upcoming-auctions-page .navbar__container {
    padding: 8px 8px 8px 32px;
    gap: 14px;
  }

  .upcoming-auctions-page .navbar__list {
    gap: 32px;
  }

  .upcoming-auctions-page .navbar__link {
    font-size: 14px;
  }
}

/* Upcoming auctions — live Auction cards (Figma match) */
.upcoming-auctions-page .upcoming-auction-live__header {
  display: block;
  max-width: none;
  margin: 0 0 24px;
  padding: 0;
}

.upcoming-auctions-page .upcoming-auction-live__header .section-3__title-group {
  gap: 0;
}

.upcoming-auctions-page .upcoming-auction-live__header .section-3__title {
  margin: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
  text-transform: capitalize;
}

.upcoming-auctions-page .auctions-listing-section .upcoming-auction-cards.section-3__carousel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  max-width: none;
  margin: 0 0 40px;
  padding: 0;
  overflow: visible;
  box-sizing: border-box;
}

.upcoming-auctions-page .upcoming-auction-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  border: 1px solid #d8dae5;
  border-radius: 16px;
  background: #ffffff;
  padding: 8px;
  box-sizing: border-box;
}

.upcoming-auctions-page .upcoming-auction-card__image-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 308px;
  margin: 0 0 12px;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f4f8;
}

.upcoming-auctions-page .upcoming-auction-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.upcoming-auctions-page .upcoming-auction-card__date {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 8px;
  background: #ffffff;
  color: #1f1a1d;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
}

.upcoming-auctions-page .upcoming-auction-card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 10px 8px;
  box-sizing: border-box;
}

.upcoming-auctions-page .upcoming-auction-card__title,
.upcoming-auctions-page .upcoming-auction-card__title--dual {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  margin: 0 0 4px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
  text-transform: capitalize;
}

.upcoming-auctions-page .upcoming-auction-card__desc {
  margin: 0 0 10px;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #605b5e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upcoming-auctions-page .upcoming-auction-card__meta {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0 0 10px;
}

.upcoming-auctions-page .upcoming-auction-card__meta-item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.upcoming-auctions-page .upcoming-auction-card__meta-item img {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  flex-shrink: 0;
  object-fit: contain;
}

.upcoming-auctions-page .upcoming-auction-card__meta-item span {
  display: block;
  color: #1f1a1d;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.upcoming-auctions-page .upcoming-auction-card__meta-item small {
  display: block;
  margin-top: 0;
  color: #8a8589;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}

.upcoming-auctions-page .upcoming-auction-card__divider {
  flex-shrink: 0;
  width: 1px;
  height: 28px;
  margin: 0 14px;
  background: #e6e8ef;
}

.upcoming-auctions-page .upcoming-auction-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #eceff3;
}

.upcoming-auctions-page .upcoming-auction-card__price {
  margin: 0;
  flex-shrink: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 37px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.02em;
  color: #1f1a1d;
}

.upcoming-auctions-page .upcoming-auction-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 6px;
  min-height: 30px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #ff6600;
  color: #ffffff;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  text-decoration: none;
  white-space: nowrap;
}

.upcoming-auctions-page .upcoming-auction-card__cta span {
  font-size: 12px;
  line-height: 1;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .upcoming-auctions-page .upcoming-auction-live__header .section-3__title {
    font-size: 32px;
    line-height: 40px;
  }

  .upcoming-auctions-page .auctions-listing-section .upcoming-auction-cards.section-3__carousel {
    gap: 16px;
    margin-bottom: 28px;
  }

  .upcoming-auctions-page .upcoming-auction-card__image-wrap {
    height: 240px;
  }

  .upcoming-auctions-page .upcoming-auction-card__title--dual {
    font-size: 20px;
    line-height: 28px;
  }

  .upcoming-auctions-page .upcoming-auction-card__price {
    font-size: 28px;
    line-height: 34px;
  }
}

@media (max-width: 767px) {
  .upcoming-auctions-page .upcoming-auction-live__header {
    margin-bottom: 16px;
    padding: 0 var(--site-gutter-x);
    box-sizing: border-box;
  }

  .upcoming-auctions-page .upcoming-auction-live__header .section-3__title {
    font-size: 28px;
    line-height: 1.2;
  }

  .upcoming-auctions-page .auctions-listing-section .upcoming-auction-cards.section-3__carousel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: none;
    margin: 0 0 24px;
    padding: 0 var(--site-gutter-x);
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-inline: var(--site-gutter-x);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .upcoming-auctions-page .auctions-listing-section .upcoming-auction-cards.section-3__carousel::-webkit-scrollbar {
    display: none;
  }

  .upcoming-auctions-page .upcoming-auction-card {
    flex: 0 0 calc(100vw - 80px);
    width: calc(100vw - 80px);
    min-width: calc(100vw - 80px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .upcoming-auctions-page .upcoming-auction-card__image-wrap {
    height: 220px;
  }

  .upcoming-auctions-page .upcoming-auction-card__title--dual {
    font-size: 18px;
    line-height: 24px;
  }

  .upcoming-auctions-page .upcoming-auction-card__price {
    font-size: 28px;
    line-height: 32px;
  }

  .upcoming-auctions-page .upcoming-auction-card__cta {
    font-size: 10px;
    padding: 7px 12px;
  }
}

/* ============================================
   TERMS & PRIVACY — responsive (about/resources parity)
   ============================================ */
.terms-page {
  overflow-x: hidden;
  --terms-section-radius: 32px;
  --terms-content-max: min(1280px, calc(100vw - clamp(32px, 6vw, 96px)));
}

.privacy-policy-page .terms-hero {
  background: url("assets/privaryp.png") center/cover no-repeat,
    linear-gradient(135deg, #1f1a1d 0%, #312a2f 100%);
}

.terms-main {
  width: 100%;
  max-width: none;
  margin: 0;
}

.terms-main > section {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

/* Full-bleed colored bands — edge-to-edge, no white side gutters */
.terms-page .terms-content,
.terms-page .privacy-intro {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.terms-hero {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  box-sizing: border-box;
}

.terms-hero .navbar {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  width: 100%;
  padding: 0;
  margin: 0;
}

.terms-hero__overlay {
  border-radius: inherit;
}

.terms-page .section-8-cta {
  width: 100%;
  max-width: none;
  margin: 0;
  height: auto;
  min-height: 0;
  padding: var(--layout-section-padding-y) var(--site-gutter-x);
  border-radius: var(--terms-section-radius);
  box-sizing: border-box;
}

@media (max-width: 1279px) {
  .terms-page {
    --terms-section-radius: var(--space-3);
  }
}

@media (min-width: 1025px) {
  .terms-hero {
    width: calc(100% - 20px);
    max-width: none;
    height: clamp(480px, 58vh, 560px);
    min-height: 480px;
    margin: 0 auto;
    border-radius: 24px;
    border: 4px solid #ffffff;
  }

  .terms-hero .navbar {
    padding: 12px var(--site-gutter-x) 0;
  }

  .terms-hero__content {
    max-width: 760px;
    padding: clamp(120px, 18vh, 170px) 56px 60px;
  }

  .terms-hero__content h1 {
    font-size: clamp(48px, 4vw, 60px);
  }

  .terms-content__container {
    max-width: var(--terms-content-max);
  }

  .terms-page .section-8-cta {
    overflow: visible;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .terms-hero {
    width: calc(100% - 20px);
    margin: 0 auto;
    border-radius: 20px;
  }

  .terms-hero .navbar {
    padding: 12px var(--site-gutter-x) 0;
  }

  .terms-hero .navbar__actions .btn--navbar-primary {
    display: none;
  }

  .terms-hero .navbar__hamburger {
    margin-left: auto;
  }

  .terms-page .section-8-cta {
    padding-top: 72px;
    padding-bottom: 72px;
    overflow: visible;
  }

  .privacy-intro {
    padding: 48px var(--site-gutter-x);
  }
}

@media (max-width: 767px) {
  .terms-page {
    --terms-section-radius: 16px;
    --terms-mobile-gutter: 10px;
  }

  .terms-page .terms-main {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .terms-hero {
    width: calc(100% - 20px);
    max-width: none;
    height: 360px;
    min-height: 360px;
    max-height: 360px;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 16px;
    border-width: 0;
    overflow: hidden;
  }

  .terms-hero .navbar {
    padding: 0;
  }

  .terms-hero .navbar__container {
    width: 100%;
    max-width: none;
    border-radius: 999px;
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
  }

  .terms-hero .navbar__actions {
    display: none;
  }

  .terms-hero .navbar__hamburger {
    margin-left: auto;
  }

  .terms-hero__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 12px 24px;
  }

  .terms-hero__content h1 br {
    display: block;
  }

  .terms-page .terms-content,
  .terms-page .privacy-intro {
    padding-left: var(--site-gutter-x);
    padding-right: var(--site-gutter-x);
    border-radius: var(--terms-section-radius);
    overflow: hidden;
  }

  .terms-page .terms-content {
    margin-top: 10px;
    padding-top: 24px;
    padding-bottom: 32px;
  }

  .terms-page .privacy-intro {
    margin-top: 10px;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .terms-doc--card {
    background: transparent;
    border-radius: 0;
    padding: 0;
  }

  .terms-content__container {
    padding-left: 0;
    padding-right: 0;
  }

  .terms-nav {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    scroll-padding-inline: 0;
  }

  .terms-page .section-8-cta {
    width: 100%;
    max-width: none;
    margin: 10px 0 0;
    padding: var(--mobile-section-y) var(--site-gutter-x);
    border-radius: 16px;
    overflow: hidden;
  }

  .terms-page .section-8__sales-card,
  .terms-page .section-8__metrics-card {
    display: none;
  }

  .terms-page .section-8__content {
    width: 100%;
    min-height: auto;
    gap: 14px;
  }

  .terms-page .section-8__content h3 {
    font-size: 28px;
    line-height: 36px;
  }

  .terms-page .section-8__content p {
    font-size: 14px;
    line-height: 21px;
  }

  .terms-page .section-8__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .terms-page .section-8__btn-primary,
  .terms-page .section-8__btn-secondary {
    width: 100%;
    justify-content: center;
  }
}