:root{--ink:#11151a;--ink-2:#1b2229;--paper:#f3f0e8;--white:#fff;--red:#e33d2f;--red-dark:#b82c22;--steel:#9ba5ad;--line:rgba(17,21,26,.14);--max:1180px;--header:86px;--display:Impact,"Arial Narrow",Haettenschweiler,sans-serif;--body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 18px);overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}body.nav-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:.98}h1,h2{font-family:var(--display);font-weight:900;letter-spacing:.015em;text-transform:uppercase}h2{margin-bottom:24px;font-size:clamp(3rem,6vw,5.7rem)}h3{font-size:1.35rem}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section{padding:116px 0}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:10px 16px;transform:translateY(-160%);background:var(--white);font-weight:800}.skip-link:focus{transform:none}.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}
.utility-bar{position:relative;z-index:30;background:#07090b;color:rgba(255,255,255,.7);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.utility-inner{display:flex;min-height:38px;align-items:center;justify-content:space-between}.utility-inner p{margin:0}.utility-inner strong{color:var(--white)}.utility-inner>div{display:flex;gap:28px}.utility-inner a{color:#ff776c;font-weight:800;text-decoration:none}
.site-header{position:sticky;z-index:50;top:0;background:rgba(243,240,232,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);transition:box-shadow .2s}.site-header.is-scrolled{box-shadow:0 10px 30px rgba(17,21,26,.12)}.header-inner{display:flex;min-height:var(--header);align-items:center;gap:34px}.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;width:50px;height:50px;place-items:center;transform:skew(-6deg);background:var(--ink);border-right:6px solid var(--red);color:var(--white);font-family:var(--display);font-size:2.1rem;line-height:1}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-family:var(--display);font-size:1.75rem;letter-spacing:.04em}.brand small{margin-top:2px;color:#5f6870;font-size:.67rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.primary-nav{display:flex;margin-left:auto;align-items:center;gap:27px}.primary-nav a{position:relative;font-size:.82rem;font-weight:850;letter-spacing:.03em;text-decoration:none;text-transform:uppercase}.primary-nav a::after{position:absolute;right:0;bottom:-9px;left:0;height:3px;transform:scaleX(0);background:var(--red);content:"";transition:transform .18s}.primary-nav a:hover::after,.primary-nav a:focus-visible::after{transform:scaleX(1)}.header-call{display:grid;min-width:176px;padding:9px 17px;background:var(--ink);color:var(--white);line-height:1.25;text-decoration:none}.header-call span{color:#ff776c;font-size:.63rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.header-call strong{font-size:1rem}.menu-toggle{display:none}
.hero{position:relative;min-height:710px;overflow:hidden;background:var(--ink);color:var(--white)}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:url("../images/macs-shop-01.png") center/cover no-repeat;filter:saturate(.85) contrast(1.05);transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,rgba(7,9,11,.98) 0%,rgba(7,9,11,.9) 43%,rgba(7,9,11,.24) 78%),linear-gradient(0deg,rgba(7,9,11,.55),transparent 50%)}.hero-content{position:relative;z-index:2;display:grid;min-height:710px;padding-top:78px;padding-bottom:88px;align-items:center;grid-template-columns:minmax(0,1fr) 310px;gap:80px}.hero-copy{max-width:760px}.eyebrow{display:flex;margin-bottom:20px;align-items:center;gap:12px;color:#ff6f64;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{width:34px;height:3px;flex:0 0 34px;background:currentColor}.eyebrow-dark{color:var(--red)}.hero h1{max-width:800px;margin-bottom:24px;color:var(--white);font-size:clamp(4.3rem,8.2vw,7.6rem);letter-spacing:.005em}.hero h1 em{color:var(--red);font-style:normal}.hero-lede{max-width:650px;margin-bottom:36px;color:rgba(255,255,255,.8);font-size:1.16rem}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{display:inline-flex;min-height:55px;padding:0 25px;border:2px solid transparent;align-items:center;justify-content:center;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:transform .18s,background .18s}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-red{background:var(--red);color:var(--white)}.button-red:hover{background:var(--red-dark)}.button-outline{border-color:rgba(255,255,255,.45);color:var(--white)}.button-outline:hover{background:var(--white);color:var(--ink)}.button-cream{background:var(--paper);color:var(--ink)}.hero-card{align-self:end;padding:30px;background:rgba(20,26,31,.94);border-top:5px solid var(--red);box-shadow:0 24px 60px rgba(0,0,0,.3)}.hero-card>span{color:#ff776c;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-year{display:block;margin:8px 0 0;font-family:var(--display);font-size:5.5rem;letter-spacing:.03em;line-height:1}.hero-card p{color:rgba(255,255,255,.7)}.hero-stats{display:grid;margin:24px 0;grid-template-columns:1fr 1fr;border-block:1px solid rgba(255,255,255,.14)}.hero-stats div{display:grid;padding:15px 0}.hero-stats div+div{padding-left:17px;border-left:1px solid rgba(255,255,255,.14)}.hero-stats strong{font-size:1.4rem}.hero-stats small{color:rgba(255,255,255,.56);text-transform:uppercase}.hero-card>a{color:#ff776c;font-size:.78rem;font-weight:900;text-decoration:none;text-transform:uppercase}
.trust-bar{position:relative;z-index:3;background:var(--white)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{display:grid;min-height:116px;padding:25px 23px;align-content:center;border-right:1px solid var(--line)}.trust-item:first-child{border-left:1px solid var(--line)}.trust-item strong{font-size:.92rem}.trust-item span{color:#69737b;font-size:.77rem}
.section-heading{display:grid;margin-bottom:54px;align-items:end;grid-template-columns:1.1fr .9fr;gap:90px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:480px;margin-bottom:10px;color:#5d666e;font-size:1.08rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;display:flex;min-height:270px;padding:32px;flex-direction:column;background:#e8e4da;border:1px solid transparent;transition:border-color .18s,background .18s}.service-card:hover{border-color:rgba(17,21,26,.22);background:#eeebe3}.service-card h3{margin-bottom:12px;font-size:1.35rem}.service-card p{margin-bottom:0;color:#5d666e}.service-card a{margin-top:auto;padding-top:25px;color:var(--red);font-size:.75rem;font-weight:900;text-decoration:none;text-transform:uppercase}.service-card.featured{background:var(--red);color:var(--white)}.service-card.featured b,.service-card.featured a{color:var(--white)}.service-card.featured p{color:rgba(255,255,255,.78)}.service-card.dark{background:var(--ink);color:var(--white)}.service-card.dark p{color:rgba(255,255,255,.68)}
.shop{overflow:hidden;background:var(--ink);color:var(--white)}.shop-grid{display:grid;align-items:center;grid-template-columns:1.08fr .92fr;gap:86px}.shop-gallery{position:relative;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:10px}.shop-gallery figure{min-height:190px;margin:0;overflow:hidden;background:#242b31}.shop-gallery .gallery-main{grid-row:1/3;min-height:500px}.shop-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}.gallery-stamp{position:absolute;right:-30px;bottom:-30px;display:flex;width:210px;height:170px;padding:25px;align-items:center;gap:10px;transform:rotate(-3deg);background:var(--red);box-shadow:0 20px 45px rgba(0,0,0,.3)}.gallery-stamp strong{font-family:var(--display);font-size:3.7rem;line-height:1}.gallery-stamp span{font-size:.7rem;font-weight:900;line-height:1.35;text-transform:uppercase;white-space:nowrap}.shop-copy h2{color:var(--white)}.shop-copy .lead{font-size:1.2rem;color:var(--white)}.shop-copy>p:not(.eyebrow):not(.lead){color:rgba(255,255,255,.66)}.shop-points{display:grid;margin:32px 0;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.15)}.shop-points div{display:grid;padding:18px 12px 18px 0}.shop-points strong{font-size:1.15rem}.shop-points span{color:rgba(255,255,255,.5);font-size:.66rem;text-transform:uppercase}
.why-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:start}.why-heading{max-width:520px}.why-heading p{max-width:430px;margin:0;color:#5d666e;font-size:1.08rem}.why-list{border-top:1px solid var(--line)}.why-item{display:grid;padding:30px 0;grid-template-columns:.78fr 1.22fr;gap:35px;border-bottom:1px solid var(--line)}.why-item h3{margin:0;font-size:1.25rem;line-height:1.2}.why-item p{margin:0;color:#5d666e}
.inspection{position:relative;min-height:570px;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:var(--white)}.inspection-media,.inspection-shade{position:absolute;inset:0}.inspection-media{background:url("../images/macs-shop-05.jpg") center/cover no-repeat}.inspection-shade{background:linear-gradient(90deg,rgba(10,13,16,.98) 0%,rgba(10,13,16,.87) 48%,rgba(10,13,16,.18) 100%)}.inspection-content{position:relative;z-index:2}.inspection-content h2{max-width:700px;margin-bottom:18px;color:var(--white)}.inspection-content>p:not(.eyebrow){max-width:570px;margin-bottom:30px;color:rgba(255,255,255,.75);font-size:1.08rem}
.contact{padding:112px 0;background:var(--red);color:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{color:var(--white)}.contact-copy>p:not(.eyebrow){max-width:530px;color:rgba(255,255,255,.78)}.contact-copy .eyebrow{color:var(--white)}.contact-phone{display:inline-grid;margin-top:20px;text-decoration:none}.contact-phone span,.detail-label{font-size:.65rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.contact-phone strong{font-family:var(--display);font-size:2.6rem;letter-spacing:.04em}.contact-details{display:grid;align-content:center;grid-template-columns:1fr 1fr;gap:45px}.contact-details>div{padding-left:28px;border-left:1px solid rgba(255,255,255,.35)}.contact-details address{margin:14px 0;font-style:normal;font-weight:750}.contact-details a{font-size:.8rem;font-weight:900;text-transform:uppercase}.hours{margin:14px 0 0}.hours div{display:flex;padding:7px 0;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);font-size:.78rem}.hours dt{font-weight:800}.hours dd{margin:0}
.site-footer{padding:55px 0 26px;background:#07090b;color:rgba(255,255,255,.65)}.footer-main{display:flex;padding-bottom:40px;align-items:center;gap:45px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-footer{color:var(--white)}.brand-footer small{color:rgba(255,255,255,.5)}.footer-main>p{max-width:430px;margin:0}.footer-call{margin-left:auto;color:var(--white);font-family:var(--display);font-size:1.8rem;text-decoration:none}.footer-bottom{display:flex;padding-top:24px;justify-content:space-between;font-size:.7rem}.footer-bottom p{margin:0}.footer-bottom a{color:var(--white);font-weight:800}.mobile-call{display:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:1000px){.header-inner{gap:22px}.primary-nav{gap:18px}.header-call{display:none}.hero-content{grid-template-columns:minmax(0,1fr) 270px;gap:35px}.services-grid{grid-template-columns:repeat(2,1fr)}.shop-grid{gap:52px}.gallery-stamp{right:-12px}.contact-grid{gap:50px}}
@media (max-width:900px){:root{--header:72px}.utility-bar{display:none}.container{width:min(calc(100% - 36px),var(--max))}.site-header{top:0}.header-inner{min-height:var(--header)}.brand-mark{width:44px;height:44px;font-size:1.8rem}.brand strong{font-size:1.5rem}.menu-toggle{display:grid;width:46px;height:46px;margin-left:auto;padding:11px;border:0;place-content:center;gap:5px;background:transparent}.menu-toggle i{display:block;width:25px;height:2px;background:var(--ink);transition:.2s}.menu-toggle[aria-expanded="true"] i:nth-of-type(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:nth-of-type(2){opacity:0}.menu-toggle[aria-expanded="true"] i:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}.primary-nav{position:absolute;top:100%;right:0;left:0;display:none;margin:0;padding:16px 18px 24px;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(17,21,26,.12)}.primary-nav.is-open{display:flex}.primary-nav a{padding:14px;border-bottom:1px solid var(--line)}.primary-nav a::after{display:none}.hero-content{min-height:650px;grid-template-columns:1fr}.hero-card{display:none}.hero h1{font-size:clamp(4rem,12vw,6.6rem)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.section-heading,.shop-grid,.why-layout,.contact-grid{grid-template-columns:1fr;gap:45px}.shop-copy{max-width:720px}.why-item{padding:26px 0}.contact-details{max-width:650px}.footer-main{flex-wrap:wrap}.footer-call{margin-left:0}}
@media (max-width:620px){body{padding-bottom:64px}.container{width:min(calc(100% - 28px),var(--max))}.section{padding:82px 0}h2{font-size:clamp(2.9rem,14vw,4.4rem)}.brand small{font-size:.58rem}.hero,.hero-content{min-height:650px}.hero-media{background-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(7,9,11,.96),rgba(7,9,11,.45)),linear-gradient(90deg,rgba(7,9,11,.85),transparent)}.hero-content{padding-top:65px;padding-bottom:75px}.hero h1{font-size:clamp(3.55rem,17vw,5.2rem)}.hero-lede{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.trust-grid{grid-template-columns:1fr}.trust-item,.trust-item:first-child{min-height:92px;padding:18px 8px;border-right:0;border-left:0;border-bottom:1px solid var(--line)}.section-heading{margin-bottom:38px}.services-grid{grid-template-columns:1fr}.service-card{min-height:240px}.shop-gallery{grid-template-columns:1fr 1fr;grid-template-rows:280px 150px}.shop-gallery .gallery-main{grid-column:1/3;grid-row:1;min-height:280px}.gallery-stamp{right:-5px;bottom:-25px;width:180px;height:140px;padding:20px}.gallery-stamp strong{font-size:3rem}.shop-points{grid-template-columns:1fr}.shop-points div{border-bottom:1px solid rgba(255,255,255,.12)}.why-item{grid-template-columns:1fr;gap:8px}.inspection{min-height:560px}.inspection-media{background-position:64% center}.inspection-shade{background:rgba(10,13,16,.78)}.contact{padding:82px 0}.contact-details{grid-template-columns:1fr;gap:30px}.contact-phone strong{font-size:2.1rem}.footer-main{display:grid;gap:25px}.footer-bottom{display:grid;gap:8px}.footer-call{font-size:1.6rem}.mobile-call{position:fixed;z-index:80;right:0;bottom:0;left:0;display:flex;min-height:64px;align-items:center;justify-content:center;background:var(--red);color:var(--white);font-size:.82rem;font-weight:900;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;box-shadow:0 -8px 25px rgba(0,0,0,.2)}}