/* Homepage composition. Components and tokens live in styles.css. */
.home-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:4rem;align-items:center;padding:4rem 0 3rem}
.home-hero-copy{padding-block:.5rem}
.home-hero .home-eyebrow{font-size:.6rem;letter-spacing:.08em;display:flex;align-items:center;gap:.6rem;margin-bottom:1.7rem}
.home-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex:none}
.home-hero h1{font-size:clamp(4.5rem,7.2vw,7rem);letter-spacing:0;line-height:1.04;margin:0 0 2rem;max-width:none;font-weight:500}
.hero-serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:0}
.hero-found{color:var(--blue)}
.hero-period{color:var(--ink)}
.home-lede{font-size:1.08rem;line-height:1.7;color:var(--muted)}
.home-actions{gap:1.4rem;margin-top:1.5rem}
.home-btn{font-size:.8rem;padding:1rem 1.2rem}
.home-text-link{font-size:.85rem;text-decoration:none;border-bottom:1px solid;padding-bottom:.25rem;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;line-height:1.45}
.home-hero-audience{font-size:.68rem;color:var(--muted);margin:1.4rem 0 0}
.city-atlas{position:relative;margin:0;background:var(--paper);border:1px solid var(--line);transform:rotate(2deg)}
.atlas-topline{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.3rem;border-bottom:1px solid var(--line);font:.52rem/1.4 var(--mono);letter-spacing:.09em}
.atlas-topline>span:last-child{font:1.25rem var(--sans)}
.atlas-map{width:100%;height:auto}
.atlas-pin{position:absolute;left:60%;top:26%;width:80px;height:96px;transform:rotate(-45deg);background:var(--blue);border-radius:50% 50% 50% 0;box-shadow:-8px 8px 0 #283dc222;display:grid;place-items:center}
.atlas-pin span{color:var(--lime);font:italic 3.6rem/1 Georgia,serif;transform:rotate(45deg);margin-top:-9px;margin-left:8px}
.atlas-label{position:absolute;top:49%;left:14%;padding:1.4rem 1.6rem;background:var(--canvas);box-shadow:5px 5px 0 #252923;transform:rotate(-5deg);font-size:1.7rem;letter-spacing:0;border:1px solid var(--ink);max-width:80%}
.atlas-label span{display:block;margin-top:.5rem;font:.61rem/1.4 var(--mono);letter-spacing:0}
.atlas-coordinate{position:absolute;bottom:25%;left:5%;font:.55rem/1.7 var(--mono);color:var(--muted)}
.atlas-stamp{position:absolute;right:-1.5rem;bottom:10%;width:110px;height:110px;padding:1.2rem .8rem;background:var(--lime);border:1px solid var(--ink);font:800 .85rem/1.05 var(--sans);letter-spacing:0;transform:rotate(8deg)}
.atlas-stamp>span{position:absolute;right:10px;bottom:8px;font-size:2rem;font-weight:400}
.city-atlas figcaption{font-size:.65rem;padding:1rem 1.2rem;line-height:1.7;border-top:1px solid var(--line);background:var(--canvas)}
.city-atlas figcaption span{font-size:.55rem;color:var(--muted)}
.home-audiences{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 0;border-block:1px solid var(--ink)}
.home-audiences>span{font:.58rem/1.7 var(--mono);max-width:20ch;color:var(--muted);letter-spacing:.07em}
.home-audiences a{text-decoration:none;font-size:.86rem}
.home-audiences a:hover{text-decoration:underline}
.home-section{padding:6rem 0}
.home-section-head{display:grid;grid-template-columns:1.4fr 1fr;gap:5rem;align-items:end;margin-bottom:3.2rem}
.home-section-head h2{margin:0;font-size:clamp(2.5rem,4.3vw,4rem)}
.home-section-head>p{margin:0;color:var(--muted);font-size:.98rem;max-width:36ch;justify-self:end}
.home-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.home-service{display:block;text-decoration:none;color:var(--ink);border-top:1px solid var(--ink);padding-top:1rem;transition:transform .2s}
.home-service:hover{transform:translateY(-5px);color:var(--ink)}
.home-num{display:flex;justify-content:space-between;gap:1rem;font:.58rem var(--mono);letter-spacing:.03em}
.home-num>span{font:1.2rem/1 var(--sans)}
.service-art{height:190px;margin:1.2rem 0 1.7rem;background:var(--paper);overflow:hidden;position:relative}
.service-art--web{padding:1.2rem 2.5rem 0;background:#e4e4ed}
.service-art--web>div{background:var(--blue);color:#fff;height:210px;padding:1.2rem 1.5rem;transform:rotate(-6deg);position:relative}
.service-art--web>div>span{font:.6rem var(--mono)}
.service-art--web strong{display:block;font:italic 2.3rem/1.03 Georgia,serif;margin-top:1rem;font-weight:400;letter-spacing:0}
.service-art--web i{position:absolute;right:1rem;top:1rem;background:var(--lime);color:var(--ink);width:35px;height:35px;display:grid;place-items:center;font-style:normal}
.service-art--local{display:grid;place-items:center;background:#e3e7d9}
.service-art--local strong{font:italic 4rem Georgia,serif;color:var(--blue);transform:rotate(-10deg);z-index:1;font-weight:400}
.local-ring{position:absolute;width:170px;height:110px;border:1px solid #96a28b;border-radius:50%;transform:rotate(-25deg)}
.local-ring::after,.local-ring::before{content:'';position:absolute;inset:-25px;border:1px solid #96a28b;border-radius:50%}
.local-ring::after{inset:-50px}
.local-cross{position:absolute;right:20px;top:10px;color:var(--blue);font-size:1.5rem}
.service-art--care{background:#efe5d7;padding:1.7rem 1.4rem;display:flex;flex-direction:column;align-items:start;gap:.55rem}
.service-art--care>span{padding:.35rem .8rem;background:var(--canvas);font-size:.72rem;border:1px solid #cfc5b6;transform:rotate(-4deg)}
.service-art--care>span::before{content:'✓';margin-right:1.2rem}
.service-art--care>span:nth-child(2){margin-left:2rem;transform:rotate(3deg)}
.service-art--care>span:last-child{background:var(--lime);margin-left:.4rem}
.home-service h3{font-size:1.8rem;margin-bottom:1rem}
.home-service p{font-size:.88rem;color:var(--muted);line-height:1.7}
.home-foot{display:block;font:.54rem/1.6 var(--mono);letter-spacing:.06em;margin-top:1.5rem;color:var(--muted)}
.showcase{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center;padding:3.5rem;background:var(--paper);margin-bottom:6rem}
.showcase h2{font-size:3rem}
.showcase-copy>p:not(.home-eyebrow):not(.home-micro){font-size:.95rem;color:var(--muted)}
.industry-switch{display:flex;gap:.3rem;flex-wrap:wrap;margin:1.8rem 0}
.industry-switch button{background:transparent;border:1px solid #a4a699;color:var(--ink);padding:.65rem .85rem;font-size:.8rem;min-height:44px}
.industry-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.home-micro{font-size:.65rem;color:var(--muted);margin:1.3rem 0 0}
.sample-site{--sample-bg:#f6f0e5;--sample-ink:#573a31;--sample-accent:#b76747;position:relative;overflow:hidden;background:var(--sample-bg);color:var(--sample-ink);border:1px solid #25292333;box-shadow:10px 12px 0 #2529230c;transform:rotate(2deg);transition:background .3s,color .3s;min-height:390px}
.sample-site[data-theme=elektro]{--sample-bg:#e4e8dc;--sample-ink:#304738;--sample-accent:#879b73}
.sample-site[data-theme=maler]{--sample-bg:#e3e9f1;--sample-ink:#26394e;--sample-accent:#647fa2}
.sample-site-bar{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid #25292325;padding:1rem 1.3rem;font:.5rem var(--mono);letter-spacing:.04em}
.sample-site-content{padding:2.5rem 1.6rem;position:relative;z-index:1;width:76%;min-height:315px}
.sample-site-content>p:first-child{font:.45rem/1.5 var(--mono);letter-spacing:.05em;max-width:32ch}
.sample-site-content h3{font:2.6rem/.98 Georgia,serif;letter-spacing:0;margin-block:1.3rem}
.sample-site-content>p:not(:first-child){font-size:.65rem;max-width:26ch}
.sample-site-cta{display:inline-block;margin-top:.5rem;padding:.65rem .8rem;background:var(--sample-ink);color:var(--sample-bg);font-size:.56rem}
.sample-site-art{position:absolute;right:-45px;top:125px;width:180px;height:200px}
.sample-site-art i{position:absolute;width:115px;height:150px;border-radius:65% 35% 45% 55%;background:var(--sample-accent);transform:rotate(-25deg);right:20px;top:40px}
.sample-site-art i:nth-child(2){background:transparent;border:1px solid var(--sample-ink);right:45px;top:5px;transform:rotate(25deg)}
.sample-site-art i:nth-child(3){width:60px;height:60px;right:83px;top:95px;background:var(--sample-bg);border:1px solid var(--sample-ink)}
.sample-site-bottom{font:.43rem/1.5 var(--mono);padding:1rem 1.3rem;border-top:1px solid #25292325;display:flex;justify-content:space-between;gap:1rem}
.home-feature{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem;background:var(--blue);color:#fff;align-items:center}
.home-feature-copy h2{font-size:clamp(2.5rem,4.5vw,4rem)}
.home-feature-copy .home-eyebrow{color:var(--lime);font-size:.58rem}
.home-feature-copy>p:not(.home-eyebrow){font-size:.94rem}
.home-feature-copy>p:last-child{margin:1.5rem 0 0}
.home-sample-link{color:#fff;font-size:.73rem}
.home-sample-link:hover{color:var(--lime)}
.home-feature :focus-visible{outline-color:var(--lime)}
.home-report{background:var(--canvas);color:var(--ink);padding:2rem;transform:rotate(-3deg);box-shadow:7px 10px 0 #0002}
.home-report header{display:flex;justify-content:space-between;gap:1rem;align-items:center;font:.47rem/1.5 var(--mono);border-bottom:1px solid var(--line);padding-bottom:1rem}
.home-tag{border:1px solid var(--ink);padding:.2rem .35rem;letter-spacing:.06em}
.home-report h3{font-size:2.3rem;margin:1.7rem 0}
.home-report dl{margin:0 0 1rem}
.home-report dl>div{display:flex;justify-content:space-between;gap:.5rem;border-top:1px solid var(--line);padding:.8rem 0;font-size:.72rem}
.home-report dt>span{font:.55rem var(--mono);margin-right:.5rem;color:var(--muted)}
.home-report dd{margin:0}
.home-report dl>div:nth-child(2){color:var(--blue)}
.home-priority{background:var(--lime);padding:1rem;font-size:.73rem;line-height:1.7}
.home-priority strong{display:block;margin-bottom:.4rem}
.home-report>p{font-size:.54rem;margin:1rem 0 0;color:var(--muted)}
.home-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.home-steps li{margin:0;border-top:1px solid var(--ink);padding-top:1.3rem}
.home-steps li>span{font:.6rem var(--mono);color:var(--blue)}
.home-steps h3{font-size:1.8rem;margin:1.6rem 0 1rem}
.home-steps p{font-size:.9rem;color:var(--muted)}
.home-pricing{background:var(--paper);padding:5rem 0}
.pricing-finder-link{margin-bottom:2rem}
.home-price-row{display:grid;grid-template-columns:1fr 1fr 1.1fr 48px;gap:2rem;align-items:center;padding:2rem 0;border-top:1px solid #a4a699}
.home-price-row:last-child{border-bottom:1px solid #a4a699}
.home-price-row h3{font-size:1.6rem;margin-bottom:.5rem}
.home-price-row small{font-size:.7rem;color:var(--muted)}
.home-price-row>p{font-size:.8rem;line-height:1.8;margin:0;color:var(--muted)}
.organic-plan__price{font-size:2rem;letter-spacing:0;margin:0}
.organic-plan__meta{font-size:.65rem;line-height:1.6;margin:.4rem 0 0;color:var(--muted);max-width:30ch}
.home-round{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;text-decoration:none;font-size:1.5rem}
.home-round:hover,.home-round:focus-visible{background:var(--blue);color:#fff;border-color:var(--blue)}
.home-variant{font-size:.82rem;margin:2rem 0 1rem;max-width:90ch}
.organic-pricing__note{font-size:.7rem;color:var(--muted);max-width:100ch}
.home-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem}
.home-faq h2{font-size:3rem}
.home-faq summary{font-size:.95rem}
.home-closing{background:var(--lime);position:relative;padding:4rem;margin-bottom:5rem;overflow:hidden}
.home-closing::after{content:'↗';position:absolute;right:3rem;top:2.8rem;font-size:10rem;line-height:1;color:var(--ink)}
.home-closing h2{font-size:clamp(2.4rem,5vw,4.4rem);max-width:80%}
.home-closing>p:not(.home-eyebrow){max-width:55ch;font-size:.95rem}
.home-closing .home-micro{display:block;color:var(--ink)}
@media(min-width:1500px){.home-hero{gap:6rem;padding-block:5rem}.home-hero h1{font-size:7rem}}
@media(max-width:74rem){.city-atlas{width:calc(100% - 1rem)}.home-hero{gap:2.5rem}.home-hero h1{font-size:6.6vw}.home-actions{gap:1rem}.home-actions .home-text-link{font-size:.75rem}.showcase{padding:2.5rem;gap:2.5rem}.home-feature{padding:3rem;gap:3rem}.home-section-head{gap:3rem}.sample-site-content h3{font-size:2.2rem}.home-price-row{gap:1.2rem}}
@media(max-width:60rem){.home-hero h1{font-size:6.6vw}.home-hero .home-eyebrow{font-size:.49rem}.home-lede{font-size:.97rem}.atlas-label{font-size:1.3rem;padding:1rem}.atlas-pin{width:60px;height:72px}.atlas-pin span{font-size:2.5rem}.atlas-stamp{width:85px;height:85px;font-size:.65rem;padding:.9rem}.home-actions{align-items:start;flex-direction:column}.home-service h3{font-size:1.5rem}.service-art--web{padding-inline:1.3rem}.showcase{gap:2rem;padding:2rem}.showcase h2{font-size:2.5rem}.home-feature{padding:2.5rem;gap:2rem}.home-report{padding:1.5rem}.home-report h3{font-size:2rem}.home-price-row{grid-template-columns:1fr 1fr 48px}.home-price-row>p{display:none}.home-closing::after{font-size:7rem;right:2rem}.home-faq{gap:3rem}}
@media(max-width:50rem){
 .home-hero{grid-template-columns:1fr 1fr;gap:2rem;padding-block:3rem}.home-hero h1{font-size:6.6vw}.home-hero .home-eyebrow{font-size:.5rem;line-height:1.7}.home-hero-audience{font-size:.58rem}.city-atlas{margin-right:.5rem}.atlas-label{font-size:1rem;left:8%;padding:.8rem}.atlas-label span{font-size:.48rem}.atlas-topline{padding:.8rem;font-size:.43rem}.atlas-coordinate{display:none}.atlas-stamp{right:-1rem;bottom:15%;width:70px;height:75px;font-size:.58rem;padding:.8rem .5rem}.atlas-stamp>span{font-size:1.4rem}.city-atlas figcaption{padding:.8rem;font-size:.55rem}.city-atlas figcaption span{font-size:.48rem}.atlas-pin{width:50px;height:60px}.atlas-pin span{font-size:2rem}.home-audiences{flex-wrap:wrap;justify-content:start;gap:1rem 1.5rem}.home-audiences>span{max-width:none;width:100%}.home-audiences a{font-size:.77rem}.home-section{padding-block:4rem}.home-section-head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.home-section-head>p{justify-self:start;max-width:50ch}.home-services{gap:1.2rem}.home-num{font-size:.48rem}.service-art{height:155px}.service-art--web strong{font-size:1.8rem}.service-art--care{padding:1.6rem .6rem}.service-art--care>span{font-size:.55rem;padding:.3rem .5rem}.service-art--care>span:nth-child(2){margin-left:.5rem}.home-service h3{font-size:1.35rem}.home-service p{font-size:.8rem}.home-foot{font-size:.45rem}.showcase{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;padding:2rem}.sample-site{max-width:500px;width:100%;margin:0 auto}.sample-site-content h3{font-size:3rem}.sample-site-art{right:-10px}.home-feature{grid-template-columns:1fr;padding:2.5rem;gap:2.5rem}.home-report{max-width:450px;width:100%;margin:auto;padding:2rem}.home-report h3{font-size:2.5rem}.home-steps{gap:1.5rem}.home-steps h3{font-size:1.4rem}.home-steps p{font-size:.82rem}.home-pricing{padding-block:4rem}.home-faq{grid-template-columns:1fr;gap:2rem}.home-closing{padding:2.5rem;margin-bottom:4rem}.home-closing h2{max-width:85%}.home-closing::after{font-size:5rem;right:1.5rem;top:4rem}
}
@media(max-width:36rem){
 .home-hero{grid-template-columns:1fr;padding:2rem 0 2.5rem;gap:2.4rem}.home-hero .home-eyebrow{font-size:.49rem;margin-bottom:1.5rem}.home-hero h1{font-size:clamp(3rem,16vw,6rem);margin-bottom:1.5rem}.home-lede{font-size:1rem}.home-actions{flex-direction:row;align-items:center;gap:1.2rem;flex-wrap:wrap}.home-actions .home-btn{font-size:.75rem;gap:.7rem;padding:.9rem 1rem}.home-hero-audience{font-size:.62rem;max-width:38ch}.city-atlas{width:calc(100% - .9rem);margin-inline:auto}.atlas-topline{font-size:.49rem;padding:.8rem 1rem}.atlas-map{max-height:330px}.atlas-pin{width:56px;height:67px;top:26%}.atlas-pin span{font-size:2.4rem}.atlas-label{font-size:1.3rem;top:48%;left:12%;padding:1rem}.atlas-label span{font-size:.52rem}.atlas-stamp{width:78px;height:78px;bottom:11%}.city-atlas figcaption{font-size:.59rem}.home-audiences{gap:.8rem 1.2rem;padding-block:1.2rem}.home-audiences a{font-size:.75rem}.home-services{grid-template-columns:1fr;gap:2.5rem}.home-num{font-size:.6rem}.service-art{height:195px}.service-art--web{padding-inline:3.5rem}.service-art--web strong{font-size:2.6rem}.service-art--care{padding:1.6rem 2rem}.service-art--care>span{font-size:.75rem;padding:.35rem .8rem}.service-art--care>span:nth-child(2){margin-left:2rem}.home-service h3{font-size:1.9rem}.home-service p{font-size:.9rem}.home-foot{font-size:.58rem}.home-section-head h2{font-size:2.5rem}.showcase{padding:1.5rem}.showcase h2{font-size:2.4rem}.sample-site{min-height:350px}.sample-site-content{padding:2rem 1.2rem;min-height:280px;width:82%}.sample-site-content h3{font-size:2.35rem}.sample-site-art{right:-60px;top:95px}.sample-site-bar{padding:.8rem;font-size:.42rem}.sample-site-bottom{padding:.8rem;font-size:.4rem}.industry-switch button{padding:.6rem .7rem;font-size:.72rem}.home-feature{padding:2rem 1.4rem}.home-feature-copy .home-eyebrow{font-size:.5rem}.home-report{padding:1.3rem;transform:rotate(-2deg)}.home-report header{font-size:.42rem}.home-report h3{font-size:2rem}.home-report dl>div{font-size:.65rem}.home-steps{grid-template-columns:1fr;gap:1.5rem}.home-steps h3{font-size:1.8rem;margin-top:1rem}.home-steps p{font-size:.9rem}.home-price-row{grid-template-columns:1fr 48px;gap:1rem}.home-price-row>div:first-child{grid-column:1}.home-cost{grid-column:1}.home-round{grid-column:2;grid-row:1/3}.organic-plan__price{font-size:2.2rem}.organic-plan__meta{max-width:34ch}.home-variant{font-size:.8rem}.home-faq h2{font-size:2.5rem}.home-closing{padding:2.5rem 1.5rem}.home-closing h2{max-width:100%;font-size:2.5rem}.home-closing::after{display:none}.home-closing .home-btn{font-size:.7rem;gap:.7rem}
}
@media print{.city-atlas,.service-art,.sample-site-art{print-color-adjust:exact}.home-hero{padding-block:1rem}.home-hero h1{font-size:4rem}.home-feature,.home-report,.sample-site{transform:none}.home-feature{background:#fff;color:#000}.home-report{box-shadow:none}.home-service{break-inside:avoid}.home-closing{margin-bottom:1rem}}
[data-sample-heading]{white-space:pre-line}

/* Motion follows the printed composition: type, paper, ink and registration. */
.hero-line{display:block;overflow:clip;padding-block:.09em;margin-block:-.09em}
.hero-line>span{display:inline-block}
.city-atlas{transition:transform 450ms cubic-bezier(.22,1,.36,1)}
.city-atlas:where(.atlas-tracking){transform:perspective(1200px) rotateX(var(--atlas-y,0deg)) rotateY(var(--atlas-x,0deg)) rotate(2deg)}
.home-service:hover{transform:none}
.service-art--web>div,.local-ring,.service-art--care>span{transition:transform 550ms cubic-bezier(.22,1,.36,1)}
.home-num>span{transition:translate 350ms cubic-bezier(.22,1,.36,1)}
.home-service:focus-visible .service-art--web>div{transform:translateY(-6px) rotate(-2deg)}
.home-service:focus-visible .local-ring{transform:rotate(-10deg) scale(.88)}
.home-service:focus-visible .service-art--care>span{transform:rotate(0deg) translateX(4px)}
.service-art--care>span:nth-child(2){transition-delay:40ms}
.service-art--care>span:last-child{transition-delay:80ms}

/* The three studies have their own geometry, as well as their own palette. */
.sample-site{transition:background 550ms ease,color 550ms ease}
.sample-site-art i{transition:transform 750ms cubic-bezier(.22,1,.36,1),border-radius 750ms cubic-bezier(.22,1,.36,1),background 550ms ease,border-color 550ms ease}
.sample-site-art i:first-child{border-radius:60% 60% 3% 3%;transform:rotate(-18deg)}
.sample-site-art i:nth-child(2){border-radius:60% 60% 3% 3%;transform:rotate(13deg)}
.sample-site-art i:nth-child(3){border-radius:50%;transform:rotate(0deg)}
.sample-site[data-theme=elektro] .sample-site-art i:first-child{border-radius:50%;transform:translate(-10px,-8px) rotate(15deg) scale(.95)}
.sample-site[data-theme=elektro] .sample-site-art i:nth-child(2){border-radius:50%;transform:translate(-5px,12px) rotate(-30deg) scale(1.12)}
.sample-site[data-theme=elektro] .sample-site-art i:nth-child(3){transform:translate(28px,-38px) scale(.72)}
.sample-site[data-theme=maler] .sample-site-art i:first-child{border-radius:2px;transform:translate(5px,-12px) rotate(-8deg)}
.sample-site[data-theme=maler] .sample-site-art i:nth-child(2){border-radius:2px;transform:translate(-14px,6px) rotate(8deg)}
.sample-site[data-theme=maler] .sample-site-art i:nth-child(3){border-radius:2px;transform:translate(-2px,-32px) rotate(-8deg)}
.industry-switch button{position:relative}
.industry-switch button::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 350ms cubic-bezier(.22,1,.36,1)}
.industry-switch button[aria-pressed=true]::after{transform:scaleX(1)}
.home-round{transition:background 250ms ease,color 250ms ease,border-color 250ms ease}
.home-price-row{transition:background 300ms ease}
.home-price-row:focus-within{background:var(--canvas)}

@media(hover:hover) and (pointer:fine){
 .home-service:hover .service-art--web>div{transform:translateY(-6px) rotate(-2deg)}
 .home-service:hover .local-ring{transform:rotate(-10deg) scale(.88)}
 .home-service:hover .service-art--care>span{transform:rotate(0deg) translateX(4px)}
 .home-service:hover .home-num>span{translate:3px -3px}
 .home-price-row:hover{background:var(--canvas)}
}
@media(prefers-reduced-motion:reduce){
 .city-atlas{transform:rotate(2deg)}
 .home-service:is(:hover,:focus-visible) .service-art--web>div{transform:rotate(-6deg)}
 .home-service:is(:hover,:focus-visible) .local-ring{transform:rotate(-25deg)}
 .home-service:is(:hover,:focus-visible) .service-art--care>span{transform:rotate(-4deg)}
 .home-service:is(:hover,:focus-visible) .service-art--care>span:nth-child(2){transform:rotate(3deg)}
 .home-service:hover .home-num>span{translate:none}
}
@media print{
 .city-atlas{transform:none}
 .hero-line{overflow:visible}
 .atlas-route-reveal{stroke-dashoffset:0!important}
}