:root{--charcoal:#212121;--gray:#353535;--yellow:#ffcc33;--mustard:#e1b531;--red:#f72700;--ink:#303030;--pale:#efefef;--line:#dcdcdc}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.header a:focus-visible,.hero a:focus-visible{outline-color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700;line-height:1.12}h1{font-size:clamp(44px,5.4vw,69px);letter-spacing:-.045em;margin-bottom:25px}h2{font-size:clamp(30px,3vw,39px);letter-spacing:-.035em;margin-bottom:20px}h3{font-size:23px;letter-spacing:-.02em;margin-bottom:16px}p{margin-bottom:18px}.wrap{width:calc(100% - 104px);max-width:1160px;margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:19px}.header{background:var(--charcoal);color:#fff;border-bottom:6px solid var(--yellow)}.header-inner{min-height:123px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:13px}.logo-window{position:relative;width:222px;aspect-ratio:266/124;flex-shrink:0}.logo-window img{width:100%;max-width:none}.logo-window::after{content:'';position:absolute;left:33%;top:67%;width:35%;height:10%;background:var(--charcoal)}.header-contacts{display:grid;grid-template-columns:auto auto;gap:10px 40px}.header-contacts p{margin:0}.header-contacts .location{display:block;color:var(--yellow);font-size:11px;letter-spacing:.04em;margin-bottom:3px}.header-contacts .tel{font-size:23px;font-weight:700;white-space:nowrap;text-decoration:none}.header-contacts .email{grid-column:1/-1;text-align:right;font-size:13px;color:#e9e9e9;text-decoration:none}.header-contacts a:hover{text-decoration:underline}.hero{background:var(--gray);color:#fff;padding-block:48px 49px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:57px;align-items:center}.hero .eyebrow{color:var(--yellow)}.hero h1 span{color:var(--yellow)}.hero-copy>p:not(.eyebrow){max-width:470px;color:#e4e4e4;font-size:17px;line-height:1.75}.red-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--red);color:#fff;text-decoration:none;font-size:19px;font-weight:700;line-height:1.3;padding:15px 23px;margin-top:14px}.red-button:hover{background:var(--yellow);color:var(--charcoal)}.arrow{font-family:Arial,sans-serif;font-size:20px;line-height:1}.hero-figure{margin:0}.hero-photo{position:relative;aspect-ratio:700/511;overflow:hidden;background:#111}.hero-photo img{position:absolute;width:274.142857%;max-width:none;height:auto;left:-128.571429%;top:0}.hero-figure figcaption{border-top:5px solid var(--yellow);font-size:11px;letter-spacing:.04em;padding-top:12px;color:#efefef}.services{padding-block:57px 61px;background:var(--pale)}.section-title::before{content:'';display:block;background:var(--red);width:39px;height:4px;margin-bottom:18px}.section-intro{font-size:15px;max-width:650px;color:#606060;margin-bottom:31px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.service{background:#fff}.service>img{width:100%;aspect-ratio:457/235;object-fit:cover}.service-content{padding:23px 23px 24px;border-top:4px solid var(--yellow)}.service h3{font-size:21px;font-weight:700;margin-bottom:13px}.service p{font-size:14px;line-height:1.65;color:#626262;margin-bottom:0}.brands{padding-block:57px 60px}.brands-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}.brands-heading h2{margin-bottom:0}.brands-heading p{font-size:14px;color:#626262;max-width:320px;margin:0}.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.brand{min-width:0;min-height:95px;border:1px solid #e3e3e3;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff}.brand img{width:auto;max-width:100%;height:auto;max-height:58px;object-fit:contain}.contact{background:var(--yellow);padding-block:57px 61px}.contact .eyebrow{color:#383838}.contact-intro{max-width:650px;margin-bottom:30px;color:#45413a;font-size:15px}.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.branch{background:#fff;padding:29px 30px 28px;border-top:5px solid var(--charcoal)}.branch h3{font-size:27px;margin-bottom:16px}.branch .phone{display:inline-block;font-size:29px;font-weight:700;text-decoration:none;letter-spacing:-.03em;margin-bottom:23px}.branch .phone:hover{text-decoration:underline;text-decoration-color:var(--red)}.branch-details{display:grid;grid-template-columns:1fr 1fr;gap:29px}.branch address{font-style:normal;font-size:14px;line-height:1.7;color:#555;margin-bottom:13px}.map-link{font-size:12px;display:inline-flex;align-items:center;gap:15px}.map-link .arrow{color:var(--red);font-size:17px}.branch h4{font-size:12px;margin:0 0 9px;text-transform:uppercase;letter-spacing:.05em}.hours{margin:0;font-size:12px}.hours div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:6px 0;border-bottom:1px solid #e4e4e4}.hours dt,.hours dd{margin:0}.contact-email{margin:27px 0 0;font-size:15px}.contact-email a{font-weight:700;overflow-wrap:anywhere}.footer{background:#f6f6f6;padding-block:22px;font-size:12px;color:#666}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer p{margin:0}
@media(max-width:1050px){.wrap{width:calc(100% - 68px)}.hero-grid{gap:35px}.hero h1{font-size:56px}.service-grid{gap:17px}.service-content{padding:20px 18px}.service h3{font-size:19px}.branch-details{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.header-contacts{gap:10px 30px}}
@media(max-width:760px){.header-inner{gap:22px}.logo-window{width:190px}.header-contacts{gap:9px 24px}.header-contacts .tel{font-size:19px}.header-contacts .email{font-size:12px}.hero-grid{grid-template-columns:1fr;gap:31px}.hero h1{font-size:60px}.hero-copy{max-width:580px}.hero-copy>p:not(.eyebrow){max-width:570px}.hero-figure{max-width:650px}.hero{padding-block:39px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brands-heading{display:block}.brands-heading p{max-width:none;margin-top:15px}.branch-grid{gap:21px}.branch{padding:25px}.branch h3{font-size:25px}.branch .phone{font-size:25px}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.header-inner{flex-direction:column;gap:17px;padding-block:16px 20px}.logo-window{width:195px}.header-contacts{gap:9px 31px;text-align:center}.header-contacts .location{font-size:10px}.header-contacts .tel{font-size:19px}.header-contacts .email{text-align:center;font-size:11px}.hero{padding-block:34px 33px}.hero h1{font-size:clamp(43px,12vw,57px);letter-spacing:-.04em;margin-bottom:20px}.hero .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:19px}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}.red-button{font-size:19px;padding:13px 20px;gap:28px;margin-top:10px}.hero-figure figcaption{font-size:10px;padding-top:11px}.hero-grid{gap:29px}.services{padding-block:40px 43px}.section-title{font-size:32px}.section-intro{font-size:14px;margin-bottom:25px}.service-grid{gap:18px 15px}.service-content{padding:18px 15px 20px}.service h3{font-size:20px;line-height:1.2;margin-bottom:12px}.service p{font-size:12px;line-height:1.65}.brands{padding-block:40px 43px}.brands-heading{margin-bottom:25px}.brands-heading p{font-size:13px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand{padding:18px;min-height:91px}.contact{padding-block:40px 43px}.contact h2{font-size:33px}.contact-intro{font-size:14px;margin-bottom:25px}.branch-grid{grid-template-columns:1fr;gap:22px}.branch{padding:25px}.branch h3{font-size:27px}.branch .phone{font-size:29px;margin-bottom:22px}.branch-details{gap:24px}.branch address{font-size:14px}.hours{font-size:13px}.branch h4{font-size:12px}.contact-email{font-size:13px;margin-top:24px}.footer .wrap{display:block}.footer p+p{margin-top:8px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-contacts{gap:9px 24px}.header-contacts .tel{font-size:18px}.service-grid{grid-template-columns:1fr}.service>img{aspect-ratio:457/224}.service-content{padding:22px}.service h3{font-size:23px}.service p{font-size:14px}}