@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;500;600&display=swap";:root{--fs-clamp: round(clamp(1rem, .7642rem + 1.0142dvw, 1.125rem), 1px);--fs-100: calc(var(--fs-clamp) * .75);--fs-200: calc(var(--fs-clamp) * .875);--fs-300: calc(var(--fs-clamp) * 1);--fs-400: calc(var(--fs-clamp) * 1.5);--fs-500: calc(var(--fs-clamp) * 2);--fs-600: calc(var(--fs-clamp) * 2.5);--fs-700: calc(var(--fs-clamp) * 3);--fs-800: calc(var(--fs-clamp) * 4);--fs-900: calc(var(--fs-clamp) * 5)}:root{--gap-050: calc(var(--fs-clamp) * .25);--gap-100: calc(var(--fs-clamp) * .5);--gap-150: calc(var(--fs-clamp) * .75);--gap-200: calc(var(--fs-clamp) * 1);--gap-250: calc(var(--fs-clamp) * 1.25);--gap-300: calc(var(--fs-clamp) * 1.5);--gap-350: calc(var(--fs-clamp) * 1.75);--gap-400: calc(var(--fs-clamp) * 2);--gap-450: calc(var(--fs-clamp) * 2.25);--gap-500: calc(var(--fs-clamp) * 2.5);--gap-550: calc(var(--fs-clamp) * 2.75);--gap-600: calc(var(--fs-clamp) * 3);--gap-650: calc(var(--fs-clamp) * 3.5);--gap-700: calc(var(--fs-clamp) * 4);--gap-750: calc(var(--fs-clamp) * 4.5);--gap-800: calc(var(--fs-clamp) * 5);--gap-850: calc(var(--fs-clamp) * 5.5);--gap-900: calc(var(--fs-clamp) * 6);--gap-950: calc(var(--fs-clamp) * 6.5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit}img,picture,svg,video,canvas{max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer}html{font-family:Arial,Helvetica,sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:var(--fs-300);font-weight:400;line-height:1.5}.page-section{width:100%}.container,.container-boxed,.container-narrow{container-type:inline-size;position:relative;width:100%}.container-boxed,.container-narrow{margin:0 auto}.container-boxed{max-width:90rem;padding-inline:clamp(.75rem,round(3.125cqw,1px),round(2.8125rem,1px))}.container-narrow{max-width:round(min(66.666667%,60.00003rem),1px)}.container--no-gap{padding:0}#root{width:100%;min-height:100dvh;display:flex;flex-direction:column}.header{z-index:999;flex-shrink:0;position:sticky;top:0;background-color:#fff;color:#1a1a1a;border-bottom:3px solid #2d5016;box-shadow:0 0 4px 2px #2d501626,0 0 12px 6px #2d501626}.header__inner{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.header__brand{font-size:var(--fs-500);line-height:2;font-weight:700;color:#2d5016}.header__nav,.header__nav-menu{flex:1;display:flex;flex-flow:row nowrap;justify-content:flex-end;gap:var(--gap-100)}.header__nav{gap:1rem}.header__nav-link{font-size:var(--fs-300);font-weight:500;padding:.5em;border-radius:25%;border-bottom:4px solid transparent;color:#2d5016}.header__nav-link:not(.active):hover{color:#f97316}.header__nav-link.active{border-color:#2d5016}main{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.footer{flex-shrink:0;background-color:#2d5016;color:#fff;border-top:3px solid #4a7c59}.footer__inner{padding:2rem 0 1rem;text-align:center}.footer__copyright{font-size:var(--fs-200)}.heading-group{margin-bottom:.5em}.heading-group-xl{font-size:var(--fs-700);line-height:1.15;font-weight:600}@media screen and (min-width: 36rem){.heading-group-xl{font-size:var(--fs-800)}}.heading-group-lg{font-size:var(--fs-700);line-height:1.2;font-weight:700}.heading-group-md{font-size:var(--fs-600);line-height:1.25;font-weight:700}.heading-group-sm{font-size:var(--fs-500);line-height:1.3;font-weight:700}.heading-group__title{font-family:Playfair Display,serif;font-size:1em;font-weight:inherit}.heading-group__subtitle{margin-top:.25em;font-family:Inter,sans-serif;font-size:max(1rem,.5em);font-weight:400}.btn{cursor:pointer;padding:.75em 1.5em;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:var(--fs-300);line-height:1;font-weight:500;border:none;border-radius:var(--gap-050);transition:color .2s ease,background-color .2s ease}.btn--full-width{width:100%}.btn--primary{background-color:#4a7c59;color:#fff}.btn--primary:not(.btn--disabled):hover{background-color:#5b996e}.btn--primary:not(.btn--disabled):active{background-color:#437050}.btn--secondary{background-color:#8b4513;color:#fff}.btn--secondary:not(.btn--disabled):hover{background-color:#b95c19}.btn--secondary:not(.btn--disabled):active{background-color:#7d3e11}.btn--accent{background-color:#f97316;color:#333}.btn--accent:not(.btn--disabled):hover{background-color:#fa812d}.btn--accent:not(.btn--disabled):active{background-color:#e15f06}.btn--overlay{background-color:#fff;color:#000}.btn--overlay:not(.btn--disabled):hover{background-color:#dbdbdb}.btn--overlay:not(.btn--disabled):active{background-color:#b8b8b8}.btn--disabled,.btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.5;filter:saturate(0)}.home{flex:1;padding-block-end:var(--gap-600);background-color:#f8faf6;height:100%}.home__hero{width:100%;min-height:33dvh;background-image:linear-gradient(#2d5016d9,#2d5016d9),url(/the-zoo/zoo-hero-1.avif);background-position:center;background-size:cover;display:flex;align-items:stretch}.home__hero-heading{z-index:1;position:relative;margin:var(--gap-400) 0;padding:var(--gap-400) 1em;color:#fff;text-align:center;border:solid #ffffff;border:4px solid transparent;border-width:4px 0;border-image:linear-gradient(to right,transparent 0%,rgba(255,255,255,.25) 15%,white 50%,rgba(255,255,255,.25) 85%,transparent 100%) 4}@media screen and (min-width: 72.875rem){.home__hero-heading{padding:var(--gap-400) 2em}}.home__hero-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.home__highlight{margin-top:var(--gap-600);width:100%;display:grid;gap:2rem}.home__highlight-heading{text-align:center;margin-bottom:var(--gap-400)}.home__featured-animals{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem}.featured-animal{height:100%;display:flex;flex-direction:column;padding:var(--gap-100);border:1px solid #d1d5db;background:#fff;border-radius:8px;box-shadow:0 2px 8px #2d501626;overflow:clip;transition:transform .2s ease,box-shadow .2s ease}.featured-animal:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2d501626}.featured-animal:hover .featured-animal__image{scale:1.1}.featured-animal__image-wrapper{aspect-ratio:4/3;overflow:hidden}.featured-animal picture{display:block;width:100%;height:100%}.featured-animal__image{width:100%;height:100%;object-fit:cover;transition:scale .5s ease}.featured-animal__heading{flex:1;padding:var(--gap-200);text-align:center;border:solid #d1d5db;border-width:0 1px 1px;background-color:#e8f5e8}.animals{flex:1;background-color:#f8faf6;height:100%}.animals__hero{color:#fff;padding:var(--gap-600) 0 var(--gap-800);position:relative;filter:drop-shadow(0 4px 6px rgba(26,26,26,.5))}.animals__hero:after{z-index:-1;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2d5016;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.animals__heading{position:relative;z-index:1}.animals__inner{margin-top:var(--gap-600)}.animals__list{padding-block-end:var(--gap-600);display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--gap-400)}@media screen and (min-width: 48rem){.animals__list{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}.animals__item{container-type:inline-size;height:100%;display:flex;flex-direction:column;padding:var(--gap-100);border:1px solid #d1d5db;background:#fff;border-radius:var(--gap-100);box-shadow:0 2px 8px #2d501626;overflow:clip;transition:transform .2s ease,box-shadow .2s ease}.animals__item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2d501626}.animals__item:hover img{scale:1.1}.animals__image-wrapper{height:15rem;overflow:hidden}.animals picture{display:block;width:100%;height:100%}.animals__image{width:100%;height:100%;object-fit:cover;transition:scale .5s ease}.animals__details{flex:1;display:flex;flex-direction:column;padding-inline:var(--gap-100)}.animals__item-heading{margin-block-start:var(--gap-100);text-align:center}.animals__item-description{flex:1;margin-block-start:var(--gap-250)}.animals__item-status-bar{margin-block:var(--gap-250)}.animals .status--fed{color:#14883f}.animals .status--hungry{color:#d83c3c}.animals .status--warning{color:#b36104}.animal{flex:1;background-color:#f8faf6;height:100%}.animal__hero{color:#fff;padding:var(--gap-600) 0 var(--gap-800);position:relative;filter:drop-shadow(0 4px 6px rgba(26,26,26,.5))}.animal__hero:after{z-index:-1;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2d5016;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.animal__inner{margin-top:var(--gap-300);display:flex;flex-direction:column;justify-content:center}.animal__presentation{width:100%;padding:var(--gap-100);border:1px solid #d1d5db;border-radius:var(--gap-100);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--gap-300);box-shadow:0 2px 8px #2d501626}@media screen and (min-width: 576px){.animal__presentation{padding:var(--gap-200)}}@media screen and (min-width: 992px){.animal__presentation{display:grid;grid-template-columns:minmax(19rem,1fr) minmax(min-content,70ch);align-items:stretch;gap:var(--gap-500)}}.animal__image-wrapper{width:100%;height:min(71dvw,40dvh)}@media screen and (min-width: 992px){.animal__image-wrapper{height:100%;min-height:16rem;max-height:none;max-width:100%}}.animal__image{width:100%;height:100%;object-fit:cover}.animal__details{display:flex;flex-direction:column;height:100%}.animal__label{font-size:var(--fs-200);line-height:1;font-weight:600;margin-block-end:.5em}.animal__description{margin-bottom:var(--gap-500);width:100%;max-width:70ch}.animal__status-wrapper{align-self:stretch;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.animal__status{display:grid;align-items:start;gap:var(--gap-100) var(--gap-400)}@media screen and (min-width: 576px){.animal__status{grid-template-columns:1fr 1fr}}.animal__last-fed,.animal__next-feed{border-radius:var(--gap-100);border:4px solid transparent;display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:var(--gap-200)}.animal__last-fed.status--hungry{border-color:#d83c3c}.animal__last-fed.status--warning{border-color:#b36104}.animal__last-fed.status--fed,.animal__next-feed.status--hungry{border-color:#14883f}.animal__time{font-size:calc(var(--fs-300) * 1.125);font-weight:700;line-height:2}.animal__feed-btn{align-self:flex-end;padding-block:1.5em;margin-block-start:var(--gap-300)}.error-page{margin-top:var(--gap-900);display:flex;flex-direction:column;align-items:center}.error-page__message{margin-block:2em}.error-page a{text-decoration:underline;color:#00f}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.heading-xxl{font-family:Playfair Display,serif;font-size:var(--fs-900);line-height:1.1;font-weight:500}.heading-xl{font-family:Playfair Display,serif;font-size:var(--fs-800);line-height:1.15;font-weight:500}.heading-lg{font-family:Playfair Display,serif;font-size:var(--fs-700);line-height:1.2;font-weight:700}.heading-md{font-family:Playfair Display,serif;font-size:var(--fs-600);line-height:1.25;font-weight:700}.heading-sm{font-family:Inter,sans-serif;font-size:var(--fs-500);line-height:1.3;font-weight:600}