/* Colour Passes: wide, vivid directory cards. Scope deliberately limited to the home grid. */
#sectorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:19px 22px;align-items:stretch;isolation:isolate}
#sectorGrid .colour-pass{--cp-paper:#1958e8;--cp-ink:#fff;--cp-muted:#d6e5ff;position:relative;display:block;min-width:0;height:210px;min-height:0;padding:0;margin:0;border:0;border-radius:15px;overflow:visible;background:var(--cp-paper);color:var(--cp-ink);box-shadow:0 7px 19px #153a6310;transition:transform .22s,box-shadow .22s;isolation:isolate}
#sectorGrid .cp-tone-0{--cp-paper:#1958e8;--cp-ink:#fff;--cp-muted:#d6e5ff}
#sectorGrid .cp-tone-4{--cp-paper:#bceee1;--cp-ink:#124a4e;--cp-muted:#306b6e}
#sectorGrid .cp-tone-3{--cp-paper:#f2c977;--cp-ink:#543c16;--cp-muted:#775b2c}
#sectorGrid .cp-tone-1{--cp-paper:#bddaff;--cp-ink:#163d6c;--cp-muted:#365f88}
#sectorGrid .cp-tone-2{--cp-paper:#d9c1f2;--cp-ink:#49316e;--cp-muted:#70528d}
#sectorGrid .cp-tone-5{--cp-paper:#173c59;--cp-ink:#edfbff;--cp-muted:#afd3dc}
#sectorGrid .cp-tone-6{--cp-paper:#f6cbb8;--cp-ink:#653e35;--cp-muted:#855c51}
#sectorGrid .cp-tone-7{--cp-paper:#c8d0fc;--cp-ink:#333f7e;--cp-muted:#535f96}
#sectorGrid .cp-tone-8{--cp-paper:#aee0df;--cp-ink:#174e59;--cp-muted:#3b7179}
#sectorGrid .cp-tone-9{--cp-paper:#cadbff;--cp-ink:#294879;--cp-muted:#4e6a94}
#sectorGrid .cp-tone-10{--cp-paper:#cee8b9;--cp-ink:#35522f;--cp-muted:#5c7854}
#sectorGrid .cp-tone-11{--cp-paper:#c5c1ec;--cp-ink:#433d73;--cp-muted:#67618f}
#sectorGrid .colour-pass:hover{transform:translateY(-3px);box-shadow:0 13px 27px #153a6320}
#sectorGrid .colour-pass:has(.cp-specialties[open]){z-index:10;transform:none}
#sectorGrid .sector-art{position:absolute;inset:0 0 0 auto;display:block;width:45%;height:100%;min-height:0;max-height:none;flex:none;margin:0;border-radius:0 15px 15px 0;overflow:hidden;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);z-index:0;background:#0f304c}
#sectorGrid .sector-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:62% center;transform:none;transition:transform .5s}
#sectorGrid .colour-pass:hover .sector-art img{transform:scale(1.04)}
#sectorGrid .sector-art-shade{position:absolute;inset:0;display:block;background:linear-gradient(0deg,#071c3833,transparent 60%)}
#sectorGrid .cp-heading{position:absolute;top:18px;left:21px;right:auto;display:flex;align-items:center;gap:12px;color:var(--cp-ink);z-index:2;pointer-events:none;max-width:54%}
#sectorGrid .sector-pass-code{font:800 32px/.95 Manrope,Arial,sans-serif;letter-spacing:-1.3px;white-space:nowrap}
#sectorGrid .cp-brand-label{font:650 6px/1.7 Manrope,sans-serif;letter-spacing:1px;max-width:85px;opacity:.8}
#sectorGrid .cp-copy{position:absolute;left:21px;bottom:17px;right:auto;width:50%;z-index:2}
#sectorGrid .colour-pass h3{font:750 clamp(20px,1.7vw,27px)/1.12 Manrope,sans-serif;letter-spacing:-.65px;color:var(--cp-ink);min-height:0;max-width:none;margin:0 0 16px;padding:0;text-wrap:pretty}
#sectorGrid .colour-pass h3 a{color:inherit;font:inherit;text-decoration:none}
#sectorGrid .colour-pass h3 a:after{content:'';position:absolute;inset:auto;top:calc(-210px + 100% + 17px);left:-21px;width:200%;height:210px;z-index:-1}
#sectorGrid .sector-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 0;margin:0;min-height:0;border-top:1px solid color-mix(in srgb,var(--cp-ink) 19%,transparent);font-size:9px;line-height:1.5;color:var(--cp-muted)}
#sectorGrid .sector-card-footer>.cp-explore{display:inline;padding:0;border:0;border-radius:0;margin:0;background:none;box-shadow:none;color:var(--cp-ink);font:650 8px/1.5 Manrope,sans-serif;white-space:nowrap}
#sectorGrid .cp-arrow{position:absolute;right:16px;bottom:15px;display:grid;place-items:center;width:31px;height:31px;background:#ffffffe0;border:1px solid #ffffff99;border-radius:50%;color:#1d5078;box-shadow:0 3px 8px #0c284c0d;z-index:3;transition:background .2s,transform .2s}
#sectorGrid .cp-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#sectorGrid .cp-arrow:hover{transform:translate(1px,-1px);background:#fff}
#sectorGrid .cp-specialties{position:static;display:block;margin:0;padding:0;color:var(--cp-muted)}
#sectorGrid .cp-specialties summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font:500 9px/1.5 Manrope,sans-serif;padding:2px 0;margin:0;min-height:22px;border:0;background:none;white-space:nowrap;color:inherit}
#sectorGrid .cp-specialties summary::-webkit-details-marker{display:none}
#sectorGrid .cp-specialties summary>span{font-size:12px;transition:transform .2s}
#sectorGrid .cp-specialties[open] summary>span{transform:rotate(45deg)}
#sectorGrid .cp-specialty-panel{position:absolute;left:0;bottom:37px;width:310px;max-width:calc(200% - 20px);padding:18px;background:#fff;border:1px solid #caddeb;border-radius:12px;box-shadow:0 15px 40px #091f4933;color:#143a5a;z-index:5;cursor:default}
#sectorGrid .cp-panel-label{font:750 7px/1.5 Manrope,sans-serif;letter-spacing:1.3px;color:#477c9b}
#sectorGrid .cp-specialty-panel p{display:block;min-height:0;font-size:12px;line-height:1.7;color:#58778e;margin:10px 0 13px}
#sectorGrid .sector-preview{display:flex;flex-wrap:wrap;align-content:start;gap:6px;height:auto;min-height:0;margin:0 0 12px;padding:0}
#sectorGrid .sector-preview a{display:block;color:#255e86;background:#eff6fb;border:1px solid #d8e7f1;border-radius:6px;padding:7px 9px;font:550 10px/1.5 Manrope,sans-serif;transition:background .2s}
#sectorGrid .sector-preview a:hover{background:#e0effa}
#sectorGrid .sector-status{display:block;position:static;margin:0;padding:10px 0;border:0;border-top:1px solid #e1eaf1;background:none;border-radius:0;color:#57738b;font:500 10px/1.6 Manrope,sans-serif;letter-spacing:0}
#sectorGrid .sector-status:before{display:none}
#sectorGrid .cp-all-specialties{display:inline-block;color:#0069c5;font:700 10px/1.7 Manrope,sans-serif;margin-top:4px}
#sectorGrid a:focus-visible,#sectorGrid summary:focus-visible{outline:3px solid #0089f7;outline-offset:4px}
#sectorGrid .colour-pass h3 a:focus-visible{outline-color:var(--cp-ink)}
#sectorGrid .sector-no-results{grid-column:1/-1}
@media(min-width:1500px){#sectorGrid .colour-pass{height:220px}#sectorGrid .colour-pass h3 a:after{top:calc(-220px + 100% + 17px);height:220px}}
@media(max-width:1000px){#sectorGrid{gap:17px}#sectorGrid .colour-pass{height:210px}#sectorGrid .cp-copy{left:18px;width:51%;bottom:15px}#sectorGrid .cp-heading{left:18px;gap:9px}#sectorGrid .sector-pass-code{font-size:28px}#sectorGrid .cp-brand-label{font-size:5px;letter-spacing:.8px}#sectorGrid .colour-pass h3{font-size:20px;letter-spacing:-.5px;margin-bottom:14px}#sectorGrid .sector-card-footer{gap:7px}#sectorGrid .cp-specialties summary{font-size:8px}#sectorGrid .sector-card-footer>.cp-explore{font-size:7px}#sectorGrid .colour-pass h3 a:after{left:-18px;top:calc(-210px + 100% + 15px)}#sectorGrid .cp-specialty-panel{max-width:calc(196% - 16px)}}
@media(max-width:760px){#sectorGrid{grid-template-columns:1fr;gap:17px}#sectorGrid .colour-pass{height:210px}#sectorGrid .colour-pass h3{font-size:24px}#sectorGrid .cp-copy{width:50%}#sectorGrid .sector-pass-code{font-size:31px}#sectorGrid .cp-brand-label{font-size:6px}#sectorGrid .sector-card-footer>.cp-explore{font-size:8px}#sectorGrid .cp-specialties summary{font-size:9px}}
@media(max-width:450px){#sectorGrid .colour-pass{height:210px;border-radius:13px}#sectorGrid .sector-art{width:43%;border-radius:0 13px 13px 0}#sectorGrid .cp-heading{top:17px;left:17px;gap:9px;max-width:58%}#sectorGrid .sector-pass-code{font-size:28px}#sectorGrid .cp-brand-label{font-size:5px;letter-spacing:.7px;max-width:63px}#sectorGrid .cp-copy{left:17px;bottom:15px;width:52%}#sectorGrid .colour-pass h3{font-size:21px;line-height:1.13;letter-spacing:-.6px;margin-bottom:13px}#sectorGrid .sector-card-footer{gap:6px;padding-top:10px}#sectorGrid .cp-specialties summary{font-size:8px;gap:4px}#sectorGrid .sector-card-footer>.cp-explore{font-size:7px}#sectorGrid .cp-arrow{right:12px;bottom:13px;width:28px;height:28px}#sectorGrid .cp-specialty-panel{width:290px;max-width:calc(192% - 13px);padding:16px;bottom:34px}#sectorGrid .colour-pass h3 a:after{left:-17px;top:calc(-210px + 100% + 15px);width:192%}}
@media(prefers-reduced-motion:reduce){#sectorGrid .colour-pass,#sectorGrid .sector-art img,#sectorGrid .cp-arrow,#sectorGrid .cp-specialties summary>span{transition:none}#sectorGrid .colour-pass:hover,#sectorGrid .colour-pass:hover .sector-art img,#sectorGrid .cp-arrow:hover{transform:none}}

/* A separate pointer surface leaves specialty controls independent of the main card link. */
#sectorGrid .colour-pass h3 a:after{display:none}
#sectorGrid .cp-surface-link{position:absolute;inset:0;border-radius:inherit;z-index:1}
#sectorGrid .colour-pass{height:190px}
@media(min-width:1500px){#sectorGrid .colour-pass{height:200px}}
@media(max-width:1000px){#sectorGrid .colour-pass{height:210px}}