[data-sig='paws-doors']{height:250dvh;background:var(--concrete);view-timeline-name:--hall;view-timeline-axis:block;position:relative;margin-top:0}[data-sig='paws-doors'] .hallway{position:sticky;top:0;height:100dvh;min-height:580px;padding:44px var(--edge) 36px;display:flex;flex-direction:column;justify-content:center;gap:38px;overflow:hidden}[data-sig='paws-doors'] .hero-heading{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:24px;align-items:center}[data-sig='paws-doors'] .hero-heading h1{font-size:clamp(72px,7vw,96px);text-align:center;font-weight:900;white-space:nowrap}[data-sig='paws-doors'] .hero-heading p{font-size:21px;line-height:1.25}[data-sig='paws-doors'] .hero-heading>div{text-align:right}[data-sig='paws-doors'] .hero-heading .button{margin-top:20px}[data-sig='paws-doors'] .kennels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;position:relative;padding:24px 0 0;border-top:8px solid var(--teal)}[data-sig='paws-doors'] .kennel{position:relative;height:clamp(300px,44dvh,500px);perspective:900px;background:var(--ink);border:8px solid var(--teal);border-radius:4px;min-width:0;overflow:hidden}[data-sig='paws-doors'] .portrait{position:absolute;inset:0}[data-sig='paws-doors'] .portrait picture,[data-sig='paws-doors'] .portrait img{width:100%;height:100%;border-radius:0}[data-sig='paws-doors'] .portrait img{object-position:50% 44%}[data-sig='paws-doors'] .portrait span{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:var(--surface);font-size:34px;font-weight:800;padding:12px 10px;text-align:center}[data-sig='paws-doors'] .door{position:absolute;inset:0;background:var(--teal);color:var(--surface);transform-origin:left center;transform:rotateY(calc(-105deg * var(--open,0)));backface-visibility:hidden;box-shadow:inset 0 0 0 1px #ffffff40}[data-sig='paws-doors'] .number{display:block;font-size:26px;font-weight:700;text-align:center;margin-top:10px}[data-sig='paws-doors'] .door-window{height:22%;width:64%;margin:16px auto;display:flex;justify-content:space-evenly;border:5px solid #a6beb0;background:#143c35;box-shadow:inset 0 0 12px #101e19}[data-sig='paws-doors'] .door-window i{height:100%;width:3px;background:#a6beb0}[data-sig='paws-doors'] .handle{position:absolute;right:10%;top:51%;width:8px;height:38px;background:var(--accent);border-radius:4px;box-shadow:2px 2px 1px #163e3955}[data-sig='paws-doors'] .inset{position:absolute;left:15%;right:15%;top:62%;bottom:10%;border:2px solid #ffffff20;border-radius:4px}[data-sig='paws-doors'] .hallway-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}[data-sig='paws-doors'] .hallway-bottom p{font-size:24px;font-weight:700}@supports(animation-timeline:view()){[data-sig='paws-doors']:not(.fallback) .door{animation:open-door linear both;animation-timeline:--hall;animation-range:contain calc(var(--i)*13%) contain calc(var(--i)*13% + 20%)}}@keyframes open-door{from{transform:rotateY(0deg)}to{transform:rotateY(-105deg)}}@media(max-width:700px){[data-sig='paws-doors']{height:185dvh}[data-sig='paws-doors'] .hallway{padding:24px;height:calc(100dvh - 64px);min-height:650px;gap:22px}[data-sig='paws-doors'] .hero-heading{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}[data-sig='paws-doors'] .hero-heading>p{font-size:16px;width:100%}[data-sig='paws-doors'] .hero-heading h1{font-size:64px;text-align:left;white-space:normal}[data-sig='paws-doors'] .hero-heading>div{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px}[data-sig='paws-doors'] .hero-heading>div p{font-size:20px}[data-sig='paws-doors'] .hero-heading .button{margin:0;font-size:19px;padding:12px 16px}[data-sig='paws-doors'] .kennels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top-width:5px;padding-top:12px}[data-sig='paws-doors'] .kennel{height:clamp(145px,21dvh,200px);border-width:5px}[data-sig='paws-doors'] .portrait span{font-size:25px;padding:6px}[data-sig='paws-doors'] .number{font-size:21px;margin-top:4px}[data-sig='paws-doors'] .door-window{margin:7px auto;border-width:3px;height:26%}[data-sig='paws-doors'] .handle{height:24px;width:6px}[data-sig='paws-doors'] .hallway-bottom p{font-size:18px;max-width:180px}[data-sig='paws-doors'] .hallway-bottom{padding-bottom:8px;font-size:20px}}@media(prefers-reduced-motion:reduce){[data-sig='paws-doors']{height:auto}[data-sig='paws-doors'] .hallway{position:relative;height:auto;min-height:0}[data-sig='paws-doors'] .door{display:none;animation:none}}
.worst-content [data-sig='paws-doors']{height:auto}.worst-content [data-sig='paws-doors'] .hallway{position:relative;height:auto;min-height:100dvh}.worst-content [data-sig='paws-doors'] .hero-heading{grid-template-columns:1fr}.worst-content [data-sig='paws-doors'] .hero-heading h1{white-space:normal;font-size:clamp(44px,6vw,84px)}.worst-content [data-sig='paws-doors'] .hero-heading>div{text-align:left}.worst-content [data-sig='paws-doors'] .door{display:none}
@media(max-width:360px){[data-sig='paws-doors'] .hallway{padding:20px;gap:16px}[data-sig='paws-doors'] .hero-heading h1{font-size:54px}[data-sig='paws-doors'] .hero-heading>div p{font-size:18px}[data-sig='paws-doors'] .hero-heading .button{font-size:17px;padding:12px}[data-sig='paws-doors'] .kennel{height:145px}}
@media(min-width:701px) and (max-width:1050px){[data-sig='paws-doors'] .hero-heading{grid-template-columns:1fr 1fr;gap:20px}[data-sig='paws-doors'] .hero-heading h1{grid-column:1/-1;grid-row:1;font-size:84px}[data-sig='paws-doors'] .hero-heading>div{display:flex;align-items:center;justify-content:flex-end;gap:18px}[data-sig='paws-doors'] .hero-heading .button{margin:0}[data-sig='paws-doors'] .hallway{gap:24px}}