.solution-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px;scroll-margin-top:115px}
.solution-controls p{margin:0;color:var(--muted);font-size:1rem}
.solution-controls>div{display:flex;gap:10px}
.solution-controls button{width:48px;height:48px;border:1px solid #a8d7e8;border-radius:50%;background:#f3fcff;color:var(--navy);font-size:1.4rem}
.solution-controls button:disabled{opacity:.35;cursor:default}
.solutions{display:flex;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:24px;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#159cb9 #e4f5fb}
.solutions .solution-section{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:40px;padding:28px;border:1px solid #cae8f2;border-radius:28px;background:linear-gradient(130deg,#f6fdfff5,#e4f7fff0);scroll-snap-align:start}
.solutions .solution-section:nth-child(even) .solution-picture{order:0}
.solutions .solution-picture{min-height:300px;height:360px}
.solutions .detail-art{height:280px}
.solutions .solution-copy h2{font-size:clamp(2rem,3.3vw,3.5rem)}
.solutions .reveal,html.motion-ready .solutions .reveal:not(.is-visible){opacity:1;transform:none}
.work-card .work-photo figcaption{grid-template-columns:minmax(0,1fr) auto}
.faq-section{padding-block:40px 90px;max-width:1100px}
.faq-list{padding:8px 30px}
.faq-list details{border-bottom:1px solid #badce8;padding:0}
.faq-list details:last-child{border:0}
.faq-list summary{padding:22px 0;cursor:pointer;color:var(--navy);font-size:1.125rem;font-weight:700}
.faq-list details p{margin:0 0 24px;color:var(--muted);font-size:1rem;line-height:1.7;max-width:850px}
@media(max-width:900px){.solutions .solution-section{grid-template-columns:1fr;gap:24px}.solutions .solution-picture{height:230px;min-height:0}.solutions .detail-art{height:210px}}
@media(max-width:600px){.solution-controls{scroll-margin-top:100px}.solution-controls p{max-width:190px;font-size:.9375rem}.solutions{gap:14px}.solutions .solution-section{padding:20px;gap:18px}.solutions .solution-picture{height:180px}.solutions .detail-art{height:165px}.solutions .solution-copy h2{font-size:2rem}.faq-section{padding-block:25px 60px}.faq-list{padding:4px 20px}.faq-list summary{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.solutions{scroll-behavior:auto;scroll-snap-type:none}}