@font-face{font-family:"Hanken Grotesk";src:url("/fonts/HankenGrotesk-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#fff;--ink:#2e2d29;--accent:#175e54;--rule:#dad7cb;--muted:#53565a;--blue:#00548f;font-family:"Hanken Grotesk",Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}.shell{max-width:1264px;margin:0 auto;padding:0 56px}.skip-link{position:fixed;left:16px;top:-100px;z-index:10;background:var(--accent);color:white;padding:14px 18px}.skip-link:focus{top:16px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:142px;border-bottom:1px solid var(--rule);padding:28px 0}.wordmark{display:block;flex-shrink:0}.wordmark img{display:block;width:242px;height:auto}.utility{font-size:14px;line-height:1.4;font-weight:600}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:79px 0 74px}h1{font-size:clamp(56px,6.4vw,80px);line-height:.98;letter-spacing:-2.7px;font-weight:300;margin:0}h1 strong{font-weight:800}h1 span{font-weight:300}.intro-copy{font-size:20px;line-height:1.45;margin:0 3px 5px 0;color:var(--muted)}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:20px 0 25px;font-size:14px;line-height:1.4;font-weight:600}.section-label h2{font:inherit;margin:0}.section-label>span{color:var(--muted);font-weight:400}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.site-card{display:block;text-decoration:none;min-width:0;border:1px solid var(--rule);background:white;transition:border-color .2s,transform .2s;border-radius:2px;overflow:hidden}.site-card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-image{aspect-ratio:18/11;overflow:hidden;border-bottom:1px solid var(--rule);background:var(--paper)}.card-image img{display:block;width:100%;height:100%;object-fit:cover}.card-image--brand{display:grid;place-items:center;background:var(--blue);padding:48px 68px}.card-image--brand img{object-fit:contain}.card-copy{padding:26px 28px 29px}.card-heading{display:flex;align-items:center;gap:16px;justify-content:space-between}h3{font-size:28px;line-height:1.15;letter-spacing:-.6px;font-weight:600;margin:0}.card-arrow{font-size:29px;color:var(--accent);line-height:1}.url{font-size:13px;line-height:1.5;font-weight:600;color:var(--accent);overflow-wrap:anywhere;margin:13px 0 20px}.description{color:var(--muted);font-size:16px;line-height:1.5;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:88px;padding:30px 0 37px;border-top:1px solid var(--rule)}.footer-logo{width:184px;height:auto}.directory-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--accent);border-radius:2px;min-height:45px;padding:11px 16px;color:var(--accent);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s}.directory-button:hover{background:var(--accent);color:white}.directory-button>span{font-size:20px;line-height:1}
@media(max-width:850px){.shell{padding:0 32px}.intro{padding:58px 0;gap:32px;align-items:flex-start;flex-direction:column}.intro-copy{font-size:18px}.intro-copy br{display:none}h1{font-size:72px}.card-copy{padding:23px 22px 26px}h3{font-size:25px}.site-grid{gap:22px}.card-image--brand{padding:38px 45px}.url{font-size:12px}.description{font-size:15px}footer{margin-top:68px}}@media(max-width:600px){.shell{padding:0 24px}.masthead{min-height:135px;align-items:flex-start;flex-direction:column;gap:18px;padding:25px 0 20px}.wordmark img{width:220px}.utility{font-size:13px}.intro{padding:44px 0 42px;gap:23px}h1{font-size:56px;letter-spacing:-1.8px}.intro-copy{font-size:17px}.site-grid{grid-template-columns:1fr;gap:24px}.section-label{font-size:13px;padding-bottom:20px}.card-copy{padding:24px}h3{font-size:27px}.card-image--brand{padding:40px 58px}.url{font-size:12px}.description{font-size:16px}footer{margin-top:56px;align-items:flex-start;flex-direction:column;gap:28px;padding:30px 0}.footer-logo{width:184px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.site-card:hover{transform:none}}