body{font-size:17px}h1,h2,h3{font-weight:700;line-height:1.04}p{line-height:1.65}.eyebrow{font-size:13px;line-height:1.5;letter-spacing:.11em}.hero-grid{grid-template-columns:1fr 1fr;gap:52px;padding-top:54px;padding-bottom:54px}.hero-copy{padding:10px 0}.hero h1{font-size:clamp(3.3rem,5.8vw,5.5rem);line-height:1.01}.hero-finder{background:#20201f;color:#fff;padding:38px;position:relative;border-top:6px solid var(--orange)}.hero-finder h2{font-size:44px;margin:16px 0 18px;line-height:1.07}.hero-finder em{font-style:normal;color:#ff9065}.hero-finder>p{color:#c8c8c8;font-size:16px}.hero-finder .eyebrow{font-size:12px}.quick-services{display:grid;gap:0;margin-top:25px}.quick-services a{display:grid;grid-template-columns:32px 1fr;gap:1px 12px;border-top:1px solid #555;padding:17px 0;transition:background .2s}.quick-services a:hover{background:#ffffff09}.quick-services span{grid-row:1/3;color:#ff946d;font-size:12px;padding-top:4px}.quick-services strong{font-size:17px;line-height:1.5}.quick-services small{font-size:14px;color:#bbb}.finder-foot{border-top:1px solid #555;padding-top:23px;display:flex;flex-direction:column;gap:12px}.finder-foot span{font-size:11px;letter-spacing:.09em;color:#ccc}.finder-foot a{font-size:14px;color:#ffae8d;text-decoration:underline;text-underline-offset:5px}.case-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:27px 30px;border:1px solid #555;border-bottom:0}.case-category{font-size:12px;letter-spacing:.08em;color:#ffac8b}.case-heading h2,.case-heading h3{font-size:32px;margin:10px 0 0}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-pair figure{margin:0}.case-photo{position:relative;display:block;width:100%;padding:0;border:0;background:#292929;color:white}.case-photo img{width:100%;height:460px;object-fit:cover;object-position:center 64%}.case-photo span{position:absolute;left:20px;bottom:20px;background:#111e;padding:9px 13px;font-size:12px;letter-spacing:.055em}.case-pair figure:last-child .case-photo span{background:var(--orange);color:#171717}.case-pair figcaption{padding:14px 0;color:#ccc;font-size:14px}.case-notes{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px;border-top:1px solid #555;padding:25px 0}.case-notes small{color:#ffa27c;font-size:12px;letter-spacing:.07em}.case-notes p{font-size:14px;color:#ccc;margin:8px 0 0}.portfolio-follow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.portfolio-follow p{font-size:15px;color:#bbb;margin:0}.faq-layout{grid-template-columns:.75fr 1.25fr;align-items:start}.faq-layout>div:first-child{position:sticky;top:130px}.faq-category{margin-bottom:40px}.faq-category:last-child{margin-bottom:0}.faq-category h3{font-size:27px;letter-spacing:.01em;margin:0 0 5px;padding-bottom:15px;border-bottom:3px solid var(--orange)}.faq-category summary{font-size:16px;line-height:1.5}.faq-category details p{font-size:16px}.faq-category details{padding:18px 0}.footer-connect{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #444;padding:30px 0}.footer-connect h3{font-size:25px;margin:0}.footer-connect .eyebrow{color:#bbb;font-size:11px;margin-bottom:12px}.social-links{display:flex;gap:12px}.social-links a{display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #555;border-radius:3px;font-size:14px}.social-links a:hover{border-color:var(--orange);color:#ffa27c}.social-links svg{width:21px;height:21px}.language-switch{display:flex;gap:0;border:1px solid #ddd;border-radius:3px;order:3;flex-shrink:0}.language-switch a{font:600 12px 'DM Sans',sans-serif;padding:8px 10px}.language-switch a[aria-current]{background:#202020;color:white}.nav{gap:18px}.brand img{width:250px}.navlinks{gap:22px;margin-left:auto}.nav .menu{order:4}.service-preview{font-size:13px}.service-number{font-size:13px}.fine{font-size:13px!important}.path-label{font-size:13px}.quote-steps li{line-height:1.4}.quote-step h4{line-height:1.4}.task-choice{font-size:14px}.task-group h4{font-size:14px}.service-note{font-size:15px}.footer-bottom{font-size:13px}.project-meta small{font-size:13px}.project-meta p{font-size:15px}.contact-copy h2{font-size:clamp(3rem,4.4vw,4.3rem)}.btn{line-height:1.4}html[lang=es] h1{font-size:clamp(3rem,5vw,4.8rem)}html[lang=es] .navlinks{gap:15px}html[lang=es] .brand img{width:235px}html[lang=es] .quote-steps li{font-size:13px}.service-jump a{line-height:1.4}
@media(max-width:1100px){.hero-grid{gap:30px}.hero-finder{padding:27px}.brand img{width:210px}.navlinks{gap:17px}.case-photo img{height:375px}.case-notes{grid-template-columns:1fr 1fr}.case-notes .btn{grid-column:1/-1;justify-self:start}.navlinks .btn{display:none}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero-finder h2{font-size:39px}.hero-finder h2 br{display:none}.hero-copy p{max-width:600px}.portfolio-follow{display:block}.portfolio-follow a{display:inline-block;margin-top:16px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout>div:first-child{position:static}.case-heading{padding:20px;display:block}.case-heading .btn{margin-top:18px}.case-photo img{height:310px}.footer-connect{align-items:start;flex-direction:column}.navlinks{display:none;position:absolute;top:77px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.navlinks .btn{display:flex}.brand img,html[lang=es] .brand img{width:210px}.nav{min-height:77px}.language-switch{margin-left:auto;order:2}.nav .menu{order:3}.case-pair{gap:16px}}
@media(max-width:550px){.hero h1{font-size:3.5rem}.hero-grid{padding-top:34px;padding-bottom:34px}.hero-finder{padding:26px 22px}.hero-finder h2{font-size:35px}.hero-finder .eyebrow{font-size:11px}.hero-copy>.eyebrow{font-size:11px}.case-pair{grid-template-columns:1fr;gap:20px}.case-photo img{height:340px}.case-heading h2,.case-heading h3{font-size:28px}.case-notes{grid-template-columns:1fr;gap:18px}.case-notes .btn{grid-column:auto}.case-photo span{font-size:11px}.social-links{gap:8px;flex-wrap:wrap}.social-links a{padding:10px;font-size:13px}.brand img,html[lang=es] .brand img{width:165px;max-height:65px}.nav{gap:9px}.nav .menu{font-size:12px;padding:8px}.language-switch a{padding:7px 8px;font-size:11px}.quote-builder .fine{font-size:13px!important}.eyebrow{font-size:12px}.quick-services strong{font-size:17px}.footer-logo{width:245px}html[lang=es] h1{font-size:3.1rem}.navlinks{top:77px}.case-pair figcaption{font-size:14px}}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.status strong{display:block;font-size:17px}
.portfolio-case+.portfolio-case{margin-top:56px}
.examples{margin-top:72px;padding-top:56px;border-top:1px solid #424242}.examples-head{max-width:720px;margin-bottom:32px}.examples-head h2{margin-bottom:18px}.examples-head p{color:#bbb;margin:0}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-grid .project-image img{height:auto;aspect-ratio:1400/764;object-fit:cover}.examples-grid .project-image span{background:#171717;color:#fff;border:1px solid #fff6}@media(max-width:600px){.examples-grid{grid-template-columns:1fr}}

/* Service showcase */
#work .examples{margin-top:0;padding-top:0;border-top:0}.service-visual-note{font-size:13px!important;line-height:1.5!important;color:#bcbcbc!important;margin-top:14px!important}.showcase-action{margin-top:32px}.examples-grid .project-meta p{line-height:1.6}.examples-grid .project-image:focus-visible{outline:3px solid #f45b23;outline-offset:4px}

/* Branded truck hero */
.truck-hero{background:#1c1c1b;color:#fff;border-bottom:1px solid #39332e}
.truck-hero .truck-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:38px;min-height:0;padding-top:64px;padding-bottom:54px;align-items:center}
.truck-hero .hero-copy{padding:0;min-width:0}
.truck-hero .eyebrow{color:#ffac87;font-size:12px;letter-spacing:.11em;margin-bottom:20px}
.truck-hero h1,html[lang=es] .truck-hero h1{font-size:clamp(3.4rem,5.5vw,5.2rem);line-height:1.02;margin:0 0 22px;letter-spacing:-.025em}
.truck-hero .orange{color:#ff743e}
.truck-hero .truck-intro{color:#d0d0cc;font-size:17px;line-height:1.65;max-width:460px;margin:0 0 26px}
.truck-hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 23px}
.truck-hero .actions .btn{font-size:15px;padding:15px 20px}
.truck-hero .btn.outline{border-color:#858580;color:#fff;background:transparent}
.truck-hero .btn.outline:hover{background:#30302d;border-color:#fff}
.truck-hero .hero-note{color:#cecec8!important;font-size:13px!important;gap:14px;margin:0;line-height:1.5}
.truck-hero .hero-note span:before{color:#ff8d59}
.truck-visual{margin:0;min-width:0;position:relative;padding-bottom:10px}
.truck-visual img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:4px;box-shadow:0 18px 45px #0004}
.truck-visual figcaption{font-size:12px;line-height:1.5;color:#bdbdb5;margin-top:12px;text-align:right}
.truck-service-strip{padding:18px 0}
.truck-service-strip .wrap{justify-content:space-around;font-size:21px;flex-wrap:wrap}
.truck-service-strip a{padding:4px 12px;text-underline-offset:5px}
.truck-service-strip a:hover{text-decoration:underline}
.truck-hero a:focus-visible,.truck-service-strip a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:1000px) and (min-width:801px){.truck-hero .truck-hero-grid{gap:26px;grid-template-columns:1fr 1.2fr}.truck-hero h1,html[lang=es] .truck-hero h1{font-size:3.7rem}}
@media(max-width:800px){.truck-hero .truck-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:38px;padding-bottom:32px}.truck-hero .hero-copy{display:contents}.truck-hero .eyebrow{order:1;margin-bottom:16px}.truck-hero h1{order:2}.truck-hero .truck-intro{order:3;max-width:580px;margin-bottom:24px}.truck-visual{order:4;margin-bottom:24px;padding-bottom:0}.truck-hero .actions{order:5;margin-bottom:18px}.truck-hero .hero-note{order:6}.truck-hero h1,html[lang=es] .truck-hero h1{font-size:clamp(3.3rem,8.5vw,4.8rem)}.truck-visual figcaption{text-align:left}.truck-hero .actions .btn{flex:1;justify-content:center}}
@media(max-width:480px){.truck-hero .actions{flex-direction:column}.truck-hero .actions .btn{width:100%;text-align:center}.truck-service-strip .wrap{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:19px;gap:8px}.truck-hero .eyebrow{font-size:12px;letter-spacing:.06em}.truck-hero .hero-note{font-size:12px!important}}

/* Borderless truck composition: shared by English and Spanish. */
.truck-hero{isolation:isolate}
.truck-hero .truck-hero-grid{width:100%;max-width:1600px;margin-inline:auto;padding:48px 0 44px max(36px,calc((100vw - 1240px)/2));grid-template-columns:minmax(300px,.82fr) minmax(0,1.55fr);gap:12px}
.truck-hero .hero-copy{position:relative;z-index:1}
.truck-hero h1,html[lang=es] .truck-hero h1{font-size:clamp(3.2rem,5vw,4.8rem)}
.truck-hero .truck-visual{padding:0;margin:0;align-self:center;isolation:isolate}
.truck-visual img{border:0;border-radius:0;box-shadow:none;display:block;width:100%;height:auto;object-fit:contain}
.truck-visual::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,#1c1c1b 0%,transparent 7%,transparent 98%,#1c1c1b 100%),linear-gradient(180deg,#1c1c1b 0%,transparent 16%,transparent 81%,#1c1c1b 100%)}
.truck-hero .actions .btn{white-space:normal;min-width:190px}
@media(min-width:1600px){.truck-hero .truck-hero-grid{padding-left:180px;padding-right:20px}}
@media(max-width:1000px) and (min-width:801px){.truck-hero .truck-hero-grid{padding-left:28px;grid-template-columns:minmax(285px,.85fr) minmax(0,1.25fr);gap:0}.truck-hero h1,html[lang=es] .truck-hero h1{font-size:3.5rem}}
@media(max-width:800px){.truck-hero .truck-hero-grid{width:100%;padding:34px 22px 30px;gap:0}.truck-hero .hero-copy{display:contents}.truck-hero .truck-visual{width:calc(100% + 44px);max-width:none;margin:0 -22px 20px;align-self:auto}.truck-visual::after{background:linear-gradient(180deg,#1c1c1b 0%,transparent 13%,transparent 86%,#1c1c1b 100%)}.truck-hero h1,html[lang=es] .truck-hero h1{font-size:clamp(3.2rem,8vw,4.6rem)}.truck-hero .truck-intro{margin-bottom:8px}.truck-hero .actions{position:relative;z-index:1}.truck-hero .hero-note{position:relative}}
