/* Search-first surface: quiet navigation, one clear action, one motion moment. */
:root{--portal-ink:#132f3c;--portal-green:#286e60;--portal-paper:#f7f8f3;--portal-line:#cddbd2}.portal-hero{background:var(--portal-paper);padding:40px 24px 44px}.hero-inner{max-width:900px}.portal-hero h1{font-size:clamp(43px,5.8vw,72px);line-height:1.11;letter-spacing:-.04em;max-width:900px}.portal-hero>.hero-inner>p{font-size:19px;line-height:1.55;max-width:610px;margin:24px auto 39px;color:#425c61}.search-panel{max-width:745px;margin:auto;padding:25px 28px 24px;border-radius:10px;box-shadow:0 18px 52px rgba(29,57,45,.08);border:1px solid #d6e2d9}.search-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.search-head strong{font:600 15px Instrument;color:var(--portal-ink)}.search-head>span{font-size:12px;color:#61756e}.mode-controls{flex-wrap:wrap;gap:8px;border-bottom:0;margin:17px 0 20px}.mode{flex:0 0 auto;max-width:100%;min-height:46px;border:1px solid #cddbd2;border-radius:24px;padding:11px 14px;background:#fff;color:#415e5b;font:400 14px/1.4 Instrument,Arial,sans-serif}.mode:hover{background:#eff5ef}.mode.active{color:#164b42;background:#e4f1e9;border-color:#87b9a2;font-weight:600;box-shadow:inset 0 0 0 1px #87b9a2}.search-panel label{font-size:13px;color:#35534f}.portal-field{min-height:62px;border-color:#9ab3a6}.portal-field>button{background:#153f49;min-width:128px}.portal-hint{margin-top:15px}.portal-note{margin-top:22px!important}.portal-bottom{align-items:center;max-width:1180px;padding-top:27px;padding-bottom:27px}.portal-bottom p{color:#536b67}.portal-row{padding:22px 0}.portal-row:hover{background:#edf4ed}.portal-results{max-width:1000px}.search-panel button:focus-visible,.reset:focus-visible,.portal-row:focus-visible{outline:3px solid #539b84;outline-offset:3px}
/* One stacked reel: a short blurred spin followed by a long, crisp hold. */
.rotating{position:relative;display:inline-block;overflow:hidden;height:1.12em;line-height:1.12;vertical-align:-.15em;isolation:isolate;color:#2e806d;white-space:nowrap;padding:0;margin:0}
.rotating span{animation:none!important;filter:none;transform:none;opacity:1}
.rotating .reel-sizer{display:block;visibility:hidden;line-height:1.12;height:1.12em}
.rotating .reel{display:block;position:absolute;top:0;left:0;right:0;text-align:left;animation:reel-travel 12s infinite!important;animation-timing-function:cubic-bezier(.2,.75,.25,1)!important;will-change:transform,filter}
.rotating .reel>span{display:block;height:1.12em;line-height:1.12;white-space:nowrap}
@keyframes reel-travel{0%,27%{transform:translateY(0);filter:blur(0)}30%{filter:blur(5px)}33%,60%{transform:translateY(-1.12em);filter:blur(0)}63%{filter:blur(5px)}66%,93%{transform:translateY(-2.24em);filter:blur(0)}96%{filter:blur(5px)}100%{transform:translateY(-3.36em);filter:blur(0)}}
.rotating.is-paused .reel{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.rotating .reel{animation:none!important;transform:none!important;filter:none!important}}
@media(max-width:700px){.portal-hero{padding:20px 16px 24px}.portal-hero h1{font-size:clamp(38px,9vw,48px)}.portal-hero>.hero-inner>p{font-size:16px;line-height:1.5;margin:12px auto 16px}.search-panel{padding:21px 18px}.search-head>span{display:none}.portal-field>button{min-width:85px;padding:0 12px}.portal-bottom{padding-top:24px;padding-bottom:24px}}

/* Headline-only variant of the original explorer. */
.portal-hero h1{max-width:850px;font-size:clamp(38px,4.6vw,60px);line-height:1.1}
.headline-lead{display:block;max-width:800px;margin:auto;text-wrap:balance}
.portal-hero h1 .rotating{display:block;width:100%;height:1.15em;line-height:1.15;vertical-align:baseline;margin:.05em auto 0;text-align:center;font:inherit;letter-spacing:inherit}
.rotating .reel-sizer{height:1.15em;line-height:1.15}
.rotating .reel{text-align:center;animation-name:occupation-reel!important;animation-duration:12.8s!important}
.rotating .reel>span{height:1.15em;line-height:1.15}
@keyframes occupation-reel{0%,16%{transform:translateY(0);filter:blur(0)}18%{filter:blur(3px)}20%,36%{transform:translateY(-1.15em);filter:blur(0)}38%{filter:blur(3px)}40%,56%{transform:translateY(-2.3em);filter:blur(0)}58%{filter:blur(3px)}60%,76%{transform:translateY(-3.45em);filter:blur(0)}78%{filter:blur(3px)}80%,96%{transform:translateY(-4.6em);filter:blur(0)}98%{filter:blur(3px)}100%{transform:translateY(-5.75em);filter:blur(0)}}
@media(max-width:700px){.portal-hero h1{font-size:clamp(29px,7.5vw,42px)}}
@media(max-width:480px){.portal-hero{padding-left:12px;padding-right:12px}.search-panel{padding:19px 16px}.search-icon{margin-left:11px;margin-right:12px}.portal-field>button{min-width:76px;padding:0 10px}.portal-field>button span{display:none}}
@media(prefers-reduced-motion:reduce){.rotating .reel{animation:none!important;transform:none!important;filter:none!important}}

/* Roomy chips keep every search type visible and size each choice to its label. */
.directory-search nav.result-breadcrumb.wrap{margin-top:10px;margin-bottom:0}
.directory-search .portal-hero{padding-top:22px}
@media(max-width:700px){
 .directory-search nav.result-breadcrumb.wrap{margin-top:6px}
 .directory-search .portal-hero{padding-top:18px}
 .directory-search .hero-inner{display:flex;flex-direction:column;align-items:stretch}
 .directory-search .portal-hero h1{margin:0 auto 12px}
 .directory-search .portal-hero>.hero-inner>p{order:2;margin:12px auto 0;font-size:15px;line-height:1.45}
 .directory-search .search-panel{width:100%;padding-top:14px}
 .search-panel .mode-controls{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
 .search-panel .mode{flex:0 0 auto;width:auto;max-width:100%;min-width:0;min-height:46px;padding:11px 14px;text-align:center;white-space:normal;font-size:14px;line-height:1.4}
}