.who-explore { width:100%; max-width:1480px; margin:0 auto; padding:24px 0; font-family:Arial,Helvetica,sans-serif; color:#24443b; }
.who-explore *, .who-explore *::before, .who-explore *::after { box-sizing:border-box; }
.who-explore__header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.who-explore .who-explore__header h2 { margin:0; color:#25322e !important; font-family:Arial,Helvetica,sans-serif !important; font-size:32px; font-weight:700 !important; line-height:1.2; letter-spacing:-.045em; }
.who-explore .who-explore__view { flex:0 0 auto; color:#45675a; font-size:14px; font-weight:700; line-height:1.4; text-decoration:underline; text-underline-offset:5px; }
.who-explore__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.who-explore__card { container-type:inline-size; position:relative; min-width:0; border-radius:16px; overflow:hidden; aspect-ratio:1.17; background:var(--who-explore-color,#f4e6fa); }
.who-explore .who-explore__link { position:relative; display:flex; align-items:center; min-height:100%; width:100%; color:#24443b; text-decoration:none; isolation:isolate; }
.who-explore__photo { position:absolute; right:0; top:0; width:78%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.who-explore__link::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,var(--who-explore-color) 0%,var(--who-explore-color) 33%,transparent 86%); }
.who-explore__copy { width:78%; padding:30% 7% 8%; }
.who-explore .who-explore__copy h3 { margin:0; color:#24443b !important; font-family:Arial,Helvetica,sans-serif !important; font-size:7.5cqi; line-height:1.2; font-weight:800 !important; overflow-wrap:anywhere; }
.who-explore .who-explore__copy p { margin:6px 0 0; color:#405c52; font-size:5.2cqi; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.who-explore__arrow { display:block; margin-top:10px; color:#658275; font-size:11cqi; line-height:1; }
.who-explore a.who-explore__link:hover .who-explore__copy h3 { text-decoration:underline; text-underline-offset:4px; }
.who-explore a.who-explore__link:focus-visible { outline:3px solid #5423c9; outline-offset:-4px; border-radius:16px; }
@media(max-width:1100px) { .who-explore__grid { gap:12px; } .who-explore .who-explore__header h2 { font-size:27px; } }
@media(max-width:950px) { .who-explore__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .who-explore { padding:18px 0; } .who-explore__header { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:18px; } .who-explore .who-explore__header h2 { font-size:25px; } .who-explore .who-explore__view { font-size:12px; } .who-explore__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .who-explore__card { border-radius:12px; } .who-explore__copy { width:85%; padding:27% 8% 9%; } .who-explore .who-explore__copy h3 { font-size:8.2cqi; } .who-explore .who-explore__copy p { font-size:6.3cqi; } }
@media(max-width:340px) { .who-explore__grid { grid-template-columns:minmax(0,1fr); } }