:root{--ink:#101514;--paper:#f2f0e9;--cream:#d7d1c3;--acid:#d5f52c;--muted:#a8ada8;--line:rgba(16,21,20,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;line-height:1.55}img{display:block;width:100%}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--acid);padding:.8rem 1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{height:90px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:.7rem;text-transform:uppercase;line-height:.85}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--acid);color:var(--ink);transform:skew(-7deg)}.brand-mark svg{width:25px;fill:currentColor;transform:skew(7deg)}.brand strong{display:block;font:800 1.25rem/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.brand small{font:700 .75rem/1.2 Barlow Condensed,sans-serif;letter-spacing:.28em;color:var(--acid)}nav{display:flex;gap:2rem;font-size:.84rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}nav a{opacity:.75;transition:.2s}nav a:hover{opacity:1;color:var(--acid)}.header-call{padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.2);font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.04em}.header-call span{display:block;font:600 .65rem DM Sans,sans-serif;text-transform:uppercase;color:var(--acid);letter-spacing:.12em}.hero{min-height:800px;height:100vh;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("./media/mobile-repair-2-HN5L4TIN.jpeg") center 39%/cover no-repeat;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090d0ceb,#090d0cb8 43%,#090d0c14 78%),linear-gradient(0deg,rgba(9,13,12,.65),transparent 35%)}.hero-content{position:relative;z-index:1;width:min(720px,75%);margin-left:clamp(1.25rem,8vw,9rem);padding-top:90px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--acid);display:flex;align-items:center;gap:.7rem;margin:0 0 1.5rem}.eyebrow span{width:34px;height:2px;background:currentColor}.eyebrow.dark{color:#68710d}h1,h2{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0;line-height:.86}h1{font-size:clamp(4.3rem,8vw,8rem);font-weight:800}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--acid)}.hero-copy{max-width:590px;color:#d5d8d5;font-size:clamp(1rem,1.4vw,1.18rem);margin:2rem 0}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:56px;padding:0 1.6rem;text-transform:uppercase;font-size:.78rem;letter-spacing:.09em;font-weight:700;transition:.2s}.button-primary{background:var(--acid);color:var(--ink)}.button-primary:hover{background:#fff}.button-ghost{border:1px solid rgba(255,255,255,.45)}.button-ghost:hover{border-color:var(--acid);color:var(--acid)}.hero-proof{position:absolute;right:clamp(1.25rem,4vw,4.5rem);bottom:3.2rem;z-index:2;display:flex;align-items:center;gap:.8rem;max-width:310px;font-size:.74rem;color:#c6cac7}.proof-icon{width:38px;height:38px;border:1px solid var(--acid);color:var(--acid);border-radius:50%;display:grid;place-items:center;font-weight:800}.hero-proof p{margin:0}.hero-proof strong{color:#fff;text-transform:uppercase;letter-spacing:.06em}.scroll-cue{position:absolute;z-index:2;bottom:3rem;left:clamp(1.25rem,4vw,4.5rem);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;display:flex;align-items:center;gap:.8rem;opacity:.7}.scroll-cue span{height:45px;width:1px;background:var(--acid)}.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem)}.section-heading{display:grid;grid-template-columns:1.6fr .65fr;gap:4rem;align-items:end;margin-bottom:4rem}.section-heading h2,.about h2,.contact h2{font-size:clamp(3.3rem,6vw,6.5rem)}.section-heading h2 em{color:transparent;-webkit-text-stroke:1px #7c817e}.section-heading>p{color:#616662;margin:0 0 .4rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:270px;padding:1.6rem;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 45px #0a0f0e14;z-index:1}.service-card.featured{background:var(--acid)}.service-number{position:absolute;top:1.4rem;right:1.4rem;color:#858b87;font:600 .72rem DM Sans,sans-serif}.service-icon{width:46px;height:46px;border:1px solid #919690;display:grid;place-items:center;margin-bottom:3.5rem;border-radius:50%;font-size:1.1rem}.service-card h3{font:700 1.55rem Barlow Condensed,sans-serif;text-transform:uppercase;margin:0 0 .7rem}.service-card p{color:#646965;font-size:.84rem;margin:0}.featured p{color:#41480c}.featured .service-icon{border-color:var(--ink)}.about{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);align-items:center}.about-visual{position:relative}.about-visual img{height:min(720px,75vw);object-fit:cover;filter:saturate(.75)}.about-tag{position:absolute;right:-2rem;bottom:2rem;background:var(--acid);color:var(--ink);width:155px;height:155px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(-8deg)}.about-tag strong{font:800 1.55rem Barlow Condensed,sans-serif;text-transform:uppercase}.about-tag span{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.about-copy>p:not(.eyebrow){color:#aeb3af;max-width:590px}.about-copy ul{list-style:none;padding:0;margin:2.5rem 0;border-top:1px solid #363b39}.about-copy li{display:flex;gap:1.2rem;padding:1.2rem 0;border-bottom:1px solid #363b39}.about-copy li>span{font:700 .72rem DM Sans,sans-serif;color:var(--acid)}.about-copy li strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.2rem}.about-copy li p{margin:.15rem 0 0;color:#888f8a;font-size:.82rem}.text-link{display:inline-flex;gap:1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.75rem;color:var(--acid);border-bottom:1px solid var(--acid);padding-bottom:.5rem}.work{background:#e5e2d9}.work-heading{margin-bottom:3rem}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:330px 330px;gap:.8rem}.gallery figure{margin:0;position:relative;overflow:hidden;background:var(--ink)}.gallery-main{grid-row:1/3}.gallery img{height:100%;object-fit:cover;filter:saturate(.75);transition:.45s}.gallery figure:hover img{transform:scale(1.035);filter:saturate(1)}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:2rem 1rem 1rem;background:linear-gradient(transparent,#000000b8);color:#fff;text-transform:uppercase;font:700 .75rem DM Sans,sans-serif;letter-spacing:.09em}.contact{background:var(--acid);display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.contact .eyebrow{color:#4c550a}.contact h2 em{-webkit-text-stroke:1px #6f7b10}.contact-copy>p:last-child{max-width:500px;color:#41480d}.contact-options{border-top:1px solid rgba(16,21,20,.35)}.contact-options a{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:1rem;padding:1.4rem 0;border-bottom:1px solid rgba(16,21,20,.35);transition:.2s}.contact-options a:hover{padding-left:.7rem}.contact-options span{text-transform:uppercase;font-size:.62rem;letter-spacing:.12em}.contact-options strong{font:700 clamp(1.15rem,2vw,1.55rem) "Barlow Condensed",sans-serif}.contact-options i{font-style:normal;font-size:1.4rem}footer{background:#0a0d0c;color:#8e9590;padding:2.5rem clamp(1.25rem,7vw,8rem);display:flex;align-items:center;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.footer-brand{color:#fff}.floating-whatsapp{position:fixed;right:1.25rem;bottom:1.25rem;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#25d366;z-index:20;box-shadow:0 8px 30px #00000040;transition:.2s}.floating-whatsapp:hover{transform:translateY(-3px) scale(1.03)}.floating-whatsapp svg{width:29px;fill:#fff}@media(max-width:950px){nav{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr;gap:1.5rem}.about{grid-template-columns:1fr}.about-visual img{height:650px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:450px 260px 260px}.gallery-main{grid-row:auto;grid-column:1/3}.contact{grid-template-columns:1fr;gap:3rem}}@media(max-width:620px){.site-header{height:76px}.header-call{font-size:1rem;padding-left:.8rem}.header-call span{display:none}.brand-mark{width:36px;height:36px}.brand strong{font-size:1rem}.brand small{font-size:.62rem}.hero{min-height:720px}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#090d0ceb,#090d0c59),linear-gradient(0deg,rgba(9,13,12,.72),transparent 50%)}.hero-content{margin-left:1.25rem;width:calc(100% - 2.5rem)}h1{font-size:clamp(3.7rem,18vw,5rem)}.hero-copy{font-size:.95rem}.hero-proof{display:none}.scroll-cue{bottom:1.5rem}.section{padding:5rem 1.25rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.service-icon{margin-bottom:2.5rem}.about-visual img{height:520px}.about-tag{width:125px;height:125px;right:-.4rem}.gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:360px 210px 210px}.gallery-main{grid-column:1/3}.gallery figure:nth-child(4),.gallery figure:nth-child(5){grid-column:auto}.contact-options a{grid-template-columns:76px 1fr auto}.contact-options strong{font-size:1.08rem}footer{flex-direction:column;gap:1.5rem;text-align:center}.floating-whatsapp{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}