.edit-path{position:relative;isolation:isolate;margin-block:80px 55px;overflow:clip;padding-top:35px;padding-bottom:55px}
.edit-path::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at -12% 10%,transparent 0 24px,#7777770b 25px 26px,transparent 27px 45px);mask-image:linear-gradient(110deg,#000,transparent 55%)}
.edit-path-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}
.edit-path-heading .eyebrow{color:var(--red);margin-bottom:14px}
.edit-path-heading h2{font-size:clamp(34px,4vw,60px);letter-spacing:-2px}
.edit-path-heading>p{color:var(--muted);font-size:16px;line-height:1.5;flex-shrink:0}
.edit-path-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;list-style:none;padding:0 14px;margin:0}
.edit-path-cards>li{position:relative;min-width:0}
.edit-path-card{display:block;position:relative;isolation:isolate;aspect-ratio:4/4.8;border:1px solid #555;border-radius:20px;overflow:hidden;background:#171719;color:#fff;transform:rotate(-5deg);box-shadow:0 20px 35px #0002;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.edit-path-card>img{width:100%;height:100%;object-fit:cover;object-position:center}
.edit-path-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#111e 0%,#1119 24%,transparent 55%);pointer-events:none;z-index:1}
.edit-path-copy{position:absolute;top:25px;left:24px;right:14px;z-index:2}
.edit-path-copy>p{font-size:11px;letter-spacing:3px;font-weight:700;margin-bottom:15px;color:#e5e5e7}
.edit-path-copy h3{font-size:clamp(22px,2.2vw,34px);line-height:1.08;letter-spacing:-.7px}.edit-path-copy h3>span{color:var(--red)}
.edit-path-arrow{position:absolute;right:18px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:#1116;z-index:2;transition:background .25s}
.edit-path-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.edit-path-connector{position:absolute;top:31%;right:-33px;width:32px;height:110px;border-right:3px dashed var(--red);border-radius:50%;transform:rotate(-28deg);z-index:-1}
.edit-path-connector::after{content:"";position:absolute;right:-9px;top:42%;width:16px;height:16px;border-radius:50%;background:var(--red);border:4px solid var(--paper);box-shadow:0 0 0 1px var(--red)}
.edit-path-note{text-align:right;margin:34px 16px 0;font-family:cursive;font-size:19px;transform:rotate(-3deg)}
@media(hover:hover) and (pointer:fine){.edit-path-card:hover,.edit-path-card:focus-visible{transform:translateY(-10px) rotate(0);border-color:var(--red);box-shadow:0 25px 45px #0004,0 8px 35px #f20d1420}.edit-path-card:hover .edit-path-arrow{background:var(--red)}}
@media(max-width:1050px){.edit-path-heading{align-items:start;flex-direction:column;gap:20px}.edit-path-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 40px}.edit-path-cards>li:nth-child(2) .edit-path-connector{display:none}.edit-path-copy h3{font-size:32px}.edit-path-card{aspect-ratio:1/1.1}}
@media(max-width:600px){.edit-path{margin-block:45px 30px;padding-inline:8px;padding-bottom:28px}.edit-path-heading{margin-bottom:40px;padding-inline:8px}.edit-path-heading h2{font-size:36px;letter-spacing:-1.4px}.edit-path-heading>p{font-size:15px}.edit-path-cards{grid-template-columns:1fr;gap:38px;padding-inline:16px}.edit-path-card{transform:rotate(-3deg);aspect-ratio:1/1.05}.edit-path-copy{top:24px;left:24px}.edit-path-copy h3{font-size:32px}.edit-path-connector{display:none}.edit-path-note{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.edit-path-card,.edit-path-arrow{transition:none}.edit-path-card:hover,.edit-path-card:focus-visible{transform:rotate(-5deg)}}

/* Compact phone layout: four steps in two rows. */
@media(max-width:600px){
 .edit-path{margin-block:28px 20px;padding:12px 0 20px}
 .edit-path-heading{gap:10px;margin-bottom:24px;padding-inline:4px}
 .edit-path-heading h2{font-size:29px;letter-spacing:-1px}
 .edit-path-heading .eyebrow{font-size:9px;margin-bottom:8px}
 .edit-path-heading>p{font-size:13px}.edit-path-heading>p br{display:none}
 .edit-path-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding-inline:5px}
 .edit-path-card{aspect-ratio:3/4;transform:rotate(-2deg);border-radius:13px}
 .edit-path-copy{top:14px;left:12px;right:8px}.edit-path-copy>p{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}
 .edit-path-copy h3{font-size:20px;letter-spacing:-.5px}
 .edit-path-arrow{width:30px;height:30px;bottom:10px;right:10px}.edit-path-arrow svg{width:17px;height:17px}
 .edit-path-offer{left:10px;right:10px;bottom:45px}.edit-path-offer .price-line{font-size:10px;gap:3px 5px}.edit-path-offer .offer-discount{font-size:8px;padding:2px 5px}
 .edit-path-note{font-size:14px;margin-top:18px}
}