:root{--ink:#102d42;--blue:#176b91;--sky:#dceef4;--green:#54775c;--sun:#ffe36e;--white:#fffdf6;--line:#183c4c;--muted:#5b6e73;--serif:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;--sans:Avenir Next,Avenir,Futura,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans)}a{color:inherit}header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:15px clamp(22px,5vw,72px);border-bottom:1px solid #183c4c33;background:#fffdf6ee;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.wordmark{text-decoration:none;font:700 16px var(--serif)}.wordmark span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;background:var(--sun);border-radius:50%;font:800 11px var(--sans)}nav{display:flex;gap:22px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:.72fr 1.28fr;min-height:calc(100vh - 76px);border-bottom:1px solid var(--line)}.intro{padding:clamp(55px,7vw,105px) clamp(28px,5vw,78px)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:var(--green)}h1{font:400 clamp(64px,7.5vw,118px)/.81 var(--serif);letter-spacing:-.065em;margin:26px 0 34px}.lede{font:400 clamp(18px,1.7vw,27px)/1.45 var(--serif);max-width:650px}.notice{display:inline-block;margin-top:30px;padding:11px 15px;background:var(--sun);font-size:10px;font-weight:900}.map{position:relative;overflow:hidden;border-left:1px solid var(--line);background:var(--sky);min-height:720px}.map img{width:100%;height:100%;object-fit:cover;display:block}.hotspot{position:absolute;z-index:3;text-decoration:none;padding:9px 12px;background:var(--white);border:1px solid var(--line);box-shadow:4px 5px 0 #176b9144;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:.18s}.hotspot:hover,.hotspot:focus{transform:translate(-3px,-4px);box-shadow:8px 9px 0 #176b9166;background:var(--sun)}.library{left:4%;top:31%}.economics{left:43%;top:11%}.lab{left:65%;top:31%}.games{left:43%;top:47%}.lopez{right:4%;top:52%}.dogs{left:5%;top:62%}.mayor{right:8%;bottom:13%}.mapkey{position:absolute;right:3%;bottom:3%;background:var(--ink);color:white;padding:10px 13px;font:italic 12px var(--serif)}.photo-band{display:grid;grid-template-columns:1.3fr .7fr;background:var(--blue);color:white}.archive-photo{height:420px;overflow:hidden}.archive-photo img{width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:grayscale(1) contrast(1.05);mix-blend-mode:screen;opacity:.84}.archive-note{padding:55px clamp(28px,6vw,84px);display:flex;flex-direction:column;justify-content:center}.archive-note h2,.page-title{font:400 clamp(48px,7vw,96px)/.92 var(--serif);letter-spacing:-.05em;margin:15px 0}.archive-note p{font:18px/1.55 var(--serif)}.pagehero{padding:95px clamp(24px,7vw,110px) 70px;background:var(--sky);border-bottom:1px solid var(--line)}.pagehero p{max-width:760px;font:21px/1.5 var(--serif)}.district{padding:80px clamp(24px,7vw,110px)}.street{border-top:1px solid var(--line)}.address{display:grid;grid-template-columns:72px 1fr 1.15fr auto;gap:28px;align-items:center;padding:29px 0;border-bottom:1px solid #183c4c55;text-decoration:none}.address:hover{background:linear-gradient(90deg,#dceef477,transparent);padding-left:14px}.number{font:italic 17px var(--serif);color:var(--green)}.address h2{font:400 clamp(25px,3vw,42px)/1 var(--serif);margin:0}.address p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.arrow{width:43px;height:43px;border-radius:50%;background:var(--sun);display:grid;place-items:center;font-size:19px}.note{margin:55px 0 0;max-width:850px;padding:26px;border-left:5px solid var(--sun);font:18px/1.55 var(--serif);background:#dceef455}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.panel{background:var(--white);padding:40px;min-height:290px;display:flex;flex-direction:column}.panel:nth-child(3n+2){background:var(--sky)}.panel:nth-child(3n){background:#e9f1e6}.panel .credit,.tag{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.panel h2{font:400 clamp(32px,4vw,53px)/1 var(--serif);margin:45px 0 14px}.panel p{line-height:1.55;color:var(--muted)}.panel a{margin-top:auto;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.bio-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.portrait-photo{position:relative;margin:0}.portrait-photo img{width:100%;display:block}.portrait-photo:after{content:'Before the paperwork.';position:absolute;bottom:18px;left:18px;background:var(--sun);padding:9px 12px;font:italic 13px var(--serif)}.bio{font:clamp(21px,2.2vw,33px)/1.5 var(--serif)}.subnav{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.pill{padding:10px 13px;border:1px solid var(--line);text-decoration:none;font-size:10px;font-weight:900;text-transform:uppercase}.pill:hover{background:var(--sun)}footer{padding:34px clamp(22px,5vw,72px);border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.proposal{position:fixed;right:16px;bottom:16px;z-index:30;background:var(--ink);color:white;padding:10px 13px;border-radius:50px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 28px #102d4255}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.map{border-left:0;border-top:1px solid;min-height:620px}.photo-band,.bio-layout{grid-template-columns:1fr}.archive-photo{height:300px}.address{grid-template-columns:45px 1fr auto}.address p{grid-column:2/4}.grid{grid-template-columns:1fr}.hotspot{font-size:8px;padding:7px}.pagehero{padding-top:70px}}
