.brands-directory{background:var(--paper)}.brands-directory section[id]{scroll-margin-top:96px}.directory-hero{background:radial-gradient(ellipse at 80% 0, #142b514d, transparent 65%), var(--navy);padding:120px 0 38px}.directory-breadcrumb{color:var(--ink-3);gap:14px;margin-bottom:36px;font-size:10px;display:flex}.directory-breadcrumb [aria-current]{color:var(--ink)}.directory-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;column-gap:4%;display:grid}.directory-heading{grid-area:1/1;align-self:end}.directory-eyebrow{color:var(--blue-ink);margin-bottom:22px;font-size:10px}.directory-hero .directory-eyebrow{color:var(--blue-2)}.directory-intro h1{letter-spacing:-.035em;font-size:clamp(3rem,4.6vw,5.2rem);line-height:1.02}.directory-intro h1>span{display:block}.directory-intro-detail{grid-area:2/1;align-self:start;max-width:52ch;margin-top:24px}.directory-intro-detail .lede{font-size:16px;line-height:1.8}.directory-text-link{text-underline-offset:5px;align-items:center;gap:18px;margin-top:28px;font-size:13px;text-decoration:underline;display:inline-flex}.directory-text-link:hover{color:var(--blue-2)}.directory-text-link>svg{transform:rotate(90deg)}.directory-summary{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:36px;margin-top:48px;padding-top:30px;display:flex}.directory-summary-label{color:var(--ink-3);font-size:9px}.portfolio-graphic{aspect-ratio:3/2;isolation:isolate;grid-area:1/2/span 2;width:110%;margin-left:-5%;position:relative}.portfolio-ribbon{object-fit:contain;opacity:.85;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(68% 68%,#000 53%,#0000 83%);mask-image:radial-gradient(68% 68%,#000 53%,#0000 83%)}.portfolio-graphic-center{color:#f2f5fa;position:absolute;top:48%;left:49%;transform:translate(-50%,-50%)}.portfolio-graphic li{left:var(--node-x);top:var(--node-y);position:absolute;transform:translate(-50%,-50%)}.portfolio-graphic li a{color:#e9eff7;flex-direction:column;align-items:center;gap:10px;min-width:78px;display:flex}.portfolio-graphic-mark{background:#081224e8;border:1px solid #c9deff24;border-radius:18px;place-items:center;padding:9px;display:grid;box-shadow:0 10px 30px #020711a6}.portfolio-graphic-mark img{width:52px;height:52px;display:block}.portfolio-graphic-name{white-space:nowrap;text-shadow:0 1px 8px #060b18,0 1px 4px #060b18;font-size:11px;font-weight:500;line-height:1.2}.portfolio-graphic a:hover .portfolio-graphic-mark{border-color:var(--node-color)}.portfolio-graphic a:hover .portfolio-graphic-name{color:var(--node-color)}.directory-stages{gap:clamp(32px,4vw,68px);display:flex}.directory-stages>div{align-items:center;gap:14px;display:flex}.directory-stages dd{color:var(--ink-2);order:0;font-size:38px}.directory-stages dt{color:var(--ink-3);order:1;max-width:9ch;font-size:9px;line-height:1.7}.directory-catalogue{padding:72px 0 88px}.directory-catalogue-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.directory-catalogue-heading h2{font-size:clamp(2rem,3vw,3rem);line-height:1.1}.directory-result{color:var(--ink-3);padding-bottom:4px;font-size:9px}.directory-filters{flex-wrap:wrap;gap:10px;margin:32px 0;display:flex}.directory-filters button{border:1px solid var(--rule);cursor:pointer;color:var(--ink-2);background:0 0;border-radius:6px;align-items:center;gap:24px;padding:11px 16px;font-size:13px;display:inline-flex}.directory-filters button>span{font-family:var(--font-mono);opacity:.65;font-size:10px}.directory-filters button:hover{border-color:var(--ink-3)}.directory-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.directory-card{border:1px solid var(--rule);border-top:3px solid var(--brand);background:var(--surface);border-radius:10px;flex-direction:column;padding:clamp(24px,3vw,42px);display:flex}.directory-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.directory-card-identity{align-items:center;gap:18px;display:flex}.directory-card-identity img{flex:none;width:56px;height:56px}.directory-card-identity .mono{color:var(--brand-ink);margin-bottom:7px;font-size:9px}.directory-card h3{letter-spacing:-.035em;font-size:clamp(21px,2vw,28px);font-weight:600;line-height:1}.directory-card .status{color:var(--ink-3);border-color:var(--rule);font-size:8px}.directory-card-title{text-wrap:pretty;max-width:26ch;margin:32px 0 18px;font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.12}.directory-card-description{max-width:59ch;font-size:14px}.directory-tags{color:var(--ink-3);flex-wrap:wrap;gap:8px 20px;margin:24px 0 32px;font-size:11px;display:flex}.directory-tags li{align-items:center;gap:8px;display:inline-flex}.directory-tags li:before{content:"";background:var(--brand);border-radius:50%;width:4px;height:4px}.directory-card-bottom{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:24px;display:flex}.directory-profile-link{align-items:center;gap:16px;font-size:13px;font-weight:500;display:inline-flex}.directory-profile-link:hover{color:var(--brand-ink);text-underline-offset:4px;text-decoration:underline}.directory-card-bottom>.mono{color:var(--ink-3);font-size:9px}.directory-connection{background:var(--paper-2);border-top:1px solid var(--rule);padding:80px 0}.directory-connection-intro{grid-template-columns:1fr 1fr;align-items:center;gap:8%;display:grid}.directory-connection-intro h2{max-width:18ch;font-size:clamp(2.4rem,4vw,4rem)}.directory-connection-intro .lede{font-size:16px}.directory-connections{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:52px;display:grid}.directory-connections>a{border-top:1px solid var(--rule-2);grid-template-columns:28px minmax(0,1fr) 13px;align-items:start;gap:16px;padding-top:24px;display:grid}.directory-connections>a>svg{color:var(--blue-ink)}.directory-connections>a>svg:last-child{margin-top:8px}.directory-connections h3{margin-bottom:12px;font-size:24px;line-height:1.15}.directory-connections span{color:var(--ink-3);font-size:12px}.directory-connections a:hover h3{color:var(--blue-ink)}.brands-directory a:focus-visible,.brands-directory button:focus-visible{outline:2px solid var(--blue-ink);outline-offset:5px}.brands-directory .sec-dark a:focus-visible{outline-color:var(--blue-2)}@media (max-width:1000px){.directory-intro{grid-template-columns:1fr 1fr;column-gap:4%}.portfolio-graphic-mark{border-radius:14px;padding:7px}.portfolio-graphic-mark img{width:40px;height:40px}.portfolio-graphic li a{gap:7px;min-width:64px}.portfolio-graphic-name{font-size:9px}.portfolio-graphic-center svg{width:108px;height:auto}.directory-summary{flex-wrap:wrap}.directory-card{padding:26px}.directory-card-identity{gap:12px}.directory-card-identity img{width:46px;height:46px}.directory-connections{gap:24px}}@media (max-width:719px){.directory-hero{padding:106px 0 32px}.directory-breadcrumb{margin-bottom:38px}.directory-intro{grid-template-columns:1fr;gap:26px}.directory-heading{grid-row:1}.portfolio-graphic{grid-area:2/1;width:106%;margin:-6px -3% 0}.directory-intro-detail{grid-row:3;margin-top:0}.directory-intro h1{max-width:13ch;font-size:clamp(2.7rem,9vw,3.8rem)}.directory-intro-detail .lede{font-size:15px}.directory-summary{gap:28px;margin-top:36px}.directory-summary-label{display:none}.directory-stages{justify-content:space-between;gap:14px;width:100%}.directory-stages>div{gap:8px}.directory-stages dd{font-size:30px}.directory-stages dt{font-size:8px}.directory-catalogue{padding:48px 0 56px}.directory-catalogue-heading{flex-wrap:wrap;gap:16px}.directory-filters{gap:8px;margin:24px 0}.directory-filters button{gap:16px;padding:10px 13px;font-size:12px}.directory-grid{grid-template-columns:1fr;gap:20px}.directory-card{padding:24px}.directory-card-title{margin-top:26px}.directory-connection{padding:56px 0}.directory-connection-intro{grid-template-columns:1fr;gap:24px}.directory-connections{grid-template-columns:1fr;gap:26px;margin-top:36px}}@media (max-width:359px){.portfolio-graphic-mark{border-radius:11px;padding:5px}.portfolio-graphic-mark img{width:32px;height:32px}.portfolio-graphic li a{gap:6px;min-width:58px}.portfolio-graphic-name{font-size:9px}.portfolio-graphic-center svg{width:86px}.directory-card{padding:20px}.directory-stages dd{font-size:26px}.directory-stages dt{font-size:7px}}
