/* Collaboration cards share the work-area deck's shape, palette and expanding interaction. */
.site-design #metode.method-explorer{max-width:1680px;margin:0 auto;padding:80px 4% 90px;background:#fff;color:#123e46}
#metode .method-explorer-heading{max-width:920px;text-align:center;margin:0 auto 42px;display:block}
#metode .method-explorer-heading .eyebrow{display:block;font-size:11px;letter-spacing:1.1px;line-height:1.6;color:#187c66;margin-bottom:15px}
#metode .method-explorer-heading h2{font-size:clamp(34px,3.6vw,50px);font-weight:650;line-height:1.15;letter-spacing:-1.6px;margin:0 0 21px;color:#123e46}
#metode .method-explorer-heading>p{font-size:17px;line-height:1.75;max-width:760px;margin:0 auto;color:#607671}
#metode .method-deck{display:flex;align-items:stretch;gap:14px;isolation:isolate}
#metode .method-card{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:600px;background:#123e46;border:1px solid #123e46;border-radius:24px;overflow:hidden;color:#fff;transition:flex-grow .5s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s}
#metode .method-card.is-active{flex-grow:1.7;background:#123e46;border-color:#123e46;color:#fff}
#metode .method-card-heading{margin:0;flex-shrink:0;color:inherit}
#metode .method-card-select{display:flex;align-items:center;width:100%;min-height:90px;padding:20px 23px;background:transparent;color:inherit;border:0;border-radius:0!important;box-shadow:none;font:inherit;font-size:16px;line-height:1.5;font-weight:650;text-align:left;cursor:pointer}
#metode .method-card-select:focus-visible{outline:3px solid #229d80;outline-offset:-5px}
#metode .method-card.is-active .method-card-select:focus-visible{outline-color:#fff}
#metode .method-card-visual{position:relative;margin:0;width:100%;height:300px;flex-shrink:0;border-radius:20px;overflow:hidden;background:#d9e7df}
#metode .method-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
#metode .method-card.is-active .method-card-visual img{transform:scale(1.065)}
#metode .method-card-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 12px;font-size:9px;line-height:1.6;color:#fff;background:linear-gradient(transparent,#082f38b3)}
#metode .method-card-copy{padding:23px;flex:1;min-width:0}
#metode .method-card-caption{display:block;font-size:12px;line-height:1.6;font-weight:650;color:#fff;margin:0 0 12px}
#metode .method-card-copy>p{font-size:14px;line-height:1.75;color:#fff;margin:0}
#metode .method-card.is-active .method-card-caption{color:#fff}
#metode .method-card.is-active .method-card-copy>p{color:#fff}
#metode .method-card-footer{display:flex;justify-content:center;margin-top:30px}
#metode .method-explorer-link{position:static;min-height:48px;margin:0;padding:13px 23px;background:#fff;color:#123e46;border:1px solid #c7dcd1;border-radius:18px!important;font-size:13px;font-weight:650;text-decoration:none;box-shadow:none}
#metode .method-explorer-link:hover{background:#e3f1e8;border-color:#94baa4}
@media(min-width:901px) and (max-width:1200px){#metode .method-deck{gap:10px}#metode .method-card-select{font-size:14px;padding:18px}#metode .method-card-copy{padding:21px 18px}}
@media(max-width:900px){
 .site-design #metode.method-explorer{padding:55px 5% 60px}
 #metode .method-explorer-heading{margin-bottom:30px}
 #metode .method-explorer-heading h2{font-size:36px;letter-spacing:-1.1px}
 #metode .method-explorer-heading>p{font-size:15px}
 #metode .method-deck{gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1px;padding:0 1px 16px;scrollbar-width:thin;scrollbar-color:#a4c0af #edf3ee}
 #metode .method-card,#metode .method-card.is-active{flex:0 0 78%;max-width:450px;min-height:580px;scroll-snap-align:start;transition:background .3s,border-color .3s}
 #metode .method-card-select{min-height:76px;padding:20px 22px;font-size:16px}
 #metode .method-card-visual{height:290px}
 #metode .method-card-copy{padding:22px}
}
@media(max-width:480px){#metode .method-card,#metode .method-card.is-active{flex-basis:88%;min-height:560px}#metode .method-card-visual{height:270px}#metode .method-explorer-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){#metode .method-card,#metode .method-card-visual img{transition:none}#metode .method-card.is-active .method-card-visual img{transform:none}}