/* The illustrated species selector sits directly below the hero. */
.hero{margin-top:25px}
.species-peeking{display:block;padding-block:39px 28px;position:relative}
.species-peeking .species-intro{display:block;text-align:center;margin:0 0 44px}
.species-peeking .species-intro .eyebrow{font-size:11px;line-height:1.8;margin:0 0 4px}
.species-peeking .species-intro h2{font-size:27px;font-weight:850;line-height:1.5;letter-spacing:-.7px}
.species-peeking .species-intro p{display:block;font-size:11px;line-height:1.8;margin-top:6px;color:var(--muted)}
.species-peeking .species-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding-top:12px;align-items:stretch}
.species-peeking .species-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;min-height:143px;padding:70px 10px 15px;border-radius:23px;border:1px solid #DEE2D2;background:#FFFFFF;box-shadow:0 5px 0 #25342B04;overflow:visible;gap:0;transition:border-color .18s,background .18s,box-shadow .18s}
.species-peeking .species-card:hover{background:#F7F9F0;border-color:#9BAF8C;box-shadow:0 6px 16px #25342B0A}
.species-peeking .species-card.is-active,.species-peeking .species-card[aria-pressed=true]{background:#EFF5E5;border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest),0 5px 0 #245B4506}
.species-peeking .species-icon{position:absolute;top:-43px;left:50%;width:112px;height:112px;margin:0;transform:translateX(-50%);background:transparent;border-radius:0;display:block;pointer-events:none}
.species-peeking .species-icon:before{content:"";position:absolute;inset:29px 8px 8px;background:var(--sage);border-radius:48% 45% 43% 49%;opacity:.7;transform:rotate(-5deg)}
.species-peeking .species-icon.peach:before{background:var(--peach);transform:rotate(6deg)}
.species-peeking .species-icon.sky:before{background:var(--sky);transform:rotate(-7deg)}
.species-peeking .species-icon.butter:before{background:var(--butter);transform:rotate(4deg)}
.species-art{position:relative;display:block;width:112px;height:112px;background-image:url('assets/species-stickers-v2.png');background-size:300% 200%;background-repeat:no-repeat;background-position:0 0}
.species-art[data-animal=dog]{background-position:0 0}
.species-art[data-animal=cat]{background-position:50% 0}
.species-art[data-animal=bird]{background-position:100% 0}
.species-art[data-animal=small]{background-position:0 100%}
.species-art[data-animal=reptile]{background-position:50% 100%}
.species-art[data-animal=amphibian]{background-position:100% 100%}
.species-peeking .species-card b{display:block;margin:0;font-size:14px;line-height:1.75;font-weight:750;white-space:normal;text-align:center}
.species-caption{display:block;font-size:9px;line-height:1.9;font-weight:400;color:var(--muted);margin-top:4px;text-align:center}
.species-card-arrow{position:absolute;left:11px;bottom:8px;color:#7D9670;font-size:16px;line-height:1;opacity:.6}
.species-peeking .species-check{top:11px;right:11px;width:19px;height:19px;line-height:19px;font-size:11px}
.species-peeking .species-card[aria-pressed=true] b{color:var(--forest);font-weight:800}
.species-peeking+.benefits{padding-top:18px}
@media(max-width:1100px){.species-peeking .species-options{gap:12px}.species-peeking .species-card{min-height:139px;padding-inline:7px}.species-peeking .species-card b{font-size:13px}.species-caption{font-size:8px}.species-peeking .species-icon,.species-art{width:104px;height:104px}.species-peeking .species-icon{top:-38px}}
@media(max-width:800px){.species-peeking{padding-block:34px 25px}.species-peeking .species-intro h2{font-size:25px}.species-peeking .species-options{gap:10px}.species-peeking .species-card{min-height:132px;padding:59px 6px 15px;border-radius:20px}.species-peeking .species-card b{font-size:11px}.species-caption{font-size:8px;max-width:95px}.species-peeking .species-icon,.species-art{width:90px;height:90px}.species-peeking .species-icon{top:-32px}.species-peeking .species-check{width:15px;height:15px;line-height:15px;top:9px;right:8px;font-size:9px}.species-card-arrow{font-size:14px;left:8px;bottom:7px}}
@media(max-width:600px){.hero{margin-top:17px}.species-peeking{padding-block:31px 25px}.species-peeking .species-intro{margin-bottom:37px}.species-peeking .species-intro .eyebrow{font-size:9px;margin-bottom:3px}.species-peeking .species-intro h2{font-size:22px;line-height:1.6;letter-spacing:-.65px}.species-peeking .species-intro p{display:block;font-size:10px;margin-top:3px}.species-peeking .species-options{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;row-gap:35px;padding-top:7px}.species-peeking .species-card{min-height:118px;padding:52px 6px 14px;border-radius:18px;gap:0}.species-peeking .species-icon,.species-art{width:84px;height:84px}.species-peeking .species-icon{top:-32px}.species-peeking .species-icon:before{inset:20px 7px 7px}.species-peeking .species-card b{font-size:12px;line-height:1.7;max-width:100%;margin:0}.species-caption{font-size:8px;line-height:1.8;max-width:90px;margin-top:3px}.species-card-arrow{display:none}.species-peeking .species-check{right:8px;top:8px;width:14px;height:14px;line-height:14px;font-size:8px}.species-peeking+.benefits{padding-top:10px}}
@media(max-width:360px){.species-peeking .species-options{column-gap:8px}.species-peeking .species-card{padding-inline:4px;min-height:120px}.species-peeking .species-card b{font-size:11px}.species-peeking .species-icon,.species-art{width:78px;height:78px}.species-peeking .species-icon{top:-30px}.species-caption{font-size:7.5px}}