/* LAUREAN Lookbook - Quietud Editorial */
*, *::before, *::after { box-sizing: border-box; }

html {
  min-height: 100%;
  background: var(--lookbook-bg, var(--carbon));
}

body.lookbook-page {
  --lookbook-bg: #191A18;
  --lookbook-ink: #F1ECE8;
  --lookbook-muted: rgba(241, 236, 232, .68);
  --lookbook-line: rgba(241, 236, 232, .26);
  --lookbook-accent: var(--vino);
  --lookbook-panel: rgba(25, 26, 24, .52);
  --slide-pad-x: clamp(28px, 5.2vw, 86px);
  margin: 0;
  min-height: 100%;
  overflow: hidden;
  font-family: var(--fb);
  color: var(--lookbook-ink);
  background:
    radial-gradient(circle at 16% 18%, rgba(143, 56, 51, .16), transparent 34%),
    var(--lookbook-bg);
  transition: background-color 1.1s var(--ease), color .8s var(--ease);
}

body.lookbook-page[data-ambient="women"] {
  --lookbook-bg: #531F23;
  --lookbook-ink: #FCFBFC;
  --lookbook-muted: rgba(252, 251, 252, .68);
  --lookbook-line: rgba(230, 186, 194, .34);
  --lookbook-accent: #E6BAC2;
}

body.lookbook-page[data-ambient="men"] {
  --lookbook-bg: #192729;
  --lookbook-ink: #F2F2F2;
  --lookbook-muted: rgba(242, 242, 242, .66);
  --lookbook-line: rgba(165, 202, 214, .24);
  --lookbook-accent: #A5CAD6;
}

body.lookbook-page[data-ambient="kids"] {
  --lookbook-bg: #8F3833;
  --lookbook-ink: #FCFBFC;
  --lookbook-muted: rgba(252, 251, 252, .72);
  --lookbook-line: rgba(235, 195, 114, .34);
  --lookbook-accent: #EBC372;
}

img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.skip-link {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 120;
  transform: translateY(-160%);
  background: var(--crema);
  color: var(--carbon);
  padding: 10px 14px;
  border-radius: 999px;
  transition: transform .24s var(--ease);
}

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

.lookbook-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 80;
  height: 88px;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  padding: 0 clamp(18px, 3.8vw, 58px);
  pointer-events: none;
}

.lookbook-return,
.lookbook-logo,
.lookbook-count {
  pointer-events: auto;
}

.lookbook-return {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--nav-ink, var(--lookbook-ink));
  background: rgba(25, 26, 24, .10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font-size: 11px;
  letter-spacing: .13em;
  text-transform: uppercase;
  transition: color .6s var(--ease), background .6s var(--ease), border-color .6s var(--ease);
}

.lookbook-return-mark {
  font-size: 17px;
  line-height: 1;
  transform: translateY(-1px);
}

.lookbook-logo {
  position: relative;
  justify-self: center;
  width: clamp(118px, 12vw, 176px);
  height: 58px;
}

.lookbook-logo img {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 100%;
  max-height: 54px;
  object-fit: contain;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .65s var(--ease), filter .65s var(--ease);
}

.lookbook-nav[data-logo="dark"] .logo-on-dark,
.lookbook-nav[data-logo="light"] .logo-on-light { opacity: 1; }

.lookbook-count {
  justify-self: end;
  color: var(--nav-ink, var(--lookbook-ink));
  font-family: var(--fd);
  font-size: 20px;
  font-weight: 300;
  letter-spacing: .04em;
  transition: color .6s var(--ease), opacity .6s var(--ease);
}

.lookbook-nav[data-logo="light"] {
  --nav-ink: var(--carbon);
}

.lookbook-nav[data-logo="dark"] {
  --nav-ink: var(--crema);
}

.lookbook-track {
  height: 100svh;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-x;
}

.lookbook-track::-webkit-scrollbar { display: none; }
.lookbook-track.is-dragging { cursor: grabbing; scroll-behavior: auto; }

.lookbook-slide {
  position: relative;
  flex: 0 0 100vw;
  width: 100vw;
  min-height: 100svh;
  overflow: hidden;
  display: grid;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  isolation: isolate;
  background: var(--slide-bg, var(--lookbook-bg));
  color: var(--slide-ink, var(--lookbook-ink));
}

.lookbook-slide[data-theme="light"] {
  --slide-bg: var(--crema);
  --slide-ink: var(--carbon);
  --slide-muted: rgba(25, 39, 41, .68);
  --slide-line: rgba(25, 39, 41, .18);
}

.lookbook-slide[data-theme="dark"] {
  --slide-bg: var(--carbon);
  --slide-ink: var(--crema);
  --slide-muted: rgba(241, 236, 232, .68);
  --slide-line: rgba(241, 236, 232, .22);
}

.slide-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(44vw, 1fr) minmax(360px, .72fr);
  align-items: center;
  gap: clamp(28px, 5vw, 74px);
  width: 100%;
  padding: 112px var(--slide-pad-x) 74px;
}

.slide-stage.is-reverse {
  grid-template-columns: minmax(360px, .72fr) minmax(44vw, 1fr);
}

.slide-stage.is-reverse .slide-media { order: 2; }
.slide-stage.is-reverse .slide-copy { order: 1; }

.slide-media {
  height: min(74vh, 760px);
  min-height: 430px;
  border-radius: 0;
  opacity: 0;
  transform: scale(1.045);
  transition:
    opacity 1.25s var(--ease),
    transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.lookbook-slide[data-align="bleed"] .slide-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  height: 100%;
  min-height: 100%;
  transform: scale(1.045);
}

.lookbook-slide[data-align="bleed"] .slide-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(25, 26, 24, .74), rgba(25, 26, 24, .18) 54%, rgba(25, 26, 24, .42)),
    linear-gradient(0deg, rgba(25, 26, 24, .48), transparent 44%);
  pointer-events: none;
}

.slide-media .brand-img-photo { transition-duration: .9s; }

.slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide-copy {
  max-width: 620px;
  min-width: 0;
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1) .25s,
    transform 1.05s cubic-bezier(0.22, 1, 0.36, 1) .25s;
}

.lookbook-slide[data-align="bleed"] .slide-copy {
  align-self: end;
  margin-bottom: clamp(26px, 5vh, 68px);
}

.slide-logo {
  width: clamp(120px, 18vw, 280px);
  max-height: 92px;
  object-fit: contain;
  object-position: left center;
  margin-bottom: clamp(24px, 4vh, 42px);
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .18));
}

.lookbook-slide[data-theme="dark"] .slide-logo {
  filter: brightness(0) invert(1);
  opacity: .92;
}

.lookbook-slide[data-theme="light"] .slide-logo {
  filter: brightness(0);
  opacity: .78;
}

.slide-eyebrow {
  display: block;
  margin-bottom: 22px;
  color: var(--slide-muted, var(--lookbook-muted));
  font-size: 11px;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.slide-title {
  margin: 0;
  font-family: var(--fd);
  font-size: clamp(54px, 8vw, 142px);
  font-weight: 300;
  line-height: .86;
  letter-spacing: 0;
}

.lookbook-slide[data-align="split"] .slide-title {
  font-size: clamp(34px, 4.8vw, 64px);
}

.slide-title,
.slide-kicker {
  min-width: 0;
  overflow-wrap: break-word;
  hyphens: auto;
}

.slide-title em {
  display: block;
  font-style: italic;
  font-weight: 300;
}

.slide-kicker {
  max-width: 460px;
  margin: clamp(26px, 4vh, 44px) 0 0;
  color: var(--slide-muted, var(--lookbook-muted));
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.8;
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1) .45s,
    transform 1.05s cubic-bezier(0.22, 1, 0.36, 1) .45s;
}

.slide-rule {
  width: 112px;
  height: 1px;
  margin-top: 34px;
  background: var(--slide-line, var(--lookbook-line));
  transform-origin: left center;
  transform: scaleX(.2);
  opacity: 0;
  transition: opacity .9s var(--ease) .5s, transform 1.25s var(--ease) .5s;
}

.lookbook-slide.is-active .slide-media,
.lookbook-slide.is-active .slide-copy {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.lookbook-slide.is-active .slide-rule {
  opacity: 1;
  transform: scaleX(1);
}

.lookbook-slide.is-active .slide-kicker {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lookbook-slide:not(.is-active) .slide-copy {
  transition-delay: 0s;
}

.lookbook-slide:not(.is-active) .slide-kicker {
  transition-delay: 0s;
}

.quote-slide {
  place-items: center;
  padding: 112px var(--slide-pad-x) 72px;
}

.quote-inner {
  width: min(980px, 88vw);
  opacity: 0;
  transform: translate3d(0, 38px, 0) scale(.985);
  transition:
    opacity 1.08s var(--ease) .2s,
    transform 1.32s cubic-bezier(.2, .7, .16, 1) .2s;
}

.lookbook-slide.is-active .quote-inner {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.quote-mark {
  display: block;
  margin-bottom: 28px;
  color: var(--lookbook-accent);
  font-family: var(--fd);
  font-size: 32px;
}

.quote-text {
  margin: 0;
  font-family: var(--fd);
  font-size: clamp(48px, 7.2vw, 124px);
  font-weight: 300;
  line-height: .92;
  letter-spacing: 0;
}

.quote-note {
  max-width: 560px;
  margin: 32px 0 0 auto;
  color: var(--slide-muted, var(--lookbook-muted));
  font-size: 13px;
  line-height: 1.9;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.category-slide {
  padding: 112px var(--slide-pad-x) 72px;
  align-content: center;
}

.category-heading {
  display: grid;
  grid-template-columns: minmax(280px, .66fr) minmax(320px, 1fr);
  gap: clamp(28px, 6vw, 96px);
  align-items: end;
  margin-bottom: clamp(38px, 7vh, 86px);
}

.category-heading h1 {
  margin: 0;
  font-family: var(--fd);
  font-size: clamp(52px, 7vw, 118px);
  font-weight: 300;
  line-height: .92;
}

.category-heading p {
  max-width: 520px;
  margin: 0;
  color: var(--lookbook-muted);
  line-height: 1.85;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--lookbook-line);
  border: 1px solid var(--lookbook-line);
}

.category-card {
  --cat-base: #191A18;
  --cat-deep: #192729;
  --cat-accent: #8F3833;
  --cat-ink: #FCFBFC;
  --cat-muted: rgba(252, 251, 252, .72);
  --cat-line: rgba(252, 251, 252, .18);
  --cat-shade: rgba(25, 26, 24, .18);
  --cat-hover-wash: rgba(143, 56, 51, .24);
  --cat-hover-line: rgba(235, 195, 114, .58);
  min-height: min(44vh, 460px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(22px, 3vw, 42px);
  background:
    linear-gradient(145deg, rgba(252, 251, 252, .09), transparent 46%),
    linear-gradient(0deg, var(--cat-shade), var(--cat-shade)),
    var(--cat-base);
  color: var(--cat-ink);
  box-shadow: inset 0 0 0 1px var(--cat-line);
  transition: background .8s var(--ease), box-shadow .8s var(--ease), color .8s var(--ease), transform .8s var(--ease);
}

.category-card[data-ambient-target="women"] {
  --cat-base: #531F23;
  --cat-deep: #531F23;
  --cat-accent: #E6BAC2;
  --cat-ink: #E6BAC2;
  --cat-muted: #E6BAC2;
  --cat-line: rgba(230, 186, 194, .22);
  --cat-shade: transparent;
  --cat-hover-wash: rgba(230, 186, 194, .16);
  --cat-hover-line: rgba(230, 186, 194, .68);
}

.category-card[data-ambient-target="men"] {
  --cat-base: #191A18;
  --cat-deep: #314043;
  --cat-accent: #314043;
  --cat-ink: #F1ECE8;
  --cat-muted: #F1ECE8;
  --cat-line: rgba(241, 236, 232, .16);
  --cat-shade: transparent;
  --cat-hover-wash: rgba(49, 64, 67, .42);
  --cat-hover-line: rgba(241, 236, 232, .34);
}

.category-card[data-ambient-target="kids"] {
  --cat-base: #A5CAD6;
  --cat-deep: #A5CAD6;
  --cat-accent: #191A18;
  --cat-ink: #191A18;
  --cat-muted: #191A18;
  --cat-line: rgba(25, 26, 24, .18);
  --cat-shade: transparent;
  --cat-hover-wash: rgba(25, 26, 24, .08);
  --cat-hover-line: rgba(25, 26, 24, .32);
}

.category-slide .category-card {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .85s var(--ease),
    transform .85s var(--ease),
    background .8s var(--ease),
    box-shadow .8s var(--ease),
    color .8s var(--ease);
}

.category-slide.is-active .category-card {
  opacity: 1;
  transform: translateY(0);
}

.category-slide.is-active .category-card:nth-child(1) { transition-delay: .15s; }
.category-slide.is-active .category-card:nth-child(2) { transition-delay: .38s; }
.category-slide.is-active .category-card:nth-child(3) { transition-delay: .61s; }

.category-card:hover,
.category-card:focus-visible {
  background:
    linear-gradient(145deg, rgba(252, 251, 252, .15), transparent 44%),
    linear-gradient(0deg, var(--cat-hover-wash), var(--cat-hover-wash)),
    var(--cat-base);
  box-shadow:
    inset 0 0 0 1px var(--cat-hover-line),
    0 22px 70px rgba(0, 0, 0, .22);
  transform: translateY(-6px);
}

.category-slide.is-active .category-card:hover,
.category-slide.is-active .category-card:focus-visible {
  transform: translateY(-6px);
  transition-delay: 0s;
}

.category-logo {
  width: min(210px, 58%);
  height: 76px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
  opacity: .95;
  transform-origin: center;
  transition: transform .7s var(--ease), opacity .5s var(--ease);
}

.category-card > div {
  transition: opacity .5s var(--ease);
}

.category-card:hover .category-logo,
.category-card:focus-visible .category-logo {
  transform: scale(1.5);
}

.category-card:hover > div,
.category-card:focus-visible > div {
  opacity: .3;
}

.category-card[data-ambient-target="kids"] .category-logo {
  filter: brightness(0);
  opacity: .8;
}

.category-card h2 {
  margin: clamp(38px, 9vh, 86px) 0 12px;
  font-family: var(--fd);
  font-size: clamp(42px, 5vw, 82px);
  font-weight: 300;
}

.category-card span {
  color: var(--cat-muted);
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.category-signature {
  margin: clamp(36px, 5vh, 48px) 0 0;
  text-align: center;
  font-family: var(--fd);
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 300;
  letter-spacing: .04em;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .85s var(--ease) .85s, transform .85s var(--ease) .85s;
}

.category-signature em {
  color: var(--dorado, #C89B3C);
  font-style: italic;
  font-weight: 300;
}

.category-slide.is-active .category-signature {
  opacity: .9;
  transform: translateY(0);
}

.lookbook-progress {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  height: 3px;
  background: rgba(252, 251, 252, .12);
}

.lookbook-progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background: var(--lookbook-accent);
  transform-origin: left center;
  transition: width .22s linear, background-color .8s var(--ease);
}

.lookbook-empty {
  place-self: center;
  max-width: 620px;
  padding: 120px 28px;
  text-align: center;
}

.lookbook-empty h1 {
  font-family: var(--fd);
  font-size: clamp(42px, 7vw, 90px);
  font-weight: 300;
  margin: 0 0 20px;
}

.lookbook-empty p {
  color: var(--lookbook-muted);
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 900px) {
  .lookbook-nav {
    height: 78px;
    grid-template-columns: 1fr auto 1fr;
  }

  .lookbook-return {
    width: 42px;
    justify-content: center;
    padding: 0;
  }

  .lookbook-return-text { display: none; }

  .lookbook-count {
    font-size: 16px;
  }

  .slide-stage,
  .slide-stage.is-reverse {
    grid-template-columns: 1fr;
    align-content: end;
    gap: 34px;
  }

  .slide-stage.is-reverse .slide-media,
  .slide-stage.is-reverse .slide-copy { order: initial; }

  .slide-media {
    height: 56vh;
    min-height: 320px;
  }
}

@media (max-width: 768px) {
  html { scroll-snap-type: y mandatory; }

  body.lookbook-page {
    overflow: auto;
    background: var(--lookbook-bg);
  }

  .lookbook-track {
    height: auto;
    display: block;
    overflow: visible;
    scroll-snap-type: none;
    cursor: auto;
    touch-action: auto;
  }

  .lookbook-slide {
    width: 100%;
    min-height: 100svh;
    scroll-snap-align: start;
  }

  .slide-stage,
  .quote-slide,
  .category-slide {
    padding: 98px 22px 58px;
  }

  .lookbook-slide[data-align="bleed"] .slide-copy {
    margin-bottom: 0;
  }

  .slide-title,
  .quote-text {
    line-height: .96;
  }

  .slide-logo {
    width: min(210px, 68vw);
  }

  .category-heading {
    grid-template-columns: 1fr;
    margin-bottom: 34px;
  }

  .category-grid {
    grid-template-columns: 1fr;
  }

  .category-card {
    min-height: 230px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }

  .slide-media,
  .slide-copy,
  .slide-kicker,
  .quote-inner,
  .slide-rule,
  .category-card,
  .category-signature,
  .category-logo {
    transform: none !important;
  }

  .category-card,
  .category-signature {
    opacity: 1 !important;
  }

  .category-card:hover > div,
  .category-card:focus-visible > div {
    opacity: 1 !important;
  }
}