.home-header{position:sticky;top:0;z-index:40;background:#f8f7f3;border-bottom:1px solid var(--line);box-shadow:0 5px 16px #201f1d08}.home-header .header{height:72px;border:0}.home-header .official-brand img{width:59px;height:50px}.home-header nav{gap:25px}.search-toggle{display:none}.sticky-search{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr auto;gap:0;margin:0 5% 12px;border:1px solid var(--line);background:var(--white)}.sticky-search label{min-width:0;padding:7px 14px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--line)}.sticky-search input,.sticky-search select{display:block;width:100%;min-width:0;border:0;background:transparent;font-size:12px;letter-spacing:0;margin-top:3px;min-height:25px}.sticky-search .primary{background:var(--red);padding:10px 21px}.sticky-search .primary:hover{background:#a92521}.sticky-search [role=alert]{grid-column:1/-1;padding:8px 14px;color:#a92521;font-size:12px}.hero-shell{grid-template-rows:minmax(360px,1fr) 104px;min-height:calc(100svh - 144px)}html{scroll-padding-top:165px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.project-card{display:flex;flex-direction:column;background:#e9e8e2;padding:24px 22px;position:relative;border-bottom:2px solid #bdb9ac;transition:background .2s}.project-card:hover{background:#fff3a3}.project-card .eyebrow{font-size:9px;color:#68665e}.project-card h3{font-size:25px;letter-spacing:-1px;margin-top:19px}.project-card img{width:100%;height:135px;object-fit:contain;margin:16px 0}.project-spec{font-size:10px;font-weight:700;min-height:30px}.project-card p{font-size:12px;color:#68665e;margin:10px 0 23px}.project-action{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:12px;margin-top:auto}.project-action b{background:var(--ink);color:white;padding:6px 11px;font-size:17px}.project-note{font-size:11px;color:#68665e;margin-top:18px}.practical-band{background:#24231f;color:#fffefa;padding:70px 0}.practical-band .eyebrow{color:#ffdc00}.practical-band .section-top>p{color:#c3c0b7}.practical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.practical-grid article{border-top:1px solid #666258;padding-top:20px;display:flex;flex-direction:column}.practical-number{color:#ffdc00;font-size:12px}.practical-grid h3{font-size:20px;margin:20px 0 12px}.practical-grid p{font-size:12px;color:#d5d2c9;margin-bottom:25px}.practical-grid a{font-size:11px;font-weight:700;margin-top:auto;color:#ffdf26}.practical-details{margin-top:35px;border-top:1px solid #666258;padding-top:20px;font-size:12px;scroll-margin-top:15px}.practical-details summary{cursor:pointer}.practical-details p{margin-top:16px;max-width:850px;color:#d5d2c9}.practical-details a{text-decoration:underline}.skip{z-index:60}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card img{height:155px}.practical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.sticky-search{grid-template-columns:.85fr 1.3fr 1fr 1fr auto}.sticky-search label{padding:7px 9px}.sticky-search .primary{font-size:11px;padding:10px 13px}}
@media(max-width:760px){.home-header .header{height:70px;gap:14px}.home-header .search-toggle{display:block;border:1px solid var(--ink);padding:10px 14px;margin-left:auto;font-size:12px;font-weight:700}.home-header nav{top:70px}.sticky-search{display:none;position:absolute;left:0;right:0;top:70px;margin:0;background:#fffefa;padding:15px 5%;box-shadow:0 15px 20px #0002;grid-template-columns:1fr 1fr;max-height:calc(100svh - 70px);overflow:auto}.sticky-search.open{display:grid}.sticky-search label{padding:10px;border:1px solid var(--line)}.sticky-search .search-agency{grid-column:2}.sticky-search .primary{grid-column:1/-1;min-height:45px;margin-top:10px}.sticky-search input,.sticky-search select{font-size:16px}.hero-shell{min-height:calc(100svh - 70px);grid-template-rows:minmax(360px,1fr) 94px}html{scroll-padding-top:90px}.project-grid{gap:10px}.project-card{padding:20px 15px}.project-card h3{font-size:21px}.project-card img{height:110px;margin:10px 0}.project-card .eyebrow{font-size:8px}.project-card p{font-size:11px}.project-action{font-size:10px}.project-action b{padding:5px 8px}.project-spec{font-size:9px}.practical-band{padding:45px 0}.practical-grid{gap:25px 18px}.practical-grid h3{font-size:18px}.practical-grid p{font-size:11px}}
@media(max-width:390px){.project-grid{grid-template-columns:1fr}.project-card img{height:140px}.project-spec{min-height:0}}

/* Mobile showroom: triangle proportions from the official logo path
   (102.444 wide × 81.352982 high), independent of viewport height. */
@media(max-width:760px){
 .hero-shell{min-height:0;grid-template-rows:clamp(460px,120vw,650px) 94px}
 .hero-shell .yellow-filter{top:84px;bottom:auto;width:94%;max-width:520px;height:auto;aspect-ratio:102.444 / 81.352982;transform:translateX(-50%)}
 .hero-shell .plate-heading{top:29px;left:4%;right:4%}
 .hero-shell .plate-heading p{font-size:9px;margin-bottom:10px;letter-spacing:.16em}
 .hero-shell .plate-heading h1{font-size:clamp(48px,14vw,96px);line-height:.95}
 .hero-shell .hero-vehicle{inset:112px -3% 120px}
 .hero-shell .hero-vehicle[data-vehicle="citadine"]{inset:125px 2% 126px}
 .hero-shell .hero-vehicle img{object-position:center center;filter:drop-shadow(0 12px 7px #312c2328)}
 .hero-shell .hero-baseline{left:6%;right:6%;bottom:22px;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
 .hero-shell .hero-actions{grid-column:1/-1;grid-row:1;width:100%}
 .hero-shell .hero-actions .primary{display:flex;min-height:50px;padding:14px 20px;font-size:13px;width:100%;justify-content:space-between}
 .hero-shell .plate-index{grid-column:1;grid-row:2;font-size:10px}
 .hero-shell .plate-index b{font-size:19px}
 .hero-shell .plate-discover{grid-column:2;grid-row:2;font-size:11px}
 .hero-shell .image-credit{bottom:125px;right:2%;font-size:7px}
}