/*
Theme Name: Vallarta Towing
Description: Towing and roadside assistance in Cathedral City and the Coachella Valley.
Version: 2.0.0
Text Domain: vallarta-towing
*/
@font-face{font-family:Roboto;src:url('https://towingservice-ca.com/wp-content/themes/vallarta-towing/assets/fonts/roboto-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--u:calc(100vw / 579);--navy:#101e37;--red:#e61022;--paper:#f7f7f5;--text:#565656;--white:#fefefe}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--navy);background:var(--paper);font-family:Roboto,Arial,sans-serif;font-size:calc(9.3 * var(--u));-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}img{display:block;max-width:100%}svg{display:block;width:1em;height:1em;flex:none}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #547c9b;outline-offset:5px}section{position:relative;isolation:isolate}h1,h2{font-weight:700;letter-spacing:calc(-.55 * var(--u))}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.skip-link{position:fixed;z-index:50;top:8px;left:8px;padding:12px 20px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
picture{display:block;width:100%;height:100%}.why-photo>picture>img{width:100%;height:100%;object-fit:cover}
.site-header{height:calc(54 * var(--u));position:absolute;inset:0 0 auto;z-index:10}.site-header::before{content:'';position:absolute;inset:0;background:var(--white);clip-path:polygon(0 0,76.7% 0,69.3% 100%,0 100%);z-index:-1}.brand{position:absolute;left:calc(42 * var(--u));top:calc(15 * var(--u));width:calc(88 * var(--u));height:calc(23 * var(--u))}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.primary-navigation{position:absolute;left:calc(191 * var(--u));top:calc(24 * var(--u));display:flex;align-items:center;gap:calc(17.5 * var(--u));font-size:calc(6 * var(--u));white-space:nowrap;line-height:1.6}.primary-navigation a{position:relative}.primary-navigation a::after{content:'';position:absolute;left:0;right:0;bottom:calc(-1.5 * var(--u));height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .18s}.primary-navigation a:hover::after,.primary-navigation a.is-current::after{transform:scaleX(1)}.header-contact{position:absolute;left:calc(456 * var(--u));top:calc(11 * var(--u));width:calc(98 * var(--u));text-align:center}.call-button{display:flex;justify-content:center;align-items:center;background:var(--red);color:#fff;border-radius:100px;transition:filter .18s,box-shadow .18s;font-weight:500;white-space:nowrap}.call-button:hover{filter:brightness(.92);box-shadow:0 4px 14px #e610221a}.call-button svg{stroke:currentColor}.header-contact .call-button{height:calc(21 * var(--u));gap:calc(6 * var(--u));font-size:calc(8 * var(--u));border-radius:calc(8 * var(--u))}.header-contact .call-button svg{font-size:calc(8 * var(--u))}.hours{display:block;color:#666;font-size:calc(7.3 * var(--u));line-height:1.2;font-weight:400}.header-contact .hours{margin-top:calc(5 * var(--u));font-size:calc(6.6 * var(--u))}.menu-toggle{display:none}
.hero{height:calc(386 * var(--u));background:#f1f2f0;overflow:hidden}.hero-photo{position:absolute;left:calc(183 * var(--u));right:0;top:0;height:100%;clip-path:polygon(0 0,100% 0,100% 72.5%,50% 100%,0 93.5%);z-index:-3}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-white{position:absolute;inset:0;clip-path:polygon(0 0,62.2% 0,31.6% 93.5%,0 86.5%);background:var(--white);z-index:-2}.hero-bands{position:absolute;left:calc(184 * var(--u));top:0;right:0;height:calc(195 * var(--u));z-index:-1;pointer-events:none;overflow:hidden}.hero-bands span{position:absolute;top:calc(-25 * var(--u));left:calc(142 * var(--u));width:calc(32 * var(--u));height:calc(250 * var(--u));transform:skewX(-37deg);background:#bdd8e84d}.hero-bands span:nth-child(2){left:calc(89 * var(--u));width:calc(13 * var(--u));background:#b8cddd30}.hero-bands span:nth-child(3){left:calc(47 * var(--u));width:calc(15 * var(--u));background:#d4dfe33d}.hero-copy{position:absolute;left:calc(42 * var(--u));top:calc(80 * var(--u));z-index:1}.eyebrow{display:flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(5.4 * var(--u));line-height:1.2;letter-spacing:calc(1.1 * var(--u));font-weight:700;text-transform:uppercase;color:var(--red)}.eyebrow span{display:block;width:calc(18 * var(--u));height:1px;background:var(--red)}.location-eyebrow{color:#6b7280;font-size:calc(5.2 * var(--u));letter-spacing:calc(1.05 * var(--u))}.hero h1{margin-top:calc(10.5 * var(--u));font-size:calc(29 * var(--u));line-height:calc(30 * var(--u));letter-spacing:calc(-.7 * var(--u))}.hero h1 span{color:var(--red)}.hero-description{margin-top:calc(10.5 * var(--u));font-size:calc(9.5 * var(--u));line-height:calc(12 * var(--u));color:var(--text)}.hero-call{margin-top:calc(11.7 * var(--u));width:calc(140 * var(--u));height:calc(28 * var(--u));font-size:calc(10 * var(--u));gap:calc(10 * var(--u))}.hero-call svg{font-size:calc(11 * var(--u))}.hero-call svg:last-child{margin-left:calc(2 * var(--u))}.hero-copy>.hours{margin-top:calc(6 * var(--u))}.valley-sign{position:absolute;left:calc(481 * var(--u));top:calc(307 * var(--u));width:calc(72 * var(--u));height:calc(62 * var(--u));pointer-events:none}.valley-sign img{width:100%;height:100%;object-fit:contain}.valley-sign i{position:absolute;right:calc(-13 * var(--u));bottom:calc(21 * var(--u));width:calc(15 * var(--u));height:1px;background:var(--red)}
.services-section{height:calc(346 * var(--u));background:var(--paper)}.services-intro{position:absolute;left:calc(42 * var(--u));top:calc(-1 * var(--u))}.services-intro h2{margin-top:calc(10 * var(--u));font-size:calc(23.8 * var(--u));line-height:calc(24.2 * var(--u))}.services-intro>p:last-child{margin-top:calc(7 * var(--u));color:var(--text);font-size:calc(9.5 * var(--u));line-height:calc(11.5 * var(--u))}.text-link{display:flex;align-items:center;gap:calc(7 * var(--u));font-size:calc(5.6 * var(--u));letter-spacing:calc(.65 * var(--u));text-transform:uppercase;color:var(--red);font-weight:700}.round-arrow{display:flex;align-items:center;justify-content:center;width:calc(19 * var(--u));height:calc(19 * var(--u));border-radius:50%;background:var(--red);color:#fff;flex:none;transition:filter .18s}.round-arrow svg{width:54%;height:54%;transition:transform .18s}.round-arrow:hover{filter:brightness(.9)}.text-link:hover .round-arrow svg,.round-arrow:hover svg{transform:translateX(2px)}.text-link .round-arrow{width:calc(17 * var(--u));height:calc(17 * var(--u))}.services-link{position:absolute;right:calc(26 * var(--u));top:calc(54 * var(--u))}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(11 * var(--u));position:absolute;left:calc(29 * var(--u));right:calc(26 * var(--u));top:calc(143 * var(--u))}.service-card{height:calc(172 * var(--u));background:#fdfdfb;border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;box-shadow:0 calc(4 * var(--u)) calc(15 * var(--u)) #172c4510;overflow:hidden}.service-photo{display:block;height:calc(84 * var(--u));overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.service-card:hover .service-photo img{transform:scale(1.035)}.service-card-body{padding:calc(12 * var(--u)) calc(13 * var(--u)) calc(10 * var(--u))}.service-card h3{font-size:calc(8.8 * var(--u));line-height:calc(10.5 * var(--u));font-weight:700;color:#121820;letter-spacing:calc(-.18 * var(--u));white-space:nowrap}.service-card-body p{margin-top:calc(5.5 * var(--u));font-size:calc(8 * var(--u));line-height:calc(10 * var(--u));color:#515151;min-height:calc(20 * var(--u))}.service-card-body .round-arrow{margin-top:calc(9 * var(--u))}
.why-section{height:calc(308 * var(--u));background:#f8f6f5;overflow:visible}.why-photo{position:absolute;left:0;top:calc(-6 * var(--u));width:calc(306 * var(--u));height:calc(314 * var(--u));overflow:hidden;clip-path:polygon(0 0,79% 2%,100% 60%,82.7% 100%,0 100%);z-index:-1}.why-photo>img:first-child{width:100%;height:100%;object-fit:cover}.why-blue{position:absolute;top:0;right:0;width:43%;height:60%;background:#e8f5f94a;clip-path:polygon(0 0,100% 0,100% 100%,47% 100%)}.why-photo .road-sign{position:absolute;left:calc(31 * var(--u));bottom:calc(9 * var(--u));width:calc(134 * var(--u));height:calc(68 * var(--u));object-fit:contain}.palm-decor{position:absolute;pointer-events:none;z-index:-1}.why-palm{right:0;top:calc(-27 * var(--u));width:calc(126 * var(--u));height:calc(147 * var(--u));object-fit:contain;opacity:.48}.why-intro{position:absolute;left:calc(304 * var(--u));top:calc(26 * var(--u));right:calc(20 * var(--u))}.why-intro h2{margin-top:calc(9 * var(--u));font-size:calc(23.6 * var(--u));line-height:calc(25 * var(--u))}.why-intro>p:last-child{margin-top:calc(7 * var(--u));font-size:calc(9.4 * var(--u));line-height:calc(11.5 * var(--u));color:var(--text)}.why-list{list-style:none;margin:0;padding:0;position:absolute;left:calc(327 * var(--u));right:calc(27 * var(--u));top:calc(145 * var(--u))}.why-list li{position:relative;display:flex;align-items:flex-start;gap:calc(14 * var(--u));height:calc(46 * var(--u));padding-top:calc(6 * var(--u));border-bottom:1px solid #e8e5e1}.why-list li:last-child{border-bottom:0}.reason-number{font-size:calc(27 * var(--u));line-height:calc(30 * var(--u));font-weight:400;color:#e1dfdc;letter-spacing:calc(-1 * var(--u));width:calc(30 * var(--u));flex:none}.why-list h3{font-size:calc(9.8 * var(--u));line-height:calc(12 * var(--u));font-weight:700;color:#202020}.why-list p{font-size:calc(8.4 * var(--u));line-height:calc(11 * var(--u));color:#777;margin-top:calc(2 * var(--u))}
.work-section{height:calc(240 * var(--u));background:#fefefe;overflow:hidden}.work-intro{position:absolute;left:calc(42 * var(--u));top:calc(16 * var(--u))}.work-intro h2{font-size:calc(20 * var(--u));line-height:calc(21 * var(--u));margin-top:calc(9 * var(--u))}.work-description{position:absolute;left:calc(333 * var(--u));top:calc(60 * var(--u));font-size:calc(8.5 * var(--u));line-height:calc(11 * var(--u));color:#666}.work-palm{right:0;top:calc(-21 * var(--u));width:calc(112 * var(--u));height:calc(130 * var(--u));opacity:.3;object-fit:contain}.work-grid{position:absolute;top:calc(106 * var(--u));left:calc(29 * var(--u));right:calc(29 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u))}.work-grid a{height:calc(105 * var(--u));display:block;overflow:hidden;border-radius:calc(5 * var(--u))}.work-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.work-grid a:hover img{transform:scale(1.035)}.work-link{position:absolute;right:calc(26 * var(--u));top:calc(216 * var(--u))}
.area-section{height:calc(186 * var(--u));background:#f4f1ed}.area-section::before{content:'';position:absolute;left:0;right:0;top:calc(-20 * var(--u));height:calc(40 * var(--u));background:#f4f1ed;clip-path:polygon(0 0,50% 75%,100% 30%,100% 100%,0 100%);z-index:-2}.area-photo{position:absolute;left:calc(235 * var(--u));top:0;width:calc(281 * var(--u));height:100%;clip-path:polygon(0 25%,44% 0,100% 5%,75% 79%,35% 100%);z-index:-2}.area-photo img{width:100%;height:100%;object-fit:cover}.area-left{position:absolute;inset:0;clip-path:polygon(0 0,40% 0,56.5% 100%,0 100%);background:linear-gradient(115deg,#f4f1ed,#f7f4f0);z-index:-1}.area-right{position:absolute;inset:0;clip-path:polygon(88.5% 0,100% 0,100% 100%,62% 100%);background:linear-gradient(130deg,#f8f6f2,#f2f0ec);z-index:-1}.area-intro{position:absolute;left:calc(42 * var(--u));top:calc(26 * var(--u))}.area-intro h2{font-size:calc(20 * var(--u));line-height:calc(22 * var(--u));margin-top:calc(9 * var(--u))}.area-intro>p:last-of-type{margin-top:calc(7 * var(--u));font-size:calc(8.8 * var(--u));line-height:calc(11.5 * var(--u));color:#666}.area-button{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));margin-top:calc(12 * var(--u));width:calc(111 * var(--u));height:calc(26 * var(--u));padding:0 calc(13 * var(--u));border:1px solid #626a71;border-right-color:#c83a49;border-radius:calc(7 * var(--u));font-size:calc(6.4 * var(--u));font-weight:700;text-transform:uppercase;transition:background .18s}.area-button svg{width:calc(12 * var(--u));height:calc(12 * var(--u));color:#bc3447;transition:transform .18s}.area-button:hover{background:#fff6}.area-button:hover svg{transform:translateX(2px)}.area-cities{position:absolute;right:calc(27 * var(--u));top:calc(66 * var(--u));margin:0;padding:0;list-style:none;color:#757575;text-align:right;font-size:calc(7.3 * var(--u));line-height:calc(15 * var(--u))}.area-cities::after{content:'';display:block;width:calc(23 * var(--u));height:1px;margin-top:calc(6 * var(--u));margin-left:auto;background:var(--red)}.area-palm{position:absolute;left:calc(267 * var(--u));bottom:calc(-6 * var(--u));width:calc(62 * var(--u));height:calc(62 * var(--u));object-fit:contain;z-index:1}
.contact-section{height:calc(156 * var(--u));margin-top:calc(-22 * var(--u));background:linear-gradient(115deg,#072640,#133354);color:#fff;clip-path:polygon(0 0,54% 14%,100% 7%,100% 100%,0 100%);overflow:hidden}.contact-copy{position:absolute;left:calc(49 * var(--u));top:calc(35 * var(--u))}.contact-copy .eyebrow{font-size:calc(5.3 * var(--u));color:#e5e7e9}.contact-copy h2{margin-top:calc(10 * var(--u));font-size:calc(25 * var(--u));line-height:calc(25 * var(--u));letter-spacing:calc(.05 * var(--u));color:#f4f5f6}.contact-copy>p:last-child{font-size:calc(9 * var(--u));line-height:calc(10.5 * var(--u));color:#d6dee5;margin-top:calc(6 * var(--u))}.contact-action{position:absolute;left:calc(321 * var(--u));top:calc(71 * var(--u));width:calc(188 * var(--u));text-align:center}.contact-action .call-button{height:calc(35 * var(--u));gap:calc(17 * var(--u));font-size:calc(12 * var(--u))}.contact-action .call-button svg{font-size:calc(13 * var(--u))}.contact-action .hours{color:#c4cfda;margin-top:calc(7 * var(--u));font-size:calc(7.3 * var(--u))}.contact-palm{position:absolute;right:calc(-5 * var(--u));bottom:calc(-25 * var(--u));width:calc(100 * var(--u));height:calc(160 * var(--u));object-fit:contain;opacity:.6;z-index:-1}.contact-bands{position:absolute;inset:0;z-index:-1}.contact-bands span{position:absolute;left:calc(224 * var(--u));top:calc(53 * var(--u));width:calc(13 * var(--u));height:calc(156 * var(--u));transform:skewX(-39deg);background:#28547a36}.contact-bands span:last-child{left:calc(445 * var(--u));top:calc(12 * var(--u));width:calc(18 * var(--u));background:#4164871f}
@media(max-width:1023px) and (min-width:768px){.primary-navigation{display:none;left:auto;right:24px;top:92px;background:#fff;padding:20px;box-shadow:0 8px 25px #101e371f;border-radius:8px;font-size:15px;gap:18px;flex-direction:column;align-items:flex-start}.primary-navigation.is-open{display:flex}.menu-toggle{display:flex;position:absolute;right:28px;top:26px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;background:#fff;border-radius:8px}.menu-toggle span{height:2px;width:21px;background:var(--navy)}.header-contact{left:auto;right:86px;top:28px;width:168px}.header-contact .call-button{height:44px;font-size:14px;gap:10px}.header-contact .call-button svg{font-size:15px}.header-contact .hours{font-size:11px;margin-top:6px}.site-header::before{clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}.hero h1{font-size:calc(28 * var(--u))}.services-section{height:calc(555 * var(--u))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;top:calc(145 * var(--u))}.service-card{height:auto}.service-photo{height:calc(106 * var(--u))}.service-card-body{padding:22px}.service-card h3{font-size:18px;line-height:23px}.service-card-body p{font-size:16px;line-height:22px;min-height:44px}.service-card-body .round-arrow{width:44px;height:44px;margin-top:15px}.text-link{font-size:11px}.text-link .round-arrow{width:36px;height:36px}.work-description{font-size:calc(9 * var(--u))}}
@media(max-width:767px){:root{--u:1px}body{font-size:16px}.desktop-break{display:none}.site-header{position:relative;height:100px;background:#fff}.site-header::before{display:none}.brand{left:22px;top:20px;width:138px;height:36px}.menu-toggle{display:flex;position:absolute;right:20px;top:16px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #e6e6e2;background:#fff;border-radius:8px}.menu-toggle span{width:20px;height:2px;background:var(--navy);transition:transform .18s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.primary-navigation{display:none;top:100px;left:0;right:0;background:#fff;padding:18px 22px 24px;box-shadow:0 14px 20px #101e371a;font-size:16px;gap:6px;flex-direction:column;align-items:stretch}.primary-navigation.is-open{display:flex}.primary-navigation a{padding:10px 0}.primary-navigation a::after{right:auto;width:28px;bottom:7px}.header-contact{left:22px;right:auto;top:68px;width:auto;text-align:left;display:flex;align-items:center;gap:14px}.header-contact .call-button{background:none;color:var(--red);height:auto;font-size:13px;gap:7px}.header-contact .call-button svg{font-size:14px}.header-contact .hours{font-size:10px;margin:0}.hero{height:auto;min-height:0;padding:26px 22px 0;background:#fefefe;display:flex;flex-direction:column;overflow:hidden}.hero-copy{position:relative;left:auto;top:auto;order:0}.eyebrow{font-size:10px;line-height:1.4;letter-spacing:1.8px;gap:10px}.eyebrow span{width:28px}.location-eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:36px;line-height:38px;letter-spacing:-1.05px;margin-top:13px}.hero-description{font-size:15px;line-height:22px;margin-top:18px;max-width:400px}.hero-call{width:226px;height:48px;font-size:16px;gap:16px;margin-top:20px}.hero-call svg{font-size:17px}.hero-copy>.hours{font-size:12px;margin-top:9px}.hero-white,.hero-bands{display:none}.hero-photo{position:relative;left:auto;right:auto;top:auto;height:340px;width:calc(100% + 44px);margin:25px -22px 0;order:1;z-index:0;clip-path:polygon(10% 0,100% 0,100% 89%,66% 100%,0 91%,0 16%)}.hero-photo img{object-position:center center}.valley-sign{left:auto;right:21px;top:auto;bottom:0;width:85px;height:72px;z-index:1}.valley-sign i{right:-5px;bottom:20px;width:15px}.services-section{height:auto;padding:37px 22px 42px}.services-intro{position:relative;left:auto;top:auto}.services-intro h2{font-size:32px;line-height:34px;letter-spacing:-.7px;margin-top:13px}.services-intro>p:last-child{font-size:16px;line-height:23px;max-width:420px;margin-top:14px}.services-link{position:relative;right:auto;top:auto;margin-top:20px;width:max-content}.text-link{font-size:10px;letter-spacing:1px;gap:10px;min-height:44px}.text-link .round-arrow{width:36px;height:36px}.service-grid{position:relative;left:auto;right:auto;top:auto;margin-top:25px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{height:auto;border-radius:7px;box-shadow:0 6px 22px #172c450d}.service-photo{height:auto;aspect-ratio:1.46}.service-card-body{padding:18px}.service-card h3{font-size:16px;line-height:21px;letter-spacing:-.2px;white-space:normal}.service-card-body p{font-size:14px;line-height:20px;margin-top:8px;min-height:40px}.service-card-body .round-arrow{width:44px;height:44px;margin-top:16px}.why-section{height:auto;padding:38px 22px 0;display:flex;flex-direction:column;overflow:hidden}.why-intro{position:relative;left:auto;top:auto;right:auto;order:0}.why-intro h2{font-size:32px;line-height:35px;margin-top:13px;letter-spacing:-.7px}.why-intro>p:last-child{font-size:16px;line-height:23px;margin-top:15px;max-width:500px}.why-list{position:relative;left:auto;right:auto;top:auto;margin-top:24px;order:1}.why-list li{height:auto;min-height:82px;gap:21px;padding-top:15px}.reason-number{font-size:38px;line-height:42px;width:46px;letter-spacing:-1px}.why-list h3{font-size:17px;line-height:23px}.why-list p{font-size:14px;line-height:21px;margin-top:4px}.why-photo{position:relative;left:auto;top:auto;width:calc(100% + 44px);height:365px;margin:22px -22px 0;order:2;z-index:0;clip-path:polygon(0 0,88% 0,100% 56%,85% 100%,0 100%)}.why-photo .road-sign{width:175px;height:88px;left:29px;bottom:20px}.why-palm{width:150px;height:180px;top:10px;opacity:.26}.work-section{height:auto;padding:38px 22px 25px}.work-intro{position:relative;left:auto;top:auto}.work-intro h2{font-size:30px;line-height:32px;margin-top:13px;letter-spacing:-.7px}.work-description{position:relative;left:auto;top:auto;font-size:15px;line-height:22px;margin-top:18px}.work-palm{top:0;width:130px;height:170px;opacity:.25}.work-grid{position:relative;left:auto;right:auto;top:auto;margin-top:25px;grid-template-columns:1fr;gap:17px}.work-grid a{height:auto;aspect-ratio:1.59;border-radius:8px}.work-link{position:relative;right:auto;top:auto;justify-content:flex-end;margin-top:14px}.area-section{height:auto;padding:36px 22px 0;display:flex;flex-direction:column;overflow:hidden}.area-section::before,.area-left,.area-right{display:none}.area-intro{position:relative;left:auto;top:auto;order:0}.area-intro h2{font-size:30px;line-height:33px;margin-top:13px;letter-spacing:-.7px}.area-intro>p:last-of-type{font-size:15px;line-height:22px;margin-top:14px;max-width:440px}.area-button{width:206px;height:46px;padding:0 18px;font-size:11px;border-radius:9px;gap:15px;margin-top:21px}.area-button svg{width:19px;height:19px}.area-cities{position:relative;right:auto;top:auto;display:flex;flex-wrap:wrap;text-align:left;font-size:12px;line-height:20px;gap:8px 15px;margin-top:23px;order:1}.area-cities::after{display:none}.area-photo{position:relative;left:auto;top:auto;width:calc(100% + 44px);height:265px;margin:22px -22px 0;order:2;z-index:0;clip-path:polygon(0 10%,55% 0,100% 8%,100% 82%,48% 100%,0 89%)}.area-palm{left:auto;right:18px;bottom:0;width:77px;height:85px}.contact-section{height:auto;min-height:325px;margin-top:-22px;padding:51px 22px 32px;clip-path:polygon(0 0,57% 5%,100% 2%,100% 100%,0 100%)}.contact-copy{position:relative;left:auto;top:auto}.contact-copy .eyebrow{font-size:10px}.contact-copy h2{font-size:35px;line-height:36px;margin-top:16px;letter-spacing:.1px}.contact-copy>p:last-child{font-size:14px;line-height:21px;margin-top:14px;max-width:420px}.contact-action{position:relative;left:auto;top:auto;width:100%;max-width:350px;text-align:center;margin-top:24px}.contact-action .call-button{height:52px;font-size:18px;gap:24px}.contact-action .call-button svg{font-size:19px}.contact-action .hours{font-size:12px;margin-top:10px}.contact-palm{right:-12px;bottom:35px;width:130px;height:215px;opacity:.36}.contact-bands span{height:350px;left:210px;top:60px;width:15px}.contact-bands span:last-child{left:365px;top:0;width:25px}}
@media(max-width:479px){.service-grid{grid-template-columns:1fr}.service-card-body{padding:21px}.service-card h3{font-size:18px;line-height:23px}.service-card-body p{font-size:15px;line-height:22px;min-height:0}.hero-photo{height:310px}}
@media(min-width:768px){.primary-navigation{top:calc(22.5 * var(--u));gap:calc(18.5 * var(--u))}.services-intro h2{margin-top:calc(7.7 * var(--u));line-height:calc(24 * var(--u));letter-spacing:calc(-.25 * var(--u))}.services-intro>p:last-child{margin-top:calc(5.9 * var(--u))}.service-card-body p{margin-top:calc(7.5 * var(--u))}.why-intro h2{margin-top:calc(8 * var(--u));line-height:calc(27 * var(--u));letter-spacing:calc(-.2 * var(--u));padding-left:var(--u)}.why-intro h2 span{padding-left:calc(5 * var(--u))}.why-intro>p:last-child{margin-top:calc(-1 * var(--u))}.area-intro h2{font-size:calc(20.3 * var(--u));line-height:calc(21 * var(--u));letter-spacing:calc(-.15 * var(--u));margin-top:calc(5 * var(--u))}.contact-copy h2{font-size:calc(24.8 * var(--u));line-height:calc(24 * var(--u));letter-spacing:calc(.75 * var(--u));margin-top:calc(9 * var(--u))}.contact-copy>p:last-child{margin-top:calc(7 * var(--u))}}
@media(min-width:768px){.services-intro h2 span{letter-spacing:0}.why-intro h2{margin-top:calc(7 * var(--u))}.area-intro h2{padding-left:var(--u);margin-top:calc(6 * var(--u))}.area-button{margin-top:calc(13.5 * var(--u))}.contact-copy h2{letter-spacing:calc(.95 * var(--u))}.contact-copy h2 span{position:relative;left:calc(-1 * var(--u));letter-spacing:calc(.6 * var(--u))}}
@media(max-width:1023px) and (min-width:768px){.primary-navigation{top:92px;gap:18px}}
.hero h1 .hero-line,.hero h1 .hero-assistance{color:var(--navy)}.hero-photo picture{display:block;width:100%;height:100%}.hero-palm{position:absolute;left:calc(252 * var(--u));top:calc(54 * var(--u));width:calc(84 * var(--u));height:calc(181 * var(--u));z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 82%)}.hero-palm img{width:100%;height:100%;object-fit:contain}
@media(min-width:768px){.hero-white{clip-path:polygon(0 0,62.2% 0,48.4% 47.9%,31.6% 93.5%,0 86.5%)}.hero h1 .hero-line:first-child{letter-spacing:calc(-.4 * var(--u));padding-left:var(--u)}.hero h1 .hero-line:nth-of-type(2){letter-spacing:calc(-.15 * var(--u))}.hero h1 .hero-assistance{padding-left:var(--u)}.hero h1 .hero-accent{letter-spacing:calc(-.3875 * var(--u))}.contact-copy h2 span{top:var(--u)}}
.why-photo:has(img[data-reference]) .why-blue,.why-photo:has(img[data-reference]) .road-sign{display:none}
.eyebrow,.text-link{color:#e10d21}.location-eyebrow{color:#6b7280}.why-list p{color:#707070}.area-cities{color:#6b6b6b}.reason-number{height:calc(30 * var(--u))}
.brand{display:flex;align-items:center;gap:calc(4 * var(--u))}.brand img{width:calc(24 * var(--u));height:calc(23 * var(--u));flex:none}.brand-wordmark{font-size:calc(12.6 * var(--u));line-height:calc(11.2 * var(--u));letter-spacing:calc(-.35 * var(--u));font-weight:900;color:var(--navy)}
@media(max-width:767px){.site-header{height:114px}.brand{width:174px;height:44px;top:18px;gap:7px}.brand img{width:40px;height:40px}.brand-wordmark{font-size:20px;line-height:18px;letter-spacing:-.5px}.header-contact{top:66px}.header-contact .call-button{height:44px}.primary-navigation{top:114px}.hero-palm{display:none}.reason-number{height:42px}}
@media(max-width:1023px) and (min-width:768px){.text-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.area-intro>.eyebrow{color:#dc0c20}
@media(min-width:768px){.why-photo .road-sign{width:calc(138 * var(--u));height:calc(65 * var(--u));left:calc(31 * var(--u));bottom:calc(10 * var(--u))}}
@media(min-width:768px){.hero-bands{opacity:.75}.services-intro>p:last-child{font-size:calc(9.65 * var(--u));line-height:calc(12.5 * var(--u))}.service-card h3{font-size:calc(9.1 * var(--u));letter-spacing:0}.service-card-body{padding-top:calc(13 * var(--u))}.service-card-body p{margin-top:calc(6.5 * var(--u))}.why-intro>p:last-child{padding-left:calc(5 * var(--u));font-size:calc(9.7 * var(--u));line-height:calc(12 * var(--u));margin-top:var(--u)}.area-intro>p:last-of-type{font-size:calc(9 * var(--u));line-height:calc(12.5 * var(--u))}.area-button{margin-top:calc(11.5 * var(--u))}.area-photo{clip-path:none;mask-image:url('https://towingservice-ca.com/wp-content/themes/vallarta-towing/assets/images/area-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}}
@media(min-width:768px){.area-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#fefefecc,transparent 16%)}}
@media(max-width:1023px) and (min-width:768px){.services-section{height:auto;padding-top:calc(145 * var(--u));padding-bottom:40px}.service-grid{position:relative;left:auto;right:auto;top:auto;margin:0 calc(26 * var(--u)) 0 calc(29 * var(--u))}.service-card-body{padding:22px}.service-card h3{font-size:18px;line-height:23px}.service-card-body p{margin-top:8px}.work-section{height:calc(280 * var(--u))}.work-link{top:auto;bottom:calc(25 * var(--u))}.hero-call{min-height:44px}.area-button{min-height:44px}}