/* BRAND DISCOVERY V5 — editorial refinement */
:root{--acid:#bdf437;--ink:#111210;--paper:#fbfbf8;--line:#e9e9e4;--soft:#f4f4f0}
body{background:var(--paper);color:var(--ink)}
.topbar{background:rgba(251,251,248,.94);border-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wordmark{letter-spacing:-.065em}.mark-dot,.period{color:#9fcd2e}
.page-section{padding-top:clamp(46px,5vw,78px);padding-bottom:clamp(46px,5vw,78px)}
.section-heading{margin-bottom:24px}.section-heading h2{letter-spacing:-.055em}.overline{letter-spacing:.14em}
.hero{background:var(--paper)}.hero-panel{background:var(--paper)}
.hero h1{max-width:640px}.hero-main p{max-width:390px}.hero-picture img{filter:saturate(.7) contrast(1.01)}
.marquee{background:#151714;color:#fff;border:0}.marquee span{color:var(--acid)}
.feature-card,.brand-photo,.home-edit-banner,.edition-card{border-radius:12px;overflow:hidden}
.feature-photo-link>img,.brand-photo>img,.edition-card img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.feature-card:hover img,.brand-card:hover .brand-photo>img,.edition-card:hover img{transform:scale(1.025)}
.brand-details{padding-top:12px}.brand-city{font-size:9px;letter-spacing:.12em;color:#777}.brand-details h3{letter-spacing:-.035em;margin-top:5px}.brand-details p{color:#747572;line-height:1.35}
.brand-style-tags{gap:5px}.brand-style-tags span{border:1px solid #ecece7;background:#f7f7f3;color:#5f615d}
.save-button,.compare-on-photo{background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.fresh-section{border-top:1px solid var(--line)}
.fresh-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}
.fresh-card{position:relative;min-height:390px;border-radius:12px;overflow:hidden;background:#e8e8e2;color:#fff;cursor:pointer}
.fresh-card:first-child{min-height:470px;grid-row:span 1}
.fresh-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.72);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.fresh-card:hover img{transform:scale(1.025)}
.fresh-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.58) 100%)}
.fresh-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:19px}.fresh-copy small{display:block;font:600 9px/1 var(--font);letter-spacing:.14em;margin-bottom:8px;opacity:.82}.fresh-copy h3{font:600 clamp(24px,2.2vw,34px)/1 var(--display);letter-spacing:-.05em;margin:0 0 6px}.fresh-copy p{font-size:12px;margin:0;opacity:.88}
.searchbox{border-radius:12px;background:#f2f2ee;border:1px solid transparent}.searchbox:focus-within{background:#fff;border-color:#d8d9d3;box-shadow:0 0 0 3px rgba(189,244,55,.16)}
.filter-chip{border-radius:999px}.filter-chip.is-active{background:#151714;color:#fff;border-color:#151714}
.advanced-filters{border-top:1px solid var(--line)}
.brand-grid{gap:40px 18px}.catalog-summary{border-top:1px solid var(--line);padding-top:14px}
.detail-layout{background:var(--paper)}.detail-body{display:flex;flex-direction:column;justify-content:center}.detail-code{letter-spacing:.16em}.detail-tagline{max-width:580px}.detail-description{max-width:640px}.detail-tags span{border:1px solid var(--line);background:#fff}.detail-disclosure{max-width:640px;color:#888}
.mobile-nav{background:rgba(251,251,248,.97)!important;border-color:var(--line)!important}
.mobile-nav a.is-current:before{background:var(--acid)!important}
.button-acid{background:var(--acid);color:#10120f}
.footer{background:#151714}
@media(max-width:1000px){.fresh-grid{grid-template-columns:repeat(3,1fr)}.fresh-card,.fresh-card:first-child{min-height:350px}}
@media(max-width:700px){
 body{background:#fbfbf8}
 .topbar{height:63px;padding:0 18px}.wordmark{font-size:18px;line-height:.78}.top-actions{gap:7px}.search-action{display:grid}
 .hero{height:438px;border-bottom:1px solid var(--line)}.hero-panel{padding:20px 18px 21px}.hero-picture{left:45%}.hero-picture:after{background:linear-gradient(90deg,#fbfbf8 0%,#fbfbf8d6 10%,transparent 49%),linear-gradient(0deg,#fbfbf8 0%,transparent 13%)}
 .hero h1{font-size:clamp(40px,11.4vw,51px);max-width:230px}.hero-main p{max-width:205px;color:#72736f}.hero-go{width:50px;height:50px}
 .page-section{padding:32px 14px}.section-heading{margin-bottom:17px;align-items:end}.section-heading h2{font-size:29px}.underlink{font-size:10px}
 .feature-grid{gap:8px}.feature-card,.feature-card:nth-child(2){height:235px;border-radius:9px}.feature-info{padding:12px}.feature-info h3{font-size:18px}
 .home-edit-banner{margin-top:8px;border-radius:9px}
 .fresh-section{padding-top:30px}.fresh-grid{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;margin-right:-14px;padding-right:14px;scrollbar-width:none}.fresh-grid::-webkit-scrollbar{display:none}.fresh-card,.fresh-card:first-child{flex:0 0 78vw;min-height:0;height:315px;scroll-snap-align:start;border-radius:9px}.fresh-copy{left:16px;right:16px;bottom:16px}.fresh-copy h3{font-size:27px}
 .category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-card{min-height:132px;border-radius:9px}
 .brand-grid,.related .brand-grid,.match-results .brand-grid{gap:28px 9px}.brand-photo{border-radius:9px;aspect-ratio:.84}.brand-details{padding-top:9px}.brand-details h3{font-size:17px;line-height:1.05}.brand-details p{font-size:11px;min-height:30px}.brand-style-tags{margin-top:7px}.brand-style-tags span{font-size:8px;padding:4px 6px}
 #discover .page-intro{padding-bottom:5px}#discover .catalog{padding-top:4px}.filter-chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-right:-14px;padding-right:14px}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;padding:9px 13px}
 .catalog-summary{padding-top:11px}.advanced-toggle{font-size:10px}
 .detail-image{height:46svh;min-height:320px}.detail-body{padding:18px 18px 34px}.detail-body h1{font-size:clamp(42px,13vw,62px);margin-bottom:8px}.detail-tagline{font-size:18px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions .button-dark{grid-column:1/-1}.detail-save{min-height:46px}
 .mobile-nav{box-shadow:0 -8px 30px rgba(0,0,0,.045)}
}
@media(max-width:375px){.hero{height:420px}.hero h1{font-size:42px}.fresh-card,.fresh-card:first-child{flex-basis:82vw;height:295px}.brand-details p{display:none}.detail-actions{grid-template-columns:1fr}}
