/* A full-width BRITER opening with room for the idea and the search. */
.explore-head{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);
  column-gap:clamp(38px,6vw,100px);
  row-gap:22px;
  align-items:center;
  padding:clamp(68px,8vw,112px) max(24px,calc((100vw - 1280px)/2)) 54px;
  background:#69377b;
  color:#fff;
}
.explore-head::before{height:7px;background:linear-gradient(90deg,#ef6e6e 0 17%,#e89a3b 17% 34%,#7e3f8f 34% 51%,#179b8f 51% 68%,#643274 68% 85%,#c7237e 85%)}
.explore-head>p{grid-column:1/-1;margin:0;color:#f6d7a5;font-size:13px;font-weight:800;letter-spacing:.25em}
.explore-head h1{grid-column:1;max-width:none;margin:0;font-size:clamp(3.6rem,6.2vw,6.6rem);line-height:.98;letter-spacing:-.045em;color:#fff}
.explore-head h1 em{color:#f6c778}
.explore-head>span{grid-column:2;max-width:480px;color:#f7eaf9;font-size:clamp(1.08rem,1.5vw,1.32rem);line-height:1.6}
.explore-head .search{grid-column:1/-1;margin-top:18px;padding-top:28px;border-top:1px solid rgba(255,255,255,.28)}
.explore-head .search>span{color:#fff;font-size:12px}
.explore-head .search input{border:1px solid #fff;border-radius:12px;background:#fff;color:#172033;padding:17px 19px;font:600 1rem "DM Sans",sans-serif}
.explore-head .filters{grid-column:1/-1;gap:10px;margin-top:0}
.explore-head .filters button{padding:8px 13px;border:1px solid rgba(255,255,255,.65);border-radius:10px;color:#fff;background:transparent;font-size:13px}
.explore-head .filters button.active,.explore-head .filters button:hover,.explore-head .filters button:focus-visible{border-color:#fff;background:#fff;color:#633675}
.explore-head .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.explore-head .filters button{width:100%;min-height:46px;padding:9px 12px;text-align:center;white-space:normal}
@media(max-width:700px){.explore-head .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
  .explore-head{grid-template-columns:1fr;row-gap:18px;padding:70px 28px 46px}
  .explore-head>p,.explore-head h1,.explore-head>span,.explore-head .search,.explore-head .filters{grid-column:1}
  .explore-head>span{max-width:720px}
  .explore-head h1{font-size:clamp(3.1rem,9vw,5.2rem)}
}
@media(max-width:560px){
  .explore-head{padding:62px 22px 38px}
  .explore-head h1{font-size:clamp(3rem,11vw,4rem)}
  .explore-head .filters{gap:8px}
  .explore-head .filters button{font-size:12px}
}
.collection{width:min(1440px,100%);margin-inline:auto;padding-inline:clamp(24px,4vw,54px)}
.collection .item{grid-template-columns:minmax(240px,.85fr) minmax(300px,1.35fr) minmax(240px,.62fr)}
.collection .item b{width:100%;justify-self:start;text-align:left;font:700 .88rem/1.35 "DM Sans",sans-serif;white-space:normal}
@media(max-width:1000px){.collection .item{grid-template-columns:minmax(0,1fr) auto}.collection .item b{grid-column:2;grid-row:1/4;width:190px}}
@media(max-width:650px){.collection .item{grid-template-columns:1fr}.collection .item b{grid-column:1;grid-row:4;width:auto;margin-top:14px}}

/* The Explore header stays white; the opening headline stays monochrome on purple. */
.explore-nav{background:#fff;color:#242029;border-bottom:1px solid #e3d9e6}
.explore-nav span{color:#43394a}
.explore-head h1 em{color:#fff}
.explore-head>p{color:#fff}

/* Match the quiet white openings on Articles and Assessments. */
.explore-head{display:block;padding:62px clamp(24px,6vw,90px) 38px;background:#fff;color:#172033;border-bottom:1px solid #d8e2ea}
.explore-head::before{display:none}
.explore-head>p{color:#7e3f8f;font-size:.75rem}
.explore-head h1{max-width:900px;margin:18px 0 16px;font-size:clamp(3rem,5.3vw,5.4rem);color:#172033}
.explore-head h1 em{color:#7e3f8f}
.explore-head>span{display:block;max-width:820px;color:#526071;font-size:1.08rem}
.explore-head .search{max-width:900px;margin-top:28px;padding-top:0;border:0}
.explore-head .search>span{color:#7e3f8f}
.explore-head .search input{border:1px solid #d8e2ea;border-radius:14px}
.explore-head .filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.explore-head .filters button{width:auto;min-height:42px;padding:9px 15px;border:1px solid #d8e2ea;border-radius:12px;background:#fff;color:#7e3f8f;font-size:.84rem}
.explore-head .filters button.active,.explore-head .filters button:hover,.explore-head .filters button:focus-visible{border-color:#7e3f8f;background:#7e3f8f;color:#fff}
@media(max-width:700px){.explore-head{padding:42px 22px 32px}.explore-head h1{font-size:clamp(2.7rem,9vw,4rem)}.explore-head .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.explore-head .filters button{width:100%;white-space:normal}}

.explore-head{border-top:5px solid #7e3f8f;padding-top:clamp(43px,5vw,68px)}
.explore-head h1{line-height:1.07;font-size:clamp(3rem,5.4vw,5.3rem)}
.explore-head .filters button{border-radius:12px}
@media(max-width:700px){.explore-head{padding-top:39px}.explore-head h1{font-size:clamp(2.7rem,10vw,3.5rem)}}