.care-guides{position:relative;padding:64px clamp(22px,4vw,70px) 54px;overflow:hidden;background:#f7fbff;color:#142d63}
.care-heading{position:relative;z-index:2}.care-heading h2{font-size:clamp(54px,4.4vw,72px);letter-spacing:-.052em;line-height:1.04;color:#214ed9;margin:0 0 13px}.care-heading p{font-size:clamp(18px,1.45vw,25px);color:#5e6d89;margin:0}.care-script{position:absolute;z-index:1;top:48px;right:7%;margin:0;color:#73a7ff;font:italic 38px/1.08 "Segoe Script","Brush Script MT",cursive;letter-spacing:.01em;text-align:center;transform:rotate(-7deg);opacity:.92}.care-script::after{content:"";display:block;width:250px;height:38px;margin:-5px 0 0 20px;border-bottom:2px solid currentColor;border-radius:50%;transform:rotate(-5deg)}.care-script i{position:absolute;right:-16px;bottom:18px;font:normal 31px/1 Arial,sans-serif}
.guide-deck{position:relative;z-index:2;display:flex;gap:14px;width:100%;height:510px;margin:72px 0 0;user-select:none}
.guide-card{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:34px;background:#eaf3fb var(--guide-image) center/cover no-repeat;box-shadow:0 4px 0 rgba(163,190,218,.2),0 24px 54px rgba(45,83,130,.14),inset 1px 1px 1px rgba(255,255,255,.98),inset -2px -3px 10px rgba(123,164,205,.17);cursor:pointer;isolation:isolate;backdrop-filter:blur(24px) saturate(1.24);-webkit-backdrop-filter:blur(24px) saturate(1.24);transition:flex-grow .64s cubic-bezier(.22,.72,.2,1),box-shadow .32s ease,filter .32s ease;outline:none;-webkit-tap-highlight-color:transparent}
.guide-card.is-active{flex-grow:4.7;cursor:default;box-shadow:0 5px 0 rgba(151,181,212,.24),0 30px 68px rgba(45,83,130,.19),inset 1px 1px 2px rgba(255,255,255,1),inset -2px -4px 14px rgba(115,158,201,.18)}
.guide-card::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 18% 5%,rgba(255,255,255,.78),transparent 37%),linear-gradient(105deg,rgba(255,255,255,.9) 0%,rgba(247,252,255,.62) 37%,rgba(222,239,253,.12) 72%);box-shadow:inset 0 1px 14px rgba(255,255,255,.58),inset 0 -18px 34px rgba(132,175,215,.1);transition:background .35s ease,backdrop-filter .35s ease}
.guide-card::after{content:"";position:absolute;z-index:0;inset:1px;border:0;border-radius:32px;background:linear-gradient(132deg,rgba(255,255,255,.2),transparent 34%,rgba(151,198,236,.1) 70%,rgba(255,255,255,.18));pointer-events:none}
.guide-card:not(.is-active)::before{background:linear-gradient(145deg,rgba(226,239,251,.48),rgba(39,69,111,.25));backdrop-filter:blur(3px) saturate(.95);-webkit-backdrop-filter:blur(3px) saturate(.95)}
.guide-card:focus-visible{box-shadow:0 0 0 4px #8cbbff,0 18px 38px rgba(45,83,130,.14)}
.guide-card[data-guide="health-safety"]{background-position:58% 34%}.guide-card[data-guide="toys-guide"]{background-position:55% 48%}.guide-card[data-guide="training-behavior"]{background-position:55% 48%}.guide-card[data-guide="bird-preferences"]{background-position:54% 52%}
.guide-card-content{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;padding:30px 10px;overflow:hidden;cursor:pointer}
.guide-card-content:focus-visible{outline:3px solid #8cbbff;outline-offset:-4px;border-radius:inherit}
.guide-card.is-active .guide-card-content{align-items:flex-start;padding:42px 40px 34px}
.guide-card:not(.is-active) .guide-copy,.guide-card:not(.is-active) .guide-open{position:absolute;pointer-events:none}
.guide-icon{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border-radius:50%;color:#fff;box-shadow:0 10px 22px rgba(33,78,217,.18);transition:width .42s ease,height .42s ease,flex-basis .42s ease,transform .42s ease}
.guide-icon svg{width:32px;height:32px}.guide-card.is-active .guide-icon{width:76px;height:76px;flex-basis:76px}.guide-card.is-active .guide-icon svg{width:39px;height:39px}.guide-icon--blue{background:#3181eb}.guide-icon--coral{background:#f17988}.guide-icon--green{background:#42ba60}.guide-icon--orange{background:#ffa52d}
.guide-copy{width:min(330px,100%);opacity:0;visibility:hidden;transform:translateX(-14px);transition:opacity .2s ease,transform .36s ease,visibility 0s linear .36s}.guide-card.is-active .guide-copy{opacity:1;visibility:visible;transform:none;transition-delay:.18s,.12s,0s}.guide-copy h3{font-size:clamp(27px,2vw,36px);line-height:1.08;margin:24px 0 8px}.guide-copy small{display:block;color:#284b7d;font-size:18px;line-height:1.25;margin-bottom:13px}.guide-copy p{font-size:clamp(15px,1.15vw,19px);line-height:1.45;color:#425c85;margin:0;white-space:nowrap}
.guide-open{margin-top:auto;width:66px;height:66px;flex:0 0 66px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#214ed9;box-shadow:0 12px 25px rgba(57,100,164,.17);font-size:34px;line-height:1;opacity:0;visibility:hidden;transform:translateX(-12px);transition:opacity .2s ease,transform .25s ease,visibility 0s linear .3s,color .35s ease,box-shadow .45s ease}.guide-card.is-active .guide-open{opacity:1;visibility:visible;transform:none;transition-delay:.24s,.2s,0s,0s,0s,0s}.guide-open:hover{background:#fff;box-shadow:0 12px 28px rgba(49,92,253,.32)}
.guide-open morph-icon{transition:transform .3s}.guide-open:hover morph-icon{transform:scale(1.25)}
.guide-footer{margin:28px 0 0;display:flex;justify-content:space-between;align-items:end;gap:24px}.guide-footer>span{font-size:11px;line-height:1.6;letter-spacing:.24em;color:#5c6e91}.guide-footer>a{color:#214ed9;font-size:18px;font-weight:700}.guide-footer>a span{padding-left:18px}
@media(max-width:900px){.care-guides{padding-top:52px}.care-script{font-size:30px;right:5%}.guide-deck{height:450px;margin-top:58px;gap:10px}.guide-card{border-radius:28px}.guide-card.is-active{flex-grow:4.5}.guide-card.is-active .guide-card-content{padding:30px 25px 25px}.guide-icon{width:52px;height:52px;flex-basis:52px}.guide-icon svg{width:27px;height:27px}.guide-card.is-active .guide-icon{width:64px;height:64px;flex-basis:64px}.guide-card.is-active .guide-icon svg{width:33px;height:33px}.guide-copy h3{font-size:28px}.guide-copy small{font-size:16px}.guide-copy p{font-size:15px;white-space:normal}.guide-open{width:58px;height:58px;flex-basis:58px;font-size:30px}}
@media(max-width:700px){.care-guides{padding:48px 15px 54px}.care-heading h2{font-size:45px}.care-heading p{font-size:16px}.care-script{display:none}.guide-deck{height:590px;margin-top:36px;flex-direction:column;gap:9px}.guide-card{min-height:70px;border-width:3px;border-radius:23px;background-position:center 42%}.guide-card.is-active{flex-grow:5.2}.guide-card-content{justify-content:center;align-items:flex-start;padding:8px 16px}.guide-card.is-active .guide-card-content{justify-content:flex-start;padding:24px 22px 22px}.guide-icon{width:48px;height:48px;flex-basis:48px}.guide-icon svg{width:25px;height:25px}.guide-card.is-active .guide-icon{width:58px;height:58px;flex-basis:58px}.guide-card.is-active .guide-icon svg{width:30px;height:30px}.guide-copy h3{font-size:25px;margin-top:18px}.guide-copy small{font-size:14px;margin-bottom:8px}.guide-copy p{font-size:14px}.guide-open{width:52px;height:52px;flex-basis:52px;font-size:28px}.guide-footer{margin-top:24px}.guide-footer>span{font-size:9px}.guide-footer>a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.guide-card,.guide-icon,.guide-copy,.guide-open{transition:none}}
/* Seven direct destinations; expanded cards retain the existing hover motion. */
.guide-card.is-active { flex-grow:6; }
.guide-copy p { white-space:normal; max-width:28ch; }
.care-guides { scroll-margin-top:120px; }
.guide-card:is([data-guide="habitat"],[data-guide="travel"],[data-guide="new-bird"]) { background-position:68% center; }
@media(min-width:701px) {
 .guide-card:not(.is-active) .guide-copy { position:static; opacity:1; visibility:visible; transform:none; width:100%; }
 .guide-card:not(.is-active) .guide-copy h3 { color:#17376b; text-shadow:0 1px 8px #ffffffaa; text-align:center; font-size:13px; line-height:1.45; margin-top:18px; }
 .guide-card:not(.is-active) .guide-copy :is(small,p) { display:none; }
}
@media(max-width:700px) {
 .guide-deck { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); height:auto; margin-top:28px; }
 .guide-card,.guide-card.is-active { min-height:230px; }
 .guide-card-content,.guide-card.is-active .guide-card-content { padding:20px 16px; align-items:flex-start; justify-content:flex-start; }
 .guide-card:not(.is-active) .guide-copy { position:static; opacity:1; visibility:visible; transform:none; pointer-events:auto; }
 .guide-card:not(.is-active) .guide-open { display:none; }
 .guide-copy h3 { font-size:19px; margin:18px 0 6px; }
 .guide-copy small { display:none; }
 .guide-copy p { font-size:12px; line-height:1.5; }
 .guide-card::before,.guide-card:not(.is-active)::before { background:linear-gradient(90deg,#fffffff2,#ffffffaa); backdrop-filter:none; }
 .guide-icon,.guide-card.is-active .guide-icon { width:44px; height:44px; flex-basis:44px; }
 .guide-icon svg,.guide-card.is-active .guide-icon svg { width:25px; height:25px; }
 .guide-open { display:none; }
}