/* Navigable directory: compact general routes; imagery identifies ten sample industries. */
.directory-hero{padding-bottom:31px;background:linear-gradient(115deg,#fff 22%,#f0f5ff);border-bottom:1px solid #dfe8f6;overflow:clip}
.directory-hero .breadcrumbs{padding-block:18px 22px}
.directory-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;position:relative;isolation:isolate}
.directory-hero-grid::before{content:"";position:absolute;right:10%;top:-12%;width:38%;height:122%;background:url('/assets/tailwind-ribbon.webp') center/contain no-repeat;opacity:.07;z-index:-1;pointer-events:none}
.directory-page .directory-hero .page-title{font-size:40px;line-height:1.55;letter-spacing:-.02em;margin:11px 0 18px}
.directory-lead{font-size:15px;line-height:1.95;color:#536078;text-wrap:pretty}
.directory-index{background:#fff;border-top:2px solid var(--blue);padding:17px 23px 3px;min-width:0}
.directory-index>p{font-size:13px;line-height:1.9;font-weight:650;color:#536078;margin-bottom:6px}
.directory-index ul{list-style:none;padding:0;margin:0}
.directory-index li+li{border-top:1px solid #dfe7f3}
.directory-index a{display:flex;justify-content:space-between;align-items:center;gap:17px;padding-block:12px;min-height:48px;font-size:14px;line-height:1.85;font-weight:650;transition:color .18s,background-color .18s}
.directory-index a>span[aria-hidden]{font-size:18px;line-height:1.4;color:var(--blue);flex:none}
.directory-index a:hover,.directory-index a:focus-visible{color:var(--blue);background:#f4f7fd}
.directory-index a:active{background:#e8effc}
.directory-general{max-width:1200px;margin-inline:auto;padding-block:39px 38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:start}
.directory-group{min-width:0}
.directory-page .directory-group h2{font-size:22px;line-height:1.7;letter-spacing:0;margin:0;color:#244575}
.directory-group-intro{font-size:13px;line-height:1.9;color:#536078;margin:9px 0 16px;min-height:0;text-wrap:pretty}
.directory-group>ul{list-style:none;padding:0;margin:0;border-top:2px solid var(--blue)}
.directory-group li{border-bottom:1px solid #d3dfee}
.directory-route{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding-block:13px;font-size:15px;line-height:1.85;font-weight:650;transition:color .18s,background-color .18s}
.directory-route>span:first-child{min-width:0;text-wrap:pretty}
.directory-route-arrow{font-size:21px;line-height:1.3;color:var(--blue);flex:none;transition:transform .18s}
.directory-route:hover,.directory-route:focus-visible{color:var(--blue);background:#f4f7fd}
.directory-route:hover .directory-route-arrow{transform:translate(2px,-2px)}
.directory-route:active{background:#e8effc}
.directory-current-label{font-size:13px;line-height:1.85;font-weight:500;color:#536078;flex:none}
.directory-route-current{color:#536078}
.directory-designs{padding-block:37px 39px;background:#f5f8fd;border-block:1px solid #e0e9f5}
.directory-designs-content{max-width:1200px;margin-inline:auto}
.directory-designs-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}
.directory-page .directory-designs h2{font-size:29px;line-height:1.65;letter-spacing:0;margin:9px 0 15px}
.directory-designs-lead{font-size:15px;line-height:1.95;color:#536078;max-width:770px;text-wrap:pretty}
.directory-designs-actions{flex:none;max-width:100%;padding-bottom:3px}
.directory-designs-actions>p{font-size:14px;line-height:1.9;color:#536078}
.directory-designs-actions strong{font-size:17px;color:#244575;font-weight:750}
.directory-designs-actions .text-link{font-size:14px;line-height:1.85;gap:15px;min-height:44px;margin-top:10px;max-width:100%}
.directory-fiction-note{font-size:13px;line-height:1.95;color:#536078;margin-top:17px;padding-left:14px;border-left:2px solid #b6cdf0}
.directory-industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;align-items:start;margin-top:25px}
.directory-industry{min-width:0;border:1px solid #d3dff1;border-radius:5px;background:#fff;padding:19px 21px 4px}
.directory-industry-overview{display:flex;align-items:center;gap:17px;min-height:70px;padding-block:1px}
.directory-industry-overview>img{width:80px;height:60px;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;border-radius:3px;flex:none}
.directory-industry-overview>div{min-width:0}
.directory-page .directory-industry h3{font-size:16px;line-height:1.85;letter-spacing:0;margin:0;font-weight:750;color:#244575;text-wrap:pretty}
.directory-overview-caption{display:inline-flex;align-items:center;gap:12px;font-size:13px;line-height:1.9;color:#536078;margin-top:7px}
.directory-overview-caption>span{font-size:18px;color:var(--blue);line-height:1.3;transition:transform .18s}
.directory-industry-overview:hover h3,.directory-industry-overview:focus-visible h3{color:var(--blue)}
.directory-industry-overview:hover .directory-overview-caption>span{transform:translate(2px,-2px)}
.directory-industry-overview:active{background:#edf3ff}
.directory-samples{border-top:1px solid #dbe5f3;margin-top:13px}
.directory-samples>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding-block:12px;cursor:pointer;font-size:14px;line-height:1.85;font-weight:650;color:#244575;transition:color .18s,background-color .18s}
.directory-samples>summary::-webkit-details-marker{display:none}
.directory-samples>summary>i{display:block;position:relative;width:18px;height:18px;flex:none;transition:transform .18s}
.directory-samples>summary>i::before,.directory-samples>summary>i::after{content:"";position:absolute;top:8px;left:2px;width:14px;height:1.5px;background:var(--blue)}
.directory-samples>summary>i::after{transform:rotate(90deg)}
.directory-samples[open]>summary>i{transform:rotate(45deg)}
.directory-samples>summary:hover,.directory-samples>summary:focus-visible{color:var(--blue);background:#f4f7fd}
.directory-samples>summary:active{background:#e8effc}
.directory-samples>ol{list-style:none;padding:0;margin:0 0 10px;border-top:1px solid #e0e8f4}
.directory-samples li+li{border-top:1px solid #e4ebf6}
.directory-sample-link{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:46px;padding-block:11px;font-size:14px;line-height:1.85;color:#244575;transition:color .18s,background-color .18s}
.directory-sample-number{font:600 13px/1.85 Arial,sans-serif;color:#536078}
.directory-sample-label{min-width:0;text-wrap:pretty}
.directory-phrase{display:inline-block}
.directory-sample-arrow{font-size:18px;line-height:1.4;text-align:right;color:var(--blue)}
.directory-sample-link:hover,.directory-sample-link:focus-visible{color:var(--blue);background:#f4f7fd}
.directory-sample-link:active{background:#e8effc}
@media(max-width:1199px){.directory-hero-grid{gap:39px}.directory-general{gap:28px}.directory-page .directory-group h2{font-size:21px}.directory-industry-grid{gap:19px 24px}.directory-industry{padding-inline:19px}.directory-industry-overview{gap:15px}.directory-industry-overview>img{width:72px;height:54px}.directory-designs-heading{gap:27px}.directory-designs-lead .desktop-break{display:none}}
@media(max-width:959px){.directory-hero-grid{grid-template-columns:1fr;gap:24px}.directory-hero-copy{max-width:700px}.directory-page .directory-hero .page-title{font-size:38px}.directory-hero-grid::before{right:-4%;width:45%;opacity:.05}.directory-index{padding:14px 19px 3px}.directory-index ul{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.directory-index li+li{border-top:0}.directory-index li:nth-child(n+3){border-top:1px solid #dfe7f3}.directory-index a{font-size:14px}.directory-general{grid-template-columns:1fr 1fr;gap:29px 32px}.directory-group--operator-links{grid-column:1/-1}.directory-group--operator-links>ul{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.directory-group--operator-links .directory-group-intro{margin-bottom:14px}.directory-designs-heading{align-items:start;gap:20px}.directory-page .directory-designs h2{font-size:27px}.directory-designs-actions{padding-top:27px}.directory-designs-actions>p>span{display:block}.directory-industry{padding-inline:17px}.directory-industry-overview{gap:14px}.directory-industry-overview>img{width:64px;height:48px}.directory-page .directory-industry h3{font-size:15px}.directory-overview-caption{gap:9px}.directory-designs-lead{max-width:500px}}
@media(max-width:719px){.directory-hero{padding-bottom:26px}.directory-hero .breadcrumbs{padding-block:15px 18px}.directory-page .directory-hero .page-title{font-size:32px;margin:9px 0 16px}.directory-lead .desktop-break{display:none}.directory-hero-grid{gap:21px}.directory-hero-grid::before{top:0;width:65%;height:55%}.directory-index{padding:14px 18px 3px}.directory-index ul{grid-template-columns:1fr;gap:0}.directory-index li+li{border-top:1px solid #dfe7f3}.directory-general{grid-template-columns:1fr;gap:28px;padding-block:31px 30px}.directory-group--operator-links{grid-column:auto}.directory-group--operator-links>ul{display:block}.directory-page .directory-group h2{font-size:22px}.directory-group-intro{margin-bottom:14px}.directory-route{font-size:15px;min-height:50px;padding-block:12px}.directory-designs{padding-block:29px 31px}.directory-designs-heading{display:block}.directory-page .directory-designs h2{font-size:25px;margin-bottom:14px}.directory-designs-actions{padding:0;margin-top:17px;display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}.directory-designs-actions>p>span{display:inline}.directory-designs-actions .text-link{margin-top:0}.directory-fiction-note{margin-top:14px}.directory-industry-grid{grid-template-columns:1fr;gap:17px;margin-top:21px}.directory-industry{padding:17px 18px 3px}.directory-industry-overview{gap:15px;min-height:65px}.directory-industry-overview>img{width:72px;height:54px}.directory-page .directory-industry h3{font-size:16px}.directory-samples{margin-top:11px}.directory-samples>summary{min-height:48px}}
@media(max-width:374px){.directory-page .directory-hero .page-title{font-size:29px}.directory-index a{font-size:14px}.directory-page .directory-group h2{font-size:21px}.directory-general{gap:26px}.directory-industry{padding-inline:16px}.directory-industry-overview{gap:12px}.directory-industry-overview>img{width:64px;height:48px}.directory-page .directory-industry h3{font-size:15px}.directory-sample-link{gap:10px;grid-template-columns:20px minmax(0,1fr) 17px}.directory-current-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.directory-index a,.directory-route,.directory-route-arrow,.directory-overview-caption>span,.directory-samples>summary,.directory-samples>summary>i,.directory-sample-link{transition:none}}