.finds-page{--finds-ink:#202a25;--finds-muted:#64706a;--finds-paper:#f7f6f2;--finds-line:#e4e3dc;--finds-accent:#e9823f;color:var(--finds-ink);background:var(--finds-paper)}.finds-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.finds-hero{padding:72px 0 64px;background:#263b33;color:#fff}.finds-eyebrow{margin:0 0 10px;color:#e7a778;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.finds-hero h1{max-width:900px;margin:0;font:400 clamp(44px,8vw,86px)/.98 Bangers,sans-serif;letter-spacing:.02em}.finds-lede{max-width:650px;margin:16px 0 0;font:500 clamp(19px,2.5vw,25px)/1.35 Poppins,sans-serif}.finds-support{max-width:680px;margin:12px 0 0;color:#d1dcd5;font-size:15px;line-height:1.6}.finds-inventory{padding-top:48px;padding-bottom:54px}.finds-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.finds-heading h2,.finds-signup h2{margin:0;color:#263b33;font:400 clamp(30px,4vw,42px)/1.12 Bangers,sans-serif;letter-spacing:.02em}.finds-heading .finds-eyebrow{color:#a35c32}.finds-filters{display:flex;gap:8px;flex-wrap:wrap}.finds-filter{border:1px solid #bfc7c1;border-radius:999px;background:#fff;color:#263b33;padding:8px 15px;font:600 13px Poppins,sans-serif;cursor:pointer}.finds-filter.is-active,.finds-filter:hover{background:#263b33;border-color:#263b33;color:#fff}.finds-filter:focus-visible,.finds-cta:focus-visible{outline:3px solid #e9823f;outline-offset:3px}.finds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.finds-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--finds-line);border-radius:6px;box-shadow:0 3px 10px #263b3310}.finds-image{height:250px;background:#eeede8;display:flex;align-items:center;justify-content:center;text-decoration:none}.finds-image img{width:100%;height:100%;object-fit:contain;padding:14px}.finds-missing{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#727a75;font-size:13px;background:linear-gradient(135deg,#eeede8,#f6f5f1)}.finds-card-body{display:flex;flex:1;flex-direction:column;padding:18px}.finds-card h3{margin:0;color:#263b33;font:600 20px/1.25 Poppins,sans-serif;letter-spacing:-.02em}.finds-facts{margin:8px 0 0;color:var(--finds-muted);font-size:12px}.finds-price{margin-top:13px;color:#19241f;font:700 27px/1.1 Poppins,sans-serif}.finds-note{margin:14px 0 20px;color:#5a655f;font-size:14px;line-height:1.5}.finds-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;padding:12px 16px;border-radius:4px;background:#e9823f;color:#fff;text-decoration:none;font:700 15px Poppins,sans-serif}.finds-cta:hover{background:#ca682c}.finds-disclosure{max-width:820px;margin:20px auto 0;color:#69736e;font-size:12px;line-height:1.55;text-align:center}.finds-signup{padding:38px 0;background:#eae8e0}.finds-signup-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.finds-signup h2{font-size:34px}.finds-signup p:not(.finds-eyebrow){margin:5px 0 0;color:#515e56}.finds-form{display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:8px;min-width:min(440px,100%)}.finds-form input,.finds-form button{min-height:46px;border:1px solid #c6c8c0;border-radius:4px;padding:10px 13px;font:14px Poppins,sans-serif}.finds-form input{background:#fff}.finds-form button{border-color:#263b33;background:#263b33;color:#fff;font-weight:700}.finds-form :disabled{opacity:.65;cursor:not-allowed}.finds-form small{grid-column:1/-1;color:#6d756f;font-size:11px}.finds-page .site-header--overlay{background:#263b33}.finds-page .site-header--overlay .brand img{max-height:50px}@media(max-width:900px){.finds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finds-image{height:230px}.finds-signup-inner{align-items:flex-start;flex-direction:column}.finds-form{width:100%;min-width:0}}@media(max-width:560px){.finds-wrap{width:calc(100% - 32px)}.finds-hero{padding:50px 0 42px}.finds-support{font-size:14px}.finds-heading{align-items:flex-start;flex-direction:column}.finds-inventory{padding-top:34px}.finds-grid{grid-template-columns:1fr;gap:14px}.finds-image{height:250px}.finds-card-body{padding:16px}.finds-card h3{font-size:19px}.finds-signup{padding:30px 0}.finds-signup h2{font-size:30px}.finds-form{grid-template-columns:1fr}.finds-form small{grid-column:1}}

/* Editorial photo hero for the public Honda Element Finds page. */
.finds-hero{position:relative;isolation:isolate;display:grid;min-height:min(980px,max(720px,100svh));align-items:center;padding:clamp(150px,18vh,200px) 0 clamp(72px,9vh,100px);background:linear-gradient(180deg,rgba(0,0,0,.37) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.64) 100%),url('/assets/honda-finds-hero.jpg') center 53%/cover no-repeat;color:#fff}
.finds-hero-inner{position:relative;width:min(1540px,calc(100% - 48px));margin:0 auto;text-align:center}
.finds-hero h1{max-width:100%;margin:0 auto;color:rgba(255,255,255,.82);font:400 clamp(54px,8.7vw,142px)/.88 Bangers,sans-serif;letter-spacing:-.012em;text-transform:uppercase;text-shadow:0 3px 22px rgba(0,0,0,.42)}
.finds-hero h1 span{display:block}
.finds-hero-label{margin:28px 0 3px;color:#fff;font:600 clamp(22px,2.35vw,34px)/1.2 Poppins,sans-serif;text-shadow:0 2px 10px #0009}
.finds-hero .finds-lede{max-width:820px;margin:0 auto;color:#fff;font:400 clamp(16px,1.55vw,22px)/1.5 'Open Sans',sans-serif;text-shadow:0 2px 12px #000b}
.finds-browse-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;margin-top:31px;padding:12px 34px;border:2px solid rgba(255,255,255,.92);border-radius:999px;background:rgba(0,0,0,.17);color:#fff;text-decoration:none;text-transform:uppercase;font:700 15px/1.2 Poppins,sans-serif;letter-spacing:.04em;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.finds-browse-cta:hover{background:#fff;color:#202a25;border-color:#fff}
.finds-browse-cta:focus-visible{outline:3px solid #ffb06d;outline-offset:4px}
body:has(.finds-page)>header.site-header--overlay{background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,0))!important;color:#fff}
body:has(.finds-page)>header.site-header--overlay #primary-navigation>.honda-nav-group>summary,body:has(.finds-page)>header.site-header--overlay #primary-navigation>.honda-nav-direct>a,body:has(.finds-page)>header.site-header--overlay .header-control{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.45)}
@media(max-width:720px){.finds-hero{min-height:min(900px,max(720px,100svh));padding:128px 0 68px;background-position:center 55%}.finds-hero-inner{width:calc(100% - 32px)}.finds-hero h1{font-size:clamp(50px,12.4vw,82px);line-height:.9}.finds-hero h1 span:last-child{max-width:15ch;margin-inline:auto}.finds-hero-label{margin-top:25px;font-size:clamp(20px,5.7vw,27px)}.finds-hero .finds-lede{max-width:620px;font-size:16px;line-height:1.5}.finds-browse-cta{margin-top:24px}}
@media(max-width:390px){.finds-hero{background-position:54% 55%}.finds-hero h1{font-size:clamp(47px,12vw,54px)}.finds-hero-inner{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.finds-browse-cta{transition:none}}
.finds-hero h1 span:first-child{white-space:nowrap}
.finds-hero h1 span:last-child{font-size:.76em;letter-spacing:0}
@media(max-width:720px){.finds-hero h1{font-size:clamp(44px,11.5vw,74px)}.finds-hero h1 span:last-child{max-width:100%;font-size:.78em}}
@media(max-width:390px){.finds-hero h1{font-size:clamp(41px,11.4vw,44px)}}
