@font-face{font-family:Assistant;src:url('assets/assistant-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#fdf8f2;color:#291a39;font-family:Assistant,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #823fd5;outline-offset:4px}.back{position:absolute;top:25px;left:5%;z-index:2;font:12px Arial}.animals-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:100px 6% 65px;max-width:1440px;margin:auto}.hero-copy h1{font:800 clamp(42px,5.5vw,76px)/1.03 Assistant,Arial;margin:24px 0;color:#4b0b97;letter-spacing:-2px}.hero-copy h2{font-size:27px;margin:0 0 22px}.hero-copy p{font-size:18px;line-height:1.8;color:#6e6374}.animals-hero>img{width:100%;height:440px;object-fit:cover;object-position:35% center;border-radius:170px 170px 18px 18px}.eyebrow{font:700 10px Arial;letter-spacing:2px;color:#823fd5}.case-body{max-width:1260px;padding:35px 5% 65px;margin:auto}.chapter{margin-bottom:85px}.section-heading h2{font-size:clamp(27px,3vw,38px);font-weight:700;line-height:1.2;margin:14px 0 25px;padding-bottom:18px;border-bottom:1px solid #caafea}p{font-size:17px;line-height:1.8;color:#6e6374;margin:0}.lead{max-width:850px;margin-bottom:30px}h3{font-size:22px;color:#4b0b97;margin:0 0 12px}figure{margin:0}figure img{display:block;width:100%;height:auto}.audit-issues{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 30px}.audit-issues article{padding:22px;border-left:3px solid #caafea;background:#f6ebff66;border-radius:0 12px 12px 0}.audit-issues h3{font-size:19px}.audit-issues p{font-size:15px}.audit-image{max-width:1100px;margin:auto}.structure-compare{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0}.structure-compare article{padding:20px;background:#f6ebff88;border-radius:10px}.sitemap{max-width:850px;margin:30px auto}.logo-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.logo-art{position:relative;overflow:hidden;aspect-ratio:320/460;max-width:280px;width:100%;margin:auto}.logo-art img{position:absolute;width:458.75%;max-width:none;left:-71.875%;top:-47.826%;height:auto}.logo-construction{position:relative;aspect-ratio:500/390;overflow:hidden;width:70%;margin-top:20px}.logo-construction img{position:absolute;width:293.6%;left:-30%;top:-184.6%;height:auto}.type-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.type-specimen strong{font:700 clamp(50px,6vw,86px) Assistant;color:#4b0b97}.type-specimen p{font-size:22px}.type-scale p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #c3bac8;padding:15px 0;color:#291a39;line-height:1.4}.type-scale .display-type{font-size:27px;font-weight:700}.type-scale .display-type span:first-child{font-size:16px;align-self:center}.palette-collars{position:relative;aspect-ratio:906/340;overflow:hidden;margin:20px 0}.palette-collars img{position:absolute;width:100%;height:auto;top:-51.5%}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.swatches i{display:block;height:45px;border-radius:7px;border:1px solid #291a3910}.swatches code{display:block;font:10px monospace;margin-top:10px;text-align:center}.grid-comparison{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:start}.grid-display{height:220px;background:#fdf8f2;border:8px solid #25252a;border-radius:12px;display:grid;padding:10px;gap:10px;margin:10px 0 25px;box-shadow:0 8px 15px #32293d18}.grid-display i{background:#caafea}.desktop-grid{grid-template-columns:repeat(12,1fr)}.mobile-grid{grid-template-columns:repeat(4,1fr);max-width:140px;height:260px;margin-left:auto;margin-right:auto;border-radius:24px;gap:7px}dl{margin:0 0 20px}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #ddd0e7;padding:8px 0}dd{margin:0}.grid-comparison p{font-size:15px}.wireframe-board{position:relative;overflow:hidden;aspect-ratio:906/704;background:#caafea}.wireframe-board img{position:absolute;width:100%;height:auto;top:-117.18%}.prototype-intro{max-width:850px}footer{display:flex;justify-content:space-between;border-top:1px solid #caafea;padding-top:25px;font-size:14px}@media(max-width:800px){.animals-hero{grid-template-columns:1fr;gap:25px}.animals-hero>img{height:300px}.audit-issues{grid-template-columns:1fr 1fr}.logo-layout,.type-layout{gap:30px}.grid-comparison{gap:30px}}@media(max-width:550px){.animals-hero{padding:85px 6% 35px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:16px}.case-body{padding:25px 6%}.chapter{margin-bottom:55px}.audit-issues,.structure-compare,.logo-layout,.type-layout,.grid-comparison{grid-template-columns:1fr}.logo-art{max-width:230px}.logo-construction{width:100%}.swatches{grid-template-columns:repeat(4,1fr)}.type-scale p{font-size:18px!important}.grid-display{gap:6px}.sitemap{overflow:auto}.sitemap img{min-width:640px}.palette-collars{margin-left:-5%;width:110%}}

/* Portfolio editorial treatment, aligned with the Arava case study. */
body{background:#f6f9fc;color:#030b6d;font-family:Arial,sans-serif}.back{color:#030b6d}.eyebrow{color:#ff0900;font:700 10px Arial;letter-spacing:2px}.animals-hero{max-width:1380px;padding:100px 5% 70px;gap:55px}.hero-copy h1{font:bold clamp(40px,5vw,68px)/1.04 Arial,sans-serif;color:#030b6d;letter-spacing:-2px}.hero-copy h2{font:bold 27px/1.25 Arial,sans-serif;color:#030b6d}.hero-copy p{font:17px/1.85 Arial,sans-serif;color:#566c83}.animals-hero>img{border-radius:12px;height:400px}.case-body{max-width:1320px;padding:40px 5% 65px}.section-heading h2{font:bold clamp(25px,3vw,37px)/1.2 Arial,sans-serif;color:#030b6d;letter-spacing:-.7px;border-bottom:1px solid #9ca9b6;padding-bottom:18px;margin:16px 0 24px}p{font:15px/1.85 Arial,sans-serif;color:#566c83}h3{font:bold 20px/1.3 Arial,sans-serif;color:#030b6d}.chapter{margin-bottom:85px}.project-strategy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:85px}.project-strategy h2{font:bold 25px/1.25 Arial,sans-serif;letter-spacing:-.5px;min-height:100px;margin:20px 0 22px;padding-bottom:18px;border-bottom:1px solid #9ca9b6}.project-strategy p{margin:0}.audit-issues{gap:30px}.audit-issues article{padding:18px 0 0;border-left:0;border-top:1px solid #c3ccd6;border-radius:0;background:transparent}.audit-issues h3{font-size:19px}.structure-compare article{padding:20px 0;border-radius:0;background:transparent;border-top:1px solid #9ca9b6}.type-specimen strong{font-family:Assistant,Arial,sans-serif}.type-specimen p,.type-scale p,.type-scale .display-type{font-family:Assistant,Arial,sans-serif}.grid-display{box-shadow:none}.swatches i{border-radius:4px}footer{border-color:#9ca9b6;color:#030b6d}.lead{max-width:850px}.prototype-intro{max-width:none}.prototype-intro p{max-width:850px}@media(max-width:800px){.project-strategy{grid-template-columns:1fr;gap:30px;margin-bottom:60px}.project-strategy h2{min-height:0}.animals-hero{padding-top:85px}.hero-copy h1{font-size:48px}.chapter{margin-bottom:60px}}@media(max-width:550px){.animals-hero{padding-left:6%;padding-right:6%}.hero-copy h1{font-size:40px}.hero-copy p{font-size:15px}.case-body{padding:30px 6%}.animals-hero>img{height:280px}.project-strategy h2{font-size:25px}}

/* Colors from the redesigned animal welfare website. */
body{background:#fdf8f2;color:#291a39}
.back,.hero-copy h1,.hero-copy h2,.section-heading h2,.project-strategy h2,h3,footer{color:#4b0b97}
.eyebrow{color:#823fd5}
p,.hero-copy p{color:#291a39}
.section-heading h2,.project-strategy h2,.structure-compare article,footer{border-color:#caafea}
.audit-issues article,dl div{border-color:#caafea}
.type-scale p{color:#291a39;border-color:#caafea}
.type-specimen strong{color:#4b0b97}
a:focus-visible{outline-color:#6715cd}

.computer-mockup{width:92%;max-width:1000px;margin:48px auto 20px;filter:drop-shadow(0 20px 20px #291a3914)}
.computer-display{position:relative;padding:22px 15px 0;background:#242427;border:2px solid #45454a;border-radius:20px 20px 12px 12px;overflow:hidden}
.computer-display img{display:block;width:100%;height:auto;border:1px solid #141417}
.computer-camera{position:absolute;top:8px;left:50%;width:5px;height:5px;border-radius:50%;background:#0c0d10;box-shadow:inset 0 0 0 1px #42434a}
.computer-chin{height:52px;background:linear-gradient(110deg,#d5d5d7,#efeff0 48%,#bfc0c4);margin:0 -15px;border-top:1px solid #999a9e}
.computer-stand{width:18%;height:90px;margin:auto;background:linear-gradient(90deg,#b3b4b9,#e5e5e7 45%,#bfc0c5);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.computer-foot{width:30%;height:12px;border-radius:50% 50% 4px 4px;margin:-2px auto 0;background:linear-gradient(#e5e5e7,#a8a9ad);box-shadow:0 4px 4px #291a3918}
@media(max-width:550px){.computer-mockup{width:100%;margin-top:30px}.computer-display{padding:15px 7px 0;border-radius:12px}.computer-camera{top:5px;width:4px;height:4px}.computer-chin{height:27px;margin:0 -7px}.computer-stand{height:48px}.computer-foot{height:8px}}

.exact-computer-mockup{position:relative;width:100%;max-width:1100px;margin:45px auto 20px;overflow:hidden}.exact-computer-frame{display:block;width:100%;height:auto}.exact-computer-screen{position:absolute;left:7.86%;top:7.03%;width:84.52%;height:68.92%;overflow:hidden;background:#f1f1f1;border-radius:2px 2px 0 0}.exact-computer-screen img{display:block;width:100%;height:100%;object-fit:fill}

.exact-computer-frame{-webkit-mask-image:url('assets/animals-computer-mask.svg?v=precise-2');mask-image:url('assets/animals-computer-mask.svg?v=precise-2');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.exact-computer-mockup{background:transparent}

.exact-computer-mockup{width:88%;max-width:970px}
@media(max-width:550px){.exact-computer-mockup{width:94%}}

.annotated-audit{position:relative;aspect-ratio:1200/650;margin:35px -2% 10px}.annotated-audit .exact-computer-mockup{position:absolute;top:7%;left:18%;width:64%;max-width:none;margin:0}.audit-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.audit-note{position:absolute;width:18%;padding:18px 14px;background:#fdf8f2;border:1px solid #e9e0ed;border-radius:9px;box-shadow:0 3px 5px #291a3915;text-align:center}.audit-note h3{font-size:15px;margin:0 0 7px}.audit-note p{font-size:12px;line-height:1.55}.note-icon{position:absolute;right:-13px;top:-18px;width:33px;height:33px;border-radius:50%;background:#823fd5;color:white;display:grid;place-items:center;font:18px Assistant,Arial}.note-focus{left:0;top:15%}.note-hierarchy{left:0;top:44%}.note-space{right:0;top:13%}.note-navigation{right:0;top:39%}.note-type{right:0;top:65%}.note-space .note-icon{background:#caafea}.note-type .note-icon{background:#4b0b97}
@media(max-width:850px){.annotated-audit{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.annotated-audit .exact-computer-mockup{position:relative;inset:auto;width:100%;grid-column:1/-1;margin:0 0 15px}.audit-arrows{display:none}.audit-note{position:relative;inset:auto;width:auto;padding:20px 15px}.audit-note p{font-size:14px}.audit-note h3{font-size:17px}.note-icon{right:8px;top:-14px}}@media(max-width:500px){.annotated-audit{grid-template-columns:1fr;gap:24px}}

.sitemap-sequence article{margin:35px 0 55px}.sitemap-crop{position:relative;overflow:hidden;width:100%;max-width:950px;margin:25px auto 0}.sitemap-crop img{position:absolute;left:0;width:100%;height:auto;max-width:none}.sitemap-before{aspect-ratio:1082/740}.sitemap-before img{top:-19.5946%}.sitemap-after{aspect-ratio:1082/505}.sitemap-after img{top:-201.9802%}

.logo-layout>.logo-art{grid-column:2;grid-row:1}.logo-layout>div:last-child{grid-column:1;grid-row:1}
@media(max-width:550px){.logo-layout>.logo-art,.logo-layout>div:last-child{grid-column:1;grid-row:auto}.logo-layout>div:last-child{order:-1}}

.type-specimen p[dir="rtl"]{text-align:left}

.logo-layout.logo-swapped>.logo-explanation{grid-column:1;grid-row:1}.logo-layout.logo-swapped>.logo-drawing{grid-column:2;grid-row:1}.logo-swapped .logo-art{margin:25px 0 0;max-width:280px}.logo-swapped .logo-construction{width:100%;margin:0}@media(max-width:550px){.logo-layout.logo-swapped>.logo-explanation,.logo-layout.logo-swapped>.logo-drawing{grid-column:1;grid-row:auto}.logo-layout.logo-swapped>.logo-drawing{order:1}}

.palette-collars.palette-sharp{aspect-ratio:auto;overflow:visible;margin:25px 0}.palette-collars.palette-sharp img{position:static;display:block;width:100%;height:auto}

.logo-swapped .logo-art{max-width:210px}

.mobile-grid-exact{position:relative;width:190px;aspect-ratio:190/345;overflow:hidden;margin:10px auto 25px}.mobile-grid-exact img{position:absolute;max-width:none;width:476.8421%;height:auto;left:-120%;top:-23.1884%}

.desktop-computer-grid{position:relative;width:100%;margin:10px 0 25px}.desktop-computer-grid>img{display:block;width:100%;height:auto}.desktop-grid-screen{position:absolute;left:7.86%;top:7.03%;width:84.52%;height:68.92%;background:#fdf8f2;overflow:hidden;container-type:inline-size}.desktop-grid-columns{position:absolute;inset:0 5.5556%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.6667%}.desktop-grid-columns i{position:relative;background:#caafea;font-style:normal;text-align:center;font:1.7cqw Arial;color:#291a39}.desktop-width-measure{position:absolute;top:48%;width:100%;border-bottom:1px solid #291a39;text-align:center;font:1.7cqw Arial;padding-bottom:3px;color:#291a39}.desktop-column-measure,.desktop-margin-measure,.desktop-gutter-measure{position:absolute;right:5.6%;top:30%;font:1.6cqw Arial;color:#291a39;border-bottom:1px solid #291a39;padding-bottom:3px}.desktop-margin-measure{right:0;top:55%;width:5.6%;font-size:1.5cqw}.desktop-gutter-measure{right:12.5%;top:72%;font-size:1.5cqw}

.mobile-grid-exact.mobile-grid-sharp{width:195px;max-width:70%;aspect-ratio:auto;overflow:visible}.mobile-grid-exact.mobile-grid-sharp img{position:static;display:block;width:100%;height:auto;max-width:100%}

.wireframe-board.wireframe-cream{aspect-ratio:auto;background:#fdf8f2}.wireframe-board.wireframe-cream img{position:static;display:block;width:100%;height:auto}

.desktop-grid-columns i{background:#c99dee}

.sitemap-english{width:100%;margin:30px auto;max-width:1100px}.sitemap-english img{display:block;width:100%;height:auto}

:root{--animals-grid-purple:#c99dee}.desktop-grid-columns i,.phone-native-columns i{background:var(--animals-grid-purple)}.phone-native-grid{position:absolute;left:9.5%;top:8.3%;width:80.5%;height:87.7%;border-radius:14%/6%;overflow:hidden;background:#fdf8f2;container-type:inline-size}.phone-native-columns{position:absolute;inset:0 4.071%;display:grid;grid-template-columns:repeat(4,1fr);gap:4.43%}.phone-native-columns i{position:relative;font:5.5cqw Arial;font-style:normal;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2%}.phone-grid-island{position:absolute;left:33%;top:2%;width:34%;height:4.4%;background:#202126;border-radius:30px;box-shadow:inset 0 2px 4px #444}.phone-grid-island:after{content:'';position:absolute;right:13%;top:30%;width:9%;aspect-ratio:1;border-radius:50%;background:#263347}.phone-width,.phone-column,.phone-margin,.phone-gutter{position:absolute;font:5cqw Arial;color:#111;border-bottom:2px solid #111;padding-bottom:5px;text-align:center}.phone-width{top:46%;left:0;width:100%}.phone-column{right:4%;top:36%;width:20%}.phone-margin{right:0;top:63%;width:4%;white-space:nowrap;direction:rtl}.phone-gutter{right:27%;top:81%;width:4.4%;white-space:nowrap;text-indent:-3cqw}

.logo-corner-layout{align-items:center}.logo-corner-layout .logo-explanation{padding-top:75px}.logo-corner-layout .logo-drawing{position:relative;padding:0 0 45px}.logo-corner-layout .logo-art{position:absolute;right:0;bottom:0;width:110px;max-width:24%;margin:0;background:#fdf8f2}.logo-corner-layout .logo-construction{width:100%;margin:0}@media(max-width:550px){.logo-corner-layout .logo-explanation{padding-top:25px}.logo-corner-layout .logo-drawing{padding-bottom:35px}}

.mobile-grid-exact.mobile-grid-sharp>img{-webkit-mask-image:url('assets/animals-phone-frame-mask.svg');mask-image:url('assets/animals-phone-frame-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.phone-margin{direction:ltr;right:0;width:auto;padding-left:1px;font-size:4cqw}

.logo-corner-layout .logo-explanation{padding-top:0;transform:translateY(-25px)}@media(max-width:550px){.logo-corner-layout .logo-explanation{padding-top:0;transform:none}}

.website-prototype-computer{position:relative;width:92%;max-width:1000px;margin:35px auto 0}.website-prototype-computer>img{display:block;width:100%;height:auto}.website-prototype-screen{position:absolute;left:7.86%;top:7.03%;width:84.52%;height:68.92%;background:#fdf8f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#4b0b97;container-type:inline-size}.website-prototype-screen strong{font:700 4cqw Assistant,Arial}.website-prototype-screen>span:last-child{font:2cqw Arial;color:#823fd5}.prototype-paw{font:8cqw Arial;color:#823fd5}@media(max-width:550px){.website-prototype-computer{width:100%;margin-top:20px}}

.website-prototype-screen.prototype-ready{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#823fd5 #fdf8f2;scroll-behavior:smooth}.animals-prototype-document{width:100%;line-height:0}.animals-prototype-document img{display:block;width:100%;height:auto}.prototype-slice{position:relative;overflow:hidden}.prototype-slice img{position:absolute;left:0;width:100%;height:auto}.prototype-top{aspect-ratio:1206/1288}.prototype-top img{top:0}.prototype-middle{aspect-ratio:1206/1270}.prototype-middle img{top:-5.5118%}.prototype-bottom{width:100%;height:auto}.prototype-footer-slice{position:relative;aspect-ratio:374/98;overflow:hidden}.prototype-footer-slice img{position:absolute;width:100%;left:0;bottom:0}.animals-prototype-controls{text-align:center;margin:12px auto 0}.animals-prototype-controls p{font-size:14px;margin-bottom:15px}.animals-prototype-restart{border:1px solid #4b0b97;border-radius:30px;background:transparent;color:#4b0b97;padding:11px 22px;font:14px Arial;cursor:pointer}.animals-prototype-restart:hover{background:#f6ebff}

.prototype-testimonials-fixed{position:relative;aspect-ratio:1486/700;overflow:hidden}.prototype-testimonials-fixed img{position:absolute;top:0;left:0;width:100%;height:auto}.prototype-faq-slice{position:relative;aspect-ratio:1204/841;overflow:hidden}.prototype-faq-slice img{position:absolute;top:-80.2616%;left:0;width:100%;height:auto}

.prototype-footer-slice.footer-sharp{aspect-ratio:1490/390}.prototype-footer-slice.footer-sharp img{top:auto;bottom:0;width:100%;height:auto}

.prototype-support-card{position:absolute;left:11.35%;top:69%;width:21.8%;height:26.8%;overflow:hidden;border-radius:4px;background:#fdf8f2;box-shadow:0 2px 5px #291a3922}.prototype-support-card img{position:absolute!important;width:132.5%!important;max-width:none;left:-22.7%!important;top:-7.45%!important;height:auto}

.animals-live-faq{padding:4cqw 8cqw 8cqw;background:#fdf8f2;line-height:normal;font-family:Assistant,Arial,sans-serif}.animals-live-faq h2{font:700 3.3cqw/1.3 Assistant,Arial,sans-serif;color:#4b0b97;text-align:center;margin:0 0 1.5cqw}.animals-live-faq .faq-intro{font:400 1.55cqw/1.6 Assistant,Arial,sans-serif;text-align:center;color:#111;margin:0 0 5cqw}.animals-faq-list{width:76%;margin:auto;display:grid;gap:1.2cqw}.animals-faq-list details{border:1px solid #b886f4;border-radius:.8cqw;background:white;color:#111;overflow:hidden}.animals-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.5cqw 2cqw;cursor:pointer;list-style:none;font:500 1.65cqw/1.5 Assistant,Arial,sans-serif}.animals-faq-list summary::-webkit-details-marker{display:none}.animals-faq-list summary:after{content:'';width:.7cqw;height:.7cqw;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);flex-shrink:0}.animals-faq-list details[open] summary:after{transform:rotate(225deg)}.animals-faq-list details[open] summary{margin:0 1.5cqw;padding-left:.5cqw;padding-right:.5cqw;border-bottom:1px solid #ccc}.animals-faq-list details>p{font:400 1.65cqw/2 Assistant,Arial,sans-serif;color:#111;text-align:right;margin:0;padding:2cqw}.animals-faq-list summary:hover{background:#f6ebff55}.animals-faq-list summary:focus-visible{outline:2px solid #823fd5;outline-offset:-3px}

.prototype-middle-clean img{display:block;width:100%;height:auto}.animals-live-faq{padding:3cqw 0 13cqw}.animals-live-faq h2{font-size:3.3cqw;margin-bottom:1.2cqw}.animals-live-faq .faq-intro{font-size:1.6cqw;margin-bottom:6.3cqw}.animals-faq-list{width:59%;gap:1.2cqw}.animals-faq-list summary{padding:1.15cqw 2.3cqw;font-size:1.4cqw;line-height:1.5}.animals-faq-list details>p{font-size:1.6cqw}

.prototype-top{aspect-ratio:1206/720}.animals-help-carousel{position:relative;min-height:47cqw;background:#fdf8f2;direction:ltr;display:grid;grid-template-columns:62% 38%;align-items:center;padding:1cqw 4cqw 5cqw;gap:1cqw}.animals-help-stack{position:relative;height:40cqw}.animals-help-card{position:absolute;bottom:0;padding:0;border:0;overflow:hidden;border-radius:.8cqw;width:34cqw;height:44.85cqw;cursor:pointer;background:#fdf8f2;box-shadow:-.7cqw -.3cqw .4cqw #0002;transform-origin:bottom left;transition:left .35s,transform .35s,filter .35s}.animals-help-card img{position:absolute;width:var(--crop-width)!important;max-width:none;left:var(--crop-left);top:var(--crop-top);height:auto}.animals-help-card:focus-visible{outline:2px solid #823fd5;outline-offset:2px}.animals-help-copy{direction:rtl;text-align:right;padding:0 1cqw 0 3cqw}.animals-help-copy h3{font:700 3.2cqw/1.2 Assistant,Arial;color:#9452dc;margin:0 0 2cqw}.animals-help-copy p{font:500 2cqw/1.45 Assistant,Arial;color:#111;margin:0 0 2.5cqw}.animals-help-cta{display:inline-block;border-radius:3cqw;padding:.8cqw 3cqw;background:#6715cd;color:white;font:600 2cqw Assistant,Arial}

.animals-help-carousel{padding-top:6cqw;min-height:52cqw}

.animals-prototype-document[hidden]{display:none!important}.prototype-nav-about,.prototype-home-logo{position:absolute;border:0;background:transparent;cursor:pointer;padding:0}.prototype-nav-about{left:76%;top:2%;width:5.5%;height:5.5%}.prototype-nav-about:hover,.prototype-home-logo:hover{background:#ffffff18}.prototype-nav-about:focus-visible,.prototype-home-logo:focus-visible{outline:2px solid #ffdd88}.about-prototype-top{position:relative}.prototype-home-logo{right:2%;top:1.5%;width:9%;height:7%}.about-prototype-bottom{position:relative;aspect-ratio:1200/1394;overflow:hidden}.about-prototype-bottom img{position:absolute;left:0;top:-5.452%;width:100%;height:auto}

.prototype-nav-adoption,.about-nav-adoption,.adoption-home-logo,.adoption-nav-about{position:absolute;border:0;background:transparent;cursor:pointer;padding:0}.prototype-nav-adoption{left:70.5%;top:2%;width:5.5%;height:5.5%}.about-nav-adoption{left:73%;top:2%;width:5.2%;height:6%}.animals-adoption-document{position:relative}.adoption-home-logo{right:2%;top:.6%;width:8%;height:2.4%}.adoption-nav-about{right:13%;top:.7%;width:5%;height:2%}.animals-help-cta{cursor:pointer}

.adoption-species{position:absolute;top:23.5%;height:2.35%;border:0;background:transparent;cursor:pointer;padding:0}.adoption-species-dogs{left:34.5%;width:14.5%}.adoption-species-cats{left:49%;width:14.8%}.adoption-species:focus-visible{outline:2px solid #4b0b97;outline-offset:1px;border-radius:30px}

.adoption-bel-link{position:absolute;left:54.5%;top:44.2%;width:14%;height:1.45%;border:0;background:transparent;cursor:pointer}.adoption-bel-link[hidden]{display:none}.animals-bel-document{position:relative}.bel-back-adoption,.bel-home-logo{position:absolute;border:0;background:transparent;cursor:pointer}.bel-back-adoption{left:74%;top:.6%;width:7%;height:1.6%}.bel-home-logo{right:2%;top:.4%;width:8%;height:2%}

.animals-adoption-document{container-type:inline-size}.adoption-live-filters{position:absolute;left:72.5%;top:29.8%;width:24%;min-height:37cqw;background:#fdf8f2;padding:0 2cqw 2cqw;z-index:3}.adoption-live-filters details{border-bottom:1px solid #8d8987;background:#fdf8f2}.adoption-live-filters summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font:500 1.75cqw/1.5 Assistant,Arial;color:#111;padding:2cqw 0}.adoption-live-filters summary::-webkit-details-marker{display:none}.adoption-live-filters summary:after{content:'';width:.65cqw;height:.65cqw;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:.7cqw}.adoption-live-filters details[open] summary{color:#6715cd;font-weight:700}.adoption-live-filters details[open] summary:after{transform:rotate(225deg)}.filter-options{display:grid;gap:1.2cqw;padding:1cqw 0 2cqw}.filter-options label{display:flex;align-items:center;gap:1cqw;cursor:pointer;font:500 1.7cqw/1.5 Assistant,Arial;color:#111}.filter-options input{appearance:none;width:1.55cqw;height:1.55cqw;border:1px solid #292929;border-radius:.4cqw;flex:none;margin:0;cursor:pointer;background:#fdf8f2}.filter-options input:checked{background:#6715cd;border-color:#6715cd;box-shadow:inset 0 0 0 .3cqw #fdf8f2}.filter-options input:focus-visible{outline:2px solid #823fd5;outline-offset:2px}

.adoption-hd-slice{position:relative;width:100%;overflow:hidden}.adoption-hd-slice img{position:absolute;left:0;width:100%;height:auto;max-width:none}

.note-icon{display:flex;align-items:center;justify-content:center;line-height:1}.note-icon svg{display:block;flex-shrink:0}

.note-aa{display:block;font:18px/1 Arial,sans-serif;transform:translateY(-1px)}

.wireframe-board,.wireframe-board.wireframe-cream{aspect-ratio:auto;height:auto;background:#fdf8f2;overflow:visible}.wireframe-board img,.wireframe-board.wireframe-cream img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none}