/* Roadside Heritage static site: logo-matched ink #202124, brown #754722, aqua #0784a4 and white. */
:root { --ink:#202124; --ink-2:#282b2e; --brown:#754722; --aqua:#0784a4; --aqua-light:#18b3d5; --paper:#f4f3ef; --line:#d9d9d4; --white:#fff; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; min-width:0; }
html { width:100%; max-width:100%; overflow-x:hidden; scroll-behavior:smooth; }
body { width:100%; max-width:100%; margin:0; overflow-x:hidden; overscroll-behavior-x:none; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
main, .site-header { max-width:100%; overflow-x:clip; }
img, svg { max-width:100%; }
body.menu-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.sr-only { clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }
.skip-link { position:fixed; z-index:100; left:1rem; top:-5rem; padding:.7rem 1rem; background:var(--aqua-light); color:var(--ink); font-weight:800; transition:top .16s var(--ease); }
.skip-link:focus { top:1rem; }
.section-wrap { padding-left:clamp(1.3rem,5vw,5.4rem); padding-right:clamp(1.3rem,5vw,5.4rem); }
.kicker { display:flex; align-items:center; gap:.7rem; color:var(--brown); font-size:.66rem; font-weight:800; letter-spacing:.14em; line-height:1.3; text-transform:uppercase; }
.kicker span { width:1.8rem; height:2px; background:var(--aqua); }
.light-kicker { color:rgba(255,255,255,.76); }
h1,h2,h3 { margin:0; font-family:"Barlow Semi Condensed","Arial Narrow",sans-serif; font-weight:800; letter-spacing:.012em; line-height:.9; text-transform:uppercase; }
h1 strong,h2 strong { color:var(--aqua-light); font-weight:inherit; }
p { margin:0; }

.site-header { position:relative; z-index:20; height:7.2rem; padding:.75rem clamp(1.3rem,4vw,4.7rem); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; background:rgba(248,248,246,.97); box-shadow:0 8px 26px rgba(13,24,30,.13); color:var(--ink); }
.brand { display:block; width:19rem; height:5.7rem; transition:transform .18s var(--ease); }
.brand:hover { transform:translateY(-2px); }
.brand img { display:block; width:100%; height:100%; object-fit:contain; object-position:left center; }
.nav-links { display:flex; gap:2.2rem; align-items:center; font-size:.67rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.nav-links a { position:relative; padding:.5rem 0; color:#263e58; }
.nav-links a::after { content:""; position:absolute; right:100%; bottom:0; left:0; height:2px; background:var(--aqua-light); transition:right .2s var(--ease); }
.nav-links a:hover { color:var(--brown); }
.nav-links a:hover::after { right:0; }
.desktop-contact { justify-self:end; display:flex; align-items:center; gap:1rem; font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.nav-phone { color:#263e58; }
.nav-phone:hover { color:var(--aqua-light); }
.nav-cta { display:flex; align-items:center; gap:.45rem; padding:.75rem .9rem; border:1px solid #b7c0c4; color:#263e58; }
.nav-cta span { color:var(--aqua-light); font-size:1.1rem; }
.nav-cta:hover { border-color:var(--aqua-light); color:var(--aqua-light); }
.menu-toggle,.mobile-menu { display:none; }

.hero { position:relative; min-height:min(52rem,calc(100svh - 7.2rem)); display:flex; align-items:flex-end; overflow:hidden; background:var(--ink); color:white; }
.hero-photo,.hero-shade,.hero-grid { position:absolute; inset:0; }
.hero-photo { width:100%; height:100%; object-fit:cover; object-position:center; animation:heroShift 16s ease-in-out infinite alternate; }
.hero-shade { background:linear-gradient(90deg,rgba(19,21,23,.94) 0%,rgba(26,28,30,.86) 35%,rgba(30,31,33,.36) 70%,rgba(30,31,33,.22)),linear-gradient(0deg,rgba(19,21,23,.68),transparent 50%); }
.hero-grid { opacity:.22; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,black,transparent 56%); }
.hero-content { position:relative; z-index:2; max-width:64rem; padding:0 clamp(1.3rem,7vw,8rem) clamp(7.8rem,12vh,10rem); }
.hero-content .kicker { margin-bottom:1.45rem; animation:intro .6s .1s both var(--ease); }
.hero h1 { max-width:67rem; font-size:clamp(3.75rem,6.65vw,7.7rem); letter-spacing:.018em; color:var(--white); animation:intro .7s .2s both var(--ease); }
.hero-copy { max-width:37rem; margin-top:1.65rem; color:rgba(255,255,255,.78); font-size:clamp(.88rem,1.1vw,1.04rem); line-height:1.78; animation:intro .7s .33s both var(--ease); }
.hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; animation:intro .7s .45s both var(--ease); }
.button { min-height:3.3rem; display:inline-flex; align-items:center; gap:.8rem; padding:.8rem 1.1rem; border:1px solid transparent; font-size:.67rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease); }
.button b { font-size:1.12rem; line-height:1; }
.button:hover { transform:translateY(-2px); }
.button:active { transform:scale(.97); }
.button-aqua { background:var(--aqua-light); color:var(--ink); }
.button-aqua:hover { background:var(--white); }
.button-outline { border-color:rgba(255,255,255,.68); color:white; }
.button-outline:hover { border-color:var(--aqua-light); color:var(--aqua-light); }
.hero-route { position:absolute; z-index:2; right:clamp(1.3rem,4vw,4.7rem); bottom:0; display:grid; grid-template-columns:repeat(3,minmax(8.7rem,1fr)); border-left:1px solid rgba(255,255,255,.2); animation:intro .7s .5s both var(--ease); }
.hero-route div { padding:1rem 1.3rem; border-right:1px solid rgba(255,255,255,.2); }
.hero-route span { display:block; color:var(--aqua-light); font-family:"Barlow Condensed",sans-serif; font-size:1.14rem; font-weight:800; }
.hero-route small { color:rgba(255,255,255,.72); font-size:.56rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ticker { overflow:hidden; padding:.9rem 0; background:var(--aqua); color:white; white-space:nowrap; }
.ticker-track { display:flex; align-items:center; gap:1.65rem; width:max-content; font-family:"Barlow Condensed",sans-serif; font-size:clamp(1.45rem,2vw,2rem); font-weight:800; letter-spacing:.02em; text-transform:uppercase; animation:track 28s linear infinite; }
.ticker-track i { color:#fff; font-family:Manrope,sans-serif; font-size:.7rem; font-style:normal; }

.intro { display:grid; grid-template-columns:1.12fr .72fr; gap:5rem clamp(3rem,9vw,10rem); padding-top:clamp(5rem,10vw,9rem); padding-bottom:clamp(5rem,10vw,8rem); background:var(--paper); }
.intro h2,.services h2,.service-map h2,.process h2,.assurance h2,.faq h2,.contact h2 { margin-top:1.2rem; font-size:clamp(3rem,5.8vw,6.7rem); }
.intro h2 { max-width:49rem; }
.intro-copy { align-self:end; max-width:34rem; }
.intro-copy>p,.map-copy,.assurance-copy>p,.faq-title>p,.contact-title>p { color:#4f5557; font-size:.94rem; line-height:1.85; }
.arrow-link { display:inline-flex; gap:.65rem; align-items:center; margin-top:1.6rem; border-bottom:1px solid var(--brown); padding-bottom:.32rem; color:var(--ink); font-size:.69rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.arrow-link span { color:var(--aqua); font-size:1rem; }
.arrow-link:hover { color:var(--brown); transform:translateX(3px); }
.proof-row { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.proof-row article { min-height:12.4rem; padding:1.6rem 2rem 1.8rem 0; border-right:1px solid var(--line); }
.proof-row article+article { padding-left:2rem; }
.proof-row article:last-child { border-right:0; }
.proof-row em,.process em { display:block; color:var(--aqua); font-family:"Barlow Semi Condensed",sans-serif; font-size:1.05rem; font-style:normal; font-weight:800; }
.proof-row h3 { max-width:13rem; margin-top:2.4rem; font-family:Manrope,Arial,sans-serif; font-size:.82rem; letter-spacing:0; line-height:1.4; }
.proof-row p { max-width:16rem; margin-top:.55rem; color:#697174; font-size:.76rem; line-height:1.67; }

.services { background:var(--ink); color:white; }
.services-top { padding-top:clamp(5rem,10vw,9rem); padding-bottom:clamp(3rem,6vw,5rem); }
.services-heading-row { display:grid; grid-template-columns:1.06fr .48fr; align-items:end; gap:5rem; }
.services h2 { max-width:53rem; color:white; }
.services-heading-row>p { max-width:24rem; color:rgba(255,255,255,.69); font-size:.9rem; line-height:1.82; }
.service-stack { border-top:1px solid rgba(255,255,255,.23); }
.service-card { display:grid; grid-template-columns:minmax(3.4rem,.16fr) minmax(14rem,.72fr) minmax(20rem,1fr); min-height:34rem; border-bottom:1px solid rgba(255,255,255,.23); }
.service-count { padding:1.8rem clamp(1.3rem,4vw,5rem); color:var(--aqua-light); font-family:"Barlow Semi Condensed",sans-serif; font-size:1.1rem; font-weight:800; }
.service-image { position:relative; min-height:23rem; overflow:hidden; }
.service-image img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.84) contrast(1.03); transition:transform .7s var(--ease),filter .4s var(--ease); }
.service-card:hover .service-image img { filter:saturate(1.1) contrast(1.06); transform:scale(1.055); }
.service-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(18,19,20,.8),transparent 55%); }
.service-image span { position:absolute; z-index:1; bottom:1rem; left:1rem; color:var(--white); font-size:.6rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.service-detail { padding:clamp(2.6rem,5vw,4.7rem) clamp(1.3rem,5vw,6.5rem); background:#26292b; }
.service-label { color:var(--aqua-light); font-size:.63rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.service-detail h3 { max-width:32rem; margin-top:.8rem; font-size:clamp(2.45rem,4vw,4.35rem); color:white; }
.service-detail>p:not(.service-label) { max-width:29rem; margin-top:1.2rem; color:rgba(255,255,255,.68); font-size:.85rem; line-height:1.76; }
.service-detail ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem 1.2rem; margin:1.5rem 0 1.9rem; padding:0; list-style:none; }
.service-detail li { color:rgba(255,255,255,.87); font-size:.7rem; line-height:1.4; }
.service-detail li:before { content:"•"; padding-right:.42rem; color:var(--aqua-light); }
.service-link { display:inline-flex; gap:.5rem; align-items:center; border-bottom:1px solid var(--aqua-light); padding-bottom:.3rem; color:white; font-size:.64rem; font-weight:800; letter-spacing:.095em; text-transform:uppercase; }
.service-link span { color:var(--aqua-light); font-size:1rem; }
.service-link:hover { color:var(--aqua-light); transform:translateX(3px); }

.service-map { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr .7fr; gap:4rem 8rem; padding-top:clamp(5rem,10vw,8rem); padding-bottom:clamp(5rem,10vw,8rem); background:#edf0ed; }
.map-stamp { position:absolute; top:-1.5rem; right:5%; display:flex; align-items:center; gap:1rem; color:rgba(32,33,36,.09); font-family:"Barlow Semi Condensed",sans-serif; font-size:9rem; font-weight:800; letter-spacing:-.02em; transform:rotate(-7deg); }
.map-stamp b { width:min(25vw,20rem); height:2px; background:currentColor; }
.map-header,.map-copy,.map-categories { position:relative; z-index:1; }
.map-header h2 { max-width:44rem; }
.map-copy { align-self:end; max-width:31rem; }
.map-categories { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1rem; }
.map-categories article { min-height:12.4rem; padding:1.45rem; background:white; box-shadow:0 15px 35px rgba(26,28,28,.05); }
.category-symbol { color:var(--aqua); font-family:"Barlow Semi Condensed",sans-serif; font-size:2rem; font-weight:800; }
.map-categories h3 { margin-top:1.6rem; font-size:1.55rem; }
.map-categories p { margin-top:.5rem; color:#656d70; font-size:.73rem; line-height:1.7; }

.process { padding-top:clamp(5rem,10vw,9rem); padding-bottom:clamp(5rem,10vw,9rem); background:var(--brown); color:white; }
.process h2 { max-width:59rem; color:white; }
.process h2 strong { color:#c7f2fa; }
.process-row { display:grid; grid-template-columns:repeat(4,1fr); margin-top:5rem; border-top:1px solid rgba(255,255,255,.28); }
.process-row article { min-height:14rem; padding:1.4rem 1.7rem 1.5rem 0; border-right:1px solid rgba(255,255,255,.28); }
.process-row article+article { padding-left:1.7rem; }
.process-row article:last-child { border-right:0; }
.process-row h3 { margin-top:3.2rem; color:white; font-size:1.7rem; }
.process-row p { margin-top:.65rem; color:rgba(255,255,255,.73); font-size:.75rem; line-height:1.7; }

.assurance { display:grid; grid-template-columns:1fr 1fr; min-height:40rem; background:white; }
.assurance-photo { min-height:27rem; overflow:hidden; }
.assurance-photo img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.83) contrast(1.05); }
.assurance-copy { position:relative; display:flex; flex-direction:column; justify-content:center; padding:clamp(4rem,7vw,7rem); }
.assurance-logo { position:absolute; top:1.65rem; right:1.8rem; width:11rem; height:4.5rem; object-fit:contain; object-position:right center; opacity:.94; }
.assurance h2 { max-width:37rem; }
.assurance-copy>p { max-width:33rem; margin-top:1.3rem; }
.assurance-list { display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem 1rem; margin-top:2.1rem; }
.assurance-list span { display:flex; align-items:center; gap:.48rem; font-size:.67rem; font-weight:800; letter-spacing:.04em; line-height:1.35; text-transform:uppercase; }
.assurance-list span:before { content:"✓"; color:var(--aqua); font-size:1rem; }

.faq { display:grid; grid-template-columns:.65fr 1fr; gap:clamp(3rem,10vw,12rem); padding-top:clamp(5rem,10vw,9rem); padding-bottom:clamp(5rem,10vw,9rem); background:#edf0ed; }
.faq h2 { max-width:29rem; font-size:clamp(3rem,5vw,5.5rem); }
.faq-title>p:last-child { max-width:24rem; margin-top:1.3rem; }
.faq-list { border-top:1px solid #cbd0ca; }
.faq-item { border-bottom:1px solid #cbd0ca; }
.faq-item button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.35rem 0; border:0; background:transparent; color:var(--ink); cursor:pointer; text-align:left; }
.faq-item button:first-child { font-family:"Barlow Semi Condensed",sans-serif; font-size:clamp(1.3rem,2vw,1.8rem); font-weight:800; letter-spacing:.01em; line-height:1.02; text-transform:uppercase; }
.faq-item button span { color:var(--brown); font-family:Manrope,sans-serif; font-size:1.5rem; font-weight:500; transition:transform .2s var(--ease),color .2s var(--ease); }
.faq-item.active button span { color:var(--aqua); transform:rotate(45deg); }
.faq-item>div { display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s var(--ease),padding .28s var(--ease); }
.faq-item>div p { min-height:0; overflow:hidden; max-width:50rem; color:#555d5e; font-size:.84rem; line-height:1.75; }
.faq-item.active>div { grid-template-rows:1fr; padding-bottom:1.45rem; }

.contact { position:relative; overflow:hidden; padding:clamp(5rem,10vw,9rem) clamp(1.3rem,5vw,5.4rem) 1.25rem; background:var(--ink); color:white; }
.contact-route { position:absolute; top:9%; right:-4%; width:min(55vw,52rem); height:min(11vw,10rem); border-top:2px dashed rgba(255,255,255,.13); border-bottom:2px dashed rgba(255,255,255,.13); transform:rotate(-8deg); }
.contact-content { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .85fr; gap:clamp(3rem,9vw,10rem); align-items:center; }
.contact h2 { max-width:56rem; color:white; }
.contact-title>p:last-child { max-width:36rem; margin-top:1.25rem; color:rgba(255,255,255,.68); }
.contact-actions { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; }
.contact-action { position:relative; display:flex; flex-direction:column; min-height:15.7rem; padding:1.45rem; background:var(--aqua); color:white; transition:transform .2s var(--ease),background .2s var(--ease); }
.contact-action.email { background:var(--brown); }
.contact-action:hover { transform:translateY(-4px); background:var(--aqua-light); }
.contact-icon { align-self:flex-end; font-size:1.45rem; }
.contact-action small { margin-top:1.8rem; font-size:.58rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.contact-action strong { margin-top:.52rem; font-family:"Barlow Semi Condensed",sans-serif; font-size:clamp(1.75rem,2.3vw,2.55rem); font-weight:800; letter-spacing:.01em; line-height:1; }
.contact-action.email strong { font-family:Manrope,Arial,sans-serif; font-size:clamp(.93rem,1.22vw,1.08rem); letter-spacing:-.025em; line-height:1.32; overflow-wrap:anywhere; text-transform:lowercase; }
.contact-action i { margin-top:1.25rem; font-size:.58rem; font-style:normal; font-weight:700; letter-spacing:.055em; text-transform:uppercase; }
footer { position:relative; z-index:1; margin-top:clamp(4rem,9vw,7rem); padding-top:1.1rem; border-top:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.57); font-size:.62rem; font-weight:700; letter-spacing:.075em; line-height:1.7; text-transform:uppercase; }
footer b { color:var(--aqua-light); margin:0 .45rem; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s var(--ease),transform .7s var(--ease); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
.reveal-late { transition-delay:.11s; }
@keyframes intro { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes heroShift { from { transform:scale(1.025); } to { transform:scale(1.07) translate3d(-1.2%,-.7%,0); } }
@keyframes track { to { transform:translateX(-50%); } }

@media (max-width:1000px) { .site-header { grid-template-columns:1fr auto; } .nav-links,.desktop-contact { display:none; } .menu-toggle { width:2.9rem; height:2.9rem; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; border:1px solid #b7c0c4; background:transparent; color:#263e58; cursor:pointer; } .menu-toggle span:not(.sr-only) { width:1.15rem; height:1px; display:block; background:currentColor; transition:transform .18s var(--ease),opacity .18s var(--ease); } body.menu-open .menu-toggle span:nth-child(1) { transform:translateY(6px) rotate(45deg); } body.menu-open .menu-toggle span:nth-child(2) { opacity:0; } body.menu-open .menu-toggle span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); } .mobile-menu { position:fixed; z-index:15; inset:0 0 auto; display:flex; flex-direction:column; padding:8rem 1.4rem 1.5rem; background:#f8f8f6; color:#263e58; opacity:0; pointer-events:none; transform:translateY(-10px); transition:opacity .2s var(--ease),transform .2s var(--ease); box-shadow:0 9px 25px rgba(13,24,30,.12); } body.menu-open .mobile-menu { opacity:1; pointer-events:auto; transform:translateY(0); } .mobile-menu a { display:flex; align-items:center; min-height:3.6rem; border-bottom:1px solid #d9deda; font-family:"Barlow Semi Condensed",sans-serif; font-size:1.8rem; font-weight:800; letter-spacing:.01em; text-transform:uppercase; } .mobile-menu a:nth-last-child(-n+2) { color:var(--brown); } .intro,.services-heading-row,.service-map,.contact-content { grid-template-columns:1fr; } .intro { gap:2rem; } .service-card { grid-template-columns:4.7rem .8fr 1fr; } .assurance { grid-template-columns:1fr; } .faq { grid-template-columns:1fr; gap:2.6rem; } }
@media (max-width:720px) { .site-header { height:6.7rem; padding:.55rem 1rem; } .brand { width:min(14rem,75vw); height:5.55rem; } .hero { min-height:max(44rem,calc(100svh - 6.7rem)); } .hero-photo { object-position:62% center; } .hero-shade { background:linear-gradient(90deg,rgba(19,21,23,.94),rgba(26,28,30,.68) 70%,rgba(26,28,30,.25)),linear-gradient(0deg,rgba(19,21,23,.8),transparent 55%); } .hero-content { padding:3.25rem 1.3rem 7.4rem; } .hero h1 { font-size:clamp(3.1rem,13.5vw,4.65rem); letter-spacing:.012em; line-height:.95; } .hero-copy { margin-top:1.25rem; font-size:.84rem; line-height:1.68; } .hero-actions { margin-top:1.55rem; } .button { min-height:3rem; font-size:.61rem; } .hero-route { right:0; left:0; grid-template-columns:repeat(3,1fr); } .hero-route div { padding:.75rem .55rem; } .hero-route small { font-size:.49rem; letter-spacing:.045em; } .intro { padding-top:4.8rem; padding-bottom:4.8rem; } .intro h2,.services h2,.service-map h2,.process h2,.assurance h2,.faq h2,.contact h2 { font-size:clamp(2.9rem,13vw,4.3rem); } .proof-row { grid-template-columns:1fr; } .proof-row article,.proof-row article+article { min-height:0; padding:1.35rem 0; border-right:0; border-bottom:1px solid var(--line); } .proof-row article:last-child { border-bottom:0; } .proof-row h3 { margin-top:1.3rem; } .services-top { padding-top:4.8rem; padding-bottom:2.8rem; } .services-heading-row { gap:1.5rem; } .service-card { grid-template-columns:1fr; padding:0 1.3rem 2.2rem; } .service-count { padding:1.25rem 0 .75rem; } .service-image { min-height:14.5rem; } .service-detail { padding:2rem 0 .1rem; background:transparent; } .service-detail h3 { font-size:clamp(2.65rem,12.4vw,4rem); } .service-detail ul { grid-template-columns:1fr; } .service-map { gap:1.5rem; padding-top:4.8rem; padding-bottom:4.8rem; } .map-stamp { top:0; right:-4rem; font-size:6rem; } .map-categories { grid-template-columns:1fr; gap:.6rem; } .map-categories article { min-height:0; display:grid; grid-template-columns:2.7rem 1fr 1fr; align-items:center; gap:.6rem; } .map-categories h3,.map-categories p { margin:0; } .map-categories p { font-size:.68rem; } .process { padding-top:4.8rem; padding-bottom:4.8rem; } .process-row { grid-template-columns:1fr; margin-top:3rem; } .process-row article,.process-row article+article { min-height:0; padding:1.3rem 0 1.5rem; border-right:0; border-bottom:1px solid rgba(255,255,255,.28); } .process-row h3 { margin-top:1.3rem; } .assurance-photo { min-height:20rem; } .assurance-copy { padding:3.7rem 1.3rem; } .assurance-logo { width:10rem; height:4rem; top:1rem; right:1rem; } .assurance-list { grid-template-columns:1fr; } .faq { padding-top:4.8rem; padding-bottom:4.8rem; } .contact { padding:4.8rem 1.3rem 1.1rem; } .contact-content { gap:2.5rem; } .contact-actions { grid-template-columns:1fr; } .contact-action { min-height:12.2rem; } .contact-action.email { min-height:13.4rem; } .contact-action small { margin-top:.8rem; } .contact-action strong { font-size:2.15rem; } .contact-action.email strong { font-size:1rem; line-height:1.35; } .contact-action i { margin-top:1.25rem; } footer { margin-top:4rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }