/* Shared solution artwork, hero atmosphere, and overview cover. */
.solution-grid>a:has(.solution-illustration){display:grid;grid-template-columns:minmax(0,1fr) 132px;column-gap:16px;align-content:start}.solution-grid .case-number{align-self:end}.solution-illustration{grid-column:2;grid-row:1 / 3;align-self:center;width:132px;height:132px;object-fit:contain;mix-blend-mode:multiply}.solution-grid:has(.solution-illustration) h3{grid-column:1}.solution-grid:has(.solution-illustration) p,.solution-grid:has(.solution-illustration) b{grid-column:1 / -1}
.home-illustration,.service-art-hero,.lead-art{position:relative;isolation:isolate}
.home-illustration::before,.service-art-hero::before,.lead-art::before{content:"";position:absolute;inset:8% 4% 14%;z-index:-1;border-radius:46% 54% 60% 40%;background:radial-gradient(ellipse at 65% 30%,#f9e3dc 0, #faf2ef 38%,#fff 72%);pointer-events:none}
.home-illustration::after,.service-art-hero::after,.lead-art::after{content:"";position:absolute;inset:15% 8% 21%;z-index:-1;border:1px solid #d77d6228;border-radius:50%;transform:rotate(-16deg);pointer-events:none}
.home-illustration>img,.service-art-hero>img,.lead-art>img{mix-blend-mode:multiply}
.walkthrough-cover{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:24px;padding:44px;background:#fcf7f4;color:#1c2028;border-color:#eadbd4}
.vsl-copy{display:flex;flex-direction:column;gap:24px;min-width:0}.walkthrough-cover .walkthrough-label{color:#a73527}.walkthrough-cover strong{font-size:clamp(1.6rem,3.1vw,2.9rem)}.vsl-services{font-size:.85rem;line-height:1.6;color:#656773}.vsl-watch{display:flex;align-items:center;gap:16px;font-size:.9rem;font-weight:600}.vsl-art{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}.walkthrough-cover .walkthrough-play{width:58px;height:58px;font-size:1.3rem;flex-shrink:0}
@media(prefers-reduced-motion:no-preference){.home-illustration::before,.service-art-hero::before,.lead-art::before{animation:art-tide 4.5s ease-in-out 1}.home-illustration::after,.service-art-hero::after,.lead-art::after{animation:art-orbit 4.5s ease-in-out 1}}
@keyframes art-tide{0%{transform:translate(-8px,8px) scale(.94);opacity:.55}50%{transform:translate(8px,-5px) scale(1.04);opacity:1}100%{transform:none;opacity:1}}
@keyframes art-orbit{0%{transform:rotate(-22deg) scale(.94);opacity:.3}50%{transform:rotate(-10deg) scale(1.03);opacity:1}100%{transform:rotate(-16deg);opacity:1}}
@media(max-width:1000px) and (min-width:801px){.solution-grid>a:has(.solution-illustration){grid-template-columns:minmax(0,1fr) 100px}.solution-illustration{width:100px;height:100px}}
@media(max-width:600px){.walkthrough-player{aspect-ratio:auto;min-height:360px}.walkthrough-cover{grid-template-columns:1fr;padding:26px;gap:14px}.vsl-copy{gap:15px}.walkthrough-cover strong{font-size:1.8rem}.vsl-art{max-height:180px}.vsl-watch{font-size:.85rem}.walkthrough-cover .walkthrough-play{width:44px;height:44px}.walkthrough-cover .walkthrough-label{font-size:.65rem}}
@media(max-width:480px){.solution-grid>a:has(.solution-illustration){grid-template-columns:minmax(0,1fr) 76px;column-gap:10px}.solution-illustration{width:76px;height:90px;grid-row:1}.solution-grid:has(.solution-illustration) h3{grid-column:1 / -1}.solution-grid .case-number{align-self:center}}
