/* Awagon's own brushstroke brand, with a marketplace-focused header. */
:root{--navy:#052344;--red:#ed0815;--ink:#052344;--surface:#f5f7fa;scroll-padding-top:150px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-notice{background:#052344;padding:7px 4%;font-size:.75rem}.market-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:nowrap;padding:16px 3.5%;gap:24px;border-bottom:3px solid var(--red);box-shadow:0 3px 14px #0523440b;background:white}.brand{flex:0 0 174px}.brand img{width:174px;height:58px;object-fit:contain}.header-city{flex:0 0 128px;gap:2px;border-left:1px solid var(--border);padding-left:18px}.header-city>span{font-size:.75rem;color:var(--muted)}.header-city select{border:0;padding:4px 0;min-height:30px;font-size:.85rem;font-weight:800}.header-search{flex:1;display:flex;align-items:center;min-width:170px;max-width:430px;border:1px solid #d3dce5;background:#f5f7fa;border-radius:7px;overflow:hidden}.header-search input{border:0;background:transparent;min-width:0;padding:13px 16px;min-height:48px}.header-search button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;color:var(--navy);flex-shrink:0}.market-header nav{gap:22px;font-size:.85rem;white-space:nowrap}.header-contact{display:flex;align-items:center;gap:9px;background:transparent;color:var(--navy);padding:0;font-size:.8rem;text-align:left;white-space:nowrap}.header-contact svg{color:var(--red);flex-shrink:0}.header-contact small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px;font-weight:400}
.hero{margin:24px 3.5% 0;border-radius:12px;overflow:hidden;min-height:410px;grid-template-columns:1.06fr 1fr;background:#fff url('assets/awagon-brush-background.png') center/cover;color:var(--navy);border:1px solid #e1e6ed}.hero-copy{padding:42px 9%;position:relative;background:linear-gradient(90deg,#ffffffdb,#ffffffab 75%,#fff0)}.hero .eyebrow{color:var(--navy);font-size:.75rem;margin-bottom:14px}h1{font-size:clamp(2.5rem,4.8vw,4.65rem);line-height:1.02;margin-bottom:20px;letter-spacing:-.055em}h1 em{color:var(--red)}h1 em:after{display:none}.hero-description{font-size:1.05rem;color:var(--navy);line-height:1.65;margin-bottom:24px}.hero-description strong{font-weight:800}.hero-note{margin-top:22px;color:var(--muted);font-size:.8rem}.hero .outline{border-color:var(--navy)}.hero-photo{margin:0 0 0 10px;border-radius:0 10px 10px 0}.hero-photo>img{object-position:center 65%;filter:brightness(.95)}.photo-shade{background:linear-gradient(0deg,#052344ed,transparent 48%)}.photo-caption{left:7%;bottom:50px;color:white}.photo-caption span{font-size:.75rem}.photo-caption strong{font-size:1.6rem;margin-top:6px}.photo-index{font-size:.75rem;right:20px;bottom:17px}.hero-actions .button{font-size:.875rem;padding:12px 22px}
.journey-bar{margin:0 3.5%;border:1px solid #e1e6ed;border-top:0;display:grid;grid-template-columns:repeat(3,1fr);border-radius:0 0 10px 10px;overflow:hidden;background:white}.journey-bar>a,.journey-bar>button{display:flex;text-align:left;gap:16px;align-items:center;padding:22px 28px;background:white;color:var(--navy);border-right:1px solid #e1e6ed}.journey-bar>:last-child{border-right:0}.journey-bar>a:hover,.journey-bar>button:hover{background:#f5f7fa}.journey-number{color:var(--red);font-weight:800;font-size:.875rem}.journey-bar strong{font-size:.95rem;display:block}.journey-bar small{color:var(--muted);font-size:.8rem;display:block;margin-top:6px}.browse{padding-top:48px;max-width:none;background:linear-gradient(150deg,#fff 40%,#f2f5fa)}.section-heading .eyebrow{font-size:.75rem}.section-heading h2{font-size:2rem}.section-heading>p{font-size:.9rem}.filters{background:white;box-shadow:0 7px 26px #05234408;border-radius:10px;padding:22px;grid-template-columns:2fr 1fr 1fr auto}.filters label{font-size:.875rem}.filters input,.filters select{font-size:.875rem}.quick-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.quick-filters button{padding:10px 18px;border:1px solid #d9e0e8;border-radius:24px;background:white;color:var(--navy);font-size:.875rem;font-weight:700}.quick-filters button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:white}.quick-filters button:hover{border-color:var(--red)}.catalog-bar p{font-size:.95rem}.example-note{font-size:.875rem}.car-card{border-radius:10px;box-shadow:0 3px 12px #05234407}.example-badge{font-size:.75rem}.card-kicker,.specs{font-size:.875rem}.card-bottom .button{font-size:.875rem;border-color:var(--red);color:var(--red)}.price small{font-size:.8rem}.card-body h3{font-size:1.2rem}.photo-credit{font-size:.8rem}.sell{position:relative;background:linear-gradient(110deg,#052344 62%,#183655);border-top:6px solid var(--red);padding-top:56px;padding-bottom:56px}.sell .eyebrow{color:#fff}.sell-steps article>span{font-size:.875rem;color:#ff6c74}.sell-steps p{font-size:.875rem!important}.sell .small-note{font-size:.875rem!important}.about{background:white url('assets/awagon-brush-background.png') center/cover;max-width:none;padding-top:56px;padding-bottom:56px}.about>div{background:#ffffffdb;padding:24px;border-radius:10px}.about .eyebrow{padding-left:24px;font-size:.75rem}.contact-strip{background:linear-gradient(110deg,#052344 45%,#0b3656 75%,#ed0815)}.contact-strip h2{font-size:1.7rem}.contact-strip .button{background:var(--red);color:white}.footer-brand{display:flex;flex-direction:column;align-items:start}.footer-brand img{width:174px;height:58px;object-fit:contain}.footer-brand span{font-size:.75rem;letter-spacing:0;font-weight:500}.footer-brand>span{line-height:1.6}footer>p{font-size:.8rem}dialog label,dialog input,dialog select{font-size:.875rem}
@media(min-width:1600px){.market-header{padding-left:3.5%}.hero-copy{padding-left:9%}}
@media(max-width:1200px){.market-header{gap:16px}.header-contact small{display:none}.header-contact span{max-width:90px;white-space:normal}.market-header nav{gap:15px}.brand{flex-basis:145px}.brand img{width:145px;height:49px}.header-city{flex-basis:115px;padding-left:12px}.hero{min-height:390px}.journey-bar>a,.journey-bar>button{padding:20px}}
@media(max-width:1000px){.market-header{flex-wrap:wrap;gap:12px 20px;padding:12px 4%}.brand{flex-basis:160px}.brand img{width:160px;height:53px}.header-city{margin-right:auto}.header-search{order:5;flex-basis:100%;max-width:none}.market-header nav{margin-left:auto;order:3}.header-contact{order:4}.hero{min-height:370px}.hero-copy{padding:32px 8%}.hero-note{display:none}.filters{grid-template-columns:1.5fr 1fr 1fr}.filters>.button{grid-column:1/-1}.journey-bar strong{font-size:.875rem}.journey-bar small{font-size:.75rem}.journey-bar>a,.journey-bar>button{padding:18px 14px;gap:10px}.section-heading h2{font-size:1.9rem}.card-bottom{flex-wrap:wrap}.card-bottom .button{width:100%}}
@media(max-width:700px){:root{scroll-padding-top:205px}.market-header{padding:10px 5%;gap:10px 16px}.brand{flex:0 0 134px}.brand img{width:134px;height:45px}.header-city{flex-basis:117px;margin-left:auto;margin-right:0;border:0;padding:0}.header-city>span{font-size:.75rem}.header-city select{font-size:.875rem}.market-header nav{order:6;flex:1;width:auto;margin:0;padding-top:0;border:0;gap:18px;justify-content:start;font-size:.875rem}.header-contact{order:7;font-size:.8rem;margin-left:auto}.header-contact span{max-width:none}.header-contact svg{width:17px}.header-search{order:5}.header-search input{font-size:.875rem;min-height:44px}.header-search button{height:44px}.hero{grid-template-columns:1fr;margin:16px 4% 0;min-height:0}.hero-copy{padding:30px 7%;background:#ffffffbe}.hero .eyebrow{font-size:.75rem}h1{font-size:3.2rem;line-height:1.04}.hero-description{font-size:1rem}.hero-photo{margin:0;min-height:230px;border-radius:0}.photo-caption{bottom:44px}.photo-caption strong{font-size:1.35rem}.photo-index{font-size:.75rem}.hero-actions{gap:10px}.hero-actions .button{padding:12px 16px;font-size:.875rem}.journey-bar{margin:0 4%;grid-template-columns:1fr;border-radius:0 0 10px 10px}.journey-bar>a,.journey-bar>button{padding:15px 20px;border-right:0;border-bottom:1px solid #e1e6ed}.journey-bar>:last-child{border-bottom:0}.journey-bar strong{font-size:.95rem}.journey-bar small{font-size:.8rem;margin-top:3px}.browse{padding-top:36px}.filters{grid-template-columns:1fr 1fr;padding:16px;gap:14px}.filters .search-label{grid-column:1/-1}.quick-filters{gap:8px;margin-top:16px}.quick-filters button{font-size:.8rem;padding:9px 14px}.section-heading h2{font-size:1.85rem}.card-bottom{flex-wrap:nowrap}.card-bottom .button{width:auto}.sort-label{font-size:.8rem}.sort-label select{font-size:.8rem;max-width:160px}.sell{padding-top:40px;padding-bottom:40px}.about{padding:32px 5%}.about>div{padding:18px}.about .eyebrow{padding-left:18px}.contact-strip{background:linear-gradient(140deg,#052344 65%,#ed0815)}.contact-strip h2{font-size:1.6rem}.preview-notice{font-size:.75rem}.preview-notice span{font-size:.75rem}.form-row{grid-template-columns:1fr}dialog h2{font-size:1.6rem}}
.hero-copy{background:transparent}.hero-note{background:#fffffff2;padding:6px 10px;border-radius:3px;width:fit-content}.hero-description{background:#ffffffd9;width:fit-content;padding:4px 9px;margin-left:-9px;border-radius:3px}.hero-actions .outline{background:white}.about>div{background:#fffffff2}
@media(max-width:700px){.hero{background-size:auto 390px;background-position:left top;background-repeat:no-repeat;background-color:white}.hero-copy{background:linear-gradient(180deg,#ffffff70,#ffffffcc)}.hero-description{background:#ffffffc9}.hero-photo{background:var(--navy)}}
@media(max-width:360px){.market-header{gap:10px}.brand{flex-basis:120px}.brand img{width:120px;height:40px}.market-header nav{gap:12px;font-size:.8rem}.header-contact{font-size:.75rem}h1{font-size:2.8rem}.hero-actions .button{width:100%}.sort-label{flex-direction:column;align-items:end}.card-bottom{flex-wrap:wrap}.card-bottom .button{width:100%}}

.header-contact>span{font-size:.8rem;max-width:none!important;white-space:normal;line-height:1.4}.header-contact strong{display:block;font-size:1rem;letter-spacing:.02em;color:var(--navy);margin-top:3px}.header-contact{flex-shrink:0}.header-city{flex-basis:140px}.header-city select{font-size:.8rem}
@media(max-width:700px){.header-contact>span{font-size:.75rem}.header-contact strong{font-size:.875rem}.header-city{flex-basis:135px}}