/* Homepage-only palette. Other pages retain their existing styles. */
body.home {
  --navy: #0F1A24;
  --ink: #333333;
  --orange: #0F1A24;
  --cream: #F7F7F5;
  --muted: #666666;
  --line: #A8A8A8;
  background: #F7F7F5;
  color: #333333;
}
.home p { color: #333333; }
.home h1, .home h2, .home h3 { color: #0F1A24; }
.home .topbar, .home header, .home footer { background: #111111; color: #FFFFFF; }
.home .topbar { color: #F7F7F5; border-bottom: 1px solid #A8A8A8; }
.home header .brand, .home footer .brand { color: #FFFFFF; }
.home .brand i { background: #A8A8A8; }
.home nav a { color: #F7F7F5; }
.home nav a[aria-current="page"] { color: #FFFFFF; text-decoration: underline; text-underline-offset: 7px; }
.home nav a:hover { color: #FFFFFF; text-decoration: underline; text-underline-offset: 7px; }
.home .button, .home .floating {
  background: #0F1A24;
  color: #FFFFFF;
  border-color: #0F1A24;
}
.home header .button, .home .floating { border-color: #A8A8A8; }
.home .button:hover, .home .floating:hover { background: #333333; color: #FFFFFF; }
.home .text-link { color: #0F1A24; }
.home .text-link:hover { color: #333333; text-decoration: underline; text-underline-offset: 5px; }
.home .hero { grid-template-columns: 1fr 1.1fr; background: #F7F7F5; min-height: 560px; }
.home .hero-copy { padding-top: 56px; padding-bottom: 32px; }
.home .hero h1 { font-size: clamp(40px, 4.2vw, 62px); color: #0F1A24; }
.home .hero h1 em { color: #333333; }
.home .hero p { color: #666666; }
.home .hero-foot { color: #666666; border-color: #A8A8A8; }
.home .hero-art { background: #FFFFFF; border-bottom: 1px solid #A8A8A8; }
.home .hero-art img { width: 100%; max-width: 100%; margin: 0; transform: none; }
.home .art-number, .home .vertical { color: #666666; }
.home .art-caption { border-color: #A8A8A8; color: #333333; }
.home .art-caption span:last-child { color: #666666; }
.home .intro-strip { background: #FFFFFF; color: #0F1A24; border-block: 1px solid #A8A8A8; }
.home .intro-strip p { color: #333333; }
.home .intro-strip > a { border-color: #A8A8A8; }
.home .section-heading .eyebrow, .home .caption, .home .category-card .eyebrow { color: #666666; }
.home .category-card, .home .category-card.optical { background: #FFFFFF; border: 1px solid #A8A8A8; }
.home .category-card > div:last-child > span { color: #666666; }
.home .frame-icon i { border-color: #111111; box-shadow: none; }
.home .frame-icon::after { border-color: #111111; }
.home .sunglasses i { background: linear-gradient(135deg, #0F1A24, #666666); border-color: #111111; }
.home .story { background: #F7F7F5; border-block: 1px solid #A8A8A8; }
.home .story .large { color: #0F1A24; }
.home .steps article { border-color: #A8A8A8; }
.home .steps b { color: #0F1A24; }
.home .steps p { color: #666666; }
.home .cta { background: #FFFFFF; border-top: 1px solid #A8A8A8; }
.home footer h3 { color: #FFFFFF; }
.home footer p, .home .footer-top > div > a:not(.brand), .home .footer-bottom { color: #A8A8A8; }
.home .footer-bottom { border-color: #A8A8A8; }
.home .floating { box-shadow: 0 4px 20px #11111122; }
.home .skip { background: #FFFFFF; color: #0F1A24; }
@media (max-width: 1050px) {
  .home .hero h1 { font-size: 43px; }
}
@media (max-width: 760px) {
  .home .menu-button { background: #111111; color: #FFFFFF; border-color: #A8A8A8; }
  .home nav { background: #111111; box-shadow: 0 12px 16px #11111122; }
  .home .hero { grid-template-columns: 1fr; }
  .home .hero-copy { padding: 36px 6% 28px; }
  .home .hero h1 { font-size: 39px; letter-spacing: -1.7px; }
  .home .hero-art { min-height: 370px; }
  .home .hero-art img { width: 100%; margin: 0; max-height: none; }
  .home .hero-foot { gap: 12px; }
}
@media (max-width: 1050px) {
  .home .hero-copy p br { display: initial; }
}
@media (max-width: 760px) {
  .home .hero-art { grid-row: 1; }
}

/* Editorial homepage imagery. */
.home .editorial-art{position:relative;min-height:560px;align-self:stretch}
.home .editorial-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 38%}
.home .editorial-caption{position:absolute;bottom:0;left:0;right:0;padding:10px 18px;background:#ffffffdf;font-size:10px;color:#444;letter-spacing:.3px}
.home .category-card{padding:24px 28px 92px;min-height:0}
.home .category-photo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto;background:#fff}
.home .category-card>div:last-child{left:28px;right:28px;bottom:25px}
@media(max-width:760px){.home .editorial-art{min-height:0;aspect-ratio:3/2}.home .editorial-art img{margin:0}.home .editorial-caption{font-size:9px;padding:7px 12px}.home .category-card{padding:20px 20px 85px}.home .category-card>div:last-child{left:20px;right:20px}}