.solution-gallery{--solution-surface: #141414;--solution-border: #343434;--solution-muted: #a3a3a3}.solution-deck{position:relative;display:flex;gap:18px;margin:0 -24px;padding:34px 24px 32px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:24px;overscroll-behavior-x:contain}.solution-deck::-webkit-scrollbar{display:none}.solution-card{position:relative;display:flex;flex:0 0 min(78vw,290px);flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--solution-border);border-radius:16px;background:var(--solution-surface);color:#fff;text-align:left;cursor:pointer;scroll-snap-align:center;transition:border-color .22s,background-color .22s}.solution-card.is-active{border-color:#878787;background:#191919}.solution-card:focus-visible{outline:2px solid #fff;outline-offset:5px}.solution-card-top{display:flex;align-items:center;justify-content:space-between;padding:18px 19px 10px;color:#d5d5d5;font-size:12px;font-variant-numeric:tabular-nums}.solution-card-art{display:block;margin:0 13px;overflow:hidden;border-radius:10px;background:#fff}.solution-preview{display:block;width:100%;height:auto}.solution-card-caption{display:flex;min-height:96px;flex-direction:column;gap:7px;padding:14px 19px 22px}.solution-card-verb{color:#a3a3a3;font-size:12px;font-weight:400;letter-spacing:.025em}.solution-card-title{font-size:18px;line-height:1.24;font-weight:500;letter-spacing:-.025em}.solution-controls{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:2px}.solution-swipe-hint{margin:0;font-size:12px;color:#777}.solution-toggle{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:16px;padding:12px 25px;border:1px solid #fff;border-radius:100px;background:#fff;color:#000;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .18s}.solution-toggle:hover{background:#e5e5e5}.solution-toggle:focus-visible,.solution-detail:focus-visible{outline:2px solid #fff;outline-offset:5px}.solution-detail{display:grid;gap:26px;margin-top:36px;padding-top:30px;border-top:1px solid #343434}.solution-detail-label{margin:0 0 14px;color:#aaa;font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.solution-detail-heading h3{max-width:540px;margin:0;color:#f5f5f5;font-size:clamp(25px,2.25vw,34px);font-weight:500;line-height:1.18;letter-spacing:-.03em}.solution-detail-copy{animation:solution-copy-in .22s ease-out}.solution-detail-copy p{margin:0;color:#b5b5b5;font-size:15px;line-height:1.8}.solution-detail-copy .solution-detail-examples{margin-top:14px;color:#777;font-size:13px;line-height:1.8}.solution-gallery:not(.is-open) .solution-deck{height:440px;overflow:hidden}.solution-gallery:not(.is-open) .solution-card{position:absolute;top:25px;left:50%;width:245px;transform:translate(var(--stack-x)) rotate(var(--stack-angle)) scale(.9);z-index:var(--card-order);pointer-events:none}.solution-gallery:not(.is-open) .solution-swipe-hint{display:none}@media(min-width:768px){.solution-detail{grid-template-columns:1fr 1fr;gap:48px}.solution-detail-copy{padding-left:40px;border-left:1px solid #343434}}@media(min-width:1024px){.solution-deck,.solution-gallery:not(.is-open) .solution-deck{display:block;height:clamp(410px,34.8vw,510px);margin:0;padding:0;overflow:visible}.solution-card,.solution-gallery:not(.is-open) .solution-card{position:absolute;top:34px;left:50%;width:19.2%;z-index:var(--card-order);transform:translate(var(--stack-x)) rotate(var(--stack-angle)) scale(.9);transition:border-color .22s,background-color .22s,transform .65s cubic-bezier(.2,.75,.25,1);transition-delay:0ms}.is-open .solution-card{transform:translate(var(--fan-x),var(--fan-y)) rotate(var(--fan-angle));transition-delay:var(--card-delay)}.is-open .solution-card:hover,.is-open .solution-card:focus-visible{transform:translate(var(--fan-x),calc(var(--fan-y) - 12px)) rotate(0);z-index:20;transition-delay:0ms}.solution-card-top{padding:16px 16px 8px}.solution-card-caption{padding:12px 16px 18px;min-height:88px}.solution-card-title{font-size:clamp(14px,1.22vw,19px)}.solution-swipe-hint{display:none}.solution-detail{margin-top:32px;padding-top:32px;min-height:180px}}@keyframes solution-copy-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.solution-card,.solution-toggle{transition:none}.solution-detail-copy{animation:none}}.solution-detail[hidden]{display:none}
