/* DressCodeGen content and responsive adaptations of Maison by uiCookies. */
.brand { font-size: clamp(1.15rem, 2.2vw, 1.9rem); letter-spacing: .015em; text-indent: 0; text-transform: none; white-space: nowrap; }
.hero-title { font-size: clamp(3.1rem, 7.5vw, 7rem); line-height: 1.03; max-width: 14ch; }
.hero-inner { grid-template-columns: minmax(0, 1fr) 220px; padding-top: 160px; }
.hero-media::after { background: linear-gradient(90deg, rgba(20,17,13,.58), rgba(20,17,13,.05)), linear-gradient(0deg, rgba(20,17,13,.75), transparent 85%); }
.nav-primary { gap: 1.3rem; }
.nav-primary .nav-link, .header-guide { letter-spacing: .1em; }
.look-shop { font-size: 1.5rem; }
.look-cap { opacity: 1; transform: none; }
.guide-tip { font-size: 1rem; line-height: 1.7; margin-top: 1rem; max-width: 40ch; }
.dress-guide { scroll-margin-top: 100px; }
.product-name { font-size: 1.65rem; }
.product-media img { transition: transform .5s ease; }
.product:hover .product-media img { transform: scale(1.025); }
.outfit-checklist { list-style: none; padding: 0; margin: 2.5rem 0; text-align: left; }
.outfit-checklist li { display: flex; gap: 1.5rem; padding: 1.4rem 0; border-top: 1px solid var(--taupe); }
.outfit-checklist li > span { color: var(--madder); font-family: var(--serif); font-size: 1.4rem; }
.outfit-checklist h3 { font-size: 1.5rem; margin: 0 0 .6rem; }
.outfit-checklist p { margin: 0; line-height: 1.7; }
.editorial-body .lead { max-width: 43ch; }
.manifesto-sign .sig { font-size: 1.65rem; }
.lookbook-grid .look:nth-child(6) { grid-column: span 12; }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(26px); }
.js .reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 1100px) { .nav-primary { display: none; } .nav-toggle { display: flex; grid-column: 1; justify-self: start; } .header-guide { font-size: .65rem; } }
@media (max-width: 767px) {
  .hero-inner { grid-template-columns: minmax(0, 1fr); padding-top: 140px; }
  .hero-meta { text-align: left; max-width: 33ch; }
  .hero-title { font-size: clamp(2.8rem, 11vw, 4.5rem); }
  .header-guide { display: none; }
  .hero-cta .btn-maison { padding: .9rem 1rem; letter-spacing: .1em; }
  .lookbook-grid .look:nth-child(6) { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { .js .reveal { opacity: 1; transform: none; } }