/*
Theme Name: Auto Expressions
Description: A shop website design for Auto Expressions Repair.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: auto-expressions
*/
:root{--red:#c62c27;--red-dark:#aa211d;--black:#121212;--charcoal:#252525;--ink:#202020;--muted:#585858;--paper:#f2f2ef;--line:#e3e3df;--width:1180px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:white;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}
img{max-width:100%;display:block;height:auto}a{color:var(--red-dark);text-underline-offset:3px}
a:focus-visible,summary:focus-visible{outline:3px solid #ef9c39;outline-offset:4px}
.ae-wrap{width:min(var(--width),calc(100% - 48px));margin-inline:auto}
.ae-skip{position:absolute;top:8px;left:8px;z-index:100;background:white;padding:8px 14px;transform:translateY(-180%)}.ae-skip:focus{transform:none}
.ae-top{color:#d5d5d5;background:var(--charcoal);font-size:.79rem}.ae-top .ae-wrap{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ae-top a{color:white;text-decoration:none}.ae-dot{color:#e45b55;margin:0 8px}
.ae-header{background:var(--black);border-bottom:1px solid #343434;color:white}.ae-mast{display:flex;min-height:104px;align-items:center;justify-content:space-between;gap:30px}.ae-logo{width:245px;flex-shrink:0}
.ae-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 23px}.ae-nav a{display:block;color:white;text-decoration:none;font-weight:bold;font-size:.81rem;padding:12px 0;position:relative}.ae-nav a:hover:after,.ae-nav a[aria-current=page]:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:#e9453d}
.ae-hero{position:relative;isolation:isolate;background:#262424;color:white;min-height:clamp(420px,38vw,560px);display:grid;align-items:center}
.ae-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000d 0%,#0009 42%,#0002 83%),url(assets/team.jpg) 65% center/cover no-repeat}
.ae-hero .ae-wrap{padding-block:57px}.ae-kicker{color:var(--red-dark);font-weight:800;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 13px}.ae-hero .ae-kicker,.ae-footer .ae-kicker{color:#fff}
h1,h2,h3{line-height:1.06;letter-spacing:-.045em;margin:0 0 18px}h1{font-size:clamp(2.5rem,5vw,4.25rem)}h2{font-size:clamp(2rem,3.7vw,3.5rem)}h3{font-size:clamp(1.35rem,2vw,2rem)}
.ae-hero h1{font-size:clamp(3.4rem,7vw,6.25rem);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.06em;margin-bottom:22px}.ae-hero p:not(.ae-kicker){font-size:1.13rem;max-width:38ch}
.ae-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ae-btn{display:inline-flex;align-items:center;gap:21px;padding:13px 21px;background:var(--red);border:1px solid var(--red);color:white;font-weight:bold;font-size:.87rem;text-decoration:none}.ae-btn:hover{background:var(--red-dark);border-color:var(--red-dark)}.ae-btn-outline{background:#0002;border-color:#aaa}
.ae-info{color:white;background:var(--red)}.ae-info .ae-wrap{display:grid;grid-template-columns:repeat(3,1fr)}.ae-info a,.ae-info .ae-info-item{padding:19px 22px;color:white;text-decoration:none;border-left:1px solid #ffffff47}.ae-info .ae-wrap>:first-child{border-left:0;padding-left:0}.ae-info small,.ae-call small{display:block;text-transform:uppercase;letter-spacing:.13em;font-weight:bold;font-size:.7rem}
.ae-band,.ae-copy{padding:clamp(39px,6vw,83px) 0}.ae-gray{background:var(--paper);border-block:1px solid var(--line)}
.ae-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,76px);align-items:center}.ae-cols p{max-width:59ch}
.ae-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:27px}.ae-card{display:block;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-top:3px solid var(--red);padding:24px;background:#fff}.ae-card:hover{border-color:var(--red)}.ae-card strong{color:var(--red-dark);font-size:.84rem}.ae-card p,.ae-lead{color:var(--muted)}
.ae-gallery .ae-card{padding:0;border-top:1px solid var(--line)}.ae-gallery .ae-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.ae-gallery h3{padding:18px;font-size:1.3rem;margin:0}
.ae-title{background:var(--paper);border-bottom:1px solid var(--line);padding:clamp(38px,6vw,74px) 0}.ae-title .ae-lead{font-size:1.12rem;margin:0}
.ae-copy .wp-block-heading{font-size:clamp(1.45rem,2.45vw,2.1rem);margin:28px 0 12px}.ae-copy p,.ae-copy li{max-width:70ch}.ae-copy p:first-child{margin-top:0}.ae-copy img{border-radius:2px}
.ae-page-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:clamp(25px,7vw,90px);align-items:start}.ae-side{background:var(--paper);border-top:3px solid var(--red);padding:22px}.ae-side img{width:100%;margin-bottom:18px}.ae-side h2{font-size:1.4rem}.ae-side p{font-size:.95rem;margin-bottom:10px}
.ae-contact{background:var(--paper);border-top:1px solid var(--line)}.ae-call-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.ae-call{background:#fff;color:var(--ink);border:1px solid var(--line);padding:20px;text-decoration:none}.ae-call:hover{border-color:var(--red)}.ae-call strong{display:block;font-size:clamp(1.3rem,3vw,2rem);letter-spacing:-.035em}.ae-call small{color:var(--red-dark)}
.ae-footer{background:var(--black);color:#ddd;padding:39px 0 21px}.ae-footer a{color:white}.ae-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px}.ae-footer h2{font-size:1rem;letter-spacing:0;color:white}.ae-footer .ae-logo{margin-bottom:12px}.ae-footer p{font-size:.9rem}.ae-foot-end{border-top:1px solid #424242;margin-top:24px;padding-top:14px;font-size:.8rem}
@media(max-width:800px){.ae-mast{display:block;padding:13px 0}.ae-logo{width:208px}.ae-nav{gap:3px 16px}.ae-nav a{padding:8px 0}.ae-hero:before{background-position:70% center}.ae-cols,.ae-page-grid{grid-template-columns:1fr}.ae-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ae-wrap{width:calc(100% - 36px)}.ae-top .ae-wrap{font-size:.72rem}.ae-hero{min-height:430px}.ae-hero:before{background-image:linear-gradient(90deg,#000d,#0006),url(assets/team.jpg)}.ae-info .ae-wrap,.ae-cards,.ae-call-grid,.ae-foot-grid{grid-template-columns:1fr}.ae-info a,.ae-info .ae-info-item,.ae-info .ae-wrap>:first-child{padding:10px 0;border-left:0;border-bottom:1px solid #ffffff47}.ae-info .ae-wrap>:last-child{border-bottom:0}}