/**
 * Wapu Blocks · Extended layouts · Content Style contract
 * Layout-only styles. Color, typography, spacing, radius and motion inherit
 * the canonical block tokens exposed by block-system.css.
 */
:where(.wr,.wapu-comparison,.wapu-feature-checklist,.wapu-service-cards,.ws-visual-menu-showcase,.wapu-narrative-gallery,.ws-shopgal,.wpm) {
    --wr-section-inline: clamp(var(--wapu-space-3), 6vw, calc(var(--wapu-space-8) + var(--wapu-space-3)));
    --wr-section-block: clamp(var(--wapu-space-4), 6vw, calc(var(--wapu-space-8) + var(--wapu-space-3)));
    --wr-card-padding: var(--wapu-space-3);
    --wr-card-gap: var(--wapu-space-2);
    --wr-layout-gap: clamp(var(--wapu-space-3), 5vw, var(--wapu-space-8));
    --wr-radius: var(--wapu-block-radius, var(--ws-radius, var(--wapu-space-3)));
    --wr-radius-sm: var(--wapu-block-radius-sm, var(--ws-radius-sm, var(--wapu-space-2)));
    --wr-shadow: var(--wapu-shadow-card, 0 var(--wapu-space-2) var(--wapu-space-5) color-mix(in srgb, var(--wr-t) 10%, transparent));
    --wr-motion-fast: var(--wapu-motion-fast, 180ms);
    --wr-motion-slow: var(--wapu-motion-slow, 520ms);
    --wr-space-half: var(--wapu-space-0-5, 4px);
    --wr-stroke-thin: var(--wapu-stroke-thin, 2px);
    --wr-stroke-strong: var(--wapu-stroke-strong, 4px);
    --wr-size-160: calc(var(--wapu-space-8) + var(--wapu-space-8) + var(--wapu-space-4));
    --wr-size-192: calc(var(--wapu-space-8) + var(--wapu-space-8) + var(--wapu-space-8));
    --wr-size-224: calc(var(--wr-size-192) + var(--wapu-space-4));
    --wr-size-256: calc(var(--wr-size-192) + var(--wapu-space-8));
    --wr-size-320: calc(var(--wr-size-256) + var(--wapu-space-8));
    --wr-size-352: calc(var(--wr-size-320) + var(--wapu-space-4));
    --wr-size-384: calc(var(--wr-size-320) + var(--wapu-space-8));
    --wr-size-416: calc(var(--wr-size-384) + var(--wapu-space-4));
    --wr-size-448: calc(var(--wr-size-384) + var(--wapu-space-8));
    --wr-size-512: calc(var(--wr-size-448) + var(--wapu-space-8));
    --wr-size-608: calc(var(--wr-size-512) + var(--wapu-space-8) + var(--wapu-space-4));
    --wr-size-640: calc(var(--wr-size-512) + var(--wapu-space-8) + var(--wapu-space-8));
    position: relative;
    width: 100%;
    overflow: clip;
    background: var(--wr-bg);
    color: var(--wr-t);
}

.wr,
.wapu-comparison,
.wapu-feature-checklist,
.wapu-service-cards,
.ws-visual-menu-showcase,
.wapu-narrative-gallery,
.ws-shopgal,
.wpm {
    padding: var(--wr-section-block) var(--wr-section-inline);
}

:where(.wr,.wapu-comparison,.wapu-feature-checklist,.wapu-service-cards,.ws-visual-menu-showcase,.wapu-narrative-gallery,.ws-shopgal,.wpm) :where(figure) {
    margin: 0;
    overflow: hidden;
    background: color-mix(in srgb, var(--wr-p) 9%, var(--wr-bg));
}

:where(.wr,.wapu-comparison,.wapu-feature-checklist,.wapu-service-cards,.ws-visual-menu-showcase,.wapu-narrative-gallery,.ws-shopgal,.wpm) :where(a) {
    color: inherit;
    text-decoration: none;
}

:where(.wr,.wapu-comparison,.wapu-feature-checklist,.wapu-service-cards,.ws-visual-menu-showcase,.wapu-narrative-gallery,.ws-shopgal,.wpm) .wapu-c-header {
    margin-bottom: var(--wapu-space-4);
}

/* Brands directory */
.wr-brands-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--wr-size-192)), 1fr));
    gap: var(--wapu-space-2);
}
.wr-brand {
    display: flex;
    align-items: center;
    min-height: calc(var(--wapu-space-8) + var(--wapu-space-1));
    padding: var(--wapu-space-2) var(--wapu-space-3);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-sm);
    background: color-mix(in srgb, var(--wr-bg) 92%, var(--wr-p));
    transition: transform var(--wr-motion-fast) ease, border-color var(--wr-motion-fast) ease, box-shadow var(--wr-motion-fast) ease;
}
.wr-brand:hover,
.wr-brand:focus-visible {
    transform: translateY(calc(0px - var(--wr-space-half)));
    border-color: color-mix(in srgb, var(--wr-p) 42%, var(--wr-border));
    box-shadow: var(--wr-shadow);
}

/* Bento discovery */
.wr-bento-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--wapu-space-2);
}
.wr-bento-card {
    grid-column: span 2;
    display: flex;
    min-height: var(--wr-size-224);
    padding: var(--wapu-space-3);
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--wapu-space-1);
    border: 1px solid color-mix(in srgb, var(--wr-p) 18%, var(--wr-border));
    border-radius: var(--wr-radius);
    background: color-mix(in srgb, var(--wr-p) 11%, var(--wr-bg));
    transition: transform var(--wr-motion-fast) ease, box-shadow var(--wr-motion-fast) ease;
}
.wr-bento-card:first-child { grid-column: span 4; }
.wr-bento-card > span { margin-bottom: auto; font-size: var(--wapu-type-h1); }
.wr-bento-card:hover,
.wr-bento-card:focus-visible { transform: translateY(calc(0px - var(--wr-space-half))); box-shadow: var(--wr-shadow); }

/* Comparison, checklist and service cards */
.wapu-comparison__grid,
.wapu-feature-checklist__grid,
.wapu-service-cards__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--wr-size-224)), 1fr));
    gap: var(--wapu-space-2);
}
.wapu-comparison__card,
.wapu-feature-checklist__item,
.wapu-service-cards__card {
    display: flex;
    min-height: var(--wr-size-192);
    padding: var(--wapu-space-3);
    flex-direction: column;
    gap: var(--wapu-space-2);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius);
    background: color-mix(in srgb, var(--wr-bg) 94%, var(--wr-s));
    transition: transform var(--wr-motion-fast) ease, border-color var(--wr-motion-fast) ease, box-shadow var(--wr-motion-fast) ease;
}
.wapu-comparison__card.is-featured,
.wapu-service-cards__card.is-featured {
    border-color: color-mix(in srgb, var(--wr-p) 56%, var(--wr-border));
    background: color-mix(in srgb, var(--wr-p) 10%, var(--wr-bg));
}
.wapu-comparison__card:hover,
.wapu-feature-checklist__item:hover,
.wapu-service-cards__card:hover {
    transform: translateY(calc(0px - var(--wr-space-half)));
    box-shadow: var(--wr-shadow);
}
.wapu-feature-checklist__icon,
.wapu-service-cards__icon {
    display: grid;
    width: var(--wapu-space-6);
    aspect-ratio: 1;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--wr-p) 14%, var(--wr-bg));
    font-size: var(--wapu-type-h3);
}

/* Feature and organic hero */
.wr-feature,
.wr-mask {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--wr-layout-gap);
}
.wr-feature-copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--wapu-space-3); }
.wr-feature-copy .wapu-c-header { margin-bottom: 0; }
.wr-feature-copy ul { display: grid; gap: var(--wapu-space-1); margin: 0; padding: 0; list-style: none; }
.wr-feature-copy li { font-weight: 700; }
.wr-feature-media,
.wr-mask > figure {
    min-height: var(--wr-size-512);
    border-radius: var(--wr-radius);
}
.wr-feature-media .wapu-c-image-img,
.wr-mask > figure .wapu-c-image-img { width: 100%; height: 100%; object-fit: cover; }
.wr-mask > figure { position: relative; }
.wr-mask > figure.is-blob { border-radius: 58% 42% 52% 48% / 45% 60% 40% 55%; }
.wr-mask > figure.is-arch { border-radius: 50% 50% var(--wr-radius-sm) var(--wr-radius-sm); }
.wr-mask > figure.is-circle { aspect-ratio: 1; border-radius: 50%; min-height: 0; }
.wr-mask > figure > i,
.wr-collage-stage > i {
    position: absolute;
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    border-radius: 999px;
    background: var(--wr-a);
    color: var(--wr-bg);
    font-style: normal;
    box-shadow: var(--wr-shadow);
}
.wr-mask > figure > i { top: var(--wapu-space-3); right: var(--wapu-space-3); width: calc(var(--wapu-space-8) + var(--wapu-space-1)); font-size: var(--wapu-type-h2); }

/* Visual menu showcase */
.ws-visual-menu-showcase__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--wapu-space-2);
}
.ws-visual-menu-showcase__card {
    grid-column: span 4;
    display: grid;
    overflow: hidden;
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius);
    background: color-mix(in srgb, var(--wr-bg) 94%, var(--wr-s));
}
.ws-visual-menu-showcase__card.is-hero { grid-column: span 8; grid-row: span 2; }
.ws-visual-menu-showcase__card.is-tags { grid-column: span 4; padding: var(--wapu-space-3); align-content: center; }
.ws-visual-menu-showcase__media { min-height: var(--wr-size-256); }
.ws-visual-menu-showcase__card.is-hero .ws-visual-menu-showcase__media { min-height: var(--wr-size-448); }
.ws-visual-menu-showcase__media .wapu-c-image-img { width: 100%; height: 100%; object-fit: cover; }
.ws-visual-menu-showcase__copy { display: grid; gap: var(--wapu-space-1); padding: var(--wapu-space-3); }
.ws-visual-menu-showcase__tags { display: flex; flex-wrap: wrap; gap: var(--wapu-space-1); margin-block: var(--wapu-space-2); }
.ws-visual-menu-showcase__tags span { padding: var(--wapu-space-1) var(--wapu-space-2); border: 1px solid var(--wr-border); border-radius: 999px; font-size: var(--wapu-type-small); }

/* Tabbed hero */
.wr-tabhero-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wapu-space-1);
    margin-block: var(--wapu-space-3);
}
.wr-tabhero-tabs button {
    min-height: var(--wapu-space-6);
    padding-inline: var(--wapu-space-2);
    border: 1px solid var(--wr-border);
    border-radius: var(--wapu-button-radius, var(--wr-radius-sm));
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition: background var(--wr-motion-fast) ease, color var(--wr-motion-fast) ease, border-color var(--wr-motion-fast) ease;
}
.wr-tabhero-tabs button.is-active {
    border-color: var(--wr-t);
    background: var(--wr-a);
    color: var(--wr-at);
}
.wr-tabhero article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--wr-layout-gap);
}
.wr-tabhero article[hidden] { display: none; }
.wr-tabhero article > div { display: flex; flex-direction: column; align-items: flex-start; gap: var(--wapu-space-3); }
.wr-tabhero article > figure { min-height: var(--wr-size-448); border-radius: var(--wr-radius); }
.wr-tabhero article > figure .wapu-c-image-img { width: 100%; height: 100%; object-fit: cover; }

/* Promotional banner */
.wr-promo {
    display: flex;
    align-items: center;
    gap: var(--wapu-space-3);
    padding-block: var(--wapu-space-3);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius);
    background: color-mix(in srgb, var(--wr-p) 9%, var(--wr-bg));
}
.wr-promo > div { display: grid; gap: var(--wapu-space-1); }
.wr-promo .wr-emoji { font-size: var(--wapu-type-h1); }
.wr-promo > .wapu-c-cta { margin-left: auto; }

/* Narrative gallery */
.wapu-narrative-gallery { min-height: var(--wr-size-512); }
.wng-heading { position: relative; z-index: 2; max-width: var(--wr-size-640); margin: 0 auto var(--wapu-space-6); }
.wng-empty { display: grid; place-items: center; gap: var(--wapu-space-1); min-height: var(--wr-size-256); text-align: center; }
.wng-gallery { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--wapu-space-2); }
.wng-item { grid-column: span 4; min-height: var(--wr-size-256); border-radius: var(--wr-radius-sm); }
.wng-item:nth-child(3n + 1) { grid-column: span 5; }
.wng-item:nth-child(3n + 2) { grid-column: span 3; }
.wng-item .wapu-c-image-img { width: 100%; height: 100%; object-fit: cover; }
.wapu-narrative-gallery.is-constellation .wng-item:nth-child(even) { transform: translateY(var(--wapu-space-3)); }

/* Portfolio marquee */
.wr-portfolio { padding-inline: 0; }
.wr-portfolio > .wapu-c-header { padding-inline: var(--wr-section-inline); }
.wr-portfolio-window { overflow: hidden; }
.wr-portfolio-track { display: flex; width: max-content; gap: var(--wapu-space-2); animation: wrPortfolio var(--wapu-motion-marquee, 34s) linear infinite; }
.wr-portfolio-track.is-slow { animation-duration: var(--wapu-motion-marquee-slow, 52s); }
.wr-portfolio-track.is-fast { animation-duration: var(--wapu-motion-marquee-fast, 20s); }
.wr-portfolio-track figure { width: clamp(var(--wr-size-192), 25vw, var(--wr-size-352)); aspect-ratio: 4 / 3; border-radius: var(--wr-radius-sm); }
.wr-portfolio-track .wapu-c-image-img { width: 100%; height: 100%; object-fit: cover; }
@keyframes wrPortfolio { to { transform: translateX(-50%); } }

/* Collage */
.wr-collage { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: var(--wr-layout-gap); }
.wr-collage-stage { position: relative; min-height: var(--wr-size-608); }
.wr-collage-stage figure {
    position: absolute;
    width: 44%;
    height: 44%;
    border: var(--wapu-space-1) solid var(--wr-bg);
    border-radius: var(--wr-radius-sm);
    box-shadow: var(--wr-shadow);
}
.wr-collage-stage figure .wapu-c-image-img { width: 100%; height: 100%; object-fit: cover; }
.wr-collage-i0 { top: var(--wapu-space-2); left: var(--wapu-space-2); transform: rotate(-5deg); }
.wr-collage-i1 { top: var(--wapu-space-3); right: var(--wapu-space-2); transform: rotate(7deg); }
.wr-collage-i2 { bottom: var(--wapu-space-2); left: 28%; transform: rotate(2deg); }
.wr-collage-stage > i { top: 45%; left: 48%; width: calc(var(--wapu-space-8) + var(--wapu-space-3)); font-size: var(--wapu-type-h1); transform: rotate(-8deg); }

/* Product duo and sets */
.wr-duo > div,
.wr-sets > div,
.wpm-grid {
    display: grid;
    gap: var(--wapu-space-3);
}
.wr-duo > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wr-duo article,
.wr-sets > div > :where(a,article),
.wpm-card {
    overflow: hidden;
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius);
    background: color-mix(in srgb, var(--wr-bg) 95%, var(--wr-s));
}
.wr-duo article { display: flex; padding: var(--wapu-space-2); flex-direction: column; gap: var(--wapu-space-2); }
.wr-duo figure { aspect-ratio: 4 / 3; border-radius: var(--wr-radius-sm); }
.wr-duo figure .wapu-c-image-img,
.wr-sets figure .wapu-c-image-img,
.wpm-card .wapu-c-image-img { width: 100%; height: 100%; object-fit: cover; }
.wr-duo__action { display: flex; align-items: center; justify-content: space-between; gap: var(--wapu-space-2); padding-top: var(--wapu-space-2); border-top: 1px solid var(--wr-border); }
.wr-sets > div { grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--wr-size-224)), 1fr)); }
.wr-sets > div > :where(a,article) { display: grid; gap: var(--wapu-space-1); padding: var(--wapu-space-2); }
.wr-sets figure { position: relative; aspect-ratio: 1; border-radius: var(--wr-radius-sm); }
.wr-sets figure > span { position: absolute; top: var(--wapu-space-2); right: var(--wapu-space-2); font-size: var(--wapu-type-h2); }

/* Product mosaic */
.wpm-wrap { display: grid; gap: var(--wapu-space-3); }
.wpm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wpm-card { position: relative; min-height: var(--wr-size-320); }
.wpm--round .wpm-card { border-radius: calc(var(--wr-radius) + var(--wapu-space-1)); }
.wpm--square .wpm-card { border-radius: 0; }
.wpm-image { position: absolute; inset: 0; }
.wpm-meta { position: absolute; right: var(--wapu-space-2); bottom: var(--wapu-space-2); left: var(--wapu-space-2); display: flex; align-items: center; justify-content: space-between; gap: var(--wapu-space-2); padding: var(--wapu-space-2); border-radius: var(--wr-radius-sm); background: color-mix(in srgb, var(--wr-bg) 86%, transparent); backdrop-filter: blur(var(--wapu-space-1)); }
.wpm-arrow { display: grid; width: var(--wapu-space-5); aspect-ratio: 1; place-items: center; border-radius: 999px; background: var(--wr-p); color: var(--wr-bg); }

/* Editorial statistics */
.wr-stats { display: grid; grid-template-columns: .8fr 1.2fr; align-items: end; gap: var(--wr-layout-gap); }
.wr-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--wr-size-160), 1fr)); gap: var(--wapu-space-2); }
.wr-stats-grid article { padding: var(--wapu-space-3); border-top: var(--wr-stroke-thin) solid var(--wr-t); }
.wr-stats-grid article .wapu-c-title { display: block; }

/* Shoppable gallery */
.ws-shopgal__inner { display: grid; gap: var(--wapu-space-4); }
.ws-shopgal__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--wapu-space-2); }
.ws-shopgal__item { position: relative; grid-column: span 4; display: block; min-height: var(--wr-size-320); overflow: hidden; border-radius: var(--wr-radius); background: color-mix(in srgb, var(--wr-p) 8%, var(--wr-bg)); }
.ws-shopgal--mosaic .ws-shopgal__item:first-child { grid-column: span 7; grid-row: span 2; }
.ws-shopgal--mosaic .ws-shopgal__item:nth-child(2),
.ws-shopgal--mosaic .ws-shopgal__item:nth-child(3) { grid-column: span 5; }
.ws-shopgal--strip .ws-shopgal__grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
.ws-shopgal--strip .ws-shopgal__item { flex: 0 0 min(78vw, var(--wr-size-320)); scroll-snap-align: start; }
.ws-shopgal--cards .ws-shopgal__item { min-height: var(--wr-size-256); }
.ws-shopgal__img { position: absolute; inset: 0; width: 100%; height: 100%; transition: transform var(--wr-motion-slow) ease; }
.ws-shopgal__item:hover .ws-shopgal__img { transform: scale(1.03); }
.ws-shopgal__meta { position: absolute; right: var(--wapu-space-2); bottom: var(--wapu-space-2); left: var(--wapu-space-2); display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wapu-space-2); padding: var(--wapu-space-2); border-radius: var(--wr-radius-sm); background: color-mix(in srgb, var(--wr-bg) 88%, transparent); backdrop-filter: blur(var(--wapu-space-1)); }
.ws-shopgal__copy { display: grid; gap: var(--wr-space-half); }

@media (max-width: 960px) {
    .wr-feature,
    .wr-mask,
    .wr-tabhero article,
    .wr-collage,
    .wr-stats { grid-template-columns: 1fr; }
    .ws-visual-menu-showcase__card,
    .ws-visual-menu-showcase__card.is-hero,
    .ws-visual-menu-showcase__card.is-tags { grid-column: span 6; grid-row: auto; }
    .wr-feature-media,
    .wr-mask > figure,
    .wr-tabhero article > figure { min-height: var(--wr-size-384); }
    .wr-collage-stage { min-height: var(--wr-size-448); }
    .ws-shopgal__item,
    .ws-shopgal--mosaic .ws-shopgal__item:first-child,
    .ws-shopgal--mosaic .ws-shopgal__item:nth-child(2),
    .ws-shopgal--mosaic .ws-shopgal__item:nth-child(3) { grid-column: span 6; grid-row: auto; }
}

@media (max-width: 760px) {
    .wr,
    .wapu-comparison,
    .wapu-feature-checklist,
    .wapu-service-cards,
    .ws-visual-menu-showcase,
    .wapu-narrative-gallery,
    .ws-shopgal,
    .wpm { padding: var(--wapu-space-6) var(--wapu-space-2); }
    .wr-bento-grid,
    .ws-visual-menu-showcase__grid,
    .wng-gallery,
    .wpm-grid { grid-template-columns: 1fr; }
    .wr-bento-card,
    .wr-bento-card:first-child,
    .ws-visual-menu-showcase__card,
    .ws-visual-menu-showcase__card.is-hero,
    .ws-visual-menu-showcase__card.is-tags,
    .wng-item,
    .wng-item:nth-child(n),
    .ws-shopgal__item,
    .ws-shopgal--mosaic .ws-shopgal__item:first-child,
    .ws-shopgal--mosaic .ws-shopgal__item:nth-child(2),
    .ws-shopgal--mosaic .ws-shopgal__item:nth-child(3) { grid-column: auto; }
    .wr-duo > div { grid-template-columns: 1fr; }
    .wr-promo { align-items: flex-start; flex-wrap: wrap; }
    .wr-promo > .wapu-c-cta { margin-left: 0; }
    .wr-feature-media,
    .wr-mask > figure,
    .wr-tabhero article > figure,
    .ws-visual-menu-showcase__media,
    .ws-visual-menu-showcase__card.is-hero .ws-visual-menu-showcase__media { min-height: var(--wr-size-320); }
    .wr-collage-stage { min-height: var(--wr-size-416); }
    .wapu-narrative-gallery.is-constellation .wng-item:nth-child(even) { transform: none; }
    .ws-shopgal__grid { display: flex; gap: var(--wapu-space-2); overflow-x: auto; scroll-snap-type: x mandatory; }
    .ws-shopgal__item,
    .ws-shopgal--strip .ws-shopgal__item { flex: 0 0 min(84vw, var(--wr-size-320)); scroll-snap-align: start; }
}

@media (prefers-reduced-motion: reduce) {
    .wr-portfolio-track { animation: none; }
    :where(.wr-brand,.wr-bento-card,.wapu-comparison__card,.wapu-feature-checklist__item,.wapu-service-cards__card,.ws-shopgal__img) { transition: none; }
}

/* Promo marquee and circular seal */
.ws-marquee-v1 {
    display: grid;
    place-items: center;
    min-height: var(--wapu-space-8);
    background: var(--wr-bg);
    color: var(--wr-t);
    font-family: var(--pg-style-body, var(--ws-font-body, inherit));
}
.ws-marquee-v1.is-straight { padding-inline: 0; }
.ws-marquee-v1.is-circle { padding-block: clamp(var(--wapu-space-3), 5vw, var(--wapu-space-8)); }
.ws-marquee-v1.is-empty { padding: var(--wapu-space-3); text-align: center; opacity: .72; }
.ws-marquee-v1.is-empty p { margin: 0; font-size: var(--wapu-type-small); letter-spacing: .08em; text-transform: uppercase; }
.ws-marquee-v1 .wapu-c-marquee { width: 100%; color: var(--wr-t); font-family: inherit; }
.ws-marquee-v1 .wapu-c-marquee__track { gap: var(--wapu-space-6); }
.ws-marquee-v1 .wapu-c-marquee__item {
    color: inherit;
    font-size: var(--wapu-type-small);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.ws-marquee-v1 .wapu-c-marquee__sep { color: var(--wr-a); opacity: .66; }
.ws-marquee-v1 .wapu-c-marquee-circle { max-width: 100%; }

@media (max-width: 760px) {
    .ws-marquee-v1 .wapu-c-marquee__track { gap: var(--wapu-space-4); }
}
@media (prefers-reduced-motion: reduce) {
    .ws-marquee-v1 .wapu-c-marquee__track,
    .ws-marquee-v1 .wapu-c-marquee-circle__ring { animation: none; }
}
