/* Home page only. The player pages and animal styles are intentionally separate. */
.home-gallery{--ink:#304d47;--muted:#73817a;--paper:#fffefa;background:#faf7f0;color:var(--ink);font-family:"Trebuchet MS","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(#c4b79a19 .7px,transparent .7px);background-size:9px 9px}
.home-gallery .site-header{max-width:1360px;padding:25px 40px;border-bottom:1px solid #e6e0d4}
.home-gallery .brand{font-size:23px;letter-spacing:-.7px;gap:13px}.home-gallery .brand small{font-size:11px;letter-spacing:.04em;color:#879087;margin-top:6px}
.home-gallery .mark{background:#688a76;color:#fff9e7;border-radius:17px 20px 16px 22px;transform:rotate(-6deg);box-shadow:3px 3px 0 #e6dbc0;font-family:Georgia,serif;font-style:italic}
.home-gallery .privacy{font-size:12px;color:#7c877e}.home-gallery .privacy i{background:#9eb293;width:8px;height:8px}
.home-gallery .catalog{max-width:1360px;padding:0 40px}
.home-gallery .intro{text-align:center;padding:53px 0 49px;position:relative}
.home-gallery .eyebrow{display:inline-block;text-transform:none;font-size:13px;letter-spacing:.06em;color:#8b826d;font-weight:600;margin:0 0 17px}
.home-gallery h1{font-size:clamp(37px,4.4vw,64px);line-height:1.12;letter-spacing:-2.5px;font-weight:800;margin:0 0 22px;color:#34584e}
.home-gallery h1 em{color:#b87574;display:inline-block;position:relative;z-index:0}
.home-gallery h1 em:after{content:"";position:absolute;left:2%;right:1%;bottom:0;height:10px;border-radius:50%;background:#eed8a4;opacity:.6;z-index:-1;transform:rotate(-1deg)}
.home-gallery .lead{font-size:16px;line-height:1.75;color:#7b8379;margin:0}
.home-gallery .how{justify-content:center;gap:22px;margin:31px 0 0;font-size:17px;font-weight:600}
.home-gallery .how>span{display:flex;align-items:center;gap:10px;background:#fffdf7;padding:13px 19px;border:1px solid #eae3d5;border-radius:5px 7px 8px 6px;box-shadow:0 3px 0 #e9e1d05c,0 8px 16px #766b4e06;transform:rotate(-1deg);position:relative}
.home-gallery .how>span:nth-child(2){transform:rotate(1deg)}.home-gallery .how>span:nth-child(3){transform:rotate(-.6deg)}
.home-gallery .how b{width:30px;height:30px;font-size:14px;margin:0;background:#dfebdc;color:#57745c;flex-shrink:0}.home-gallery .how>span:nth-child(2) b{background:#f6e4c2;color:#aa864e}.home-gallery .how>span:nth-child(3) b{background:#eedde4;color:#a76b83}
.home-gallery .section-head{margin:0 0 23px;align-items:baseline}.home-gallery .section-head h2{font-size:25px;letter-spacing:-.5px}.home-gallery .section-head>span{font-size:12px;letter-spacing:.02em;color:#889184}
.home-gallery .grid{gap:27px 23px;grid-template-columns:repeat(4,minmax(0,1fr))}
.home-gallery .animal{--pastel:#dfebde;--accent:#58786b;background:var(--pastel);border:0;border-radius:19px 19px 12px 12px;overflow:hidden;box-shadow:0 3px 5px #594e2e07,0 9px 22px #594e2e06;transition:transform .22s ease,box-shadow .22s ease}
.home-gallery .animal[data-animal=penguin]{--pastel:#dbeaf3;--accent:#56829d}.home-gallery .animal[data-animal=giraffe]{--pastel:#f4e5bb;--accent:#a18a4c}.home-gallery .animal[data-animal=hippo]{--pastel:#e4ddf0;--accent:#9380a8}.home-gallery .animal[data-animal=fox]{--pastel:#f5dcca;--accent:#b77d5e}.home-gallery .animal[data-animal=bear]{--pastel:#e2e9cd;--accent:#82915c}.home-gallery .animal[data-animal=lion]{--pastel:#f6dfaa;--accent:#b1924c}.home-gallery .animal[data-animal=elephant]{--pastel:#e2e6ee;--accent:#8a91a7}.home-gallery .animal[data-animal=tiger]{--pastel:#d8e9df;--accent:#6e9a82}
.home-gallery .animal:hover{transform:translateY(-5px) rotate(-.35deg);box-shadow:0 8px 14px #594e2e0b,0 16px 32px #594e2e0d}
.home-gallery .animal:focus-visible{outline:3px solid #a7814f;outline-offset:5px}
.home-gallery .portrait{height:auto;aspect-ratio:3/2;display:block!important;background:var(--pastel);padding:13px 13px 17px;position:relative;overflow:hidden}
.home-gallery .portrait img{position:static!important;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:11px 11px 5px 5px;display:block}
.home-gallery .card-body{position:relative;background:var(--paper);padding:19px 21px 19px;margin-top:0;box-shadow:0 -3px 5px #5d56410a;min-height:192px}
.home-gallery .card-body:before{content:"";position:absolute;top:-11px;left:0;right:0;height:13px;background:var(--paper);clip-path:polygon(0 37%,3% 52%,6% 24%,10% 43%,13% 20%,17% 46%,21% 32%,25% 59%,29% 30%,33% 44%,37% 18%,41% 46%,45% 33%,49% 56%,53% 24%,57% 41%,61% 17%,65% 48%,69% 28%,73% 53%,77% 21%,81% 40%,85% 22%,89% 49%,93% 25%,97% 44%,100% 25%,100% 100%,0 100%)}
.home-gallery .tag{padding:0;background:none;color:#92918b;font-size:10px;letter-spacing:.015em;border-radius:0;line-height:1.5}.home-gallery .tag:before{content:"";display:inline-block;width:6px;height:6px;background:#b2b0bd;border-radius:50%;margin-right:7px;vertical-align:1px}.home-gallery .tag.available{color:#82917b;background:none}.home-gallery .tag.available:before{background:#99b28b}
.home-gallery .card-body h3{font-size:25px;letter-spacing:-.8px;margin:8px 0 3px;line-height:1.25;font-weight:700}.home-gallery .card-body p{font-size:12px;line-height:1.6;min-height:38px;color:#8b8f85;margin:0}
.home-gallery .open{border-top:1px solid #eeeae0;color:var(--accent);padding-top:12px;margin-top:13px;font-size:12px;font-weight:700;letter-spacing:.01em}
.home-gallery footer{margin:47px 0 0;padding:28px 0 35px;font-size:12px;gap:18px;border-color:#e6e0d4}.home-gallery footer strong{font-size:13px;color:#68816f}.home-gallery footer p{color:#94998b}.home-gallery footer>span{font-size:12px;color:#9a9b8c}
@media(min-width:1500px){.home-gallery .intro{padding-top:62px;padding-bottom:58px}.home-gallery h1{font-size:68px}}
@media(max-width:1050px){.home-gallery .catalog{padding:0 28px}.home-gallery .site-header{padding:22px 28px}.home-gallery .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-gallery .how{gap:14px;font-size:15px}.home-gallery .how>span{padding:12px 15px}.home-gallery .portrait{aspect-ratio:3/2}.home-gallery .card-body{min-height:185px}.home-gallery .card-body p{min-height:20px}}
@media(max-width:650px){.home-gallery .site-header{padding:19px 21px}.home-gallery .brand{font-size:21px}.home-gallery .mark{width:42px;height:42px}.home-gallery .catalog{padding:0 20px}.home-gallery .intro{padding:37px 0 34px}.home-gallery .eyebrow{font-size:10px;letter-spacing:.045em;margin-bottom:16px}.home-gallery h1{font-size:clamp(31px,7.8vw,46px);letter-spacing:-1.25px;line-height:1.18;margin-bottom:18px}.home-gallery h1 em:after{height:7px}.home-gallery .lead{font-size:13px;line-height:1.75}.home-gallery .wide{display:none}.home-gallery .how{margin-top:26px;gap:10px;display:grid;grid-template-columns:1fr;text-align:left;max-width:310px;margin-left:auto;margin-right:auto;font-size:16px}.home-gallery .how>span{padding:10px 16px;gap:13px}.home-gallery .how b{width:27px;height:27px;font-size:12px}.home-gallery .section-head{display:block;margin-bottom:19px}.home-gallery .section-head h2{font-size:23px}.home-gallery .section-head>span{font-size:11px;margin-top:7px}.home-gallery .grid{grid-template-columns:1fr;gap:22px;max-width:460px;margin:auto}.home-gallery .portrait{padding:13px 13px 18px}.home-gallery .card-body{padding:19px 22px 20px;min-height:175px}.home-gallery .card-body h3{font-size:26px}.home-gallery .card-body p{font-size:13px;min-height:20px}.home-gallery .tag{font-size:11px}.home-gallery .open{font-size:13px}.home-gallery footer{margin-top:33px;text-align:center;line-height:1.6;padding-bottom:29px}.home-gallery footer p{margin:9px 0}.home-gallery footer>span{margin-top:15px;display:block}}
@media(prefers-reduced-motion:reduce){.home-gallery .animal{transition:none}.home-gallery .animal:hover{transform:none}}