.pet-card{position:relative;isolation:isolate}.pet-card>div{position:relative;z-index:2;max-width:58%}.pet-card strong{display:block;margin-top:18px;color:var(--deep);font-size:13px}.pet-character{position:absolute;z-index:1;right:-10px;bottom:-10px;width:45%;height:92%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 15px 12px #29443b22)}
.pet-channel{max-width:1132px;margin:20px auto;min-height:340px;border-radius:36px;padding:38px 58px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px;overflow:hidden;scroll-margin-top:105px}.cat-channel{background:linear-gradient(135deg,#dfe9df,#f6fbf4)}.dog-channel{background:linear-gradient(135deg,#fff5e9,#f9dcc1);grid-template-columns:1.2fr .8fr}.pet-channel h2{font-size:clamp(32px,4vw,48px);margin:4px 0;color:var(--deep)}.pet-channel p{color:var(--muted);max-width:570px;font-size:17px}.channel-label{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--orange)}.channel-art{height:270px;display:grid;place-items:center}.channel-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #28443b22)}.channel-btn{border:0;border-radius:999px;background:var(--deep);color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.channel-btn:hover{background:var(--green);transform:translateY(-2px)}
#articles{scroll-margin-top:95px}.article.published{position:relative;overflow:hidden}.article.published::after{content:'🐾';position:absolute;right:14px;bottom:8px;opacity:.06;font-size:48px;transform:rotate(-12deg)}
@media(max-width:900px){.pet-channel{margin:18px 24px;padding:34px;grid-template-columns:1fr 1fr}.dog-channel{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pet-card>div{max-width:62%}.pet-character{width:48%;height:82%}.pet-channel,.dog-channel{margin:12px 18px;padding:28px 24px;grid-template-columns:1fr;gap:10px}.dog-channel>div:first-child{order:2}.dog-channel .channel-art{order:1}.channel-art{height:190px}}