.single-animal{margin:128px 0}@media (width>=768px){.single-animal{margin:256px 0 128px}}.single-animal__intro{text-align:center;padding-bottom:48px;position:relative}@media (width>=768px){.single-animal__intro{padding-bottom:96px}}.single-animal__intro:has(.single-animal__go-down){padding-bottom:0}.single-animal__intro:after{content:"";pointer-events:none;background-image:url(/wp-content/themes/lumigny-safari-reserve/assets/images/decoration_bg.svg);background-position:calc(100% + 175px) calc(100% + 75px);background-repeat:no-repeat;background-size:contain;width:400px;height:400px;position:absolute;bottom:0;right:0}@media (width>=768px){.single-animal__intro:after{background-position:calc(100% + 230px) calc(100% + 245px);width:700px;height:700px}.single-animal__intro .kicker{font-size:30px}}.single-animal__intro h1{text-transform:uppercase;margin-inline:auto;max-width:740px;margin-bottom:2rem;font-family:Brand,cursive;font-size:40px}@media (width>=768px){.single-animal__intro h1{font-size:80px}}.single-animal__intro p{margin-inline:auto;max-width:740px;margin-bottom:1rem}.single-animal__intro p:last-of-type{margin-bottom:0}.single-animal__go-down{z-index:1;background-color:#211711;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:32px auto -48px;display:flex;position:relative}@media (width>=768px){.single-animal__go-down{width:150px;height:150px;margin:48px auto -75px}}.single-animal__go-down:after{content:"";background-color:#0000;border:3px solid #cf691e;border-radius:50%;width:72px;height:72px;position:absolute}@media (width>=768px){.single-animal__go-down:after{width:120px;height:120px}}.single-animal__go-down svg{width:auto;height:30px}@media (width>=768px){.single-animal__go-down svg{height:40px}}.single-animal__banner{min-height:280px;position:relative}.single-animal__banner-image{width:100%;height:280px;position:relative}@media (width>=768px){.single-animal__banner-image{height:720px}}.single-animal__banner-image:after{content:"";background-color:#33241a66;width:100%;height:100%;position:absolute;inset:0}.single-animal__banner-image img{object-fit:cover;width:100%;height:100%}.single-animal__banner-contents{z-index:0;grid-template-columns:repeat(auto-fit,minmax(201px,1fr));justify-content:center;gap:64px 32px;margin-top:64px;margin-bottom:64px;display:grid;position:relative}@media (width>=1024px){.single-animal__banner-contents{gap:0;width:100%;margin-top:0;margin-bottom:0;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}}.single-animal__banner-content{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}@media (width>=768px){.single-animal__banner-content{gap:16px}}@media (width>=1024px){.single-animal__banner-content{border-left:1px solid #fff;padding:16px}}@media (width>=1280px){.single-animal__banner-content{padding:16px 32px}}.single-animal__banner-content:before{content:"";background-color:#fff9;width:80px;height:1px;position:absolute;top:-32px;left:50%;transform:translate(-50%)}@media (width>=480px){.single-animal__banner-content:before{display:none}}.single-animal__banner-content:first-of-type{border-left:none}@media (width>=1024px){.single-animal__banner-content:first-of-type{padding-left:0}}@media (width>=1280px){.single-animal__banner-content:first-of-type{padding-left:32px}}.single-animal__banner-content:first-of-type:before{display:none}@media (width>=1024px){.single-animal__banner-content:last-of-type{padding-right:0}}@media (width>=1280px){.single-animal__banner-content:last-of-type{padding-right:32px}}.single-animal__banner-title{color:#cf691e;font-family:Junge,serif;font-size:22px}@media (width>=1024px){.single-animal__banner-title{color:#fff}}.single-animal__banner-text{line-height:1.3}.single-animal__content{margin:96px 0}@media (width>=768px){.single-animal__content{margin:126px 0}}.single-animal__content-container{gap:96px;max-width:1344px;display:flex}.single-animal__summary{flex:0 0 400px;height:fit-content;display:none;position:sticky;top:150px}@media (width>=1024px){.single-animal__summary{display:block}}.single-animal__summary-header{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.single-animal__summary-text{font-family:Junge,serif;font-size:24px}.single-animal__summary-title{text-transform:uppercase;font-family:Brand,cursive;font-size:50px}.single-animal__summary-item{border-bottom:1px solid #ffffff80;padding:28px 40px 28px 0;transition:background-color .25s;position:relative}.single-animal__summary-item:after{content:"";opacity:0;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10.39\" height=\"16.392\" viewBox=\"0 0 10.39 16.392\"><path d=\"M65.664,56.381a1.665,1.665,0,0,0,1.158-.433l7.171-7.024a.987.987,0,0,0,0-1.487L66.57,40.413a1.773,1.773,0,0,0-2.093-.152,1.012,1.012,0,0,0-.193,1.651l6.636,6.275-6.413,6.275a.979.979,0,0,0-.2,1.252A1.56,1.56,0,0,0,65.664,56.381Z\" transform=\"translate(-63.94 -39.99)\" fill=\"%23cf691e\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:10px;height:16px;transition:opacity .25s,transform .25s;display:block;position:absolute;top:50%;right:16px;transform:translateY(-50%)translate(-8px)}.single-animal__summary-item:first-of-type{border-top:1px solid #ffffff80}.single-animal__summary-item:has(.is-active){background-color:#211711}.single-animal__summary-item:has(.is-active):after{opacity:1;transform:translateY(-50%)translate(0)}.single-animal__summary-link{color:#cf691e;letter-spacing:.127em;text-transform:uppercase;text-decoration:none}.single-animal__summary-link.is-active{padding-left:24px}.single-animal__sections{flex-direction:column;gap:64px;display:flex}@media (width>=768px){.single-animal__sections{gap:72px}}.single-animal__section{flex-direction:column-reverse;gap:32px;display:flex}@media (width>=768px){.single-animal__section{gap:48px}}@media (width>=1024px){.single-animal__section{flex-direction:column}}.single-animal__section h2{margin-bottom:1rem;font-family:Brand,cursive;font-size:35px}@media (width>=768px){.single-animal__section h2{font-size:50px}}.single-animal__section p{margin-bottom:1rem}.single-animal__section p:last-of-type{margin-bottom:0}.single-animal__section-image{width:100%;height:300px}@media (width>=768px){.single-animal__section-image{height:350px}}.single-animal__section-image img{object-fit:cover;border-radius:10px;width:100%;height:100%}
