.navigation ul,.footer nav ul{list-style:none;display:flex;align-items:center;gap:inherit;padding:0;margin:0}.navigation ul>li,.footer nav ul>li{display:contents}.navigation a+a::before{content:' / ';position:relative;display:inline-block;color:var(--muted);margin-right:15px}.navigation ul li+li>a::before{content:' / ';display:inline-block;margin-right:15px}.navigation a.current-menu-item::after,.navigation .current-menu-item>a::after{transform:scaleX(1)}.entry-content{max-width:900px;line-height:2;margin:auto}.entry-content>*+*{margin-top:1.5em}.entry-content h2{font-size:36px}.entry-content a{text-decoration:underline}.entry-content img{height:auto}.entry-content ul,.entry-content ol{padding-left:1.5em}.looks-filters sup{font:11px/1 Arial,sans-serif;margin-left:6px;vertical-align:top}.looks-grid{align-items:start}.look-visual{aspect-ratio:auto;background:transparent}.look-visual img{height:auto;object-fit:contain}.looks-section-label{font-size:32px;margin:45px 0 24px}.looks-ready .looks-section-label{display:none}[data-look-section][hidden]{display:none}.looks-filters{flex-wrap:wrap}.look-card{align-self:start}@media(max-width:800px){.navigation a+a::before,.navigation ul li+li>a::before{margin-right:9px}.navigation ul{flex-wrap:wrap}.footer nav ul{flex-wrap:wrap}}

/* The same WP navigation serves the desktop header and mobile menu. */
.header-menu { display: contents; }
.menu-toggle { display: none; }
.light-story + .stores { margin-top: clamp(70px, 8vw, 130px); }

/* About is a separate page; the concept and copy follow the supplied layout. */
.about-page { background: var(--gray); }
.about-concept-section { padding: clamp(110px, 17vw, 270px) var(--gutter) clamp(85px, 10vw, 160px); }
.about-concept { text-align: center; font-size: clamp(48px, 8.5vw, 160px); line-height: 1.15; letter-spacing: 0; white-space: nowrap; }
.about-concept-body { width: min(100%, 600px); margin: clamp(110px, 14vw, 220px) auto 0; font-size: 15px; line-height: 2.15; }
.about-concept-body p + p { margin-top: 2em; }
.about-concept-body br { display: none; }
@media (min-width: 801px) { .navigation { margin-left: auto; } }
@media (max-width: 800px) {
  .about-concept-section { padding-top: 90px; padding-bottom: 75px; }
  .about-concept { font-size: clamp(28px, 7.8vw, 62px); }
  .about-concept-body { margin-top: 65px; font-size: 14px; line-height: 2.1; }
}
@media (max-width: 800px) {
  html { scroll-padding-top: 100px; }
  .header.menu-ready { position: sticky; top: 0; flex-wrap: nowrap; padding-block: 18px; gap: 20px; }
  .header.menu-ready .brand { flex: 0 1 210px; min-width: 0; }
  .menu-ready .menu-toggle { display: flex; position: relative; flex: 0 0 44px; width: 44px; height: 44px; margin-left: auto; padding: 0; border: 0; background: transparent; cursor: pointer; align-items: center; justify-content: center; }
  .menu-toggle > span { position: absolute; width: 26px; height: 1px; background: currentColor; transition: transform .45s var(--reveal-ease), opacity .25s ease; }
  .menu-toggle > span:nth-child(1) { transform: translateY(-7px); }
  .menu-toggle > span:nth-child(3) { transform: translateY(7px); }
  .menu-open .menu-toggle > span:nth-child(1) { transform: rotate(45deg); }
  .menu-open .menu-toggle > span:nth-child(2) { opacity: 0; }
  .menu-open .menu-toggle > span:nth-child(3) { transform: rotate(-45deg); }
  .menu-ready .header-menu { display: flex; flex-direction: column; position: fixed; top: var(--menu-top, 80px); left: 0; right: 0; height: calc(100vh - var(--menu-top, 80px)); height: calc(100dvh - var(--menu-top, 80px)); padding: 28px var(--gutter) max(28px, env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; background: var(--paper); border-top: 1px solid var(--rule); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); }
  .menu-used .header-menu { transition: opacity .35s ease, transform .5s var(--reveal-ease), visibility 0s .5s; }
  .menu-open .header-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition-delay: 0s; }
  .menu-ready .navigation { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; flex-basis: auto; gap: 0; order: 0; padding-top: 0; font-size: clamp(38px, 11vw, 64px); line-height: 1.25; white-space: normal; }
  .menu-ready .navigation ul { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; }
  .menu-ready .navigation a { display: block; padding: 15px 0 18px; border-bottom: 1px solid var(--rule); overflow-wrap: anywhere; }
  .menu-ready .navigation a::before, .menu-ready .navigation a::after { content: none; }
  .menu-ready .navigation a[aria-current="page"], .menu-ready .navigation .current-menu-item > a { color: var(--muted); }
  .menu-ready .socials { flex-shrink: 0; margin: auto 0 0; padding-top: 36px; gap: 16px; }
  .menu-ready .socials a { width: 44px; height: 44px; }
  .menu-ready .socials svg { width: 24px; height: 24px; }
  .admin-bar .header.menu-ready { top: 46px; }
}
@media (min-width: 783px) and (max-width: 800px) {
  .admin-bar .header.menu-ready { top: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .menu-toggle > span, .menu-ready .header-menu { transition: none; }
}