/* BRAND DISCOVERY v4 / User-approved minimal editorial direction */
:root{--paper:#fff;--white:#fff;--soft:#f5f5f3;--ink:#171817;--muted:#777875;--hair:#ececea;--acid:#d3fb44;--display:'DM Sans',system-ui,-apple-system,sans-serif}
html,body{background:#fff;overscroll-behavior-x:none}
.app-shell{max-width:1600px}
.topbar{height:88px;background:#fff;border-bottom:1px solid #f1f1f0;padding-inline:clamp(24px,4.2vw,70px)}
.wordmark{font:800 20px/.83 var(--display);letter-spacing:-1.4px}
.mark-dot,.period{color:#91bd22}
.topnav a{font:600 11px var(--display);letter-spacing:0;text-transform:none}
.topnav a.is-current:after{height:2px;background:#a5cf37}
.top-actions .submit-top{border-color:#e1e1df;text-transform:none;letter-spacing:0;font-size:12px}
.top-actions .submit-top:hover{background:var(--soft)}
.hero{display:grid;position:relative;grid-template-columns:55% 45%;height:clamp(500px,47vw,670px);min-height:500px;border:0;background:#f8f8f5;overflow:hidden}
.hero-picture{position:relative;grid-column:2;grid-row:1;background:#eeede9;height:100%;min-height:0;order:initial}
.hero-picture img{height:100%;width:100%;object-fit:cover;object-position:center 24%;filter:saturate(.78) contrast(1.015)}
.hero-picture:after{content:none}
.hero-panel{position:relative;grid-column:1;grid-row:1;background:#fff;padding:clamp(36px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:0;z-index:2}
.micro{font:700 10px var(--display);letter-spacing:1.75px;color:#797b77;gap:0}
.hero h1{font:500 clamp(52px,5.8vw,94px)/.985 var(--display);letter-spacing:-.073em;max-width:690px;margin:10px 0 18px}
.hero-main p{color:#727371;font:400 clamp(14px,1.2vw,17px)/1.4 var(--font);max-width:420px}
.hero-go{height:56px;width:56px;display:grid;place-items:center;background:var(--acid);border-radius:50%;font:400 34px var(--display);color:#121312;transition:transform .2s}
.hero-go:hover{transform:translateX(3px)}
.hero-buttons{align-items:center;gap:18px}.hero-text-link{font-weight:600;font-size:12px;color:#555}
.hero-foot{border:0;padding:0;justify-content:flex-start;align-items:center;gap:14px;color:#666;font:600 10px var(--font);letter-spacing:1px}
.hero-progress{display:flex;align-items:center;gap:5px}.hero-progress i{height:2px;width:23px;background:#e0e0dc;display:block}.hero-progress i:first-child{background:#151515}
.marquee{display:none}
.page-section{padding:clamp(46px,5vw,70px) clamp(24px,4.2vw,70px)}
.section-heading{margin-bottom:24px;align-items:center}.section-heading h2{font:700 clamp(27px,2.9vw,40px)/1.1 var(--display);letter-spacing:-.05em}
.section-heading .overline{display:none}.section-heading .underlink{font:600 13px var(--font);letter-spacing:-.015em;border:0;text-transform:none}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.feature-card,.feature-card:nth-child(2){position:relative;height:clamp(230px,29vw,380px);border-radius:8px;overflow:hidden;isolation:isolate;background:#e8e8e5}
.feature-card:after{content:none}.feature-photo-link{position:absolute;inset:0;display:block;overflow:hidden}.feature-photo-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.72);transition:transform .35s}.feature-photo-link:hover>img{transform:scale(1.03)}
.feature-photo-link:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65))}
.feature-info{bottom:20px;left:20px;right:20px;color:#fff}.feature-info h3,.feature-card:nth-child(2) .feature-info h3{font:700 clamp(21px,2.5vw,35px)/1 var(--display);letter-spacing:-.045em;margin:0 0 4px}.feature-info p{font:400 13px var(--font);margin:0;color:#fff}
.feature-save{position:absolute;z-index:5;right:12px;top:12px;height:39px;width:39px;display:grid;place-items:center;background:#fff;border:0;border-radius:50%;cursor:pointer}.feature-save svg{width:20px;height:20px}.feature-save[aria-pressed="true"]{color:#6a8d16;background:#e7ffae}
.home-edit-banner{display:grid;grid-template-columns:53% 47%;position:relative;overflow:hidden;border-radius:9px;margin-top:20px;background:#efefed;min-height:185px;color:#1b1c1a}
.edit-banner-copy{padding:26px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.edit-banner-copy small{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#797979}.edit-banner-copy strong{display:block;font:500 clamp(30px,3.5vw,47px)/.95 var(--display);letter-spacing:-.06em;margin:11px 0}.edit-banner-copy em{font-size:12px;font-style:normal;color:#6e6e6e}
.home-edit-banner>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0 0 0 48%;width:52%;filter:saturate(.64)}.home-edit-banner:after{content:'';position:absolute;left:47%;top:0;bottom:0;width:17%;background:linear-gradient(90deg,#efefed,transparent)}.edit-banner-arrow{position:absolute;right:18px;bottom:20px;z-index:2;background:#fff;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:25px}
.explore-section{background:#f9f9f8}
.page-intro{padding:clamp(46px,4.5vw,65px) clamp(24px,4.2vw,70px) 8px;border:0}
.page-intro>.overline{display:none}
.page-intro h1{font:600 clamp(40px,4.9vw,72px)/1.06 var(--display);letter-spacing:-.07em;margin:0 0 7px}
.page-intro p:last-child{font-size:15px;color:#656565;line-height:1.4}
.intro-side{color:#8a8a88;font-size:9px}
.catalog{padding:16px clamp(24px,4.2vw,70px) 100px}
.searchbox{max-width:none;background:#f4f4f3;border:0;border-radius:12px;padding:0 18px;min-height:54px;margin-bottom:15px;gap:10px}
.searchbox input{border:0;background:transparent;padding:14px 0;width:100%;font-size:15px}.searchbox input:focus{outline:0}.searchbox:focus-within{outline:2px solid #9ac331;outline-offset:2px}
.filter-chips{gap:9px;padding:0 0 15px}.filter-chip{border:0;background:#f3f3f2;border-radius:20px;padding:10px 16px;min-height:39px;font:500 12px var(--font);letter-spacing:-.01em;text-transform:none}.filter-chip[aria-pressed="true"]{background:#191b19;color:#fff;border:0}.style-chips .filter-chip[aria-pressed="true"]{background:#222;color:#fff;border:0}
.catalog-summary{color:#777;font:700 10px var(--font);letter-spacing:1.4px;margin:15px 0 18px}
.catalog-summary>span:nth-child(2){display:none}
.style-filter-heading{color:#8b8c86;margin:12px 0;font:700 10px var(--font);letter-spacing:1.1px}
.catalog-toolbar{gap:12px;margin-bottom:12px}
.filter-control select{background:#f4f4f3;border:0;border-radius:7px;font-weight:500}
.saved-filter,.reset-filters{border-radius:8px;background:#f5f5f4;color:#555;text-transform:none;letter-spacing:0;font:600 12px var(--font)}.saved-filter[aria-pressed="true"]{background:var(--acid);border:0}
.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.brand-card{min-width:0}.brand-photo{border-radius:7px;aspect-ratio:1.26;background:#eaeae7}.brand-photo>img{height:100%;width:100%;object-fit:cover;filter:saturate(.78)}
.brand-photo .brand-fallback,.brand-photo .number{display:none}.save-button{border-radius:50%;background:#fff;border:0;top:9px;right:9px;width:37px;height:37px;z-index:4}.save-button svg{width:19px;height:19px}.save-button[aria-pressed="true"]{background:#e8ffaa;color:#405a0e}
.brand-photo .compare-on-photo{min-width:30px;width:30px;height:30px;right:8px;bottom:8px;border:0;border-radius:50%;background:#fff;color:#252525;font-size:22px;box-shadow:none}.brand-photo .compare-on-photo[aria-pressed="true"]{background:var(--acid);color:#171717;font-size:17px}
.brand-details,.brand-details .brand-city{display:block;padding:0;text-align:left;white-space:normal}.brand-details{padding-top:10px}.brand-details .brand-city{font:700 9px var(--font);letter-spacing:.6px;color:#777;margin:0 0 8px}.brand-details h3{font:700 clamp(17px,1.5vw,22px)/1.15 var(--display);letter-spacing:-.045em;margin:0 0 5px}.brand-details p{font:400 12px/1.32 var(--font);color:#777;min-height:30px}.brand-style-tags{margin-top:10px;gap:5px}.brand-style-tags span{border:0;border-radius:20px;background:#f2f2f1;font:500 10px var(--font);text-transform:none;letter-spacing:0;padding:6px 10px;color:#666}
.editions-home{background:#f9f9f8}.edition-card{border-radius:8px}.edition-card img{filter:saturate(.73)}.edition-overlay h3{letter-spacing:-.04em}
.footer{background:#171817}.about-hero{background:#f5f5f3}.spotlight{background:#1b201c}
.mobile-nav{display:none}
@media (max-width:1000px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:56% 44%}.hero h1{font-size:clamp(48px,7vw,68px)}.hero-panel{padding:40px}.feature-card,.feature-card:nth-child(2){height:clamp(230px,34vw,350px)}}
@media (max-width:700px){
 :root{--navH:69px}
 html{scroll-padding-top:71px}
 .topbar{height:70px;min-height:70px;padding:8px 22px 3px;border:0;position:sticky;background:rgba(255,255,255,.97)}
 .wordmark{font-size:20px;line-height:.82;letter-spacing:-1.6px}.top-actions .icon-button{padding:8px}.top-actions svg{stroke-width:1.85}
 .mobile-nav{display:flex;background:rgba(255,255,255,.98);padding:5px 6px calc(5px + env(safe-area-inset-bottom));min-height:calc(var(--navH) + env(safe-area-inset-bottom));border-top:1px solid #eaeae8;box-shadow:0 -7px 24px #00000005;backdrop-filter:blur(20px)}
 .mobile-nav a{font:500 10px var(--font);color:#646665;gap:4px;min-height:55px}.mobile-nav a.is-current{color:#161816;font-weight:700}.mobile-nav a.is-current:before{height:2px;background:#a9d530;top:-5px;left:27%;right:27%}.mobile-nav a.is-current svg{stroke-width:2.1}.mobile-nav svg{width:21px;height:21px}
 .hero{height:460px;min-height:0;display:block;overflow:hidden;background:#fff;border:0}
 .hero-picture{position:absolute;inset:0 0 0 43%;height:100%;min-height:0;max-height:none;z-index:1;background:#fff;order:initial}
 .hero-picture img{height:100%;width:100%;object-fit:cover;object-position:49% 25%;filter:saturate(.66) contrast(.96)}
 .hero-picture:after{content:'';display:block;position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#fff 0%,#fff9 13%,transparent 53%),linear-gradient(0deg,#fff 0%,transparent 14%)}
 .hero-panel{height:100%;min-height:0;padding:25px 22px 23px;position:relative;z-index:2;display:flex;justify-content:flex-start;gap:0;pointer-events:none;background:transparent;order:initial}
 .micro{font:700 9px var(--font);letter-spacing:1.55px;color:#838581;margin:0 0 15px}
 .hero-main{max-width:100%}.hero h1{font:500 clamp(43px,11.8vw,54px)/.99 var(--display);letter-spacing:-.075em;margin:0 0 15px;max-width:none;color:#141414}.hero-main p{font:400 13px/1.38 var(--font);color:#6e6f6c;max-width:218px;margin:0}
 .hero-buttons{margin-top:15px;display:flex;gap:8px;pointer-events:auto}.hero-go{width:54px;height:54px;font-size:31px}.hero-text-link{font-size:10px;color:#4b4d4a;display:none}
 .hero-foot{margin-top:auto;gap:12px;letter-spacing:1px;font-size:10px;color:#7c7c7c}.hero-progress i{height:2px;width:19px}.hero-progress i:first-child{background:#181818}
 .page-section{padding:20px 14px 36px}.section-heading{margin:0 0 14px;align-items:center}.section-heading h2{font-size:20px;font-weight:700;letter-spacing:-.06em}.section-heading .underlink{font-size:11px;padding:5px 0;white-space:nowrap}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .feature-card,.feature-card:nth-child(2){height:auto;aspect-ratio:1.13;border-radius:6px}.feature-photo-link>img{object-fit:cover;object-position:center 14%}.feature-info{left:12px;bottom:12px;right:9px}.feature-info h3,.feature-card:nth-child(2) .feature-info h3{font-size:19px;line-height:1.02}.feature-info p{font-size:10px;line-height:1.2}.feature-save{top:8px;right:8px;width:30px;height:30px}.feature-save svg{width:16px;height:16px}
 .home-edit-banner{min-height:120px;margin-top:12px;grid-template-columns:53% 47%;border-radius:7px}.edit-banner-copy{padding:15px}.edit-banner-copy small{font-size:8px}.edit-banner-copy strong{font-size:28px;margin:6px 0}.edit-banner-copy em{font-size:10px}.edit-banner-arrow{width:34px;height:34px;font-size:21px;right:9px;bottom:10px}
 .page-intro{padding:24px 18px 11px}.page-intro h1{font:600 clamp(34px,9vw,47px)/1.07 var(--display);letter-spacing:-.075em;margin:0 0 6px}.page-intro .intro-side{display:none}.page-intro>p:last-child{font-size:13px;line-height:1.35;margin:0;color:#666}.catalog{padding:6px 14px calc(95px + env(safe-area-inset-bottom))}
 .searchbox{min-height:47px;border-radius:11px;padding:0 13px;margin-bottom:13px}.searchbox input{font-size:16px;padding:10px 0}.searchbox svg{width:19px;height:19px}
 .filter-chips{gap:7px;margin-right:-14px;padding-bottom:15px;padding-right:14px;scroll-snap-type:x proximity}.filter-chip{font-size:11px;min-height:36px;padding:9px 13px;scroll-snap-align:start}
 .catalog-summary{font-size:10px;margin:7px 0 14px}.catalog-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.filter-control{flex:1 1 120px;min-width:0}.filter-control select{min-height:37px;border-radius:7px;font-size:12px;padding:8px}.filter-control label{font-size:9px}.saved-filter{min-height:35px;padding:7px 10px;font-size:11px}.reset-filters{margin:0;min-height:35px;padding:7px 10px;font-size:11px}
 .style-filter-heading{margin:0 0 6px}.style-chips{padding-bottom:11px}
 .brand-grid,.related .brand-grid,.match-results .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 10px}
 .brand-photo{aspect-ratio:1.34;border-radius:6px}.save-button{width:30px;height:30px;top:7px;right:7px}.save-button svg{width:16px;height:16px}.brand-photo .compare-on-photo{width:28px;height:28px;min-width:28px;font-size:19px}.brand-details{padding-top:8px}.brand-details .brand-city{font-size:8px;margin-bottom:7px}.brand-details h3{font-size:17px;line-height:1.08;margin-bottom:5px;letter-spacing:-.05em}.brand-details p{font-size:11px;line-height:1.3;min-height:30px}.brand-style-tags{margin-top:8px;gap:4px}.brand-style-tags span{font-size:9px;padding:5px 8px}
 .editions-home{padding-top:36px}.edition-grid{gap:10px}.edition-card{border-radius:7px}
 .footnote{font-size:10px;line-height:1.5}.footer{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
 .detail-layout{display:block}.detail-image{height:34svh;min-height:240px}.detail-body{padding:19px 20px 35px}.detail-body h1{font-size:clamp(43px,12vw,68px)}
 .compare-dock{bottom:calc(76px + env(safe-area-inset-bottom));border-radius:12px;background:#171717}
}
@media(max-width:375px){.hero{height:440px}.hero h1{font-size:clamp(39px,11.8vw,45px)}.hero-main p{max-width:193px;font-size:12px}.hero-panel{padding-inline:18px}.hero-picture{left:42%}.feature-info h3,.feature-card:nth-child(2) .feature-info h3{font-size:17px}.feature-info p{font-size:9px}.edit-banner-copy strong{font-size:25px}.mobile-nav a{font-size:9px}.brand-details h3{font-size:16px}.brand-style-tags span{font-size:8px;padding:4px 7px}}
@media(max-width:340px){.hero{height:420px}.hero h1{font-size:39px}.hero-main p{max-width:178px}.micro{font-size:8px}.hero-picture{left:40%}.page-section{padding-inline:11px}.catalog{padding-inline:11px}.brand-grid{gap:17px 8px}.filter-chip{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.hero-go,.feature-photo-link>img{transition:none}}

/* Progressive disclosure of advanced catalog controls */
.advanced-filters{padding:13px 0 4px;border-bottom:1px solid var(--hair)}
.advanced-toggle{border:0;background:transparent;display:inline-flex;align-items:center;gap:9px;color:#30332f;font:600 12px var(--font);letter-spacing:0;cursor:pointer;padding:6px 0;text-transform:none}.advanced-toggle span{font-size:19px;line-height:1}.advanced-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.spotlight-image{background-image:url(./assets/hero.webp)!important;background-position:center 25%;background-size:cover}
@media(max-width:700px){.catalog{padding-top:9px}.catalog-summary{margin:0 0 14px}.advanced-filters{padding:9px 0 3px}.advanced-toggle{font-size:11px}.hero-picture{left:46%}.hero-picture img{object-position:44% center}.hero-main p{max-width:213px}}
@media(max-width:375px){.hero-picture{left:43%}}
/* Keep card imagery clean, with comparison available in the brand detail. */
@media(max-width:700px){
  .brand-photo .compare-on-photo{display:none}
  .filter-chips{width:100%;max-width:100%;margin-right:0;padding-right:0}
  #discover{max-width:100%;overflow-x:clip}
  #discover .brand-card{min-width:0}
}