/* October 24: animal-first composition, with the original Personality Wall interactions. */
body[data-home=true] .button{border-radius:100px}
body[data-home=true] .personality-hero{padding:40px 0 28px}
.welcome-layout{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:60px}
.welcome-title .hero-welcome{text-align:left;margin-bottom:15px}
.welcome-title h1{text-align:left;font-size:clamp(60px,6.5vw,92px);line-height:.97;margin:0;letter-spacing:-.025em}
.welcome-invitation{position:relative;padding:15px 0 0 25px;border-left:1px solid #ffffff40}
.welcome-invitation .hero-introduction{text-align:left;font-size:21px;line-height:1.5;margin:0 0 24px;color:var(--paper)}
.welcome-invitation .actions{gap:12px}
.welcome-invitation .button{padding:14px 24px;min-height:50px}
.welcome-invitation .hero-give{background:var(--mauve);color:var(--forest);border-color:var(--mauve)}
.love-stamp{position:absolute;right:2px;top:4px;width:62px;height:62px;border:1px dashed #dce8d98c;border-radius:50%;display:grid;place-items:center;transform:rotate(12deg);color:var(--mauve)}
.love-stamp svg{width:27px;height:27px}
body[data-home=true] .portrait-wall{max-width:1200px;padding:57px 35px 16px;--portrait-gap:54px;gap:var(--portrait-gap);margin-top:12px}
body[data-home=true] .portrait-wall:before{top:10px}
body[data-home=true] .hanging-portrait{flex-basis:290px;width:290px;--rest-angle:-4deg}
body[data-home=true] .portrait-wall>.hanging-portrait:nth-child(2){margin-top:8px}
body[data-home=true] .portrait-card{border-radius:9px;box-shadow:0 15px 24px #002d0b35;padding:8px 8px 0}
body[data-home=true] .portrait-front{border-radius:5px 5px 0 0}
body[data-home=true] .portrait-photo{height:270px;border-radius:5px 5px 0 0}
body[data-home=true] .portrait-name{padding:14px 12px 8px;min-height:53px}
body[data-home=true] .portrait-name strong{font-size:31px}
body[data-home=true] .portrait-name>span{font-size:9px}
.js body[data-home=true] .portrait-turn{height:323px}
body[data-home=true] .portrait-story{padding:0 12px 18px}
.portrait-detail{font-size:12px;line-height:1.5;color:var(--muted);margin:2px 0 10px}
body[data-home=true] .portrait-story a{font-size:13px}
body[data-home=true] .portrait-back{border-radius:5px;padding:24px}
body[data-home=true] .portrait-back>strong{font-size:42px}
body[data-home=true] .portrait-excerpt{font-size:16px}
body[data-home=true] .wall-actions{padding-top:0}
body[data-home=true] .wall-instruction{margin:18px 0 0;font-size:12px}
body[data-home=true] .love-ribbon{padding:22px 30px;gap:55px;background:var(--mauve)}
body[data-home=true] .section{padding:80px 0}
body[data-home=true] .resident-section{background:var(--paper)}
body[data-home=true] .resident-section .section-head{margin-bottom:40px}
body[data-home=true] .section-head h2{font-size:clamp(48px,5.2vw,70px)}
body[data-home=true] .resident-section .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body[data-home=true] .resident-section .category-card{display:block;background:var(--sage-soft);border:0;border-radius:100px 100px 16px 16px;padding:10px 10px 18px;transition:transform .25s var(--ease)}
body[data-home=true] .resident-section .category-image{width:100%;aspect-ratio:1.65;border:0;border-radius:100px 100px 10px 10px;transform:none;box-shadow:none;overflow:hidden}
body[data-home=true] .resident-section .card-caption{padding:17px 5px 0;text-align:center;justify-content:center}
body[data-home=true] .resident-section .card-caption h3{font-size:30px}
body[data-home=true] .resident-section .category-card:nth-child(3n+2){background:var(--mauve)}
body[data-home=true] .resident-section .category-card:nth-child(3n){background:var(--sage)}
body[data-home=true] .resident-section .actions{justify-content:center}
body[data-home=true] .origin-section{background:var(--sage-soft);border-radius:40px 40px 0 0}
body[data-home=true] .origin-heading{padding-left:0;margin-bottom:32px}
body[data-home=true] .origin-heading h2{font-size:clamp(54px,6vw,80px)}
body[data-home=true] .origin-spread{gap:80px}
body[data-home=true] .origin-photo{margin-left:12px;border-radius:12px;transform:rotate(-3deg);box-shadow:9px 10px 0 #cbdac5}
body[data-home=true] .origin-photo img{border-radius:7px}
body[data-home=true] .origin-copy .care-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);display:inline-block;border-bottom:1px solid #96aa8e;padding-bottom:12px;margin-bottom:22px}
body[data-home=true] .giving-feature{position:relative;padding:70px 0;background:var(--mauve)}
body[data-home=true] .giving-feature h2{font-size:clamp(60px,7vw,95px)}
body[data-home=true] .giving-bottom .button{transform:none;padding-inline:35px}
body[data-home=true] .involvement-label{background:var(--sage);padding:7px 11px;border-radius:20px;width:fit-content;letter-spacing:.04em}
body[data-home=true] .home-social figure{border-radius:14px;transform:rotate(2deg)}
body[data-home=true] .home-social img{border-radius:8px}
@media(hover:hover) and (pointer:fine){body[data-home=true] .resident-section .category-card:hover{transform:translateY(-5px)}.welcome-invitation .hero-give:hover{background:#e1c7d8;color:var(--forest)}}
@media(min-width:1600px){body[data-home=true] .hanging-portrait{flex-basis:310px;width:310px}body[data-home=true] .portrait-photo{height:290px}.js body[data-home=true] .portrait-turn{height:343px}}
@media(max-width:1190px){
 .welcome-layout{gap:35px;grid-template-columns:1.4fr 1fr}.welcome-title h1{font-size:clamp(58px,6.7vw,80px)}
 .welcome-invitation{padding-left:24px}.welcome-invitation .hero-introduction{font-size:18px}.love-stamp{right:0;top:-22px;width:45px;height:45px}.love-stamp svg{width:21px}
 .welcome-invitation .button{padding:13px 18px;font-size:13px}
 body[data-home=true] .portrait-wall{--portrait-gap:35px;gap:var(--portrait-gap);padding-inline:40px}body[data-home=true] .hanging-portrait{width:260px;flex-basis:260px}body[data-home=true] .portrait-photo{height:250px}.js body[data-home=true] .portrait-turn{height:303px}
}
@media(max-width:960px){
 body[data-home=true] .personality-hero{padding-top:30px}.welcome-layout{gap:30px;grid-template-columns:1.3fr 1fr}.welcome-title h1{font-size:clamp(48px,6.6vw,66px)}
 .welcome-title .hero-welcome{font-size:9px;letter-spacing:.12em}.welcome-invitation .hero-introduction{font-size:16px}.welcome-invitation .actions{gap:9px}.welcome-invitation .button{font-size:11px;padding:11px 13px;min-height:44px}.love-stamp{display:none}
 body[data-home=true] .portrait-wall{--portrait-gap:24px;gap:var(--portrait-gap);padding:50px 30px 16px}body[data-home=true] .hanging-portrait{width:205px;flex-basis:205px}body[data-home=true] .portrait-photo{height:215px}.js body[data-home=true] .portrait-turn{height:268px}
 body[data-home=true] .portrait-name{padding-inline:8px}body[data-home=true] .portrait-name strong{font-size:27px}body[data-home=true] .portrait-name>span{font-size:7px}body[data-home=true] .portrait-story{padding:0 8px 15px}.portrait-detail{font-size:11px;min-height:33px}body[data-home=true] .portrait-back{padding:17px}body[data-home=true] .portrait-excerpt{font-size:13px}
 body[data-home=true] .section{padding:65px 0}body[data-home=true] .resident-section .category-grid{gap:20px}body[data-home=true] .resident-section .card-caption h3{font-size:25px}body[data-home=true] .origin-spread{gap:40px}
}
@media(max-width:680px){
 body[data-home=true] .personality-hero{padding:26px 0 22px}.welcome-layout{display:block;width:calc(100% - 40px)}.welcome-title .hero-welcome{text-align:center;margin-bottom:12px;font-size:9px}.welcome-title h1{text-align:center;font-size:clamp(44px,10.8vw,68px);line-height:1;margin:auto}
 .welcome-invitation{border:0;padding:0}.welcome-invitation .hero-introduction{font-size:14px;margin:16px auto 17px;text-align:center}.welcome-invitation .hero-introduction br{display:none}.welcome-invitation .hero-introduction br:after{content:' '}
 .welcome-invitation .actions{justify-content:center;gap:11px}.welcome-invitation .button{font-size:12px;min-height:46px;padding:12px 20px}
 body[data-home=true] .portrait-wall{--portrait-gap:30px;gap:var(--portrait-gap);padding:48px max(35px,calc((100% - 260px)/2)) 27px;margin-top:4px;scroll-padding-inline:calc((100% - 260px)/2)}
 body[data-home=true] .hanging-portrait{width:260px;flex-basis:260px}body[data-home=true] .portrait-wall>.hanging-portrait:nth-child(2){margin-top:0}
 body[data-home=true] .portrait-photo{height:245px}.js body[data-home=true] .portrait-turn{height:298px}body[data-home=true] .portrait-name{padding:14px 10px 8px}body[data-home=true] .portrait-name strong{font-size:29px}body[data-home=true] .portrait-name>span{font-size:9px}
 body[data-home=true] .portrait-story{padding:0 10px 16px}.portrait-detail{min-height:0;font-size:12px}body[data-home=true] .portrait-story a{font-size:13px}body[data-home=true] .portrait-back{padding:23px}body[data-home=true] .portrait-excerpt{font-size:15px}
 body[data-home=true] .wall-instruction{margin:2px auto 0;font-size:11px;max-width:310px}
 body[data-home=true] .love-ribbon{gap:15px;padding:20px}body[data-home=true] .love-ribbon>span{font-size:21px}
 body[data-home=true] .section{padding:52px 0}body[data-home=true] .section-head h2{font-size:48px}body[data-home=true] .resident-section .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}body[data-home=true] .resident-section .category-card{border-radius:65px 65px 12px 12px;padding:7px 7px 16px}
 body[data-home=true] .resident-section .category-image{aspect-ratio:1;border-radius:65px 65px 6px 6px}body[data-home=true] .resident-section .card-caption{padding:14px 2px 0}body[data-home=true] .resident-section .card-caption h3{font-size:22px}
 body[data-home=true] .resident-section .actions{gap:23px}body[data-home=true] .origin-section{border-radius:28px 28px 0 0}body[data-home=true] .origin-heading h2{font-size:56px}body[data-home=true] .origin-spread{gap:35px}body[data-home=true] .origin-photo{margin-inline:8px}body[data-home=true] .origin-photo img{height:320px}
 body[data-home=true] .giving-feature{padding:55px 0}body[data-home=true] .giving-feature h2{font-size:clamp(46px,11.7vw,70px)}body[data-home=true] .giving-bottom .button{margin-left:0}
}
/* Blue Ridge Liberation: source site's --brl-blue and --brl-navy-deep. */
.brl-adoption{background:#eaf3f8;color:#081a35;padding:64px 0 68px}
.brl-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,85px);align-items:center}
.brl-adoption .eyebrow{color:#081a35;margin-bottom:18px}
.brl-adoption h2{color:#081a35;font-size:clamp(38px,4.7vw,64px);line-height:1.06;letter-spacing:-.02em;margin:0}
.brl-copy p{color:#243b53;font-weight:500;font-size:18px;line-height:1.75;margin:0 0 18px;max-width:58ch}
.brl-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}
.brl-adoption .brl-apply{background:#081a35;color:#fff;border-color:#081a35;box-shadow:none;transform:none;font-size:16px;padding:17px 25px}
.brl-adoption .brl-apply:hover{background:#0e2b56;border-color:#0e2b56}
.brl-learn{color:#081a35;font-weight:600;text-underline-offset:5px;line-height:1.5}
.brl-adoption a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:760px){.brl-adoption{padding:43px 0 47px}.brl-layout{grid-template-columns:1fr;gap:26px}.brl-adoption h2{font-size:clamp(36px,9.5vw,54px)}.brl-copy p{font-size:16px;line-height:1.8}.brl-actions{gap:22px;margin-top:24px}.brl-adoption .brl-apply{font-size:15px}}

/* Original Blue Ridge Liberation logo, supplied by its live website. */
.brl-layout{grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:clamp(32px,6vw,80px)}
.brl-logo{display:block;width:100%;max-width:350px;justify-self:center}.brl-logo img{display:block;width:100%;height:auto}
.brl-copy h2{margin-bottom:27px;font-size:clamp(38px,4.5vw,60px)}
@media(max-width:760px){.brl-layout{grid-template-columns:1fr;gap:12px}.brl-logo{max-width:220px;margin-top:-28px;margin-bottom:-14px}.brl-copy h2{font-size:clamp(36px,9.5vw,54px);margin-bottom:22px}}

/* Opposing tilts leave about 3px between Moko and Ziggy at their nearest edges.
   Follow each row gap so the cards stay close without overlapping at narrower widths. */
body[data-home=true] .portrait-wall>.hanging-portrait:nth-child(3){left:calc(0px - var(--portrait-gap) - 3px)}
@media(max-width:680px){
 /* Move the actual scroll item so the last card still centers when swiped into view. */
 body[data-home=true] .portrait-wall>.hanging-portrait:nth-child(3){left:auto;margin-left:calc(0px - var(--portrait-gap) - 3px)}
}

body[data-home=true] .category-image .home-pigs-photo{object-position:50% 68%}