.residents-page .header [aria-current=page]{color:var(--yellow)}
.residents-page .header>.btn{color:var(--ink)}
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:16px;color:var(--muted);padding:28px 0 34px}.breadcrumbs a:hover{color:var(--green);text-decoration:underline}
.residents-hero{padding-bottom:80px;overflow:hidden}.residents-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.residents-heading h1{font:600 clamp(64px,6.5vw,92px)/1.05 var(--display);letter-spacing:-1.7px;margin:0 0 26px}.residents-heading h1 span{color:var(--pink)}.residents-heading .eyebrow{font-size:16px;letter-spacing:1px}.residents-lead{font-size:28px;line-height:1.35;font-weight:750;margin-bottom:22px}.residents-heading>p:not(.eyebrow):not(.residents-lead){color:var(--muted);font-size:18px;max-width:470px}.residents-heading .btn{margin-top:28px}
.residents-portrait{position:relative;margin:0 0 40px;min-width:0}.residents-portrait>img{width:100%;height:490px;object-fit:cover;object-position:48% center;border-radius:44% 7% 30% 8%/12% 34% 10% 35%}.residents-portrait figcaption{position:absolute;left:25px;top:25px;background:#fff;padding:10px 16px;border-radius:3px;font-size:16px;font-weight:750}.residents-portrait figcaption span{display:block;font-weight:400;font-size:16px;color:var(--muted)}.species-note{position:absolute;bottom:-40px;right:12px;background:var(--green);color:white;display:flex;gap:24px;align-items:center;padding:24px 30px;box-shadow:0 12px 30px #143c2520}.species-note strong{font:600 64px/1 var(--display);color:var(--yellow)}.species-note span{font-size:18px;line-height:1.5}
.meet-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.meet-grid h2{margin-bottom:27px}.meet-grid p:not(.eyebrow){color:var(--muted);font-size:18px}.meet-grid>div:nth-child(2){padding-top:5px}.resident-catalogue .section-head{align-items:end}.resident-catalogue .section-head>.muted{font-size:18px}.catalogue-tools{border-top:1px solid var(--line);padding-top:28px;margin-bottom:28px;display:grid;gap:25px}.resident-filters{display:flex;gap:10px;flex-wrap:wrap}.resident-filters button{background:transparent;border:1px solid #cbd1c3;padding:10px 16px;border-radius:3px;font-size:16px;font-weight:700;min-height:46px}.resident-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.resident-filters button:hover{border-color:var(--green)}.catalogue-count{color:var(--muted);font-size:16px;margin:22px 0}.resident-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.resident-card{background:white;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e5e5d9}.resident-card>img{width:100%;aspect-ratio:1.35;height:auto;object-fit:cover}.resident-body{padding:25px;display:flex;flex:1;flex-direction:column}.resident-group{color:var(--green);font-size:16px;margin-bottom:10px}.resident-body h3{font-size:25px;line-height:1.25;letter-spacing:-.6px}.resident-body p{font-size:18px;color:var(--muted);line-height:1.65;margin:16px 0 22px}.resident-body .text-link{margin-top:auto;font-size:18px}.catalogue-end{text-align:center;font-size:22px;margin-top:40px;font-weight:700}
.encounter{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.encounter>img{width:100%;height:530px;object-fit:cover;border-radius:4px}.encounter h2{margin-bottom:25px}.encounter p:not(.eyebrow){font-size:18px;color:var(--muted)}.encounter-note{border-left:4px solid var(--lime);background:var(--cream);padding:20px 24px;margin:25px 0}.visit-formats{display:grid;grid-template-columns:1fr 1fr;gap:30px}.visit-format{display:grid;grid-template-columns:145px 1fr;gap:25px;border-top:1px solid #cdd4c4;padding-top:28px}.visit-format img{width:145px;height:180px;object-fit:cover;border-radius:3px}.visit-format h3{font-size:25px}.visit-format p{color:var(--muted);font-size:18px;margin:15px 0 20px}.visit-format:hover h3{color:var(--green)}.residents-page .prototype-note{font-size:12px}
@media(max-width:1000px){.residents-intro{gap:30px;grid-template-columns:1fr 1fr}.residents-portrait>img{height:470px}.species-note{padding:20px;gap:15px;right:0;left:0}.species-note strong{font-size:52px}.species-note span{font-size:16px}.resident-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meet-grid,.encounter{gap:35px}.visit-format{grid-template-columns:100px 1fr;gap:18px}.visit-format img{width:100px;height:135px}}
@media(max-width:700px){.residents-intro,.meet-grid,.encounter,.visit-formats{grid-template-columns:1fr}.residents-intro{gap:38px}.residents-heading h1{font-size:66px}.residents-hero{padding-bottom:60px}.residents-portrait>img{height:390px}.residents-portrait{max-width:550px;width:100%;margin-inline:auto}.species-note{left:auto;min-width:80%;padding:20px 24px}.species-note span{font-size:18px}.meet-grid{gap:30px}.encounter>img{height:380px}.resident-body{padding:20px}.resident-body h3{font-size:23px}.resident-catalogue .section-head{align-items:start;flex-direction:column;gap:22px}.visit-format{grid-template-columns:130px 1fr}.visit-format img{width:130px;height:160px}}
@media(max-width:480px){.residents-hero .wrap,.resident-catalogue .wrap{width:calc(100% - 40px)}.breadcrumbs{padding:22px 0 30px}.residents-heading .eyebrow{letter-spacing:.5px}.residents-heading h1{font-size:62px}.residents-lead{font-size:26px}.residents-portrait>img{height:330px}.residents-portrait figcaption{top:16px;left:16px;padding:8px 12px}.species-note{position:relative;bottom:auto;right:auto;left:auto;margin:-20px 0 0 20px;padding:18px;gap:18px}.residents-portrait{margin-bottom:0}.species-note span{font-size:16px}.resident-grid{grid-template-columns:1fr;gap:24px}.resident-filters{gap:8px}.resident-filters button{padding:9px 12px}.resident-body h3{font-size:26px}.resident-body{padding:24px}.encounter>img{height:300px}.visit-format{grid-template-columns:90px 1fr;gap:18px}.visit-format img{width:90px;height:120px}.visit-format h3{font-size:23px}.visit-format p{font-size:18px}.encounter-note{padding:18px}.residents-heading .btn{width:100%}}