.editorial-intro{grid-template-columns:1fr 1.25fr;align-items:center;padding-block:38px;gap:5vw;overflow:hidden}.intro-words .eyebrow{margin-bottom:24px}.intro-words h1{font-size:clamp(54px,6.7vw,96px);letter-spacing:-.025em}.intro-line{font:italic 22px/1.3 Georgia,serif;color:var(--muted);margin:22px 0}.intro-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid var(--accent);padding-bottom:8px;font-size:15px}.intro-link span{color:var(--accent);font-size:24px}.featured-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 0}.feature{position:relative;display:block;min-width:0;background:#262922;transition:transform .3s ease}.feature img{display:block;width:100%;height:320px;object-fit:contain;background:#272c23}.feature-one{transform:translateY(14px)}.feature-two{transform:translateY(-14px)}.feature-three{transform:translateY(8px)}.feature span{display:block;padding:12px 9px;font-size:12px;letter-spacing:.08em;background:var(--accent);color:#171914}.feature b{display:block;font-family:Georgia,serif;font-size:16px;letter-spacing:0;font-style:italic;font-weight:400;margin-top:5px}.feature-two span{background:#c7ccdc}.feature-three span{background:#dcbfb1}.feature:focus-visible{outline-offset:5px}.surprise{border-color:var(--accent);color:var(--accent)}.surprise span{margin-left:8px}.look-card .card-link{transition:color .2s}.look-card .card-link:hover{color:var(--accent)}.look-card .card-link img{transition:filter .3s;filter:saturate(.95)}.look-card .card-link:hover img{filter:saturate(1.08)}.look-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.look-nav button{padding:10px 12px;font-size:14px}.look-nav span{font-size:14px;color:var(--muted)}.draft-note{font-size:13px;color:var(--muted);margin:12px 0}.preview{letter-spacing:.04em}.filters #savedFilter[aria-pressed=true]{background:var(--accent);color:#171914}.look-card:focus-within .save{border-color:var(--accent)}
@media(hover:hover){.feature:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:no-preference){.intro-words{animation:enter .5s ease both}.featured-strip{animation:enter .65s .1s ease both}.look-card{animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.editorial-intro{gap:24px;grid-template-columns:.9fr 1.1fr}.feature img{height:270px}.feature b{font-size:14px}.intro-words h1{font-size:64px}}
@media(max-width:650px){.editorial-intro{display:block;padding:30px 5vw 12px}.intro-words{position:relative}.intro-words h1{font-size:58px}.intro-line{font-size:20px;margin:18px 0}.featured-strip{margin-top:18px;gap:8px;padding-block:16px}.feature img{height:195px}.feature span{font-size:12px;letter-spacing:0;padding:9px 6px}.feature b{font-size:14px;line-height:1.2}.feature-one{transform:translateY(6px)}.feature-two{transform:translateY(-6px)}.feature-three{transform:translateY(4px)}.look-nav{flex-wrap:wrap}.filters .surprise{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 2026-10-07: no bands around feature pictures */
.feature img{height:auto;object-fit:contain;background:transparent}
.featured-strip{align-items:start}
