/* CONCEPT C — homepage story */
.cc-home { overflow: clip; }
.cc-home .cc-text-link {
  width: max-content;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--cc-ink);
  border-bottom: 1px solid currentColor;
  font: 600 10px/1 var(--cc-ui);
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: gap var(--cc-state) var(--cc-ease), opacity var(--cc-fast);
}
.cc-home .cc-text-link:hover { gap: 19px; opacity: .62; }
.cc-home .cc-text-link--light { color: #fff; }

/* Hero */
.cc-home { margin-top: -69px; }
.cc-hero {
  position: relative;
  min-height: 100dvh;
  color: #fff;
  background: var(--cc-ink);
  isolation: isolate;
}
.cc-hero__panels {
  position: absolute;
  inset: 0;
  display: flex;
  overflow: hidden;
}
.cc-hero__panel {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
  color: #fff;
  border-inline-end: 1px solid rgba(255,255,255,.35);
  transition: flex 760ms var(--cc-ease);
}
/* Desktop keeps every category as its own column — N categories split the
   full width into N equal vw-wide bands, whatever N happens to be. */
.cc-hero__panel:last-child { border-inline-end: 0; }
.cc-hero__panels:has(.cc-hero__panel:hover, .cc-hero__panel:focus-within) .cc-hero__panel { flex: .82 1 0%; }
.cc-hero__panels:has(.cc-hero__panel:hover, .cc-hero__panel:focus-within) .cc-hero__panel:hover,
.cc-hero__panels:has(.cc-hero__panel:hover, .cc-hero__panel:focus-within) .cc-hero__panel:focus-within { flex: 1.28 1 0%; }
.cc-hero__panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(0,0,0,.18),transparent 32%,rgba(0,0,0,.62));
  transition: background var(--cc-state);
}
.cc-hero__panel img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 34%;
  filter: saturate(.83) contrast(1.04);
  transform: scale(1.018);
  transition: transform 1100ms var(--cc-ease), filter 500ms var(--cc-ease);
}
.cc-hero__panel:hover img,
.cc-hero__panel:focus-within img { transform: scale(1.045); filter: saturate(.95) contrast(1.02); }
.cc-hero__department {
  position: absolute;
  z-index: 2;
  inset-inline: var(--cc-gutter);
  bottom: clamp(28px,5vh,62px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.48);
  transition: transform var(--cc-state) var(--cc-ease);
}
.cc-hero__department b { font: 500 clamp(26px,3.2vw,56px)/.95 var(--cc-display); }
.cc-hero__department > span { justify-self: end; max-width: 16ch; font-size: 10px; line-height: 1.4; text-transform: uppercase; letter-spacing: .12em; }
.cc-hero__panel:hover .cc-hero__department { transform: translateX(6px); }
html[dir="rtl"] .cc-hero__panel:hover .cc-hero__department { transform: translateX(-6px); }

.cc-hero__copy {
  position: absolute;
  z-index: 3;
  top: 50%; left: 50%;
  width: min(88vw,1040px);
  transform: translate(-50%,-49%);
  pointer-events: none;
}
html[dir="rtl"] .cc-hero__copy { left: auto; right: 50%; transform: translate(50%,-49%); }
.cc-hero__copy > p {
  margin: 0 0 18px 3px;
  font: 600 10px/1 var(--cc-ui);
  letter-spacing: .18em;
  text-transform: uppercase;
}
.cc-hero__copy h1 {
  margin: 0;
  font: 400 clamp(48px,8.6vw,128px)/.85 var(--cc-display);
  letter-spacing: -.03em;
  text-align: center;
  text-shadow: 0 2px 16px rgba(0,0,0,.22);
}
.cc-hero__copy h1 span { display: block; overflow: hidden; }
.cc-hero__copy h1 i { display: block; font-style: normal; }
.cc-hero__copy h1 span:nth-child(2),
.cc-hero__copy h1 span:nth-child(3) { margin-inline-start: 0; text-align: center; }
.cc-hero__copy .cc-text-link { margin: 28px auto 0; pointer-events: auto; }

/* Arabic reads as one connected line of strokes, not separated letterforms —
   the Latin cut's negative tracking and near-.8 line-height were built for
   Bodoni Moda and made Kufi glyphs collide into each other and clip against
   the reveal mask. Its own, roomier numbers here, not a shared value. */
html[dir="rtl"] .cc-hero__copy h1 {
  font-weight: 400;
  font-size: clamp(40px,7.4vw,104px);
  line-height: 1.25;
  letter-spacing: .01em;
}
.cc-hero__edition {
  position: absolute; z-index: 3; top: 96px; inset-inline-end: var(--cc-gutter);
  writing-mode: vertical-rl;
  font: 600 9px/1 var(--cc-ui); letter-spacing: .22em;
}
.cc-hero__hint {
  position: absolute; z-index: 3; inset-inline-start: var(--cc-gutter); bottom: 18px;
  margin: 0; font-size: 9px; letter-spacing: .14em; text-transform: uppercase;
}

/* Load choreography: visible without JS, masked only when JS is active. */
.js .cc-hero__panel:nth-child(odd) { clip-path: inset(0 100% 0 0); }
.js .cc-hero__panel:nth-child(even) { clip-path: inset(0 0 0 100%); }
.js .cc-hero__copy > p,
.js .cc-hero__copy .cc-text-link,
.js .cc-hero__edition,
.js .cc-hero__hint { opacity: 0; }
.js .cc-hero__copy h1 i { transform: translateY(115%); }
.js.cc-ready .cc-hero__panel { clip-path: inset(0); transition: clip-path 1050ms var(--cc-ease); }
.js.cc-ready .cc-hero__panel:nth-child(even) { transition-delay: 110ms; }
.js.cc-ready .cc-hero__copy h1 i { transform: translateY(0); transition: transform 880ms var(--cc-ease); }
.js.cc-ready .cc-hero__copy h1 span:nth-child(2) i { transition-delay: 100ms; }
.js.cc-ready .cc-hero__copy h1 span:nth-child(3) i { transition-delay: 190ms; }
.js.cc-ready .cc-hero__copy > p,
.js.cc-ready .cc-hero__edition,
.js.cc-ready .cc-hero__hint { opacity: 1; transition: opacity 500ms var(--cc-ease) 480ms; }
.js.cc-ready .cc-hero__copy .cc-text-link { opacity: 1; transition: opacity 500ms var(--cc-ease) 560ms, gap var(--cc-state) var(--cc-ease); }

/* The Drop */
.cc-drop {
  padding: var(--cc-section) var(--cc-gutter);
  display: grid;
  grid-template-columns: minmax(230px,.55fr) minmax(0,1.45fr);
  gap: clamp(36px,7vw,130px);
}
.cc-drop__head { position: sticky; top: 112px; align-self: start; max-width: 430px; }
.cc-drop__head h2 {
  margin: 0;
  font: 500 clamp(58px,8vw,128px)/.84 var(--cc-display);
  letter-spacing: -.035em;
}
.cc-drop__head > p { max-width: 36ch; margin: 32px 0; color: var(--cc-muted); line-height: 1.65; }
.cc-drop__composition {
  display: grid;
  grid-template-columns: minmax(0,1.28fr) minmax(180px,.72fr);
  grid-template-rows: auto auto;
  gap: clamp(22px,3.6vw,62px);
  align-items: start;
}
.cc-drop-product--1 { grid-row: 1 / span 2; }
.cc-drop-product--2 { margin-top: 15%; }
.cc-drop-product--3 { width: 82%; justify-self: end; }
.cc-drop-product__image { position: relative; display: block; background: var(--cc-bone); overflow: hidden; }
.cc-drop-product__image img { width:100%; height:100%; aspect-ratio:4/5; object-fit:cover; transition: transform 800ms var(--cc-ease); }
.cc-drop-product--2 .cc-drop-product__image img,
.cc-drop-product--3 .cc-drop-product__image img { aspect-ratio: 1/1.18; }
.cc-drop-product__image:hover img { transform: scale(1.025); }
.cc-drop-product__image > span {
  position: absolute; top: 12px; inset-inline-start: 12px;
  color: var(--cc-ink); font-size: 10px; letter-spacing: .12em;
}
.cc-drop-product__meta { display:flex; justify-content:space-between; gap:16px; padding-top:12px; border-top:1px solid var(--cc-line); }
.cc-drop-product__meta h3 { margin:0; font:500 13px/1.25 var(--cc-ui); }
.cc-drop-product__meta p { margin:0; font-size:12px; white-space:nowrap; }

/* The Edit */
.cc-edit {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: minmax(0,1.14fr) minmax(320px,.86fr);
  color: var(--cc-paper);
  background: var(--cc-ink);
}
.cc-edit__image { position: relative; min-height: 820px; overflow: hidden; }
.cc-edit__image > img { width:100%; height:100%; object-fit:cover; object-position:center 30%; filter:saturate(.83); }
.cc-edit__points button {
  position:absolute; z-index:2;
  width:40px; height:40px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  color:#fff; background:rgba(17,17,17,.36);
  backdrop-filter:blur(4px);
  font:600 9px/1 var(--cc-ui);
  cursor:pointer;
  transition: background var(--cc-fast), color var(--cc-fast), transform var(--cc-fast);
}
.cc-edit__points button:nth-child(1){top:35%;left:47%;}
.cc-edit__points button:nth-child(2){top:55%;left:42%;}
.cc-edit__points button:nth-child(3){top:87%;left:50%;}
.cc-edit__points button:nth-child(4){top:52%;left:66%;}
.cc-edit__points button[aria-current="true"] { color:var(--cc-ink); background:#fff; transform:scale(1.12); }
.cc-edit__copy {
  padding: clamp(48px,8vw,132px) clamp(28px,6vw,96px);
  display:flex; flex-direction:column; justify-content:space-between; gap:64px;
}
.cc-edit__copy h2 { margin:0; font:500 clamp(66px,9vw,142px)/.8 var(--cc-display); letter-spacing:-.035em; }
.cc-edit__copy > div:first-child p { max-width:34ch; margin-top:32px; color:#c2beb6; line-height:1.7; }
.cc-edit__products { border-top:1px solid var(--cc-line-dark); }
.cc-edit__products article {
  min-height:92px; padding:18px 0;
  display:grid; grid-template-columns:36px 1fr 44px; align-items:center; gap:14px;
  border-bottom:1px solid var(--cc-line-dark);
  animation: cc-edit-card 320ms var(--cc-ease);
}
.cc-edit__products article[hidden] { display:none; }
.cc-edit__products article > span { color:#a9a69f; font-size:10px; }
.cc-edit__products h3 { margin:0 0 6px; font:500 18px/1.1 var(--cc-display); }
.cc-edit__products p { margin:0; color:#b9b6b0; font-size:12px; }
.cc-edit__products a { width:44px;height:44px;display:grid;place-items:center;color:#fff; }
@keyframes cc-edit-card { from {opacity:0;clip-path:inset(0 100% 0 0)} to {opacity:1;clip-path:inset(0)} }

/* Departments */
.cc-departments {
  padding: var(--cc-section) var(--cc-gutter);
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:clamp(18px,3vw,48px);
}
.cc-departments__image { position:relative; min-height:780px; overflow:hidden; color:#fff; }
.cc-departments__image img { width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform 900ms var(--cc-ease); }
.cc-departments__image::after {content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));}
.cc-departments__image:hover img {transform:scale(1.025);}
.cc-departments__image > span {position:absolute;z-index:1;inset-inline:28px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.5);padding-top:16px;}
.cc-departments__image b {font:500 clamp(50px,7vw,112px)/.86 var(--cc-display);}
.cc-departments__image small {font-size:10px;text-transform:uppercase;letter-spacing:.12em;}
.cc-departments__type {padding:clamp(28px,4vw,66px);background:var(--cc-burgundy);color:#fff;display:grid;grid-template-rows:auto 1fr auto;min-height:780px;overflow:hidden;}
.cc-departments__type > p {max-width:28ch;margin:0;line-height:1.65;}
.cc-departments__type > a {align-self:center;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.55);font:500 clamp(58px,7vw,110px)/1 var(--cc-display);}
.cc-departments__type > img {width:44%;aspect-ratio:1;object-fit:cover;object-position:50% 24%;justify-self:end;filter:grayscale(.25);}

/* Horizontal commerce rails */
.cc-arrivals { padding: var(--cc-section) 0 var(--cc-section) var(--cc-gutter); }
html[dir="rtl"] .cc-arrivals { padding-inline:0 var(--cc-gutter); }
.cc-arrivals__title {padding-inline-end:var(--cc-gutter);display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px;}
.cc-arrivals__title h2 {margin:0;font:500 clamp(44px,6.5vw,96px)/.9 var(--cc-display);letter-spacing:-.03em;}
.cc-arrivals__title p {max-width:35ch;margin:0;color:var(--cc-muted);line-height:1.6;}
.cc-arrivals__rail {display:flex;gap:clamp(14px,2.2vw,34px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--cc-gutter) 22px 0;scrollbar-width:thin;cursor:grab;}
.cc-arrivals__rail:active {cursor:grabbing;}
.cc-arrivals__rail .at-card {flex:0 0 clamp(260px,28vw,460px);scroll-snap-align:start;}
.cc-arrivals__rail .at-card:first-child {flex-basis:clamp(310px,38vw,620px);}

/* Full bleed campaign */
.cc-campaign {position:relative;min-height:88dvh;color:#fff;overflow:hidden;background:var(--cc-ink);}
.cc-campaign > img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.72) contrast(1.08);}
.cc-campaign::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.08) 65%);}
html[dir="rtl"] .cc-campaign::after {transform:scaleX(-1);}
.cc-campaign__copy {position:absolute;z-index:1;inset-inline-start:var(--cc-gutter);top:50%;transform:translateY(-50%);}
.cc-campaign__copy > p {font-size:10px;letter-spacing:.19em;}
.cc-campaign__copy h2 {margin:22px 0 32px;font:500 clamp(54px,8vw,128px)/.86 var(--cc-display);letter-spacing:-.035em;}

/* Accessories */
.cc-objects {padding:var(--cc-section) 0 var(--cc-section) var(--cc-gutter);display:grid;grid-template-columns:minmax(210px,.45fr) minmax(0,1.55fr);gap:clamp(36px,6vw,96px);}
html[dir="rtl"] .cc-objects {padding-inline:0 var(--cc-gutter);}
.cc-objects__intro h2 {margin:0;font:500 clamp(48px,7vw,108px)/.86 var(--cc-display);letter-spacing:-.035em;}
.cc-objects__intro p {max-width:30ch;margin-top:30px;color:var(--cc-muted);line-height:1.65;}
.cc-objects__rail {display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--cc-gutter) 20px 0;}
.cc-objects__rail article {flex:0 0 clamp(250px,26vw,410px);scroll-snap-align:start;}
.cc-objects__rail article:nth-child(even){margin-top:80px;}
.cc-objects__rail article img {width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--cc-bone);transition:transform 700ms var(--cc-ease);}
.cc-objects__rail article a {display:block;overflow:hidden;}
.cc-objects__rail article a:hover img {transform:scale(1.025);}
.cc-objects__rail article > div {display:flex;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--cc-line);}
.cc-objects__rail h3,.cc-objects__rail p{margin:0;font-size:12px;}

/* Offset lookbook */
.cc-lookbook {padding:var(--cc-section) var(--cc-gutter);background:var(--cc-bone);}
.cc-lookbook > header {display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:40px;margin-bottom:64px;}
.cc-lookbook > header h2 {margin:0;font:500 clamp(66px,10vw,156px)/.78 var(--cc-display);letter-spacing:-.035em;}
.cc-lookbook > header p {max-width:36ch;margin:0;line-height:1.65;}
.cc-lookbook__stage {position:relative;min-height:1050px;}
.cc-lookbook__look {position:absolute;margin:0;}
.cc-lookbook__look img {width:100%;height:100%;object-fit:cover;}
.cc-lookbook__look--one {inset-inline-start:0;top:0;width:58%;height:850px;}
.cc-lookbook__look--two {inset-inline-end:2%;top:240px;width:38%;height:690px;}
.cc-lookbook figcaption {display:flex;justify-content:space-between;gap:20px;padding-top:13px;border-top:1px solid var(--cc-line);}
.cc-lookbook figcaption span {font-size:10px;letter-spacing:.14em;}
.cc-lookbook figcaption b {font:500 20px/1 var(--cc-display);}
.cc-lookbook__link {position:absolute;bottom:0;inset-inline-end:2%;min-width:38%;min-height:64px;display:flex;align-items:center;justify-content:space-between;color:var(--cc-ink);border-top:1px solid var(--cc-ink);font-size:11px;text-transform:uppercase;letter-spacing:.12em;}

/* Clean closing grid */
.cc-selected {padding:var(--cc-section) var(--cc-gutter);}
.cc-selected > header {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:48px;}
.cc-selected > header h2 {margin:0;font:500 clamp(48px,7vw,108px)/.86 var(--cc-display);letter-spacing:-.035em;}
.cc-selected__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.2vw,34px);}
.cc-selected__grid .at-card:nth-child(2),.cc-selected__grid .at-card:nth-child(4){margin-top:70px;}
.cc-service {padding:44px var(--cc-gutter);display:grid;grid-template-columns:repeat(3,1fr) minmax(240px,1.4fr);align-items:center;gap:28px;border-top:1px solid var(--cc-line);}
.cc-service p {display:flex;align-items:baseline;gap:10px;margin:0;}
.cc-service strong {font:500 34px/1 var(--cc-display);}
.cc-service span {font-size:11px;color:var(--cc-muted);}
.cc-service a {min-height:48px;display:flex;align-items:center;justify-content:space-between;padding-inline:16px;color:#fff;background:var(--cc-burgundy);}
.cc-service a span {color:#fff;}

@media (max-width: 1023px) {
  .cc-drop {grid-template-columns:1fr;}
  .cc-drop__head {position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:none;}
  .cc-drop__head h2 {grid-row:1 / span 2;}
  .cc-edit {grid-template-columns:1fr;}
  .cc-edit__image {min-height:80dvh;}
  .cc-departments {grid-template-columns:1fr .72fr;}
  .cc-departments__image,.cc-departments__type{min-height:620px;}
  .cc-objects {grid-template-columns:1fr;}
  .cc-objects__intro {display:flex;align-items:end;justify-content:space-between;gap:28px;padding-inline-end:var(--cc-gutter);}
  .cc-service {grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 719px) {
  .cc-home {margin-top:-59px;}
  .cc-hero {min-height:100svh;padding-top:58px;}
  /* Phone stacks the same N categories top to bottom instead of side by
     side — each band gets an equal share of the viewport height (vh) the
     way desktop columns split the width (vw), and centred overlay copy no
     longer straddles a seam it has to scroll past to read. */
  .cc-hero__panels {position:absolute;top:58px;bottom:0;display:flex;flex-direction:column;overflow:hidden;}
  .cc-hero__panel {flex:1 1 0%;border-inline-end:0;border-block-end:1px solid rgba(255,255,255,.35);}
  .cc-hero__panel:last-child {border-block-end:0;}
  .cc-hero__panel img {object-position:center 25%;}
  .cc-hero__department {bottom:24px;inset-inline:18px;grid-template-columns:1fr auto;}
  .cc-hero__department > span {display:none;}
  .cc-hero__department b {font-size:38px;}
  /* Each stacked band is only ~half the viewport tall now, so the copy block
     can no longer float vertically-centered — at that size it read into the
     department label sitting at the bottom of the same band. Anchored near
     the top instead, sized to comfortably clear it. */
  .cc-hero__copy {top:76px;left:50%;width:calc(100vw - 36px);transform:translateX(-50%);}
  html[dir="rtl"] .cc-hero__copy {left:auto;right:50%;transform:translateX(50%);}
  .cc-hero__copy > p {font-size:8px;margin-bottom:8px;}
  .cc-hero__copy h1 {font-size:clamp(26px,9.5vw,38px);text-align:start;line-height:.92;}
  html[dir="rtl"] .cc-hero__copy h1 {font-size:clamp(22px,8vw,32px);line-height:1.25;text-align:center;letter-spacing:.01em;}
  .cc-hero__copy h1 span:nth-child(2),.cc-hero__copy h1 span:nth-child(3){margin-inline-start:0;text-align:start;}
  html[dir="rtl"] .cc-hero__copy h1 span:nth-child(2),html[dir="rtl"] .cc-hero__copy h1 span:nth-child(3){text-align:center;}
  .cc-hero__copy .cc-text-link {margin:14px 0 0;}
  .cc-hero__edition,.cc-hero__hint{display:none;}

  .cc-drop {padding:88px 18px;gap:48px;}
  .cc-drop__head {display:block;}
  .cc-drop__head h2 {font-size:72px;}
  .cc-drop__head > p {margin:24px 0;}
  .cc-drop__composition {grid-template-columns:1fr 1fr;gap:26px 12px;}
  .cc-drop-product--1 {grid-column:1 / -1;grid-row:auto;}
  .cc-drop-product--2 {margin-top:0;}
  .cc-drop-product--3 {width:100%;margin-top:56px;}
  .cc-drop-product__meta{display:block;}
  .cc-drop-product__meta p{margin-top:5px;}

  .cc-edit__image {min-height:72svh;}
  .cc-edit__copy {padding:58px 18px;gap:48px;}
  .cc-edit__copy h2 {font-size:76px;}
  .cc-edit__points button {width:38px;height:38px;}

  .cc-departments {padding:88px 18px;display:block;}
  .cc-departments__image {min-height:72svh;}
  .cc-departments__type {min-height:480px;padding:28px;margin-inline-start:12%;}
  .cc-departments__type > a {font-size:62px;}

  .cc-arrivals {padding:88px 0 88px 18px;}
  html[dir="rtl"] .cc-arrivals {padding-inline:0 18px;}
  .cc-arrivals__title {display:block;margin-bottom:30px;}
  .cc-arrivals__title h2 {font-size:54px;}
  .cc-arrivals__title p {margin-top:16px;}
  .cc-arrivals__rail .at-card,.cc-arrivals__rail .at-card:first-child{flex-basis:78vw;}

  .cc-campaign {min-height:76svh;}
  .cc-campaign::after {background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.76));}
  .cc-campaign__copy {top:auto;bottom:52px;transform:none;inset-inline:18px;}
  .cc-campaign__copy h2 {font-size:56px;}

  .cc-objects {padding:88px 0 88px 18px;gap:40px;}
  html[dir="rtl"] .cc-objects {padding-inline:0 18px;}
  .cc-objects__intro {display:block;}
  .cc-objects__intro h2 {font-size:58px;}
  .cc-objects__rail article {flex-basis:72vw;}
  .cc-objects__rail article:nth-child(even){margin-top:46px;}

  .cc-lookbook {padding:88px 18px;}
  .cc-lookbook > header {display:block;margin-bottom:38px;}
  .cc-lookbook > header h2 {font-size:78px;}
  .cc-lookbook > header p {margin-top:20px;}
  .cc-lookbook__stage {min-height:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:84px;}
  .cc-lookbook__look {position:relative;inset:auto;width:auto;height:auto;flex:0 0 84vw;scroll-snap-align:start;}
  .cc-lookbook__look img {aspect-ratio:3/4;}
  .cc-lookbook__link {bottom:0;inset-inline:0;min-width:100%;}

  .cc-selected {padding:88px 18px;}
  .cc-selected > header h2 {font-size:58px;}
  .cc-selected__grid {grid-template-columns:1fr 1fr;gap:34px 12px;}
  .cc-selected__grid .at-card:nth-child(2),.cc-selected__grid .at-card:nth-child(4){margin-top:44px;}
  .cc-service {padding:34px 18px;grid-template-columns:1fr 1fr;gap:28px 16px;}
  .cc-service a {grid-column:1 / -1;}
}

@media (prefers-reduced-motion: reduce) {
  .js .cc-hero__panel,
  .js .cc-hero__copy h1 i,
  .js .cc-hero__copy > p,
  .js .cc-hero__copy .cc-text-link,
  .js .cc-hero__edition,
  .js .cc-hero__hint {clip-path:none;transform:none;opacity:1;transition:none;}
  .cc-hero__panels {transition:none;}
  .cc-edit__products article {animation:none;}
}