/* Shared layout for the two illustration treatments. */
.edition-five .masthead{height:250px;isolation:isolate}
.edition-five .masthead h1{width:450px;height:108px}
.edition-five .masthead-message{font-size:12px;margin-top:15px}
.edition-five .header-search,.edition-five .masthead-spark{display:none}
.masthead-motifs{position:absolute;inset:0;z-index:-1;pointer-events:none}
.masthead-motif{position:absolute;display:block;width:112px;animation:motif-drift 8s ease-in-out infinite;transform-origin:50% 80%;will-change:transform}
.masthead-motif img{display:block;width:100%;height:100%;object-fit:contain}
.motif-01{left:6%;top:25px;width:118px;animation-delay:-1s}
.motif-02{left:20%;top:106px;width:112px;animation-name:motif-sway;animation-delay:-4s}
.motif-03{left:5%;bottom:14px;width:97px;animation-delay:-6s}
.motif-04{right:19%;top:19px;width:109px;animation-name:motif-sway;animation-delay:-2s}
.motif-05{right:4%;top:70px;width:135px;animation-delay:-5s}
.motif-06{right:19%;bottom:10px;width:92px;animation-name:motif-sway;animation-delay:-7s}
@keyframes motif-drift{0%,24%,76%,100%{transform:translateY(0)}42%,58%{transform:translateY(-5px)}}
@keyframes motif-sway{0%,24%,76%,100%{transform:rotate(0)}42%{transform:rotate(-2deg)}58%{transform:rotate(1.5deg)}}
.motion-toggle{border:0;border-bottom:1px solid #bac8d1;background:transparent;color:inherit;padding:0 0 2px;font-size:10px;margin-left:20px}
.utility-actions{display:flex;gap:20px;align-items:center}
.utility-actions .motion-toggle{margin:0;white-space:nowrap}
.motion-paused .masthead-motif,.motion-paused .section-illustration{animation-play-state:paused}
.motion-offscreen .masthead-motif{animation-play-state:paused}
.section-illustration{display:block;width:88px;height:75px;animation:motif-sway 10s ease-in-out infinite;transform-origin:50% 85%}
.section-illustration img{width:100%;height:100%;object-fit:contain}
.knowledge-section .section-illustration{animation-delay:-5s}
.edition-five .directory-section{background:#eef3f6;color:var(--navy);padding-block:58px}
.edition-five .directory-heading{margin-bottom:28px}
.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:28px}
.category-tile{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:18px 8px 17px;border:1px solid #d2dfe7;background:#fff;color:var(--navy);transition:border-color .2s,background-color .2s;text-align:center}
.category-number{align-self:flex-start;margin-left:5px;font-size:10px;letter-spacing:.1em;color:#748593;font-weight:500}
.category-art{display:block;width:100%;height:118px;margin:5px 0 10px}
.category-art img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.category-label{font-size:13px;font-weight:700;line-height:1.6;white-space:nowrap}
.category-tile:hover,.category-tile[aria-pressed=true]{border-color:var(--navy);background:#f7fafc}
.category-tile[aria-pressed=true]{box-shadow:inset 0 -3px var(--navy)}
.category-tile:hover .category-art img{transform:translateY(-3px)}
.edition-five .compact-search{background:#fff;border:1px solid #d2dfe7;padding:24px;grid-template-columns:1fr 1fr 1.4fr 110px}
.edition-five .compact-search label{color:var(--navy)}
.edition-five .compact-search input,.edition-five .compact-search select{border-color:#b8c9d3;background:#fff;color:var(--navy)}
.edition-five .compact-search .search-submit{background:var(--navy);color:#fff;white-space:nowrap;padding-inline:12px}
.edition-five .purpose-links button{color:#4f6a7d;border-color:#a5b9c5}
.edition-five .directory-card{background:#fff;border-color:#d6e1e8}
.edition-five .directory-card h4{color:var(--navy)}
.edition-five .directory-card p{color:#5d7485}
.company-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.company-tags span{background:#edf2f5;color:#4f697c;font-size:9px;padding:2px 7px}
.search-feedback{min-height:1.8em;margin-top:12px;font-size:11px;color:#536d7c}
@media(min-width:761px) and (max-width:1050px){
 .edition-five .masthead{height:230px}.edition-five .masthead h1{width:350px;height:90px}
 .motif-01{left:4%;width:100px}.motif-02{left:18%;width:90px;top:117px}.motif-03{left:4%;width:85px}
 .motif-04{right:18%;width:90px}.motif-05{right:3%;width:105px}.motif-06{right:18%;width:80px}
 .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-art{height:132px}.category-label{font-size:14px}
 .edition-five .compact-search{padding:20px;gap:12px;grid-template-columns:1fr 1fr 1.2fr 95px}
}
@media(max-width:760px){
 .edition-five .utility{font-size:8px;justify-content:space-between;align-items:center;gap:8px}.utility-actions{gap:0}.utility-actions>a{display:none}.motion-toggle{font-size:9px}
 .edition-five .masthead{height:226px;padding-top:20px;overflow:hidden;justify-content:flex-start}
 .edition-five .masthead h1{width:min(310px,calc(100% - 42px));height:77px;margin:0}
 .edition-five .masthead-message{font-size:10px;letter-spacing:0;margin-top:8px}
 .masthead-motifs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:4px;inset:auto 12px 18px;height:64px}
 .masthead-motif{position:static!important;width:100%!important;height:62px;animation-duration:9s}
 .section-illustration{width:77px;height:65px}
 .edition-five .directory-section{padding-block:36px}.edition-five .directory-heading{margin-bottom:22px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
 .category-tile{padding:12px 8px 15px}.category-art{height:108px;margin-top:0}.category-label{font-size:12px}.category-number{font-size:9px}
 .edition-five .compact-search{padding:18px 15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.edition-five .compact-search .search-submit{grid-column:1/-1}
 .company-tags span{font-size:9px}.search-feedback{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.edition-five *{animation:none!important;transition:none!important}.motion-toggle{display:none}}
