/* Family adaptive foundation — 22 October 2026. Brand-specific composition follows. */
html { -webkit-text-size-adjust:100%; scroll-padding-block-start:6rem; }
*,*::before,*::after { box-sizing:border-box; }
:where(main,section,article,header,footer,nav,div,figure) { min-inline-size:0; }
:where(h1,h2,h3) { text-wrap:balance; overflow-wrap:break-word; }
:where(p,li,dd) { overflow-wrap:break-word; }
:where(input,select,textarea) { font-size:1rem; max-inline-size:100%; }
:where(button,.button,.btn,.cx-action,.nav-cta) { max-inline-size:100%; white-space:normal; min-block-size:44px; line-height:1.3; }
:where(button,summary,[role="button"]) { touch-action:manipulation; }
:where(dialog,[role="dialog"]) { max-inline-size:calc(100vw - 2rem); max-block-size:calc(100dvh - 2rem); overflow:auto; overscroll-behavior:contain; }
:where(nav a,footer nav a) { min-block-size:44px; align-content:center; }
:where(.arrow,.cx-link-arrow,.cta-arrow) { display:inline-block; text-decoration:none; }
:where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid currentColor; outline-offset:4px; }
@media(max-height:500px) and (orientation:landscape) { :where(.topbar,.site-header,.cx-nav) { position:relative; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

/* Keep editorial serif headings, restrained sans copy and square actions. */
body :is(.button,.btn,.add-to-cart,.add-to-bag,.pixs-hero-actions a,.pixs-hero-actions button){border-radius:0;white-space:normal;min-height:44px}
body :is(.product-name,.product-title,.product-info h1){overflow-wrap:break-word;text-wrap:balance}
body :is(.product-info,.product-details,.product-summary,.cart-item-info){min-width:0}
body :is(.product-description,.product-description p){font-size:1rem;line-height:1.6}
@media(max-width:1000px){body[data-page="home"] .pixs-home-hero{min-height:560px}body[data-page="home"] .pixs-hero-copy{right:28px;width:44%;padding-block:24px}body[data-page="home"] .pixs-hero-copy h1{font-size:clamp(2.5rem,5.5vw,4rem)}body[data-page="home"] .pixs-hero-intro{font-size:1rem}}
@media(max-width:600px){body[data-page="home"] .pixs-home-hero{display:flex;flex-direction:column;min-height:0;background:var(--pixs-paper,#f7f6f2);overflow:visible}body[data-page="home"] .pixs-hero-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:30% center}body[data-page="home"] .pixs-home-hero::after{display:none}body[data-page="home"] .pixs-hero-copy{position:relative;inset:auto;width:100%;transform:none;padding:28px 22px 32px;background:var(--pixs-paper,#f7f6f2)}body[data-page="home"] .pixs-hero-copy h1{font-size:clamp(2.5rem,10.5vw,3.5rem);line-height:1.05;max-width:12ch}body[data-page="home"] .pixs-hero-intro{font-size:1rem;max-width:38ch}body[data-page="home"] .pixs-hero-kicker{font-size:.75rem;margin-bottom:12px}body[data-page="home"] .pixs-hero-benefits{font-size:.875rem;margin-block:18px}body[data-page="home"] .pixs-hero-actions{gap:12px}body[data-page="home"] .pixs-hero-actions :is(a,button){font-size:.875rem;min-height:48px;flex:1 1 150px;padding:12px 16px}.order-policy-banner{font-size:.75rem;letter-spacing:.025em}.order-policy-banner :is(a,button){min-height:44px}.shopping-notice{font-size:.8125rem}body :is(.product-price,.pixs-price){line-height:1.25}}

.shopping-notice{font:700 11px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:.08em;padding-block:7px}

/* PIXS interaction states — one restrained system across all published pages. */
:root {
  --pixs-state-hover: #34452b;
  --pixs-state-focus: #34452b;
  --pixs-state-press: #26351f;
  --pixs-state-wash: #f1f2ec;
  --pixs-state-shadow: 0 2px 9px rgb(29 29 27 / 10%);
  --pixs-state-speed: 160ms;
}
body :is(a[href],button:not(:disabled),[role="button"],summary,input:not(:disabled),select:not(:disabled),textarea:not(:disabled)) {
  transition: color var(--pixs-state-speed) ease,
    background-color var(--pixs-state-speed) ease,
    border-color var(--pixs-state-speed) ease,
    box-shadow var(--pixs-state-speed) ease,
    transform var(--pixs-state-speed) ease,
    text-decoration-color var(--pixs-state-speed) ease;
}
body :is(a[href],button,input,select,textarea,summary,[role="button"]):focus-visible {
  outline: 3px solid var(--pixs-state-focus);
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  body a[href]:not(.card-image):not(.pixs-spotlight-image):not(.pixs-look-product):not(.nav-vip):not([aria-disabled="true"]):hover {
    color: var(--pixs-state-hover);
    text-decoration-color: currentColor;
  }
  body .nav-band .nav-links > a:hover {
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    border-bottom-color: transparent;
  }
  body :is(button:not(:disabled),[role="button"]):hover {
    box-shadow: var(--pixs-state-shadow);
  }
  body :is(.button,.btn,.add-to-cart,.add-to-bag,.pixs-primary-link,.card-actions a,.card-actions button,.pixs-hero-actions a,.pixs-hero-actions button):hover {
    transform: translateY(-1px);
  }
  body .card-image img,
  body .pixs-spotlight-image img,
  body #shop-by-category .ae-department img {
    transition: transform 220ms ease;
  }
  body :is(.card-image,.pixs-spotlight-image,.ae-department):hover img {
    transform: scale(1.015);
  }
  body :is(summary,[role="button"]):hover { background-color: var(--pixs-state-wash); }
}
body :is(button:not(:disabled),[role="button"]):active {
  background-color: var(--pixs-state-press);
  box-shadow: none;
  transform: translateY(0);
}
body a[href]:active { color: var(--pixs-state-press); }
body :is(button:disabled,[aria-disabled="true"]) {
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
body :is(input:not(:disabled),select:not(:disabled),textarea:not(:disabled)):focus-visible {
  border-color: var(--pixs-state-focus);
  box-shadow: 0 0 0 2px rgb(52 69 43 / 14%);
}

/* Keep action groups balanced when their labels wrap at content-led widths. */
body :is(.pixs-hero-actions,.card-actions,.product-actions,.detail-actions) {
  min-width: 0;
  flex-wrap: wrap;
  align-items: stretch;
}
body :is(.pixs-hero-actions,.card-actions,.product-actions,.detail-actions) > :is(a,button) {
  min-width: 0;
  min-height: 44px;
  max-width: 100%;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
body .card-actions :is(a,button) { min-height: 44px; }
body .pixs-footer .footer-groups nav > a { min-height: 44px; }
@media (max-width: 360px) {
  body :is(.pixs-hero-actions,.card-actions,.product-actions,.detail-actions) > :is(a,button) {
    flex: 1 1 100%;
    width: 100%;
  }
  body .card-actions { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  body :is(a[href],button,[role="button"],summary,input,select,textarea),
  body .card-image img,
  body .pixs-spotlight-image img,
  body #shop-by-category .ae-department img { transition: none !important; }
}

/* Mobile content stays in one vertical column across the whole storefront. */
@media (max-width: 760px) {
  body * { grid-template-columns: minmax(0, 1fr) !important; }
  body :is(.product-grid, .product-styling__grid, .home-collection .product-grid, .hero-products, .kit-themes, .brand-benefits, .home-outfit, .merch-hero, .px-product__grid, .collection-layout, .checkout-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body :is(.product-grid, .product-styling__grid, .home-collection .product-grid) { gap: 24px; }
  body .card { width: 100%; max-width: none; }
  body .card-image, body .card-image img { display:block; width:100%; }
  body .card-image img { height:auto; aspect-ratio: 4 / 5; object-fit:cover; }
}