/* Native links stay explicit before hover; motion only supports the affordance. */
.v34 .service-link-tiles{gap:22px;border:0}
.v34 .service-link-tiles>a,.v34 .service-link-tiles>a:last-child{padding:32px;border:1px solid #bac5b0;background:#fff;min-height:350px;isolation:isolate;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .35s,border-color .35s;cursor:pointer}
.v34 .service-link-tiles .v32-next-no{color:#526637;font-size:12px;letter-spacing:.02em}
.v34 .service-link-tiles strong{position:relative;z-index:1;font-size:clamp(28px,2.65vw,52px);line-height:1.35;margin:28px 0 22px;letter-spacing:-.055em}
.v34 .service-link-tiles .tile-description{font-size:14px;line-height:1.85;color:#4c5944;max-width:32em;margin:0 0 25px;position:relative;z-index:1}
.v34 .service-link-tiles>a>.tile-destination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid #c5cebe;font-size:13px;font-weight:600;position:relative;z-index:1}
.tile-destination i{font-style:normal;font-size:23px;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#181c1a;color:#c9ff3b;transition:transform .35s,background .35s,color .35s}
.v34 .service-link-tiles .tile-illustration{position:absolute;right:27px;top:62px;width:clamp(90px,10vw,160px);height:auto;margin:0;opacity:0;transform:translate(12px,15px) rotate(8deg);color:#25351e;pointer-events:none;transition:opacity .4s,transform .6s cubic-bezier(.2,.7,.2,1)}
.tile-illustration svg{display:block;width:100%;height:auto}
.v34 .service-link-tiles>a:focus-visible{outline:2px solid #526637;outline-offset:5px;background:#f2f7e9}
.service-link-tile:focus-visible .tile-destination i{transform:rotate(45deg);background:#c9ff3b;color:#181c1a}
@media(hover:hover) and (pointer:fine){
 .v34 .service-link-tiles>a:hover{transform:translateY(-5px);background:#f2f7e9;border-color:#73845f}
 .v34 .service-link-tiles>a:hover .tile-illustration,.v34 .service-link-tiles>a:focus-visible .tile-illustration{opacity:1;transform:translate(0,0) rotate(0)}
 .service-link-tile:hover .tile-destination i{transform:rotate(45deg);background:#c9ff3b;color:#181c1a}
}
@media(min-width:1000px){.v34 .service-link-tiles strong{padding-right:130px}}
@media(min-width:1800px){.v34 .service-link-tiles>a,.v34 .service-link-tiles>a:last-child{padding:45px}.v34 .service-link-tiles .tile-description{font-size:18px}.v34 .service-link-tiles .tile-illustration{right:42px;top:100px}.v34 .service-link-tiles>a>.tile-destination{font-size:16px}}
@media(max-width:999px){
 .v34 .service-link-tiles .tile-illustration{width:76px;right:25px;top:26px}
 .v34 .service-link-tiles strong{margin-top:45px}
 .v34 .service-link-tiles .v32-next-no{max-width:calc(100% - 82px);font-size:11px;line-height:1.6}
}
@media(hover:none),(pointer:coarse){.v34 .service-link-tiles .tile-illustration{opacity:.7;transform:none}}
@media(max-width:600px){
 .v34 .service-link-tiles{gap:16px}
 .v34 .service-link-tiles>a,.v34 .service-link-tiles>a:last-child{min-height:0;padding:26px 24px}
 .v34 .service-link-tiles strong{font-size:32px;line-height:1.3;margin-bottom:20px}
 .v34 .service-link-tiles .tile-description{font-size:13px}
 .v34 .service-link-tiles .tile-illustration{opacity:.65;transform:none;right:22px;top:22px}
}

/* An actual delivered website gives the lime panel a concrete subject. */
.v34 .v32-service-main h3{font-size:clamp(34px,3.55vw,74px)}
.v34 .service-showcase-panel{overflow:hidden;padding:40px 7%}
.service-showcase{width:100%;display:flex;flex-direction:column;min-height:520px;color:#181c1a}
.showcase-eyebrow{font:10px/1.6 Inter,sans-serif;letter-spacing:.12em}
.service-showcase .showcase-type{font:650 clamp(65px,7.3vw,155px)/.83 Inter,sans-serif;letter-spacing:-.08em;margin:33px 0 0;display:block}
.showcase-type>span{display:block}.showcase-period{color:#506b19}
.showcase-devices{position:relative;margin:12px 0 0;min-height:260px;aspect-ratio:1.35;isolation:isolate}
.showcase-browser{position:absolute;left:0;top:10%;width:88%;border:1px solid #181c1a;transform:rotate(-5deg);background:#fff;box-shadow:9px 12px 0 #7da31345;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.showcase-toolbar{height:24px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#181c1a;color:#fff;font:7px/1 Inter,sans-serif;letter-spacing:.06em}
.showcase-toolbar>span:first-child{font-size:5px;letter-spacing:2px;color:#c9ff3b}
.v34 .v32-service-main .showcase-browser img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block;box-shadow:none;transform:none;border-radius:0}
.showcase-phone{position:absolute;right:0;top:15%;width:23%;border:4px solid #181c1a;border-radius:15px;overflow:hidden;background:#181c1a;transform:rotate(6deg);box-shadow:5px 8px 0 #7da31345;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.showcase-phone i{position:absolute;top:3px;left:33%;right:33%;height:6px;border-radius:9px;background:#181c1a;z-index:1}
.v34 .v32-service-main .showcase-phone img{width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;display:block;box-shadow:none;transform:none;border-radius:0}
.showcase-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:auto;padding-top:22px;font-size:10px;line-height:1.5}
.showcase-caption>span:last-child{font:9px/1.5 Inter,sans-serif;letter-spacing:.04em}
.showcase-disciplines{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #7d9d32;margin-top:18px;padding-top:16px;font:9px/1.5 Inter,sans-serif;letter-spacing:.03em}
@media(hover:hover) and (pointer:fine){.v32-service-main:hover .showcase-browser{transform:rotate(-2deg) translateY(-4px)}.v32-service-main:hover .showcase-phone{transform:rotate(3deg) translateY(-8px)}}
@media(min-width:1800px){.service-showcase{min-height:760px}.showcase-caption{font-size:13px}.showcase-caption>span:last-child,.showcase-disciplines{font-size:12px}}
@media(max-width:850px){.v34 .service-showcase-panel{padding:38px 9%}.service-showcase{min-height:0}.service-showcase .showcase-type{font-size:clamp(80px,16vw,135px)}.showcase-devices{min-height:0;aspect-ratio:1.45;margin-top:15px}.showcase-caption{margin-top:10px}}
@media(max-width:600px){.v34 .service-showcase-panel{padding:32px 26px}.service-showcase .showcase-type{font-size:clamp(66px,17vw,100px);margin-top:26px}.showcase-eyebrow{font-size:8px}.showcase-phone{border-width:3px;border-radius:10px;width:25%}.showcase-toolbar{height:17px;font-size:5px;padding-inline:7px}.showcase-caption{font-size:9px;padding-top:12px;gap:8px}.showcase-caption>span:last-child{font-size:7px}.showcase-disciplines{font-size:7px;gap:8px}}
@media(prefers-reduced-motion:reduce){.v34 .service-link-tiles>a,.v34 .service-link-tiles .tile-illustration,.tile-destination i,.showcase-browser,.showcase-phone{transition:none!important}.v34 .service-link-tiles>a:hover{transform:none}.v34 .service-link-tiles .tile-illustration{transform:none}}
/* Fold, locate, and process: purposeful single-pass motion, never an idle loop. */
.map-fold-left{transform-origin:59px 115px}.map-fold-right{transform-origin:101px 115px}.map-fold-center{transform-origin:80px 118px}
.chip-core,.chip-inner{transform-origin:80px 80px}.chip-signals path{stroke-dasharray:5 23;stroke-dashoffset:0;opacity:0}
@keyframes map-open-left{0%,12%{transform:scaleX(.04) skewY(-15deg)}70%,100%{transform:scaleX(1) skewY(0)}}
@keyframes map-open-right{0%,22%{transform:scaleX(.04) skewY(15deg)}80%,100%{transform:scaleX(1) skewY(0)}}
@keyframes map-pin-land{0%,48%{transform:translateY(-32px);opacity:0}72%{transform:translateY(3px);opacity:1}87%{transform:translateY(-3px)}100%{transform:translateY(0);opacity:1}}
@keyframes map-shadow-land{0%,48%{opacity:0}75%{opacity:.25}100%{opacity:.15}}
@keyframes chip-transmit{0%{stroke-dashoffset:28;opacity:0}15%,80%{opacity:1}100%{stroke-dashoffset:-28;opacity:0}}
@keyframes chip-process{0%,100%{transform:scale(1)}45%{transform:scale(1.045);fill:#dcff87}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :is(.service-link-tile,.choice-link):is(:hover,:focus-visible) .map-fold-left{animation:map-open-left 1.15s cubic-bezier(.22,1,.36,1) both}
 :is(.service-link-tile,.choice-link):is(:hover,:focus-visible) .map-fold-right{animation:map-open-right 1.15s cubic-bezier(.22,1,.36,1) both}
 :is(.service-link-tile,.choice-link):is(:hover,:focus-visible) .map-pin-drop{animation:map-pin-land 1.3s both}
 :is(.service-link-tile,.choice-link):is(:hover,:focus-visible) .map-pin-shadow{animation:map-shadow-land 1.3s both}
 :is(.service-link-tile,.choice-link):is(:hover,:focus-visible) .chip-in{animation:chip-transmit .85s .1s ease both}
 :is(.service-link-tile,.choice-link):is(:hover,:focus-visible) .chip-core{animation:chip-process .7s .5s ease both}
 :is(.service-link-tile,.choice-link):is(:hover,:focus-visible) .chip-out{animation:chip-transmit .85s .8s ease both}
}
/* Maps and chips explain the service without requiring a hover or a replay. */
.v34 .service-link-tiles .tile-illustration,.v34 .service-link-tiles>a:is(:hover,:focus-visible) .tile-illustration{opacity:1;transform:none;transition:none}
.service-link-tiles .tile-illustration *{animation:none!important}
.service-link-tiles .tile-illustration .chip-signals{display:none}