/* Ready solutions extend the studio's editorial page system. */
.family-solution .res-hero,.family-solutions-index .res-hero{min-height:570px}
.family-solution .res-hero h1{font-size:clamp(3.4rem,8vw,6rem);max-width:100%}
.solution-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:clamp(64px,8vw,120px) var(--gutter);background:var(--cyan);color:var(--night)}
.solution-intro h2{font:600 clamp(2rem,3.7vw,4rem)/1.1 var(--display);letter-spacing:-.03em;margin:0}
.solution-intro p{max-width:58ch;margin:0 0 1.3em}
.family-solutions-index .studio-index>div{display:block}
.family-solutions-index .studio-index>div>a{grid-template-columns:1fr 1fr auto;padding-block:42px}
.family-solutions-index .studio-index>div>a p{grid-column:2}
.family-solutions-index .studio-index>div>a span{grid-column:3}
.purchase-map{margin:0;padding:clamp(40px,6vw,90px) var(--gutter);background:#5140b0;color:var(--paper)}
.purchase-map figcaption{font:600 clamp(1.5rem,2.7vw,2.8rem)/1.2 var(--display);letter-spacing:-.025em;max-width:25ch;margin-bottom:48px}
.purchase-map ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid currentColor}
.purchase-map li{position:relative;padding:30px 32px 30px 0;min-width:0}
.purchase-map strong{display:block;font:600 clamp(1.1rem,1.7vw,1.7rem)/1.2 var(--display);margin-bottom:18px}
.purchase-map span{display:block;max-width:20ch;font-size:1rem}
.purchase-map i{position:absolute;right:14px;top:25px;font-size:25px;font-style:normal;animation:purchase-route 3s ease-in-out infinite}
.purchase-map li:nth-child(2) i{animation-delay:.3s}.purchase-map li:nth-child(3) i{animation-delay:.6s}
.purchase-map>p{max-width:65ch;margin:30px 0 0;font-size:1.1rem}
.solution-spec{margin:32px 0}
.solution-spec>div{padding-block:22px;border-top:1px solid rgba(8,10,15,.3)}
.solution-spec dt{font-weight:700;font-size:1.2rem;margin-bottom:10px}.solution-spec dd{margin:0;max-width:65ch}
.solution-stages{padding-left:1.5em;margin:0}.solution-stages li{padding-left:.5em;margin-bottom:36px}.solution-stages li::marker{font-weight:700;color:#5140b0}
.solution-stages h3{font:600 1.35rem/1.3 var(--display);margin:0 0 14px}
@keyframes purchase-route{0%,70%,100%{transform:translateX(0)}35%{transform:translateX(5px)}}
@media(max-width:980px){.solution-intro{grid-template-columns:1fr;gap:32px}.purchase-map ol{grid-template-columns:1fr 1fr}.purchase-map li{border-bottom:1px solid currentColor}.purchase-map li:nth-child(2) i{display:none}.family-solutions-index .studio-index>div>a{grid-template-columns:1fr auto}.family-solutions-index .studio-index>div>a p{grid-column:1}.family-solutions-index .studio-index>div>a span{grid-column:2}}
@media(max-width:600px){.family-solution .res-hero,.family-solutions-index .res-hero{min-height:490px}.purchase-map ol{grid-template-columns:1fr}.purchase-map li{padding:24px 30px 28px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.purchase-map strong{font-size:1.05rem;margin:0}.purchase-map span{font-size:.95rem}.purchase-map i,.purchase-map li:nth-child(2) i{display:block;top:auto;bottom:-16px;right:8px;transform:rotate(90deg);animation:none}.purchase-map figcaption{margin-bottom:30px}.solution-stages h3{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.purchase-map i{animation:none}}

.family-solution .res-path{display:flex;align-items:center;flex-wrap:wrap;gap:8px;right:var(--gutter)}.family-solution .res-path span{margin:0}

.solution-catalog{padding:clamp(50px,7vw,100px) var(--gutter);background:var(--cyan);color:var(--night);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.solution-catalog>a{display:flex;flex-direction:column;text-decoration:none;border-top:1px solid;padding-top:30px}.solution-catalog h2{font:600 clamp(1.7rem,3.4vw,3.6rem)/1.1 var(--display);letter-spacing:-.03em;margin:0 0 22px}.solution-catalog p{max-width:55ch}.solution-catalog span{margin-top:auto;padding-top:24px;text-decoration:underline;font-weight:700}@media(max-width:800px){.solution-catalog{grid-template-columns:1fr;gap:48px}}