/* Section "Home: Focus sectors" (patterns/home-sectors.php). */

.sectors{position:relative}
.sw{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:stretch}
.sw__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-d)}
.sw__list button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line-d);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:var(--on-d2);font-weight:800;font-stretch:78%;font-variation-settings:'wdth' 78;text-transform:uppercase;font-size:clamp(21px,2vw,28px);line-height:1.05;transition:color .2s}
.sw__list button i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line-d);transition:all .2s}
.sw__list button i svg{width:14px;height:14px}
.sw__list button:hover{color:#fff}
.sw__list button[aria-selected="true"]{color:#fff}
.sw__list button[aria-selected="true"] i{background:var(--tide);border-color:var(--tide);color:var(--deep)}
.sw__stage{position:relative;border-radius:18px;overflow:hidden;min-height:440px}
.sw__panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.sw__panel.on{opacity:1;visibility:visible}
.sw__panel > svg{width:100%;height:100%}
.sw__cap{position:absolute;left:0;right:0;bottom:0;padding:28px 30px;background:linear-gradient(0deg,rgba(12,11,40,.92),rgba(12,11,40,0));color:#fff}
.sw__cap b{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tide);margin-bottom:6px}
.sw__cap span{font-size:16px;color:#E0DEF5;max-width:52ch;display:block}
.sectors__note{margin:40px 0 0;max-width:70ch;font-size:17px}

@media (max-width:980px){
  .sw{grid-template-columns:1fr}
  .sw__stage{min-height:340px;order:-1}
}