/* Generated from approved V1. Edit build-preview-parity.mjs or parity-bridge.css. */
@font-face {
  font-family: "Papin Manrope";
  src: url("../assets/fonts/manrope-brand.woff") format("woff");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Papin Cormorant";
  src: url("../assets/fonts/cormorant-garamond-brand-medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

:root{
  color-scheme: light;
  --color-canvas: #f7f8f8;
  --color-paper: #fff;
  --color-ink: #20252a;
  --color-muted: #626b73;
  --color-line: #dfe4e7;
  --color-blue: #809fb2;
  --color-blue-soft: #dfeaf0;
  --color-blue-ink: #18394a;
  --color-plum: #6e5471;
  --color-champagne: #cfb697;
  --color-danger: #9f2f2f;
  --color-focus: #0b668f;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-control: .25rem;
  --radius-media: .125rem;
  --content-max: 92rem;
  --header-height: 5rem;
  --shadow-dialog: 0 1.5rem 5rem rgb(18 27 32 / 20%);
  --font-ui: "Papin Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Papin Cormorant", Georgia, serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lead: 1.25rem;
}

body.pa-storefront *,
body.pa-storefront *::before,
body.pa-storefront *::after{
  box-sizing: border-box;
}

body.pa-storefront [hidden]{
  display: none !important;
}

html{
  scroll-behavior: smooth;
  scroll-padding-top: 7.5rem;
}

body.pa-storefront{
  margin: 0;
  min-width: 20rem;
  overflow-x: hidden;
  color: var(--color-ink);
  background: var(--color-canvas);
  font-family: var(--font-ui);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.55;
  font-kerning: normal;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.pa-storefront:has(dialog[open]){
  overflow: hidden;
}

body.pa-storefront img,
body.pa-storefront picture,
body.pa-storefront svg{
  display: block;
}

body.pa-storefront img{
  max-width: 100%;
}

body.pa-storefront button,
body.pa-storefront input,
body.pa-storefront select,
body.pa-storefront textarea{
  color: inherit;
  font: inherit;
}

body.pa-storefront button,
body.pa-storefront select{
  cursor: pointer;
}

body.pa-storefront a{
  color: inherit;
  text-decoration-thickness: .0625rem;
  text-underline-offset: .2em;
}

body.pa-storefront h1,
body.pa-storefront h2,
body.pa-storefront h3,
body.pa-storefront p{
  margin-block-start: 0;
}

body.pa-storefront h1,
body.pa-storefront h2{
  font-family: var(--font-display);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.015em;
  text-wrap: balance;
}

body.pa-storefront h3{
  font-family: var(--font-ui);
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: 0;
  text-wrap: balance;
}

body.pa-storefront h1{
  margin-bottom: 1.25rem;
  font-size: clamp(2.7rem, 6vw, 6rem);
}

body.pa-storefront h2{
  margin-bottom: 1rem;
  font-size: clamp(2.1rem, 4vw, 4rem);
  line-height: 1.08;
}

body.pa-storefront :focus-visible{
  outline: .1875rem solid var(--color-focus);
  outline-offset: .1875rem;
}

body.pa-storefront ::selection{
  color: var(--color-ink);
  background: var(--color-blue-soft);
}

body.pa-storefront .sr-only{
  position: absolute;
  width: .0625rem;
  height: .0625rem;
  padding: 0;
  margin: -.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.pa-storefront .skip-link{
  position: fixed;
  z-index: 100;
  top: .5rem;
  left: .5rem;
  padding: .75rem 1rem;
  color: #fff;
  background: var(--color-blue-ink);
  transform: translateY(-150%);
}

body.pa-storefront .skip-link:focus{
  transform: translateY(0);
}

body.pa-storefront .section-shell{
  width: min(calc(100% - 3rem), var(--content-max));
  margin-inline: auto;
}

body.pa-storefront .campaign-bar{
  min-height: 2rem;
  display: grid;
  place-items: center;
  padding: .38rem 1rem;
  color: #fff;
  background: var(--color-blue-ink);
  font-size: .78rem;
  letter-spacing: .04em;
  text-align: center;
}

body.pa-storefront .campaign-bar a{
  text-decoration: none;
}

body.pa-storefront .campaign-bar span{
  margin-left: .7rem;
  border-bottom: .0625rem solid currentColor;
}

body.pa-storefront .site-header{
  position: sticky;
  z-index: 30;
  top: 0;
  height: var(--header-height);
  border-bottom: .0625rem solid transparent;
  background: rgb(247 248 248 / 94%);
  backdrop-filter: blur(.75rem);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

body.pa-storefront .site-header.is-scrolled{
  border-bottom-color: var(--color-line);
  box-shadow: 0 .25rem 1.5rem rgb(32 37 42 / 6%);
}

body.pa-storefront .site-header__inner{
  width: min(calc(100% - 3rem), var(--content-max));
  height: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 13.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 2rem;
}

body.pa-storefront .brand{
  display: block;
  width: 12.2rem;
}

body.pa-storefront .brand img{
  width: 100%;
  height: auto;
}

body.pa-storefront .primary-nav{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 2vw, 2.2rem);
  min-width: 0;
  font-size: var(--text-sm);
  font-weight: 500;
  letter-spacing: .045em;
  white-space: nowrap;
}

body.pa-storefront .primary-nav a{
  position: relative;
  padding-block: 1.65rem;
  text-decoration: none;
}

body.pa-storefront .primary-nav a::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 1.25rem;
  left: 0;
  height: .0625rem;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 180ms ease;
}

body.pa-storefront .primary-nav a:hover::after,
body.pa-storefront .primary-nav a[aria-current="page"]::after{
  transform: scaleX(1);
  transform-origin: left;
}

body.pa-storefront .header-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .25rem;
}

body.pa-storefront .icon-button{
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--radius-control);
  color: inherit;
  background: transparent;
}

body.pa-storefront .icon-button:hover{
  background: rgb(128 159 178 / 13%);
}

body.pa-storefront .icon-button svg,
body.pa-storefront .text-link svg,
body.pa-storefront .audience-card__cta svg,
body.pa-storefront .purchase-benefits svg{
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.4;
}

body.pa-storefront .action-count{
  position: absolute;
  top: .15rem;
  right: .05rem;
  min-width: 1.08rem;
  height: 1.08rem;
  display: grid;
  place-items: center;
  padding-inline: .2rem;
  border: .0625rem solid var(--color-canvas);
  border-radius: 99rem;
  color: #fff;
  background: var(--color-blue-ink);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 500;
  line-height: 1;
}

body.pa-storefront .mobile-only{
  display: none;
}

body.pa-storefront .button{
  min-height: 3.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .8rem 1.4rem;
  border: .0625rem solid transparent;
  border-radius: var(--radius-control);
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body.pa-storefront .button:not(:disabled):active{
  transform: translateY(.0625rem);
}

body.pa-storefront .button--primary{
  color: #fff;
  background: var(--color-blue-ink);
  border-color: var(--color-blue-ink);
}

body.pa-storefront .button--primary:hover{
  background: #0f2d3c;
  border-color: #0f2d3c;
}

body.pa-storefront .button--secondary,
body.pa-storefront .button--filter{
  color: var(--color-ink);
  background: transparent;
  border-color: #a9b2b7;
}

body.pa-storefront .button--secondary:hover,
body.pa-storefront .button--filter:hover{
  border-color: var(--color-ink);
  background: var(--color-paper);
}

body.pa-storefront .button--ghost{
  color: var(--color-ink);
  border-color: rgb(32 37 42 / 45%);
  background: rgb(255 255 255 / 24%);
  backdrop-filter: blur(.3rem);
}

body.pa-storefront .button--ghost:hover{
  background: rgb(255 255 255 / 70%);
}

body.pa-storefront .button--full{
  width: 100%;
}

body.pa-storefront .button:disabled{
  cursor: not-allowed;
  color: #727b80;
  background: #e1e4e5;
  border-color: #e1e4e5;
}

body.pa-storefront .button-row{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

body.pa-storefront .text-link,
body.pa-storefront .text-button{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem 0;
  border: 0;
  border-bottom: .0625rem solid currentColor;
  background: transparent;
  font-weight: 400;
  text-decoration: none;
}

body.pa-storefront .text-link svg{
  transition: transform 160ms ease;
}

body.pa-storefront .text-link:hover svg{
  transform: translateX(.2rem);
}

body.pa-storefront .hero{
  position: relative;
  min-height: min(48rem, calc(100svh - 7rem));
  display: grid;
  align-items: center;
  overflow: clip;
  background: #e8e9e8;
}

body.pa-storefront .hero__media,
body.pa-storefront .hero__media::after{
  position: absolute;
  inset: 0;
}

body.pa-storefront .hero__media::after{
  content: "";
  background: linear-gradient(90deg, rgb(239 239 236 / 88%) 0%, rgb(239 239 236 / 62%) 28%, transparent 58%);
}

body.pa-storefront .hero__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

body.pa-storefront .hero__content{
  position: relative;
  z-index: 1;
  width: min(44rem, 54vw);
  margin-left: max(1.5rem, calc((100vw - var(--content-max)) / 2));
  padding-block: 5rem;
}

body.pa-storefront .hero__season,
body.pa-storefront .section-kicker,
body.pa-storefront .catalog-campaign div > p,
body.pa-storefront .family-hero div > p{
  margin-bottom: var(--space-4);
  color: var(--color-blue-ink);
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.pa-storefront .hero__content h1{
  max-width: 14ch;
  font-size: clamp(3.4rem, 5.2vw, 5.15rem);
}

body.pa-storefront .hero__content > p:not(.hero__season){
  max-width: 32rem;
  margin-bottom: 2rem;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
}

body.pa-storefront .hero__disclaimer{
  position: absolute;
  right: 1rem;
  bottom: .6rem;
  z-index: 2;
  margin: 0;
  padding: .2rem .45rem;
  color: #29343a;
  background: rgb(255 255 255 / 70%);
  font-size: .68rem;
}

/* One photographic poster; art-directed sources preserve both heads at each ratio. */
body.pa-storefront .hero.hero--autumn{
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "poster";
  align-items: center;
  isolation: isolate;
  background: #e6e5e3;
}

body.pa-storefront .hero--autumn .hero__media{
  position: relative;
  inset: auto;
  grid-area: poster;
  width: 100%;
  aspect-ratio: 1942 / 809;
  max-height: none;
}

body.pa-storefront .hero--autumn .hero__media::after{
  display: none;
}

body.pa-storefront .hero--autumn .hero__media img{
  object-fit: contain;
  object-position: center;
}

body.pa-storefront .hero--autumn .hero__content{
  grid-area: poster;
  width: 39%;
  margin: 0 0 0 5.4%;
  padding: 1.5rem 0;
  color: #253c4b;
  background: transparent;
}

body.pa-storefront .hero--autumn .hero__season{
  margin: 0 0 clamp(.75rem, 1.6vw, 1.5rem);
  color: inherit;
  font-size: clamp(.75rem, 1vw, .9rem);
  letter-spacing: .025em;
  text-transform: none;
  animation: poster-arrive 700ms cubic-bezier(.16, 1, .3, 1) both;
}

body.pa-storefront .hero--autumn .hero__content h1{
  margin: 0 0 clamp(.85rem, 1.8vw, 1.7rem);
  font-size: clamp(2.7rem, 7.2vw, 6rem);
  max-width: none;
  line-height: .92;
  letter-spacing: -.02em;
  animation: poster-arrive 850ms 60ms cubic-bezier(.16, 1, .3, 1) both;
}

body.pa-storefront .hero--autumn .hero__content h1 span{
  display: block;
  margin-left: .42em;
}

body.pa-storefront .hero--autumn .hero__content > p:not(.hero__season){
  margin: 0 0 clamp(1rem, 2.8vw, 2.75rem);
  max-width: none;
  font-size: clamp(.78rem, 1.1vw, 1rem);
  animation: poster-arrive 800ms 140ms cubic-bezier(.16, 1, .3, 1) both;
}

body.pa-storefront .hero__cta{
  display: inline-flex;
  align-items: center;
  gap: clamp(.75rem, 1.5vw, 1.5rem);
  min-height: 2.75rem;
  font-size: clamp(.8rem, 1.05vw, .95rem);
  font-weight: 500;
  text-decoration: none;
  animation: poster-arrive 800ms 220ms cubic-bezier(.16, 1, .3, 1) both;
}

body.pa-storefront .hero__cta > span:first-child{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .35em;
}

body.pa-storefront .hero__cta-arrow{
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  color: #fff;
  background: #253c4b;
  transition: background-color 180ms ease-out;
}

body.pa-storefront .hero__cta-arrow svg{
  width: 1.2rem;
  height: 1.2rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-35deg);
  transition: transform 250ms cubic-bezier(.16, 1, .3, 1);
}

body.pa-storefront .hero__cta:hover .hero__cta-arrow,
body.pa-storefront .hero__cta:focus-visible .hero__cta-arrow{
  background: #0e293b;
}

body.pa-storefront .hero__cta:hover svg,
body.pa-storefront .hero__cta:focus-visible svg{
  transform: rotate(0deg) translateX(.1rem);
}

@keyframes poster-arrive {
  from { transform: translateY(.6rem); }
  to { transform: translateY(0); }
}

body.pa-storefront .section-heading{
  margin-bottom: 2.2rem;
}

body.pa-storefront .section-heading > div > p,
body.pa-storefront .section-heading > p{
  max-width: 42rem;
  margin-bottom: 0;
  color: var(--color-muted);
}

body.pa-storefront .section-heading--split{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
}

body.pa-storefront .audience-section,
body.pa-storefront .product-section,
body.pa-storefront .collection-grid,
body.pa-storefront .info-blocks,
body.pa-storefront .process,
body.pa-storefront .size-page,
body.pa-storefront .utility-page,
body.pa-storefront .cart-page{
  padding-block: clamp(4.5rem, 8vw, 8rem);
}

body.pa-storefront .audience-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}

body.pa-storefront .audience-card{
  position: relative;
  min-height: 34rem;
  display: block;
  grid-column: span 4;
  overflow: hidden;
  border-radius: var(--radius-media);
  color: #fff;
  background: #7f8e96;
  text-decoration: none;
}

body.pa-storefront .audience-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 18%;
  transition: transform 480ms cubic-bezier(.2, .75, .2, 1);
}

body.pa-storefront .audience-card:nth-child(3) img{
  object-position: 72% center;
}

body.pa-storefront .audience-card::after{
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(transparent, rgb(16 28 36 / 78%));
}

body.pa-storefront .audience-card__overlay{
  position: absolute;
  z-index: 1;
  right: 1.5rem;
  bottom: 1.45rem;
  left: 1.5rem;
  display: grid;
  gap: .35rem;
}

body.pa-storefront .audience-card__overlay > strong{
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 2.6vw, 2.6rem);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.01em;
}

body.pa-storefront .audience-card__overlay > span:not(.audience-card__cta){
  color: rgb(255 255 255 / 88%);
}

body.pa-storefront .audience-card__cta{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-top: .65rem;
  font-weight: 400;
}

body.pa-storefront .product-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.6rem) clamp(.75rem, 1.5vw, 1.25rem);
}

body.pa-storefront .product-card{
  min-width: 0;
}

body.pa-storefront .product-card[hidden]{
  display: none;
}

body.pa-storefront .product-card__media{
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: var(--radius-media);
  background: #e7e9e9;
}

body.pa-storefront .product-card__media > a{
  position: absolute;
  inset: 0;
  display: block;
}

body.pa-storefront .product-card__image{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

body.pa-storefront .product-card__image--secondary{
  opacity: 0;
  transition: opacity 240ms ease;
}

body.pa-storefront .product-card__favorite{
  position: absolute;
  z-index: 2;
  top: .55rem;
  right: .55rem;
  color: var(--color-ink);
  background: rgb(255 255 255 / 82%);
  backdrop-filter: blur(.3rem);
}

body.pa-storefront .product-card__favorite[aria-pressed="true"] svg{
  fill: var(--color-blue-ink);
}

body.pa-storefront .product-badge,
body.pa-storefront .product-card__photo-hint{
  position: absolute;
  z-index: 2;
  left: .65rem;
  padding: .28rem .48rem;
  border-radius: .1rem;
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .04em;
}

body.pa-storefront .product-badge{
  top: .7rem;
  color: #fff;
  background: var(--color-blue-ink);
}

body.pa-storefront .product-card__photo-hint{
  bottom: .65rem;
  color: var(--color-ink);
  background: rgb(255 255 255 / 82%);
}

body.pa-storefront .product-card__details{
  padding-top: .9rem;
}

body.pa-storefront .product-card__meta{
  margin-bottom: .28rem;
  color: var(--color-muted);
  font-size: .78rem;
}

body.pa-storefront .product-card h3{
  margin-bottom: .35rem;
  font-size: 1.08rem;
  font-weight: 500;
  letter-spacing: 0;
}

body.pa-storefront .product-card h3 a{
  text-decoration: none;
}

body.pa-storefront .product-card h3 a:hover{
  text-decoration: underline;
}

body.pa-storefront .product-card__price{
  margin-bottom: .55rem;
  font-size: var(--text-base);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .color-list{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .38rem;
}

body.pa-storefront .color-dot{
  width: .8rem;
  height: .8rem;
  display: block;
  border: .0625rem solid rgb(32 37 42 / 28%);
  border-radius: 50%;
  background: var(--swatch);
  box-shadow: 0 0 0 .125rem var(--color-canvas);
}

body.pa-storefront .color-dot--link{
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

body.pa-storefront .color-dot--link:hover,
body.pa-storefront .color-dot--link:focus-visible{
  box-shadow: 0 0 0 .125rem var(--color-canvas), 0 0 0 .25rem var(--color-blue-ink);
  transform: scale(1.08);
}

body.pa-storefront .color-dot.is-current{
  box-shadow: 0 0 0 .125rem var(--color-canvas), 0 0 0 .2rem var(--color-blue-ink);
}

body.pa-storefront .editorial-pair{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(21rem, .85fr);
  align-items: stretch;
  padding-block: clamp(1rem, 4vw, 4rem) clamp(5rem, 9vw, 9rem);
}

body.pa-storefront .editorial-pair__image{
  min-height: 40rem;
  overflow: hidden;
}

body.pa-storefront .editorial-pair__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
}

body.pa-storefront .editorial-pair__copy{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 6vw, 6rem);
  background: var(--color-blue-soft);
}

body.pa-storefront .editorial-pair__copy h2{
  max-width: 8ch;
}

body.pa-storefront .editorial-pair__copy > p:not(.section-kicker){
  max-width: 34rem;
  margin-bottom: 2rem;
}

body.pa-storefront .pair-links{
  display: grid;
  border-top: .0625rem solid rgb(24 57 74 / 25%);
}

body.pa-storefront .pair-links a{
  display: grid;
  gap: .15rem;
  padding: 1rem 0;
  border-bottom: .0625rem solid rgb(24 57 74 / 25%);
  text-decoration: none;
}

body.pa-storefront .pair-links a:hover strong{
  text-decoration: underline;
}

body.pa-storefront .pair-links span{
  color: var(--color-muted);
  font-size: .75rem;
}

body.pa-storefront .pair-links strong{
  font-size: 1.05rem;
  font-weight: 400;
}

body.pa-storefront .service-strip{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-block: .0625rem solid var(--color-line);
  background: var(--color-paper);
}

body.pa-storefront .service-strip a{
  display: grid;
  gap: .2rem;
  min-height: 8rem;
  align-content: center;
  padding: 1.5rem clamp(1rem, 3vw, 3rem);
  border-right: .0625rem solid var(--color-line);
  text-decoration: none;
}

body.pa-storefront .service-strip a:last-child{
  border-right: 0;
}

body.pa-storefront .service-strip a:hover strong{
  text-decoration: underline;
}

body.pa-storefront .service-strip strong{
  font-weight: 400;
}

body.pa-storefront .service-strip span{
  color: var(--color-muted);
  font-size: .78rem;
}

body.pa-storefront .site-footer{
  color: #eaf1f4;
  background: var(--color-blue-ink);
}

body.pa-storefront .site-footer__top{
  width: min(calc(100% - 3rem), var(--content-max));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: clamp(2rem, 5vw, 6rem);
  padding-block: 5rem;
}

body.pa-storefront .footer-brand img{
  width: 10rem;
  height: auto;
  margin-bottom: 1.2rem;
}

body.pa-storefront .footer-brand p{
  max-width: 24rem;
  color: rgb(234 241 244 / 72%);
}

body.pa-storefront .footer-links{
  display: grid;
  align-content: start;
  gap: .55rem;
}

body.pa-storefront .footer-links h2{
  margin-bottom: .7rem;
  font-size: .8rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.pa-storefront .footer-links a,
body.pa-storefront .footer-links .text-button{
  justify-self: start;
  border: 0;
  color: rgb(234 241 244 / 78%);
  font-size: .9rem;
  text-decoration: none;
}

body.pa-storefront .footer-links a:hover,
body.pa-storefront .footer-links .text-button:hover{
  color: #fff;
  text-decoration: underline;
}

body.pa-storefront .site-footer__bottom{
  width: min(calc(100% - 3rem), var(--content-max));
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 1rem 1.5rem;
  border-top: .0625rem solid rgb(255 255 255 / 15%);
  color: rgb(234 241 244 / 60%);
  font-size: .72rem;
}

body.pa-storefront .breadcrumbs{
  color: var(--color-muted);
  font-size: .78rem;
}

body.pa-storefront .breadcrumbs ol{
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.pa-storefront .breadcrumbs li:not(:last-child)::after{
  content: "/";
  margin-left: .4rem;
  color: #9ca4a8;
}

body.pa-storefront .breadcrumbs a{
  text-decoration: none;
}

body.pa-storefront .breadcrumbs a:hover{
  text-decoration: underline;
}

body.pa-storefront .page-intro{
  padding-block: 3rem 2.5rem;
}

body.pa-storefront .page-intro .breadcrumbs{
  margin-bottom: clamp(2.5rem, 6vw, 5rem);
}

body.pa-storefront .page-intro h1{
  max-width: 14ch;
}

body.pa-storefront .page-intro > p{
  max-width: 46rem;
  margin-bottom: 0;
  color: var(--color-muted);
  font-size: 1.06rem;
}

body.pa-storefront .catalog-campaign{
  position: relative;
  min-height: min(37rem, calc(100svh - 7rem));
  display: grid;
  align-items: center;
  overflow: hidden;
}

body.pa-storefront .catalog-campaign picture,
body.pa-storefront .catalog-campaign picture::after{
  position: absolute;
  inset: 0;
}

body.pa-storefront .catalog-campaign picture::after{
  content: "";
  background: linear-gradient(90deg, rgb(240 240 236 / 88%), transparent 60%);
}

body.pa-storefront .catalog-campaign img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

body.pa-storefront .catalog-campaign > div{
  position: relative;
  z-index: 1;
  width: min(calc(100% - 3rem), var(--content-max));
  margin-inline: auto;
}

body.pa-storefront .catalog-campaign h1{
  max-width: 8ch;
}

body.pa-storefront .catalog-campaign div > span{
  display: block;
  max-width: 34rem;
}

body.pa-storefront .catalog-campaign.catalog-campaign--autumn{
  min-height: 0;
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  background: #f1f1ef;
}

body.pa-storefront .catalog-campaign.catalog-campaign--autumn picture{
  position: relative;
  grid-column: 2;
  grid-row: 1;
  aspect-ratio: 4960 / 3413;
  max-height: none;
  width: 100%;
}

body.pa-storefront .catalog-campaign.catalog-campaign--autumn picture::after{
  display: none;
}

body.pa-storefront .catalog-campaign.catalog-campaign--autumn img{
  object-fit: contain;
}

body.pa-storefront .catalog-campaign.catalog-campaign--autumn > div{
  grid-column: 1;
  grid-row: 1;
  width: auto;
  margin: 0;
  padding: clamp(1.5rem, 4vw, 4rem);
}

body.pa-storefront .catalog-campaign.catalog-campaign--autumn h1{
  font-size: clamp(3rem, 5vw, 5rem);
}

body.pa-storefront .catalog-layout{
  display: grid;
  grid-template-columns: 15rem minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 4rem);
  padding-block: 2rem 7rem;
}

body.pa-storefront [data-catalog-root] .page-intro{
  padding-block: 1.5rem 1.25rem;
}

body.pa-storefront [data-catalog-root] .page-intro .breadcrumbs{
  margin-bottom: clamp(1.5rem, 3vw, 2.75rem);
}

body.pa-storefront [data-catalog-root] .catalog-layout{
  padding-block-start: 1.25rem;
}

body.pa-storefront .filter-sidebar{
  align-self: start;
  position: sticky;
  top: calc(var(--header-height) + 1.5rem);
}

body.pa-storefront .filter-form__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .filter-form__head h3{
  margin: 0;
  font-size: 1rem;
}

body.pa-storefront .filter-form__head .text-button{
  color: var(--color-muted);
  font-size: .75rem;
}

body.pa-storefront .filter-form fieldset{
  margin: 0;
  padding: 1.1rem 0;
  border: 0;
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .filter-form legend{
  width: 100%;
  margin-bottom: .65rem;
  padding: 0;
  font-size: .82rem;
  font-weight: 500;
}

body.pa-storefront .filter-check{
  min-height: 2.2rem;
  display: flex;
  align-items: center;
  gap: .65rem;
  cursor: pointer;
  font-size: .84rem;
}

body.pa-storefront .filter-check input{
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--color-blue-ink);
}

body.pa-storefront .filter-sizes{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: .7rem;
}

body.pa-storefront .catalog-toolbar{
  min-height: 5rem;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .catalog-toolbar h2{
  margin-bottom: .2rem;
  font-size: 1.5rem;
  line-height: 1.1;
}

body.pa-storefront .catalog-toolbar p{
  margin: 0;
  color: var(--color-muted);
  font-size: .8rem;
}

body.pa-storefront .catalog-toolbar__actions{
  display: flex;
  align-items: center;
  gap: .75rem;
}

body.pa-storefront .catalog-toolbar .button--filter{
  display: none;
}

body.pa-storefront .sort-control{
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: .6rem;
  font-size: .8rem;
}

body.pa-storefront .sort-control select{
  min-height: 2.75rem;
  padding: .55rem 2rem .55rem .8rem;
  border: .0625rem solid #a9b2b7;
  border-radius: var(--radius-control);
  background: var(--color-paper);
}

body.pa-storefront .active-filters{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1.2rem;
}

body.pa-storefront .active-filters:empty{
  display: none;
}

body.pa-storefront .filter-chip{
  min-height: 2.2rem;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .4rem .7rem;
  border: .0625rem solid var(--color-line);
  border-radius: 99rem;
  background: var(--color-paper);
  font-size: .75rem;
}

body.pa-storefront .filter-chip::after{
  content: "×";
  font-size: 1rem;
  line-height: .8;
}

body.pa-storefront .catalog-empty{
  padding: 4rem 1.5rem;
  border-block: .0625rem solid var(--color-line);
  text-align: center;
}

body.pa-storefront .catalog-empty h2,
body.pa-storefront .catalog-empty h3{
  margin-bottom: .6rem;
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.01em;
}

body.pa-storefront .catalog-empty p{
  max-width: 34rem;
  margin-inline: auto;
  color: var(--color-muted);
}

body.pa-storefront .product-breadcrumbs{
  padding-block: 1.5rem;
}

body.pa-storefront .pdp{
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(20rem, .75fr);
  align-items: start;
  gap: clamp(2rem, 5vw, 6rem);
  padding-bottom: clamp(5rem, 9vw, 9rem);
}

body.pa-storefront .pdp-gallery{
  min-width: 0;
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: 1rem;
}

body.pa-storefront .pdp-gallery--single{
  grid-template-columns: minmax(0, 1fr);
}

body.pa-storefront .pdp-gallery__thumbs{
  max-height: calc(100svh - 9.5rem);
  display: flex;
  flex-direction: column;
  gap: .55rem;
  overflow-y: auto;
  scrollbar-width: thin;
}

body.pa-storefront .pdp-gallery__thumbs button{
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 4 / 5;
  padding: 0;
  border: .0625rem solid transparent;
  background: #e9ebeb;
  opacity: .62;
}

body.pa-storefront .pdp-gallery__thumbs button[aria-current="true"]{
  border-color: var(--color-ink);
  opacity: 1;
}

body.pa-storefront .pdp-gallery__thumbs img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}

body.pa-storefront .pdp-gallery__stage{
  position: relative;
  min-width: 0;
}

body.pa-storefront .pdp-gallery__track{
  display: flex;
  aspect-ratio: 4 / 5;
  overflow: auto hidden;
  background: #e8eaea;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body.pa-storefront .pdp-gallery__track::-webkit-scrollbar{
  display: none;
}

body.pa-storefront .pdp-gallery__track figure{
  min-width: 100%;
  height: 100%;
  margin: 0;
  scroll-snap-align: start;
}

body.pa-storefront .pdp-gallery__track figure > button{
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}

body.pa-storefront .pdp-gallery__track img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

body.pa-storefront .gallery-controls{
  position: absolute;
  z-index: 2;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  align-items: center;
  gap: .35rem;
  padding: .22rem;
  background: rgb(255 255 255 / 86%);
  backdrop-filter: blur(.3rem);
}

body.pa-storefront .gallery-controls > span{
  min-width: 3.2rem;
  text-align: center;
  font-size: .76rem;
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .gallery-purpose{
  position: absolute;
  z-index: 2;
  bottom: 1rem;
  left: 1rem;
  padding: .45rem .6rem;
  color: var(--color-muted);
  background: rgb(255 255 255 / 86%);
  font-size: .68rem;
}

body.pa-storefront .purchase-panel{
  position: sticky;
  top: calc(var(--header-height) + 1.5rem);
}

body.pa-storefront .purchase-panel__meta{
  margin-bottom: 1rem;
  color: var(--color-muted);
  font-size: .78rem;
  letter-spacing: .04em;
}

body.pa-storefront .purchase-panel h1{
  margin-bottom: 1rem;
  font-size: clamp(2.3rem, 3.5vw, 4.1rem);
}

body.pa-storefront .purchase-panel__price{
  margin-bottom: 1.2rem;
  font-size: 1.3rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .purchase-panel__lead{
  max-width: 38rem;
  margin-bottom: 1.7rem;
  color: var(--color-muted);
}

body.pa-storefront .variant-group{
  padding-block: 1rem;
  border-top: .0625rem solid var(--color-line);
}

body.pa-storefront .variant-label{
  display: block;
  margin-bottom: .65rem;
  font-size: .8rem;
  font-weight: 500;
}

body.pa-storefront .variant-label strong{
  font-weight: 400;
}

body.pa-storefront .variant-color-options{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

body.pa-storefront .variant-color{
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .55rem .7rem;
  border: .0625rem solid #aeb6ba;
  border-radius: var(--radius-control);
  color: var(--color-ink);
  background: var(--color-paper);
  text-decoration: none;
  font-size: .78rem;
}

body.pa-storefront .variant-color:hover{
  border-color: var(--color-blue-ink);
}

body.pa-storefront .variant-color.is-current{
  border-color: var(--color-blue-ink);
  box-shadow: inset 0 0 0 .0625rem var(--color-blue-ink);
}

body.pa-storefront .variant-color i{
  width: .9rem;
  height: .9rem;
  flex: 0 0 auto;
  border: .0625rem solid rgb(32 37 42 / 28%);
  border-radius: 50%;
  background: var(--swatch);
}

body.pa-storefront .buy-form{
  padding-block: 1.25rem;
  border-block: .0625rem solid var(--color-line);
}

body.pa-storefront .quick-buy-button,
body.pa-storefront .mini-cart-quick{
  margin-top: .65rem;
}

body.pa-storefront .quick-buy-note{
  margin: .65rem 0 0;
  color: var(--color-muted);
  font-size: .75rem;
  text-align: center;
}

body.pa-storefront .size-picker{
  margin: 0;
  padding: 0;
  border: 0;
}

body.pa-storefront .size-picker legend{
  margin-bottom: .75rem;
  padding: 0;
  font-size: .85rem;
  font-weight: 500;
}

body.pa-storefront .size-picker > div{
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

body.pa-storefront .size-picker label{
  position: relative;
}

body.pa-storefront .size-picker input{
  position: absolute;
  width: .0625rem;
  height: .0625rem;
  opacity: 0;
}

body.pa-storefront .size-picker span{
  min-width: 4.2rem;
  min-height: 2.75rem;
  display: grid;
  place-items: center;
  padding: .45rem .65rem;
  border: .0625rem solid #aeb6ba;
  border-radius: var(--radius-control);
  background: var(--color-paper);
  cursor: pointer;
  font-size: .78rem;
}

body.pa-storefront .size-picker input:focus-visible + span{
  outline: .1875rem solid var(--color-focus);
  outline-offset: .125rem;
}

body.pa-storefront .size-picker input:checked + span{
  color: #fff;
  border-color: var(--color-blue-ink);
  background: var(--color-blue-ink);
}

body.pa-storefront .size-guide-link{
  margin: .75rem 0 1rem;
  font-size: .78rem;
}

body.pa-storefront .field-note,
body.pa-storefront .form-error{
  margin-bottom: .75rem;
  font-size: .8rem;
}

body.pa-storefront .form-error{
  color: var(--color-danger);
}

body.pa-storefront .purchase-benefits{
  display: grid;
  padding-block: .8rem;
}

body.pa-storefront .purchase-benefits a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 2.6rem;
  text-decoration: none;
  font-size: .82rem;
}

body.pa-storefront .purchase-benefits a:hover{
  text-decoration: underline;
}

body.pa-storefront .product-disclosures{
  border-top: .0625rem solid var(--color-line);
}

body.pa-storefront .product-disclosures details{
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .product-disclosures summary{
  min-height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  font-size: .84rem;
  font-weight: 500;
  list-style: none;
}

body.pa-storefront .product-disclosures summary::-webkit-details-marker{
  display: none;
}

body.pa-storefront .product-disclosures summary svg{
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  transition: transform 160ms ease;
}

body.pa-storefront .product-disclosures details[open] summary svg{
  transform: rotate(45deg);
}

body.pa-storefront .product-disclosures details p{
  padding-right: 1rem;
  color: var(--color-muted);
  font-size: .85rem;
}

body.pa-storefront .mother-look{
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 38rem;
  margin-bottom: clamp(5rem, 9vw, 9rem);
  background: var(--color-blue-soft);
}

body.pa-storefront .mother-look__copy{
  align-self: center;
  padding: clamp(2rem, 7vw, 7rem);
}

body.pa-storefront .mother-look__copy h2{
  max-width: 7ch;
}

body.pa-storefront .mother-look__copy p:not(.section-kicker){
  max-width: 32rem;
  margin-bottom: 2rem;
}

body.pa-storefront .mother-look__product{
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #86959c;
  text-decoration: none;
}

body.pa-storefront .mother-look__product img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 18%;
  transition: transform 420ms cubic-bezier(.2, .75, .2, 1);
}

body.pa-storefront .mother-look__product::after{
  content: "";
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(transparent, rgb(18 30 38 / 76%));
}

body.pa-storefront .mother-look__product > span{
  position: absolute;
  z-index: 1;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  display: grid;
}

body.pa-storefront .mother-look__product strong{
  font-size: 1.35rem;
  font-weight: 400;
}

body.pa-storefront .mother-look__product small{
  font-size: .9rem;
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .family-hero{
  position: relative;
  min-height: clamp(32rem, 56vw, 40rem);
  display: grid;
  align-items: end;
  overflow: hidden;
  color: #fff;
  background: #6a8491;
}

body.pa-storefront .family-hero img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
}

body.pa-storefront .family-hero::after{
  content: "";
  position: absolute;
  inset: 24% 0 0;
  background: linear-gradient(transparent, rgb(13 29 39 / 75%));
}

body.pa-storefront .family-hero > div{
  position: relative;
  z-index: 1;
  width: min(calc(100% - 3rem), var(--content-max));
  margin-inline: auto;
  padding-bottom: var(--space-16);
}

body.pa-storefront .family-hero div > p{
  color: #fff;
}

body.pa-storefront .family-hero h1{
  max-width: 13ch;
}

body.pa-storefront .family-hero div > span{
  display: block;
  max-width: 38rem;
  color: rgb(255 255 255 / 86%);
}

body.pa-storefront .family-looks{
  padding-block: var(--space-16);
}

body.pa-storefront .family-looks__intro{
  max-width: 48rem;
  margin-bottom: var(--space-8);
}

body.pa-storefront .family-looks__intro h2{
  margin-bottom: var(--space-3);
}

body.pa-storefront .family-looks__intro p,
body.pa-storefront .family-look-group__heading p{
  margin: 0;
  color: var(--color-muted);
  text-wrap: pretty;
}

body.pa-storefront .family-looks__list{
  display: grid;
}

body.pa-storefront .family-look-group{
  display: grid;
  grid-template-columns: minmax(14rem, .55fr) minmax(0, 1.45fr);
  align-items: start;
  gap: var(--space-16);
  padding-block: var(--space-16);
  border-top: .0625rem solid var(--color-line);
}

body.pa-storefront .family-look-group:last-child{
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .family-look-group__heading{
  max-width: 23rem;
}

body.pa-storefront .family-look-group__heading h3{
  margin-bottom: var(--space-4);
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 3.5vw, 3.5rem);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.01em;
  text-wrap: balance;
}

body.pa-storefront .family-look-group__content{
  min-width: 0;
}

body.pa-storefront .family-look-group__explanation{
  margin: 0 0 var(--space-4);
  color: var(--color-blue-ink);
  font-size: .86rem;
}

body.pa-storefront .family-look-group__pair{
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--space-12) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-4);
}

body.pa-storefront .family-look-product{
  min-width: 0;
  display: grid;
  gap: var(--space-3);
  color: inherit;
  text-decoration: none;
}

body.pa-storefront .family-look-product__media{
  aspect-ratio: 4 / 5;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-media);
  background: #e9ebeb;
}

body.pa-storefront .family-look-product__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

body.pa-storefront .family-look-product__body{
  display: grid;
  gap: var(--space-1);
}

body.pa-storefront .family-look-product__body > small,
body.pa-storefront .family-look-group__related small{
  color: var(--color-muted);
  font-size: .78rem;
}

body.pa-storefront .family-look-product__body > strong{
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.25;
  text-wrap: pretty;
}

body.pa-storefront .family-look-product__meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-top: var(--space-1);
  font-size: .86rem;
}

body.pa-storefront .family-look-product__meta b{
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body.pa-storefront .family-look-product__meta > span{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-blue-ink);
}

body.pa-storefront .family-look-product__meta svg{
  width: .9rem;
}

body.pa-storefront .family-look-product:hover .family-look-product__meta > span{
  text-decoration: underline;
  text-underline-offset: .2em;
}

body.pa-storefront .family-look-group__join{
  align-self: center;
  justify-self: center;
  font-size: 2rem;
  line-height: 1;
}

body.pa-storefront .family-look-group__related{
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: .0625rem solid var(--color-line);
}

body.pa-storefront .family-look-group__related h4{
  margin: 0;
  font-size: .95rem;
  font-weight: 400;
}

body.pa-storefront .family-look-group__related ul{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}

body.pa-storefront .family-look-group__related a{
  min-width: 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--space-4);
  color: inherit;
  font-size: .88rem;
  line-height: 1.35;
  text-decoration: none;
}

body.pa-storefront .family-look-group__related a > span{
  min-width: 0;
  display: grid;
  gap: var(--space-1);
  overflow-wrap: anywhere;
}

body.pa-storefront .family-look-group__related a > strong{
  flex: 0 0 auto;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body.pa-storefront .family-look-group__related a:hover > span{
  text-decoration: underline;
  text-underline-offset: .2em;
}

body.pa-storefront .collection-grid{
  padding-top: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

body.pa-storefront .collection-card{
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  color: #fff;
  background: #71828b;
  text-decoration: none;
}

body.pa-storefront .collection-card:nth-child(5n + 1){
  grid-column: span 2;
  aspect-ratio: 8 / 5;
}

body.pa-storefront .collection-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 18%;
  transition: transform 420ms ease;
}

body.pa-storefront .collection-card::after{
  content: "";
  position: absolute;
  inset: 48% 0 0;
  background: linear-gradient(transparent, rgb(16 28 36 / 75%));
}

body.pa-storefront .collection-card > span{
  position: absolute;
  z-index: 1;
  right: 1.25rem;
  bottom: 1.15rem;
  left: 1.25rem;
  display: grid;
}

body.pa-storefront .collection-card strong{
  font-family: var(--font-display);
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.01em;
}

body.pa-storefront .collection-card small{
  color: rgb(255 255 255 / 78%);
}

body.pa-storefront .search-form label{
  display: block;
  margin-bottom: .55rem;
  font-size: .84rem;
  font-weight: 500;
}

body.pa-storefront .search-form__row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .6rem;
}

body.pa-storefront .search-form input,
body.pa-storefront .demo-form input{
  width: 100%;
  min-height: 3.15rem;
  padding: .72rem .9rem;
  border: .0625rem solid #a9b2b7;
  border-radius: var(--radius-control);
  background: var(--color-paper);
}

body.pa-storefront .search-form input::placeholder,
body.pa-storefront .demo-form input::placeholder{
  color: #737b80;
}

body.pa-storefront .search-form--page{
  max-width: 48rem;
  margin-top: 2rem;
}

body.pa-storefront .search-summary{
  margin-top: 1rem;
  color: var(--color-muted);
}

body.pa-storefront .info-hero{
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  align-items: center;
  gap: clamp(2rem, 6vw, 7rem);
  padding-block: clamp(3rem, 7vw, 7rem);
}

body.pa-storefront .info-hero > div{
  padding-block: 2rem;
}

body.pa-storefront .info-hero .breadcrumbs{
  margin-bottom: 4rem;
}

body.pa-storefront .info-hero h1{
  max-width: 9ch;
}

body.pa-storefront .info-hero p{
  max-width: 36rem;
  color: var(--color-muted);
  font-size: 1.08rem;
}

body.pa-storefront .info-hero > img{
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 70% center;
}

body.pa-storefront .info-blocks{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding-top: 1rem;
}

body.pa-storefront .info-blocks article{
  padding: 1.5rem 1.5rem 3rem 0;
  border-top: .0625rem solid var(--color-ink);
}

body.pa-storefront .info-blocks article > span,
body.pa-storefront .process li > span,
body.pa-storefront .measure-guide div > span{
  display: block;
  margin-bottom: 3.5rem;
  color: var(--color-muted);
  font-size: .72rem;
}

body.pa-storefront .info-blocks h2{
  font-size: 1.6rem;
}

body.pa-storefront .info-blocks p{
  color: var(--color-muted);
}

body.pa-storefront .tailoring-hero{
  min-height: calc(100svh - 7rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--color-paper);
}

body.pa-storefront .tailoring-hero > img{
  width: 100%;
  height: 100%;
  max-height: 54rem;
  object-fit: cover;
}

body.pa-storefront .tailoring-hero > div{
  align-self: center;
  max-width: 42rem;
  padding: clamp(2rem, 7vw, 7rem);
}

body.pa-storefront .tailoring-hero .breadcrumbs{
  margin-bottom: 4rem;
}

body.pa-storefront .tailoring-hero h1{
  max-width: 9ch;
}

body.pa-storefront .tailoring-hero > div > p:not(.section-kicker){
  max-width: 32rem;
  margin-bottom: 2rem;
  color: var(--color-muted);
}

body.pa-storefront .process h2{
  max-width: 9ch;
}

body.pa-storefront .process ol{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 3rem 0 0;
  padding: 0;
  list-style: none;
}

body.pa-storefront .process li{
  padding: 1.5rem 2rem 3rem 0;
  border-top: .0625rem solid var(--color-ink);
}

body.pa-storefront .process li > span{
  margin-bottom: 3rem;
}

body.pa-storefront .process strong{
  font-size: 1.25rem;
  font-weight: 400;
}

body.pa-storefront .process p{
  margin-top: .5rem;
  color: var(--color-muted);
}

body.pa-storefront .measure-guide{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 4rem;
}

body.pa-storefront .measure-guide > div{
  padding: 1.2rem 1.5rem 2rem 0;
  border-top: .0625rem solid var(--color-ink);
}

body.pa-storefront .measure-guide div > span{
  margin-bottom: 2.5rem;
}

body.pa-storefront .measure-guide h2{
  margin-bottom: .5rem;
  font-size: 1.35rem;
}

body.pa-storefront .measure-guide p{
  color: var(--color-muted);
}

body.pa-storefront .table-scroll{
  max-width: 62rem;
  overflow-x: auto;
  border: .0625rem solid var(--color-line);
  background: var(--color-paper);
}

body.pa-storefront table{
  width: 100%;
  border-collapse: collapse;
  font-size: .86rem;
}

body.pa-storefront caption{
  padding: 1rem;
  text-align: left;
  font-weight: 500;
}

body.pa-storefront th,
body.pa-storefront td{
  min-width: 9rem;
  padding: .85rem 1rem;
  border-top: .0625rem solid var(--color-line);
  text-align: left;
}

body.pa-storefront th{
  font-weight: 500;
}

body.pa-storefront .content-note,
body.pa-storefront .demo-message{
  max-width: 48rem;
  padding: .8rem 1rem;
  border-left: .2rem solid var(--color-blue);
  background: var(--color-blue-soft);
  color: var(--color-blue-ink);
  font-size: .82rem;
}

body.pa-storefront .empty-page{
  min-height: 70svh;
  display: grid;
  place-content: center;
  justify-items: center;
  padding: 3rem 1.5rem;
  text-align: center;
}

body.pa-storefront .status-code{
  margin-bottom: 1rem;
  color: var(--color-blue);
  font-size: 1rem;
  letter-spacing: .2em;
}

body.pa-storefront .empty-page h1{
  margin-bottom: .75rem;
}

body.pa-storefront .empty-page > p:not(.status-code){
  color: var(--color-muted);
}

body.pa-storefront .site-dialog{
  width: min(39rem, calc(100% - 2rem));
  max-height: min(48rem, calc(100dvh - 2rem));
  margin: auto;
  padding: 1.5rem;
  overflow: auto;
  border: .0625rem solid var(--color-line);
  border-radius: .35rem;
  color: var(--color-ink);
  background: var(--color-canvas);
  box-shadow: var(--shadow-dialog);
}

body.pa-storefront .site-dialog::backdrop,
body.pa-storefront .image-dialog::backdrop{
  background: rgb(13 24 31 / 58%);
  backdrop-filter: blur(.18rem);
}

body.pa-storefront .dialog-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: .9rem;
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .dialog-heading h2{
  margin: 0;
  font-size: 1.55rem;
}

body.pa-storefront .dialog-kicker{
  margin: 0 0 .2rem;
  color: var(--color-muted);
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.pa-storefront .dialog-note{
  margin: 1rem 0 0;
  color: var(--color-muted);
  font-size: .78rem;
}

body.pa-storefront .dialog-actions{
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
  margin-top: 1.5rem;
}

body.pa-storefront .menu-dialog{
  width: min(30rem, 100%);
  height: 100dvh;
  max-height: none;
  margin: 0 0 0 auto;
  border-block: 0;
  border-right: 0;
  border-radius: 0;
}

body.pa-storefront .mobile-nav{
  display: grid;
}

body.pa-storefront .mobile-nav a{
  min-height: 3.6rem;
  display: flex;
  align-items: center;
  border-bottom: .0625rem solid var(--color-line);
  font-size: 1.25rem;
  text-decoration: none;
}

body.pa-storefront .cart-dialog{
  width: min(30rem, 100%);
  height: 100dvh;
  max-height: none;
  margin: 0 0 0 auto;
  border-block: 0;
  border-right: 0;
  border-radius: 0;
}

body.pa-storefront .mini-cart-line,
body.pa-storefront .cart-line{
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr) auto;
  gap: 1rem;
  padding-block: 1rem;
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .mini-cart-line img,
body.pa-storefront .cart-line img{
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 50% 18%;
}

body.pa-storefront .mini-cart-line__copy,
body.pa-storefront .cart-line__copy{
  display: grid;
  align-content: start;
  gap: .2rem;
}

body.pa-storefront .mini-cart-line__copy a,
body.pa-storefront .cart-line__copy a{
  font-weight: 400;
  text-decoration: none;
}

body.pa-storefront .mini-cart-line__copy small,
body.pa-storefront .cart-line__copy small{
  color: var(--color-muted);
}

body.pa-storefront .mini-cart-line__copy b,
body.pa-storefront .cart-line__copy b{
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .remove-button{
  align-self: start;
  padding: .3rem 0;
  border: 0;
  border-bottom: .0625rem solid currentColor;
  color: var(--color-muted);
  background: transparent;
  font-size: .72rem;
}

body.pa-storefront .mini-cart-total{
  display: flex;
  justify-content: space-between;
  margin-block: 1.5rem 1rem;
  font-size: 1.1rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .cart-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22rem;
  gap: clamp(2rem, 6vw, 7rem);
}

body.pa-storefront .cart-line{
  grid-template-columns: 7rem minmax(0, 1fr) auto;
}

body.pa-storefront .quantity-control{
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-top: .6rem;
}

body.pa-storefront .quantity-control button{
  width: 2.5rem;
  height: 2.5rem;
  border: .0625rem solid var(--color-line);
  background: var(--color-paper);
}

body.pa-storefront .quantity-control span{
  min-width: 1.8rem;
  text-align: center;
}

body.pa-storefront .cart-summary{
  position: sticky;
  top: calc(var(--header-height) + 1.5rem);
  align-self: start;
  padding: 1.5rem;
  border: .0625rem solid var(--color-line);
  background: var(--color-paper);
}

body.pa-storefront .cart-summary h2{
  font-size: 1.5rem;
}

body.pa-storefront .cart-summary dl{
  margin: 0 0 1.2rem;
}

body.pa-storefront .cart-summary dl > div{
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block: .55rem;
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .cart-summary dt,
body.pa-storefront .cart-summary dd{
  margin: 0;
}

body.pa-storefront .cart-summary dd{
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .checkout-steps{
  margin: 1.5rem 0;
  padding: 0;
  list-style: none;
}

body.pa-storefront .checkout-steps li{
  display: grid;
  gap: .15rem;
  padding: .85rem 0;
  border-bottom: .0625rem solid var(--color-line);
}

body.pa-storefront .checkout-steps strong{
  font-weight: 400;
}

body.pa-storefront .checkout-steps span{
  color: var(--color-muted);
  font-size: .8rem;
}

body.pa-storefront .check-row{
  display: flex;
  align-items: start;
  gap: .7rem;
  padding-block: .7rem;
}

body.pa-storefront .check-row input{
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
  margin-top: .2rem;
  accent-color: var(--color-blue-ink);
}

body.pa-storefront .check-row span{
  display: grid;
}

body.pa-storefront .check-row strong{
  font-weight: 400;
}

body.pa-storefront .check-row small{
  color: var(--color-muted);
}

body.pa-storefront .demo-form{
  display: grid;
  gap: 1rem;
}

body.pa-storefront .demo-form > label:not(.check-row){
  display: grid;
  gap: .4rem;
  font-size: .84rem;
  font-weight: 400;
}

body.pa-storefront .quick-order-dialog{
  width: min(42rem, calc(100% - 2rem));
  max-height: calc(100dvh - 1rem);
  padding: 1.1rem;
}

body.pa-storefront .quick-order-dialog .dialog-heading{
  margin-bottom: .75rem;
  padding-bottom: .55rem;
}

body.pa-storefront .quick-order-dialog .demo-message{
  margin-bottom: .75rem;
  padding: .55rem .75rem;
  line-height: 1.35;
}

body.pa-storefront .quick-order__summary{
  display: grid;
  gap: .15rem;
  margin-bottom: .65rem;
  padding: .7rem .8rem;
  border: .0625rem solid var(--color-line);
  background: var(--color-paper);
}

body.pa-storefront .quick-order__summary strong,
body.pa-storefront .quick-order__summary span{
  display: block;
}

body.pa-storefront .quick-order__summary strong{
  font-size: 1rem;
  font-weight: 400;
}

body.pa-storefront .quick-order__summary span,
body.pa-storefront .form-field small{
  color: var(--color-muted);
  font-size: .74rem;
}

body.pa-storefront .quick-order__summary span{
  font-variant-numeric: tabular-nums;
}

body.pa-storefront .form-field .field-error,
body.pa-storefront .check-row .field-error{
  color: var(--color-danger);
}

body.pa-storefront .form-error-summary{
  padding: .75rem .85rem;
  border-left: .2rem solid var(--color-danger);
  color: var(--color-danger);
  background: rgb(166 47 47 / 7%);
  font-size: .82rem;
}

body.pa-storefront .quick-order-form{
  gap: .65rem;
}

body.pa-storefront .quick-order-form input[type="text"],
body.pa-storefront .quick-order-form input[type="tel"]{
  min-height: 2.75rem;
}

body.pa-storefront .quick-order-form .check-row{
  padding-block: .35rem;
}

body.pa-storefront .quick-order__actions{
  margin-top: .45rem;
}

body.pa-storefront .quick-order-form [aria-invalid="true"]{
  border-color: var(--color-danger);
  box-shadow: 0 0 0 .125rem rgb(166 47 47 / 16%);
}

body.pa-storefront .contact-choice{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: 0;
  border: 0;
}

body.pa-storefront .contact-choice legend{
  width: 100%;
  margin-bottom: .45rem;
  padding: 0;
  font-size: .84rem;
  font-weight: 400;
}

body.pa-storefront .contact-choice label{
  position: relative;
}

body.pa-storefront .contact-choice input{
  position: absolute;
  width: .0625rem;
  height: .0625rem;
  opacity: 0;
}

body.pa-storefront .contact-choice span{
  min-height: 2.75rem;
  display: grid;
  place-items: center;
  padding: .55rem .85rem;
  border: .0625rem solid #aeb6ba;
  border-radius: var(--radius-control);
  background: var(--color-paper);
  cursor: pointer;
  font-size: .78rem;
}

body.pa-storefront .contact-choice input:checked + span{
  color: #fff;
  border-color: var(--color-blue-ink);
  background: var(--color-blue-ink);
}

body.pa-storefront .contact-choice input:focus-visible + span{
  outline: .1875rem solid var(--color-focus);
  outline-offset: .125rem;
}

body.pa-storefront .quick-order__success{
  padding-block: .5rem 1rem;
}

body.pa-storefront .quick-order__success h3{
  margin-bottom: .65rem;
  font-size: 1.75rem;
}

body.pa-storefront .quick-order__success > p:not(.section-kicker){
  color: var(--color-muted);
}

body.pa-storefront .image-dialog{
  width: min(56rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #eef0f0;
  box-shadow: var(--shadow-dialog);
}

body.pa-storefront .image-dialog img{
  width: 100%;
  max-height: calc(100dvh - 2rem);
  object-fit: contain;
}

body.pa-storefront .image-dialog__close{
  position: absolute;
  z-index: 2;
  top: .75rem;
  right: .75rem;
  background: rgb(255 255 255 / 88%);
}

body.pa-storefront .toast{
  position: fixed;
  z-index: 60;
  right: 1rem;
  bottom: 1rem;
  max-width: min(25rem, calc(100% - 2rem));
  padding: .85rem 1rem;
  color: #fff;
  background: var(--color-blue-ink);
  box-shadow: 0 .5rem 2rem rgb(20 35 43 / 18%);
  opacity: 0;
  pointer-events: none;
  transform: translateY(.5rem);
  transition: opacity 160ms ease, transform 160ms ease;
}

body.pa-storefront .toast.is-visible{
  opacity: 1;
  transform: translateY(0);
}

@media (hover: hover) and (pointer: fine) {
  body.pa-storefront .product-card__media:hover .product-card__image--secondary{
    opacity: 1;
  }

  body.pa-storefront .audience-card:hover img,
body.pa-storefront .mother-look__product:hover img,
body.pa-storefront .collection-card:hover img{
    transform: scale(1.025);
  }
}

@media (min-width: 100rem) {
  body.pa-storefront .product-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  body.pa-storefront .product-grid--home{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 74rem) {
  body.pa-storefront .site-header__inner{
    grid-template-columns: 11rem minmax(0, 1fr) auto;
    gap: 1rem;
  }

  body.pa-storefront .brand{
    width: 10rem;
  }

  body.pa-storefront .primary-nav{
    gap: 1rem;
    font-size: .74rem;
  }

  body.pa-storefront .product-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.pa-storefront .catalog-layout{
    grid-template-columns: minmax(0, 1fr);
  }

  body.pa-storefront .filter-sidebar{
    display: none;
  }

  body.pa-storefront .catalog-toolbar .button--filter{
    display: inline-flex;
  }

  body.pa-storefront .pdp{
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .75fr);
    gap: 2rem;
  }
}

@media (max-width: 58rem) {
  body.pa-storefront .catalog-campaign.catalog-campaign--autumn{
    grid-template-columns: minmax(0, 1fr);
  }

  body.pa-storefront .catalog-campaign.catalog-campaign--autumn picture{
    grid-column: 1;
  }

  body.pa-storefront .catalog-campaign.catalog-campaign--autumn > div{
    grid-column: 1;
    grid-row: 2;
    padding: 1.75rem 1.25rem;
  }

  body.pa-storefront .catalog-campaign.catalog-campaign--autumn h1{
    max-width: none;
  }
  :root{
    --header-height: 4.35rem;
  }

  body.pa-storefront .section-shell,
body.pa-storefront .site-header__inner,
body.pa-storefront .site-footer__top,
body.pa-storefront .site-footer__bottom,
body.pa-storefront .catalog-campaign > div,
body.pa-storefront .family-hero > div{
    width: min(calc(100% - 2rem), var(--content-max));
  }

  body.pa-storefront .site-header__inner{
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    justify-items: center;
    gap: .4rem;
  }

  body.pa-storefront .mobile-only{
    display: inline-grid;
  }

  body.pa-storefront .primary-nav{
    display: none;
  }

  body.pa-storefront .brand{
    width: 9.4rem;
  }

  body.pa-storefront .desktop-action{
    display: none;
  }

  body.pa-storefront .header-actions{
    justify-self: end;
  }

  body.pa-storefront .hero{
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  body.pa-storefront .hero__media{
    position: relative;
    aspect-ratio: 4 / 5;
    max-height: 67svh;
    order: 1;
  }

  body.pa-storefront .hero__media::after{
    display: none;
  }

  body.pa-storefront .hero__media img{
    object-position: 72% center;
  }

  body.pa-storefront .hero__content{
    width: auto;
    margin: 0;
    padding: 2rem 1rem 2.5rem;
    order: 2;
    background: var(--color-paper);
  }

  body.pa-storefront .hero__content h1{
    max-width: none;
    font-size: clamp(2.7rem, 13vw, 4.5rem);
  }

  body.pa-storefront .hero__disclaimer{
    top: min(64svh, calc(125vw - 2rem));
    right: .6rem;
    bottom: auto;
  }

  body.pa-storefront .audience-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pa-storefront .audience-card{
    min-height: 26rem;
    grid-column: auto;
  }

  body.pa-storefront .audience-card:nth-child(3){
    grid-column: 1 / -1;
    aspect-ratio: 16 / 8;
    min-height: 0;
    width: 100%;
  }

  body.pa-storefront .product-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pa-storefront .editorial-pair,
body.pa-storefront .mother-look,
body.pa-storefront .info-hero,
body.pa-storefront .tailoring-hero{
    grid-template-columns: 1fr;
  }

  body.pa-storefront .editorial-pair__image{
    min-height: 32rem;
  }

  body.pa-storefront .editorial-pair__copy{
    min-height: 30rem;
  }

  body.pa-storefront .service-strip{
    grid-template-columns: repeat(2, 1fr);
  }

  body.pa-storefront .service-strip a:nth-child(2){
    border-right: 0;
  }

  body.pa-storefront .service-strip a:nth-child(-n + 2){
    border-bottom: .0625rem solid var(--color-line);
  }

  body.pa-storefront .site-footer__top{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pa-storefront .footer-brand{
    grid-column: 1 / -1;
  }

  body.pa-storefront .pdp{
    grid-template-columns: 1fr;
  }

  body.pa-storefront .purchase-panel{
    position: static;
  }

  body.pa-storefront .mother-look__product{
    min-height: 38rem;
  }

  body.pa-storefront .family-look-group{
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  body.pa-storefront .family-look-group__heading{
    max-width: 42rem;
  }

  body.pa-storefront .collection-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pa-storefront .collection-card:nth-child(5n + 1){
    grid-column: 1 / -1;
  }

  body.pa-storefront .info-blocks,
body.pa-storefront .process ol{
    grid-template-columns: repeat(2, 1fr);
  }

  body.pa-storefront .tailoring-hero > img{
    max-height: 62svh;
  }

  body.pa-storefront .measure-guide{
    grid-template-columns: repeat(2, 1fr);
  }

  body.pa-storefront .cart-layout{
    grid-template-columns: 1fr;
  }

  body.pa-storefront .cart-summary{
    position: static;
  }
}

@media (max-width: 39rem) {
  body.pa-storefront h1{
    font-size: clamp(2.55rem, 14vw, 4rem);
  }

  body.pa-storefront h2{
    font-size: clamp(2rem, 10vw, 3.1rem);
  }

  body.pa-storefront .section-heading--split{
    align-items: start;
    flex-direction: column;
    gap: .7rem;
  }

  body.pa-storefront .campaign-bar{
    font-size: var(--text-xs);
  }

  body.pa-storefront .campaign-bar span{
    display: none;
  }

  body.pa-storefront .audience-section,
body.pa-storefront .product-section,
body.pa-storefront .collection-grid,
body.pa-storefront .info-blocks,
body.pa-storefront .process,
body.pa-storefront .size-page,
body.pa-storefront .utility-page,
body.pa-storefront .cart-page{
    padding-block: 4rem;
  }

  body.pa-storefront .audience-grid{
    gap: .65rem;
  }

  body.pa-storefront .audience-card,
body.pa-storefront .audience-card:nth-child(3){
    min-height: auto;
    aspect-ratio: 4 / 5;
  }

  body.pa-storefront .audience-card__overlay{
    right: .85rem;
    bottom: .85rem;
    left: .85rem;
  }

  body.pa-storefront .audience-card__overlay > strong{
    font-size: 1.45rem;
  }

  body.pa-storefront .audience-card__overlay > span:not(.audience-card__cta){
    display: none;
  }

  body.pa-storefront .audience-card__cta{
    font-size: var(--text-xs);
  }

  body.pa-storefront .product-grid{
    gap: 1.65rem .55rem;
  }

  body.pa-storefront .product-card__favorite{
    top: .25rem;
    right: .25rem;
  }

  body.pa-storefront .product-card__photo-hint{
    display: none;
  }

  body.pa-storefront .product-card__details{
    padding-top: .65rem;
  }

  body.pa-storefront .product-card__meta{
    font-size: var(--text-xs);
  }

  body.pa-storefront .product-card h3{
    font-size: var(--text-base);
  }

  body.pa-storefront .product-card__price{
    font-size: var(--text-base);
  }

  body.pa-storefront .editorial-pair{
    width: 100%;
  }

  body.pa-storefront .editorial-pair__image{
    min-height: 27rem;
  }

  body.pa-storefront .editorial-pair__copy{
    min-height: 27rem;
    padding: 2rem 1rem;
  }

  body.pa-storefront .service-strip{
    grid-template-columns: 1fr;
  }

  body.pa-storefront .service-strip a,
body.pa-storefront .service-strip a:nth-child(2){
    min-height: 6.5rem;
    border-right: 0;
    border-bottom: .0625rem solid var(--color-line);
  }

  body.pa-storefront .site-footer__top{
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem 1rem;
  }

  body.pa-storefront .site-footer__bottom{
    flex-direction: column;
  }

  body.pa-storefront .page-intro{
    padding-block: 2rem;
  }

  body.pa-storefront .page-intro .breadcrumbs{
    margin-bottom: 2.5rem;
  }

  body.pa-storefront .catalog-campaign{
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  body.pa-storefront .catalog-campaign picture{
    position: relative;
    aspect-ratio: 4 / 5;
    max-height: 62svh;
  }

  body.pa-storefront .catalog-campaign picture::after{
    display: none;
  }

  body.pa-storefront .catalog-campaign img{
    object-position: 72% center;
  }

  body.pa-storefront .catalog-campaign > div{
    padding-block: 2rem 2.5rem;
  }

  body.pa-storefront .catalog-toolbar{
    align-items: stretch;
    flex-direction: column;
    gap: 1rem;
  }

  body.pa-storefront .catalog-toolbar__actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  body.pa-storefront .catalog-toolbar .button--filter{
    height: 3.25rem;
    padding-inline: .7rem;
  }

  body.pa-storefront .sort-control{
    display: block;
  }

  body.pa-storefront .sort-control > span{
    position: absolute;
    width: .0625rem;
    height: .0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }

  body.pa-storefront .sort-control select{
    width: 100%;
    height: 3.25rem;
  }

  body.pa-storefront .pdp-gallery{
    width: calc(100% + 2rem);
    margin-left: -1rem;
    display: block;
  }

  body.pa-storefront .pdp-gallery__thumbs{
    display: none;
  }

  body.pa-storefront .pdp-gallery__track{
    aspect-ratio: auto;
    gap: .5rem;
    padding: 0 1rem;
    scroll-padding-left: 1rem;
  }

  body.pa-storefront .pdp-gallery__track figure{
    min-width: 88%;
    aspect-ratio: 4 / 5;
  }

  body.pa-storefront .gallery-controls{
    right: 1.65rem;
    bottom: .65rem;
  }

  body.pa-storefront .gallery-purpose{
    display: none;
  }

  body.pa-storefront .product-breadcrumbs{
    padding-block: 1rem;
  }

  body.pa-storefront .pdp{
    gap: 1.5rem;
  }

  body.pa-storefront .purchase-panel h1{
    font-size: 2.5rem;
  }

  body.pa-storefront .size-picker span{
    min-width: 3.8rem;
  }

  body.pa-storefront .mother-look{
    width: 100%;
    min-height: auto;
  }

  body.pa-storefront .mother-look__copy{
    padding: 3rem 1rem;
  }

  body.pa-storefront .mother-look__product{
    min-height: auto;
    aspect-ratio: 4 / 5;
  }

  body.pa-storefront .family-hero{
    min-height: 62svh;
  }

  body.pa-storefront .family-hero img{
    object-position: 68% center;
  }

  body.pa-storefront .family-hero > div{
    padding-bottom: var(--space-8);
  }

  body.pa-storefront .family-looks{
    padding-block: var(--space-12);
  }

  body.pa-storefront .family-looks__intro{
    margin-bottom: var(--space-6);
  }

  body.pa-storefront .family-look-group{
    gap: var(--space-6);
    padding-block: var(--space-12);
  }

  body.pa-storefront .family-look-group__heading h3{
    margin-bottom: var(--space-3);
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  body.pa-storefront .family-look-group__explanation{
    margin-bottom: var(--space-3);
  }

  body.pa-storefront .family-look-group__pair{
    grid-template-columns: minmax(0, 1fr) var(--space-6) minmax(0, 1fr);
    gap: var(--space-2);
  }

  body.pa-storefront .family-look-product{
    gap: var(--space-2);
  }

  body.pa-storefront .family-look-product__body > strong{
    font-size: var(--text-base);
    line-height: 1.2;
  }

  body.pa-storefront .family-look-product__body > small,
body.pa-storefront .family-look-group__related small,
body.pa-storefront .family-look-product__meta{
    font-size: var(--text-xs);
  }

  body.pa-storefront .family-look-product__meta{
    align-items: start;
    flex-direction: column;
    gap: var(--space-1);
  }

  body.pa-storefront .family-look-product__meta > span{
    gap: var(--space-1);
  }

  body.pa-storefront .family-look-group__join{
    font-size: 1.4rem;
  }

  body.pa-storefront .family-look-group__related{
    grid-template-columns: 1fr;
    gap: var(--space-4);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
  }

  body.pa-storefront .family-look-group__related ul{
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  body.pa-storefront .collection-grid{
    gap: .55rem;
  }

  body.pa-storefront .collection-card:nth-child(5n + 1){
    aspect-ratio: 4 / 5;
  }

  body.pa-storefront .collection-card strong{
    font-size: 1.25rem;
  }

  body.pa-storefront .search-form__row{
    grid-template-columns: 1fr;
  }

  body.pa-storefront .info-hero{
    padding-block: 2rem 4rem;
  }

  body.pa-storefront .info-hero .breadcrumbs,
body.pa-storefront .tailoring-hero .breadcrumbs{
    margin-bottom: 2.5rem;
  }

  body.pa-storefront .info-hero > img{
    aspect-ratio: 4 / 5;
  }

  body.pa-storefront .info-blocks,
body.pa-storefront .process ol,
body.pa-storefront .measure-guide{
    grid-template-columns: 1fr;
  }

  body.pa-storefront .info-blocks article > span,
body.pa-storefront .process li > span,
body.pa-storefront .measure-guide div > span{
    margin-bottom: 1.5rem;
  }

  body.pa-storefront .tailoring-hero > img{
    max-height: none;
    aspect-ratio: 4 / 5;
  }

  body.pa-storefront .tailoring-hero > div{
    padding: 3rem 1rem;
  }

  body.pa-storefront .cart-line{
    grid-template-columns: 5rem minmax(0, 1fr) auto;
  }

  body.pa-storefront .dialog-actions{
    align-items: stretch;
    flex-direction: column-reverse;
  }

  body.pa-storefront .quick-order-form input[type="text"],
body.pa-storefront .quick-order-form input[type="tel"]{
    font-size: 1rem;
  }

  body.pa-storefront .toast{
    right: .6rem;
    bottom: .6rem;
    left: .6rem;
    max-width: none;
  }
}

@media (max-width: 39.99rem) {
  body.pa-storefront .hero--autumn .hero__media{
    aspect-ratio: 1122 / 1402;
  }

  body.pa-storefront .hero--autumn .hero__content{
    align-self: start;
    width: 90%;
    margin: 0 auto;
    padding: clamp(1rem, 4vw, 2.1rem) 0 0;
    text-align: center;
  }

  body.pa-storefront .hero--autumn .hero__season{
    margin-bottom: .5rem;
    font-size: .72rem;
  }

  body.pa-storefront .hero--autumn .hero__content h1{
    margin-bottom: .35rem;
    font-size: clamp(2.65rem, 10.8vw, 4.3rem);
    line-height: 1;
    white-space: nowrap;
  }

  body.pa-storefront .hero--autumn .hero__content h1 span{
    display: inline;
    margin: 0;
  }

  body.pa-storefront .hero--autumn .hero__content > p:not(.hero__season){
    margin-bottom: .35rem;
    font-size: clamp(.75rem, 2.4vw, .875rem);
  }

  body.pa-storefront .hero__cta{
    gap: .7rem;
    font-size: .75rem;
  }

  body.pa-storefront .hero__cta-arrow{
    width: 2.25rem;
    height: 2.25rem;
  }
}

/* Meeting 11 September: collection navigation and compact, authentic product views. */
:root{ --header-height: 8rem; }
body.pa-storefront .site-header--collections .site-header__inner{
  grid-template-columns: 13rem minmax(0, 1fr) auto;
  grid-template-rows: 4.65rem 3.35rem;
  gap: 0 2rem;
}
body.pa-storefront .header-secondary{ display: flex; justify-content: flex-end; align-items: center; gap: 1.65rem; font-size: .76rem; }
body.pa-storefront .header-secondary > a{ text-decoration: none; padding-block: .75rem; }
body.pa-storefront .header-secondary > a:hover{ text-decoration: underline; }
body.pa-storefront .site-header--collections .primary-nav{ position: relative; grid-column: 1 / -1; gap: clamp(1rem, 2.6vw, 2.8rem); font-size: .84rem; letter-spacing: 0; height: 100%; border-top: 1px solid var(--color-line); }
body.pa-storefront .site-header--collections .primary-nav > a{ padding-block: 1rem; }
body.pa-storefront .site-header--collections .primary-nav > a::after{ bottom: .6rem; }
body.pa-storefront .nav-disclosure{ position: static; }
body.pa-storefront .nav-disclosure > summary{ display: flex; align-items: center; gap: .45rem; padding-block: 1rem; list-style: none; cursor: pointer; }
body.pa-storefront .nav-disclosure > summary::-webkit-details-marker{ display: none; }
body.pa-storefront .nav-disclosure > summary > span{ display: inline-block; font-size: 1rem; line-height: .8; }
body.pa-storefront .nav-disclosure[open] > summary > span{ transform: rotate(180deg); }
body.pa-storefront .nav-disclosure[open] > summary,
body.pa-storefront .nav-disclosure > summary[data-active]{ text-decoration: underline; text-underline-offset: .4rem; }
body.pa-storefront .nav-panel{ position: absolute; z-index: 40; top: 100%; left: 50%; transform: translateX(-50%); width: min(52rem, calc(100vw - 3rem)); max-height: calc(100svh - 11rem); overflow-y: auto; padding: 1.75rem 2rem; background: #f7f8f8; border: 1px solid var(--color-line); box-shadow: 0 1rem 2rem rgb(25 36 45 / 10%); white-space: normal; }
body.pa-storefront .primary-nav .nav-panel a,
body.pa-storefront .nav-panel a{ display: flex; align-items: center; gap: .6rem; padding: .6rem 0; text-decoration: none; font-size: .88rem; }
body.pa-storefront .primary-nav .nav-panel a::after{ display: none; }
body.pa-storefront .nav-panel a:hover{ text-decoration: underline; text-underline-offset: .2rem; }
body.pa-storefront .nav-panel a svg{ width: 1.1rem; height: 1.1rem; }
body.pa-storefront .nav-panel__all{ font-weight: 650; border-bottom: 1px solid var(--color-line); margin-bottom: 1rem; }
body.pa-storefront .nav-panel__columns{ display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
body.pa-storefront .nav-panel__columns strong{ display: block; margin: .4rem 0 .6rem; color: var(--color-muted); font-size: .72rem; font-weight: 500; }
body.pa-storefront .nav-disclosure--help{ position: relative; }
body.pa-storefront .nav-disclosure--help .nav-panel{ width: 18rem; right: 0; left: auto; transform: none; padding: .85rem 1.4rem; }
body.pa-storefront .filter-note{ font-size: .8rem; color: var(--color-muted); }
body.pa-storefront .product-grid--capsule{ grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 65rem; }
body.pa-storefront .product-grid--home:has(> :nth-child(2):last-child){ grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 60rem; margin-inline: auto; }
body.pa-storefront .limited-feature,
body.pa-storefront .cruise-feature{ display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); padding-block: 2rem 5rem; }
body.pa-storefront .limited-feature__image,
body.pa-storefront .cruise-feature__image{ display: block; background: #eef0ef; }
body.pa-storefront .limited-feature img,
body.pa-storefront .cruise-feature img{ width: 100%; height: auto; object-fit: contain; }
body.pa-storefront .limited-feature h2,
body.pa-storefront .cruise-feature h2{ font-size: clamp(2.6rem, 4.5vw, 4.8rem); line-height: 1.02; }
body.pa-storefront .limited-feature p:not(.section-kicker),
body.pa-storefront .cruise-feature p:not(.section-kicker){ max-width: 29rem; color: var(--color-muted); }
body.pa-storefront .cruise-feature small{ display: block; margin-top: 1rem; font-size: .73rem; color: var(--color-muted); }
body.pa-storefront .editorial-pair__image{ min-height: 0; }
body.pa-storefront .editorial-pair__image img{ object-fit: contain; height: auto; }
body.pa-storefront .family-hero--autumn{ display: grid; grid-template-columns: 1fr 1.2fr; min-height: 0; background: #edf0ef; color: var(--color-ink); }
body.pa-storefront .family-hero--autumn div > span{ color: var(--color-muted); }
body.pa-storefront .family-hero--autumn div > p{ color: var(--color-muted); }
body.pa-storefront .family-hero--autumn::after{ display: none; }
body.pa-storefront .family-hero--autumn img{ position: static; grid-column: 2; grid-row: 1; width: 100%; height: auto; object-fit: contain; }
body.pa-storefront .family-hero--autumn > div{ grid-column: 1; grid-row: 1; width: auto; margin: 0; padding: clamp(2rem, 5vw, 5rem); }
body.pa-storefront .family-hero--autumn h1{ font-size: clamp(2.5rem, 4vw, 4.5rem); }
body.pa-storefront .collection-archive{ padding-block: 2rem 5rem; }
body.pa-storefront[data-route="/limited/"] .page-intro h1{ font-size: clamp(2.35rem, 6vw, 5rem); }
body.pa-storefront .collection-archive > div{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
body.pa-storefront .collection-archive a{ display: grid; gap: .8rem; padding-block: 1.4rem; border-top: 1px solid var(--color-line); text-decoration: none; }
body.pa-storefront .collection-archive a strong{ font-size: 1.1rem; font-weight: 500; }
body.pa-storefront .collection-archive a span{ font-size: .83rem; color: var(--color-muted); }
body.pa-storefront .collection-archive a svg{ width: 1rem; height: 1rem; vertical-align: middle; }
body.pa-storefront .collection-archive a:hover strong{ text-decoration: underline; }
body.pa-storefront .pdp{ grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr); gap: clamp(2rem, 4vw, 4rem); padding-bottom: 4rem; }
body.pa-storefront .pdp-gallery{ position: sticky; top: calc(var(--header-height) + 1rem); grid-template-columns: 6rem minmax(0, 1fr); gap: .8rem; }
body.pa-storefront .pdp-gallery--single{ grid-template-columns: minmax(0, 1fr); }
body.pa-storefront .pdp-gallery__thumbs{ max-height: min(72svh, 44rem); }
body.pa-storefront .pdp-gallery__thumbs img{ object-fit: contain; object-position: center; }
body.pa-storefront .pdp-gallery__track{ height: min(72svh, 44rem); aspect-ratio: auto; }
body.pa-storefront .purchase-panel{ position: static; }
body.pa-storefront .purchase-panel h1{ font-size: clamp(2.2rem, 3.2vw, 3.5rem); line-height: 1.06; margin-bottom: .9rem; }
body.pa-storefront .purchase-panel__meta{ font-size: .7rem; margin-bottom: .8rem; }
body.pa-storefront .purchase-panel__lead{ font-size: .86rem; line-height: 1.65; margin-bottom: 1rem; }
body.pa-storefront .purchase-panel__price--pending{ font-size: .95rem; color: var(--color-muted); }
body.pa-storefront .product-preview-note{ padding: 1.25rem; background: #e8eff1; margin-block: 1rem; }
body.pa-storefront .product-preview-note strong{ font-size: .86rem; }
body.pa-storefront .product-preview-note p{ font-size: .8rem; margin: .5rem 0 0; line-height: 1.65; }
body.pa-storefront .stock-preview-note{ font-size: .7rem; color: var(--color-muted); margin-block: .8rem; }
body.pa-storefront .product-save-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: .85rem 1.3rem; margin-block: 1.4rem; }
body.pa-storefront .product-save-actions .button{ min-height: 2.8rem; min-width: 10rem; padding: .6rem 1rem; font-size: .78rem; white-space: nowrap; }
body.pa-storefront .product-save-actions svg,
body.pa-storefront .nav-panel svg,
body.pa-storefront .collection-archive svg,
body.pa-storefront .limited-feature .button svg{ flex: 0 0 auto; width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
body.pa-storefront .product-save-actions .text-link{ font-size: .78rem; min-height: 2.8rem; }
body.pa-storefront .product-save-actions [aria-pressed="true"]{ color: #fff; background: var(--color-ink); }
body.pa-storefront .product-save-actions [aria-pressed="true"] svg{ fill: currentColor; }
body.pa-storefront .gift-dialog p{ font-size: .88rem; }
body.pa-storefront .gift-dialog input{ font-size: .78rem; }
body.pa-storefront .gift-dialog .dialog-actions{ flex-wrap: wrap; }

@media (min-width: 58.01rem) and (max-width: 74rem) {
  body.pa-storefront .site-header--collections .primary-nav{ gap: 1.1rem; font-size: .76rem; }
  body.pa-storefront .site-header--collections .site-header__inner{ grid-template-columns: 11rem 1fr auto; gap: 0 1rem; }
  body.pa-storefront .header-secondary{ gap: 1rem; }
  body.pa-storefront .pdp-gallery{ grid-template-columns: 4.7rem minmax(0, 1fr); }
}
@media (max-width: 58rem) {
  :root{ --header-height: 4.35rem; }
  body.pa-storefront .site-header--collections .site-header__inner{ grid-template-columns: 2.75rem minmax(0, 1fr) auto; grid-template-rows: 4.35rem; gap: .4rem; }
  body.pa-storefront .header-secondary,
body.pa-storefront .site-header--collections .primary-nav{ display: none; }
  body.pa-storefront .mobile-nav .nav-disclosure{ position: static; border-bottom: 1px solid var(--color-line); }
  body.pa-storefront .mobile-nav .nav-disclosure > summary{ font-size: 1.18rem; justify-content: space-between; gap: .4rem; }
  body.pa-storefront .mobile-nav .nav-panel{ position: static; width: 100%; max-height: none; transform: none; border: 0; padding: .5rem 0 1.1rem; box-shadow: none; }
  body.pa-storefront .mobile-nav .nav-panel a{ font-size: .84rem; padding: .6rem 0; border: 0; }
  body.pa-storefront .mobile-nav .nav-panel__columns{ gap: 1rem; }
  body.pa-storefront .mobile-nav .nav-panel__all{ margin-bottom: .5rem; }
  body.pa-storefront .pdp{ grid-template-columns: minmax(0, 1fr); }
  body.pa-storefront .pdp-gallery{ position: static; }
  body.pa-storefront .pdp-gallery__track{ height: min(68svh, 42rem); }
  body.pa-storefront .purchase-panel{ max-width: 42rem; width: 100%; margin-inline: auto; }
  body.pa-storefront .limited-feature,
body.pa-storefront .cruise-feature{ gap: 2rem; padding-block: 1rem 3rem; }
  body.pa-storefront .collection-archive > div{ grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 39rem) {
  body.pa-storefront .mobile-nav .nav-panel__columns{ grid-template-columns: 1fr 1fr; }
  body.pa-storefront .mobile-nav > a{ font-size: 1.18rem; }
  body.pa-storefront .pdp-gallery{ display: flex; flex-direction: column; width: 100%; margin: 0; gap: .65rem; }
  body.pa-storefront .pdp-gallery__thumbs{ display: flex; flex-direction: row; order: 2; gap: .45rem; overflow-x: auto; max-height: none; padding-bottom: .3rem; }
  body.pa-storefront .pdp-gallery__thumbs button{ width: 3.5rem; }
  body.pa-storefront .pdp-gallery__track{ height: min(63svh, 32rem); padding: 0; gap: 0; scroll-padding-left: 0; }
  body.pa-storefront .pdp-gallery__track figure{ min-width: 100%; aspect-ratio: auto; }
  body.pa-storefront .gallery-controls{ right: .6rem; bottom: .6rem; }
  body.pa-storefront .purchase-panel h1{ font-size: 2.3rem; }
  body.pa-storefront .limited-feature,
body.pa-storefront .cruise-feature{ grid-template-columns: 1fr; }
  body.pa-storefront .family-hero--autumn{ grid-template-columns: 1fr; }
  body.pa-storefront .family-hero--autumn img{ grid-column: 1; }
  body.pa-storefront .family-hero--autumn > div{ grid-column: 1; grid-row: 2; padding: 1.8rem 1rem; }
  body.pa-storefront .limited-feature h2,
body.pa-storefront .cruise-feature h2{ font-size: 3rem; }
  body.pa-storefront .product-grid--capsule{ gap: 1.4rem .65rem; }
  body.pa-storefront .product-card__meta{ overflow-wrap: anywhere; }
  body.pa-storefront .product-save-actions{ gap: .4rem 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  html{
    scroll-behavior: auto;
  }

  body.pa-storefront *,
body.pa-storefront *::before,
body.pa-storefront *::after{
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }

  body.pa-storefront .product-card__image--secondary{
    display: none;
  }
}

@media (forced-colors: active) {
  body.pa-storefront .button,
body.pa-storefront .icon-button,
body.pa-storefront .size-picker span,
body.pa-storefront .filter-chip{
    border: .0625rem solid ButtonText;
  }
}

/* Approved V1 extension, 16 September. Shared brand fonts and tokens remain. */
body.pa-storefront .brand-about__intro{ max-width: 72rem; padding-block: 2rem 2.5rem; }
body.pa-storefront .brand-about__intro h1{ font-size: clamp(2.6rem, 5vw, 4.5rem); margin-block: 1rem; text-wrap: balance; }
body.pa-storefront .brand-about__intro > p{ max-width: 58ch; color: var(--color-muted); margin-bottom: 0; text-wrap: pretty; }
body.pa-storefront .brand-founder{ display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; max-width: 72rem; padding-bottom: 4rem; }
body.pa-storefront .brand-founder__portrait{ margin: 0; }
body.pa-storefront .brand-founder__portrait img{ display: block; width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; object-position: center top; }
body.pa-storefront .brand-founder__portrait > figcaption{ display: flex; flex-wrap: wrap; gap: .25rem 1rem; align-items: baseline; justify-content: space-between; padding-top: 1rem; color: var(--color-muted); font-size: .8rem; }
body.pa-storefront .brand-founder__portrait strong{ font-family: var(--font-display); font-weight: 500; font-size: 1.75rem; color: var(--color-blue-ink); }
body.pa-storefront .brand-founder__eyebrow{ margin: 0 0 1rem; font-size: .8rem; color: var(--color-muted); }
body.pa-storefront .brand-founder h2{ margin: 0 0 1.75rem; font-size: clamp(2.2rem, 3.7vw, 3.75rem); line-height: 1.08; color: var(--color-blue-ink); text-wrap: balance; }
body.pa-storefront .brand-founder__quote{ margin: 0 0 1.75rem; padding: 1.5rem 1.75rem; background: var(--color-blue-soft); color: var(--color-blue-ink); border-left: 2px solid var(--color-blue); }
body.pa-storefront .brand-founder__quote blockquote{ margin: 0; }
body.pa-storefront .brand-founder__quote blockquote p{ margin: 0; font-family: var(--font-display); font-size: clamp(1.6rem, 2.3vw, 2.25rem); line-height: 1.2; text-wrap: pretty; }
body.pa-storefront .brand-founder__quote figcaption{ margin-top: 1rem; font-size: .75rem; }
body.pa-storefront .brand-founder__text{ max-width: 48ch; line-height: 1.75; font-size: .95rem; color: var(--color-muted); text-wrap: pretty; }
body.pa-storefront .brand-founder__link{ display: inline-flex; gap: 1rem; align-items: center; min-height: 44px; margin-top: .75rem; font-size: .875rem; }
body.pa-storefront .brand-about__collections{ display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; max-width: 72rem; padding-block: 2rem 4rem; border-top: 1px solid var(--color-line); }
body.pa-storefront .brand-about__collections h2{ font-size: clamp(1.75rem, 2.5vw, 2.5rem); text-wrap: balance; }
body.pa-storefront .brand-about__collections p{ max-width: 55ch; color: var(--color-muted); text-wrap: pretty; }
body.pa-storefront .brand-about__collections .text-link{ display: inline-flex; align-items: center; gap: .75rem; min-height: 44px; }
body.pa-storefront .brand-about__collections svg{ width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.4; }
@media(max-width: 47.99rem) {
  body.pa-storefront .brand-about__intro{ padding-block: 1.25rem 2rem; }
  body.pa-storefront .brand-founder{ grid-template-columns: 1fr; gap: 2rem; padding-bottom: 2.5rem; max-width: 32rem; }
  body.pa-storefront .brand-founder__portrait img{ aspect-ratio: 3 / 4; }
  body.pa-storefront .brand-founder__quote{ padding: 1.25rem; }
  body.pa-storefront .brand-founder__text{ max-width: none; }
  body.pa-storefront .brand-about__collections{ grid-template-columns: 1fr; gap: 2rem; padding-block: 2rem 3rem; }
}
body.pa-storefront .hero--autumn .hero__content{ width: 42%; }
body.pa-storefront .hero--autumn .hero__content h1{ font-size: clamp(2rem, 4.5vw, 4.8rem); line-height: 1.04; text-wrap: balance; }
body.pa-storefront .meeting-season{ display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.2rem; border-bottom: 1px solid var(--color-line); font-size: .9rem; }
body.pa-storefront .meeting-moments{ padding-block: 2.5rem; background: var(--color-blue-soft); color: var(--color-blue-ink); scroll-margin-top: 10rem; }
body.pa-storefront .meeting-moments__heading{ display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
body.pa-storefront .meeting-moments h2{ margin: 0; font-size: clamp(2rem,3.5vw,3.5rem); line-height: 1.1; text-wrap: balance; }
body.pa-storefront .meeting-moments p{ margin: 0; font-size: .875rem; text-wrap: pretty; }
body.pa-storefront .meeting-moments nav{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
body.pa-storefront .meeting-moments nav a{ display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr; gap: 1rem; align-items: center; padding: 1.25rem 1.5rem 1.5rem; text-decoration: none; background: var(--color-paper); border-radius: var(--radius-control); }
body.pa-storefront .meeting-moments__copy{ display: grid; gap: .5rem; }
body.pa-storefront .meeting-moments__title{ font-family: var(--font-display); font-size: clamp(1.5rem,2vw,2rem); line-height: 1.1; text-wrap: balance; }
body.pa-storefront .meeting-moments__description{ font-size: .75rem; line-height: 1.5; text-wrap: pretty; }
body.pa-storefront .meeting-moments__arrow{ display: grid; place-items: center; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border: 1px solid var(--color-blue); border-radius: 50%; }
body.pa-storefront .meeting-moments nav a:focus-visible .meeting-moments__arrow,
body.pa-storefront .meeting-moments nav a:active .meeting-moments__arrow{ background: var(--color-blue-ink); color: var(--color-paper); border-color: var(--color-blue-ink); }
body.pa-storefront .meeting-moments svg,
body.pa-storefront .meeting-help svg,
body.pa-storefront .meeting-season svg,
body.pa-storefront .meeting-sale svg{ width: 1.2rem; height: 1.2rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
body.pa-storefront .meeting-moments__art{ grid-column: 1 / -1; display: grid; place-items: center; }
body.pa-storefront .meeting-moments .moment-art{ display: block; width: 160px; height: 132px; stroke: var(--color-blue-ink); stroke-width: 1.5; }
body.pa-storefront .moment-art .moment-art__wash{ fill: var(--color-blue-soft); stroke: none; }
body.pa-storefront .moment-art .moment-art__paper{ fill: var(--color-paper); }
body.pa-storefront .moment-art .moment-art__tint{ fill: var(--color-blue-soft); }
body.pa-storefront .moment-art .moment-art__ribbon{ fill: var(--color-champagne); }
body.pa-storefront .moment-art .moment-art__accent{ stroke: var(--color-blue); }
body.pa-storefront .moment-art__object,
body.pa-storefront .moment-art__detail{ transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: no-preference) {
  body.pa-storefront .moment-art__object,
body.pa-storefront .moment-art__detail{ transition: transform 160ms ease-out; }
  body.pa-storefront .meeting-moments nav a:focus-visible .moment-art__object{ transform: translateY(-3px) rotate(-3deg); }
  body.pa-storefront .meeting-moments nav a:active .moment-art__object{ transform: scale(.96); transition-duration: 80ms; }
  @media (hover: hover) and (pointer: fine) {
    body.pa-storefront .meeting-moments nav a:hover .moment-art__object{ transform: translateY(-3px) rotate(-3deg); }
    body.pa-storefront .meeting-moments nav a:hover .moment-art__detail{ transform: scale(1.08); }
  }
}
@media (hover: hover) and (pointer: fine) {
  body.pa-storefront .meeting-moments nav a:hover .meeting-moments__title{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
  body.pa-storefront .meeting-moments nav a:hover .meeting-moments__arrow{ background: var(--color-blue-ink); color: var(--color-paper); border-color: var(--color-blue-ink); }
}
@media (prefers-reduced-motion: reduce) {
  body.pa-storefront .moment-art__object,
body.pa-storefront .moment-art__detail{ transition: none; transform: none; }
}
body.pa-storefront .meeting-sale{ display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.5rem; margin-block: 3rem; background: var(--color-blue-soft); }
body.pa-storefront .meeting-sale h2{ font-size: clamp(2.6rem,4vw,4rem); margin: 0 0 1rem; }
body.pa-storefront .meeting-sale p{ margin: 0 0 .7rem; }
body.pa-storefront .meeting-sale small{ display: block; max-width: 65ch; line-height: 1.6; }
body.pa-storefront .meeting-sale .button{ flex-shrink: 0; }
body.pa-storefront .meeting-help{ display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; padding-block: 4rem; }
body.pa-storefront .meeting-help h2{ font-size: clamp(2.4rem,3.7vw,3.8rem); line-height: 1.08; margin: 0 0 1.2rem; }
body.pa-storefront .meeting-help p{ max-width: 48ch; }
body.pa-storefront .meeting-help nav a{ display: flex; flex-direction: column; gap: .6rem; padding: 1.4rem 0; border-bottom: 1px solid var(--color-line); }
body.pa-storefront .meeting-help nav span{ display: flex; justify-content: space-between; gap: 1rem; font-size: .9rem; color: var(--color-muted); }
body.pa-storefront .meeting-help nav strong{ font-weight: 500; }
body.pa-storefront .family-look-group{ scroll-margin-top: 10rem; }
@media(max-width: 55rem) {
  body.pa-storefront .meeting-help{ grid-template-columns: 1fr; gap: 1.5rem; }
  body.pa-storefront .meeting-moments nav a{ padding-inline: 1rem; gap: .75rem; }
  body.pa-storefront .meeting-help{ padding-block: 2.5rem; }
  body.pa-storefront .meeting-sale{ align-items: flex-start; flex-direction: column; padding: 1.5rem; }
}
@media(max-width: 39.99rem) {
  body.pa-storefront .hero--autumn .hero__content{ grid-area: poster; align-self: start; width: 94%; margin: 0 auto; padding: .8rem 0 0; }
  body.pa-storefront .hero--autumn .hero__content h1{ white-space: normal; font-size: clamp(1.6rem,7.4vw,2.2rem); }
  body.pa-storefront .hero--autumn .hero__content > p:not(.hero__season){ font-size: .78rem; margin: .45rem 0; }
  body.pa-storefront .hero--autumn .hero__cta{ font-size: .85rem; min-height: 44px; }
  body.pa-storefront .meeting-season{ flex-direction: column; gap: .5rem; }
  body.pa-storefront .meeting-moments{ padding-block: 2rem; }
  body.pa-storefront .meeting-moments__heading{ display: block; margin-bottom: 1.25rem; }
  body.pa-storefront .meeting-moments p{ margin-top: .75rem; }
  body.pa-storefront .meeting-moments nav{ grid-template-columns: 1fr; }
  body.pa-storefront .meeting-moments nav a{ grid-template-columns: 80px minmax(0, 1fr) 28px; grid-template-rows: auto; min-height: 136px; padding: 1rem .75rem; gap: .65rem; }
  body.pa-storefront .meeting-moments__art{ grid-column: auto; }
  body.pa-storefront .meeting-moments .moment-art{ width: 88px; height: 88px; }
  body.pa-storefront .meeting-moments__arrow{ width: 28px; height: 28px; border: none; }
  body.pa-storefront .meeting-moments__title{ font-size: 1.5rem; }
  body.pa-storefront .meeting-moments__description{ font-size: .7rem; }
}