@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600..900,50..100,0..1&display=swap";:root{--ink: #102c24;--paper: #fff8f4;--paper-deep: #f0e4dd;--white: #fffdfb;--blue: #173f34;--blue-dark: #0a261f;--yellow: #f0c989;--coral: #d97755;--sage: #b8cdbf;--line: rgba(16, 44, 36, .2);--soft-line: rgba(16, 44, 36, .1);--display: "Fraunces", Georgia, serif;--sans: "DM Sans", Arial, sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-moz-selection{background:var(--yellow);color:var(--ink)}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.site-shell{overflow:hidden}.page{min-height:70vh}.wrap{width:min(1280px,calc(100% - 40px));margin:0 auto}.section{padding:clamp(70px,9vw,140px) 0}.display{font-family:var(--display);font-weight:800;letter-spacing:-.055em;line-height:.92;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}.lead{font-size:clamp(17px,2vw,21px);line-height:1.55;color:#161616b8}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid var(--blue-dark);border-radius:2px;background:var(--blue-dark);color:var(--white);font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;box-shadow:none;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px);background:var(--coral);border-color:var(--coral)}.button--light{background:var(--white);color:var(--ink);box-shadow:none}.button--light:hover{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.button--blue{background:var(--blue);border-color:var(--blue)}.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:700;border-bottom:1px solid;padding-bottom:4px}.text-link .material-symbols-outlined{font-size:18px;transition:transform .2s}.text-link:hover .material-symbols-outlined{transform:translate(4px)}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 500}.site-header{position:sticky;top:0;z-index:50;background:#fff8f4eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--ink);transform:rotate(-7deg)}.brand small{display:block;font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.55}.main-nav{display:flex;align-items:center;gap:6px}.nav-link{padding:10px 12px 7px;border-bottom:1px solid transparent;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.nav-link:hover,.nav-link.active{border-color:var(--coral);color:var(--coral)}.header-actions{display:flex;align-items:center;gap:10px}.header-give{background:var(--blue-dark);color:var(--white);border:1px solid var(--blue-dark);border-radius:2px;padding:12px 19px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.menu-button{display:none;border:0;background:none;padding:6px;color:var(--ink)}.mobile-menu{display:none}.home-hero{position:relative;padding:clamp(55px,8vw,115px) 0 clamp(70px,8vw,120px);border-bottom:1px solid var(--line)}.home-hero:after{content:"OASIS / 2026";position:absolute;left:20px;bottom:16px;color:#102c2461;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,130px);align-items:center}.hero-copy h1{font-size:clamp(70px,9.3vw,140px);max-width:790px}.hero-copy h1 em{color:var(--coral);font-style:italic;font-weight:650;position:relative}.hero-copy h1 em:after{display:none}.hero-intro{display:grid;grid-template-columns:84px 1fr;gap:18px;max-width:570px;margin:28px 0 34px}.hero-intro strong{font-family:var(--display);font-size:38px;line-height:.8;color:var(--coral)}.hero-intro p{margin:0;padding-left:18px;border-left:1px solid var(--line);line-height:1.6;color:#161616b3}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px}.hero-visual{position:relative;padding:0 30px 70px 50px}.hero-photo{overflow:hidden;aspect-ratio:4/5.2;border:1px solid var(--line);border-radius:2px;background:var(--paper-deep);box-shadow:22px 22px 0 var(--paper-deep)}.hero-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-secondary-photo{position:absolute;width:35%;aspect-ratio:1;left:0;bottom:0;border:8px solid var(--paper);overflow:hidden}.hero-secondary-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-sticker{position:absolute;right:-5px;top:8%;width:126px;aspect-ratio:1;display:grid;place-items:center;text-align:center;border:1px solid var(--ink);border-radius:50%;background:var(--paper);font-family:var(--display);font-weight:800;line-height:1;transform:rotate(10deg)}.hero-note{position:absolute;bottom:25px;right:4px;background:var(--coral);color:#fff;padding:13px 20px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transform:rotate(-2deg)}.ticker{overflow:hidden;background:var(--blue-dark);color:#fff;border-bottom:0}.ticker-track{display:flex;width:-moz-max-content;width:max-content;animation:ticker 24s linear infinite}.ticker-item{padding:15px 28px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.ticker-item:after{content:"✦";color:var(--yellow);margin-left:56px}@keyframes ticker{to{transform:translate(-50%)}}.mission-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,130px);align-items:start}.mission-grid h2{font-size:clamp(48px,7vw,104px)}.mission-copy{padding-top:20px}.mission-copy .lead{margin:18px 0 30px}.impact-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line)}.impact{padding:22px 20px 0 0}.impact+.impact{padding-left:20px;border-left:1px solid var(--line)}.impact strong{display:block;font-family:var(--display);color:var(--coral);font-size:clamp(40px,5vw,72px);line-height:1}.impact span{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.featured{background:var(--blue-dark);color:var(--white)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2{font-size:clamp(48px,7vw,96px)}.section-head p{max-width:390px;margin:0 0 6px;color:#ffffff9e;line-height:1.5}.pet-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:28px;align-items:start}.mini-pet{grid-column:span 4;color:var(--white)}.mini-pet:first-child{grid-column:span 5}.mini-pet:nth-child(2){grid-column:span 3;transform:translateY(80px)}.mini-pet:last-child{grid-column:span 4}.mini-photo{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:#333}.mini-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.mini-pet:hover img{transform:scale(1.04)}.mini-index{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-weight:800;font-size:11px;border:0}.mini-pet h3{font-family:var(--display);font-size:34px;margin:18px 0 2px}.mini-pet p{margin:0;color:#ffffff94;font-size:13px}.home-story{display:grid;grid-template-columns:1.2fr .8fr;min-height:610px}.story-photo{min-height:480px}.story-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-panel{background:var(--paper-deep);padding:clamp(40px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.story-panel h2{font-size:clamp(50px,6vw,92px);margin:18px 0 26px}.story-panel p{max-width:480px;line-height:1.65;margin:0 0 32px}.help-section{background:var(--paper-deep)}.help-head{color:var(--ink)}.help-head p{color:#161616a3}.help-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.help-card{position:relative;min-height:330px;padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.help-card:last-child{border-right:0}.help-card:hover{z-index:2;transform:translateY(-8px);background:var(--white);box-shadow:0 20px 50px #102c241a}.help-card--yellow,.help-card--coral,.help-card--sage{background:transparent}.help-card--blue{background:var(--blue-dark);color:#fff}.help-card-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.12em}.help-card-top .material-symbols-outlined{font-size:34px}.help-card h3{font-family:var(--display);font-size:42px;letter-spacing:-.04em;margin:0 0 8px}.help-card p{margin:0;line-height:1.45;opacity:.68;font-size:13px}.help-arrow{align-self:end;font-size:30px}.page-hero{padding:clamp(85px,11vw,165px) 0 clamp(70px,8vw,115px);border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:40px}.page-hero h1{font-size:clamp(72px,10vw,142px);max-width:900px}.page-hero-copy{max-width:460px;padding-bottom:8px}.page-hero-copy p{line-height:1.65;color:#161616ad;margin:14px 0 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.filter{border:1px solid var(--line);background:transparent;border-radius:2px;padding:10px 18px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.filter:hover,.filter.active{color:#fff;background:var(--blue-dark);border-color:var(--blue-dark)}.adopt-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:48px 32px}.pet-card{grid-column:span 6;cursor:pointer}.pet-card:nth-child(3n+1){grid-column:span 7}.pet-card:nth-child(3n+2){grid-column:span 5;padding-top:90px}.pet-card:nth-child(3n){grid-column:span 12;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.pet-card-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--paper-deep);border:1px solid var(--soft-line);border-radius:2px}.pet-card:nth-child(2) .pet-card-image{aspect-ratio:3/4}.pet-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.pet-card:hover img{transform:scale(1.035)}.pet-tag{position:absolute;left:12px;top:12px;background:#fffdfbe6;border:0;border-radius:2px;padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pet-card-copy{padding:18px 2px 0}.pet-card-copy h2{font-family:var(--display);font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;margin:0 0 5px}.pet-card-copy p{margin:0 0 18px;color:#161616a3;max-width:510px;line-height:1.5}.connection-break{min-height:620px;display:grid;grid-template-columns:1.25fr .75fr;background:var(--paper-deep)}.connection-photo{min-height:500px;overflow:hidden}.connection-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.connection-copy{padding:clamp(44px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.connection-copy h2{font-size:clamp(58px,7vw,104px);margin:18px 0 24px}.connection-copy p{font-size:17px;line-height:1.65;max-width:440px}.adoption-steps{background:var(--white)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-card{padding:24px 25px 0 0}.process-card+.process-card{padding-left:25px;border-left:1px solid var(--line)}.process-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--coral);font-size:11px;font-weight:800}.process-card h3{font-family:var(--display);font-size:30px;margin:34px 0 10px}.process-card p{margin:0;color:#161616a1;line-height:1.6;font-size:14px}.philosophy-page .page-hero{position:relative;background:linear-gradient(#fff8f4cc,#fff8f4eb),url(/images/Bacolod-4.png) center/cover}.manifesto{background:var(--blue-dark);color:#fff}.manifesto-quote{font-family:var(--display);font-size:clamp(48px,8vw,115px);letter-spacing:-.055em;line-height:.97;max-width:1120px;margin:0}.manifesto-quote em{color:var(--yellow);font-style:normal}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}.value{border-top:1px solid rgba(255,255,255,.4);padding-top:20px}.value span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-weight:700}.value h3{font-family:var(--display);font-size:30px;margin:30px 0 10px}.value p{color:#ffffffa6;line-height:1.6;margin:0}.editorial-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,120px);align-items:center}.editorial-row+.editorial-row{margin-top:120px}.editorial-row.reverse .editorial-image{order:2}.editorial-image{position:relative}.editorial-image img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:1px solid var(--soft-line);border-radius:2px}.editorial-image:after{content:"";position:absolute;inset:16px -16px -16px 16px;background:var(--paper-deep);z-index:-1}.editorial-copy h2{font-size:clamp(48px,6vw,84px);margin:15px 0 20px}.editorial-copy p{line-height:1.7;color:#161616ad}.matching-section{background:var(--coral);color:#fff;scroll-margin-top:94px}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);align-items:center}.matching-intro h2{font-size:clamp(58px,7vw,104px);margin:20px 0 28px}.matching-intro .lead{color:#ffffffb3;margin-bottom:34px}.matching-notes{border-top:1px solid rgba(255,255,255,.5)}.matching-notes article{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.3)}.matching-notes article>span{font-size:11px;letter-spacing:.15em;color:var(--yellow);font-weight:800}.matching-notes h3{font-family:var(--display);font-size:30px;margin:0 0 6px}.matching-notes p{color:#ffffffa6;line-height:1.55;margin:0}.stories-page .page-hero{text-align:center}.stories-page .page-hero-grid{grid-template-columns:1fr;justify-items:center}.stories-page .page-hero-copy{text-align:center}.stories-list{display:grid;gap:130px}.success-story{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(34px,7vw,100px);align-items:center}.success-story:nth-child(2n){grid-template-columns:.8fr 1.2fr}.success-story:nth-child(2n) .success-image{order:2}.success-image{position:relative;aspect-ratio:5/4;overflow:hidden;border:1px solid var(--soft-line);border-radius:2px}.success-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.success-copy blockquote{font-family:var(--display);font-size:clamp(34px,4.5vw,66px);letter-spacing:-.04em;line-height:1.07;margin:18px 0 26px}.success-copy cite{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.success-story--panorama,.success-story:nth-child(2n).success-story--panorama{display:block;position:relative}.success-story:nth-child(2n).success-story--panorama .success-image{order:initial}.success-story--panorama .success-image{aspect-ratio:21/8}.success-story--panorama .success-copy{position:absolute;z-index:1;left:clamp(20px,5vw,70px);right:clamp(20px,5vw,70px);bottom:clamp(20px,5vw,70px);max-width:760px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4)}.success-story--panorama .success-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent 70%)}.success-story--panorama .success-image{position:relative}.success-story--panorama .success-copy blockquote{font-size:clamp(32px,4.3vw,64px);margin-bottom:15px}.donate-hero{background:var(--paper-deep);position:relative;overflow:hidden}.donate-hero:after{content:"";position:absolute;right:5%;top:12%;width:24vw;aspect-ratio:1;border-radius:50%;background:var(--yellow);opacity:.75}.donate-hero .wrap{position:relative;z-index:1}.donate-hero .page-hero-copy p{color:#161616b8}.give-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.give-card{min-height:280px;padding:34px;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.give-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px #102c241a}.give-card:last-child{grid-column:span 2;background:var(--blue-dark);color:#fff}.give-card-head{display:flex;justify-content:space-between;align-items:start}.give-card .material-symbols-outlined{font-size:32px}.give-card h3{font-family:var(--display);font-size:42px;margin:0}.give-detail{font-family:monospace;overflow-wrap:anywhere}.give-detail small{display:block;font-family:var(--sans);opacity:.56;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:6px}.network-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.network-list span{border:1px solid currentColor;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.gift-impact{background:var(--coral);color:#fff;padding:34px 0}.gift-impact-grid{display:grid;grid-template-columns:repeat(3,1fr)}.gift-impact article{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:8px 28px;border-right:1px solid rgba(255,255,255,.24)}.gift-impact article:first-child{padding-left:0}.gift-impact article:last-child{border:0}.gift-impact strong{font-family:var(--display);color:var(--yellow);font-size:34px;line-height:1}.gift-impact h3{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.gift-impact p{margin:0;color:#ffffff8c;font-size:11px;line-height:1.5}.copy-button{width:-moz-fit-content;width:fit-content;display:inline-flex;gap:7px;align-items:center;border:1px solid var(--ink);border-radius:2px;padding:9px 12px;background:transparent;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.copy-button:hover{background:var(--yellow)}.copy-button .material-symbols-outlined{font-size:14px}.copy-button--light{border-color:currentColor;color:#fff}.copy-button--light:hover{background:#fff;color:var(--blue)}.pet-modal-overlay{position:fixed;inset:0;z-index:1000;background:#161616c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.pet-modal{width:min(920px,100%);max-height:92vh;overflow:auto;background:var(--paper);border:1px solid var(--line);display:grid;grid-template-columns:.95fr 1.05fr;box-shadow:0 30px 100px #00000040;animation:modal-in .25s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.pet-modal-photo{min-height:470px}.pet-modal-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pet-modal-body{padding:32px;position:relative}.modal-close{position:absolute;top:16px;right:16px;border:2px solid var(--ink);border-radius:50%;width:38px;height:38px;background:var(--white);display:grid;place-items:center}.pet-modal h2{font-size:clamp(52px,7vw,80px);margin:20px 0 10px}.pet-modal-tagline{line-height:1.55;color:#161616a6}.pet-specs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.pet-spec{padding:12px 0;font-size:13px}.pet-spec small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.5}.pet-modal-story{font-size:14px;line-height:1.6;color:#161616b8;margin-bottom:24px}.site-footer{background:var(--blue-dark);color:#fff;padding:90px 0 24px}.footer-top{display:grid;grid-template-columns:1.2fr .45fr .55fr .8fr;gap:42px;padding-bottom:60px}.footer-brand h2{font-size:clamp(58px,8vw,104px);color:var(--white)}.footer-brand p{max-width:390px;color:#fff9;line-height:1.6}.footer-location{display:flex;align-items:center;gap:10px;margin-top:25px;color:#fffc;font-size:12px}.footer-location small{display:block;color:#ffffff61;margin-top:2px}.footer-col h3{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--yellow);margin:0 0 20px}.footer-col a{display:block;width:-moz-fit-content;width:fit-content;margin:0 0 12px;color:#ffffffb8}.footer-col a:hover{color:var(--yellow)}.newsletter{display:flex;border-bottom:1px solid rgba(255,255,255,.5)}.newsletter input{border:0;background:none;color:#fff;min-width:0;padding:12px 0;flex:1;outline:none}.newsletter button{border:0;color:var(--yellow);background:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#fff6;font-size:10px;letter-spacing:.12em;text-transform:uppercase}@media (max-width: 900px){.main-nav,.header-give{display:none}.menu-button{display:block}.mobile-menu{display:flex;flex-direction:column;gap:4px;padding:10px 20px 20px;border-top:1px solid var(--line)}.mobile-menu .nav-link{padding:14px}.hero-grid,.mission-grid,.page-hero-grid,.editorial-row,.success-story,.success-story:nth-child(2n),.home-story{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(62px,16vw,108px)}.hero-visual{max-width:620px}.mission-copy{padding:0}.pet-strip{gap:14px;grid-template-columns:repeat(2,1fr)}.mini-pet,.mini-pet:first-child,.mini-pet:nth-child(2),.mini-pet:last-child{grid-column:span 1;transform:none}.mini-pet:last-child{grid-column:span 2}.help-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.help-card{border-bottom:2px solid var(--ink)}.help-card:nth-child(2){border-right:0}.help-card:nth-child(3),.help-card:nth-child(4){border-bottom:0}.page-hero-copy{max-width:620px}.pet-card,.pet-card:nth-child(3n+1),.pet-card:nth-child(3n+2),.pet-card:nth-child(3n){grid-column:span 6;display:block;padding-top:0}.pet-card:nth-child(2) .pet-card-image{aspect-ratio:4/3}.editorial-row.reverse .editorial-image,.success-story:nth-child(2n) .success-image{order:0}.connection-break,.matching-grid{grid-template-columns:1fr}.gift-impact-grid{grid-template-columns:1fr;gap:14px}.gift-impact article,.gift-impact article:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.24);padding:8px 0 18px}.gift-impact article:last-child{border:0}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:span 3}}@media (max-width: 640px){.wrap{width:min(100% - 28px,1280px)}.section{padding:68px 0}.header-inner{height:68px}.brand small{display:none}.hero-copy h1,.page-hero h1{font-size:clamp(58px,19vw,86px)}.hero-intro{grid-template-columns:1fr}.hero-intro p{padding:0;border:0}.hero-visual{padding:10px 10px 32px 0}.hero-sticker{width:94px;font-size:13px;right:0}.hero-note{font-size:8px}.impact-row,.values,.pet-strip{grid-template-columns:1fr}.mini-pet,.mini-pet:first-child,.mini-pet:nth-child(2),.mini-pet:last-child{grid-column:span 1}.help-grid,.process-grid{grid-template-columns:1fr}.help-card,.help-card:nth-child(2),.help-card:nth-child(3){min-height:260px;border-right:0;border-bottom:2px solid var(--ink)}.help-card:last-child{border-bottom:0}.process-card+.process-card{padding-left:0;border-left:0}.process-card{border-bottom:1px solid var(--line);padding-bottom:25px}.impact+.impact{padding-left:0;border-left:0}.mini-pet:nth-child(2){transform:none}.section-head{display:block}.section-head p{margin-top:14px}.home-story{min-height:0}.story-panel{padding:48px 24px}.adopt-grid{gap:50px}.pet-card,.pet-card:nth-child(3n+1),.pet-card:nth-child(3n+2),.pet-card:nth-child(3n){grid-column:span 12}.editorial-row+.editorial-row,.stories-list{margin-top:70px;gap:70px}.connection-break{min-height:0}.connection-photo{min-height:340px}.connection-copy{padding:50px 24px}.success-story--panorama .success-image{aspect-ratio:4/5}.success-story--panorama .success-copy{left:20px;right:20px;bottom:24px}.success-story--panorama .success-copy blockquote{font-size:30px}.give-grid{grid-template-columns:1fr}.give-card:last-child{grid-column:span 1}.pet-modal{display:block}.pet-modal-photo{min-height:220px;height:220px}.pet-modal-body{padding:24px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{display:block;line-height:2}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{min-height:100vh}.auth-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.auth-modal{background:var(--bg-secondary, #ffffff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl, 0 30px 80px rgba(17, 20, 24, .15));border:1px solid var(--border-primary, #e7e2db);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.auth-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:var(--text-muted, #7a7a7a);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast, .12s ease);z-index:1}.auth-modal-close:hover{background:var(--bg-hover, #fbf7f3);color:var(--text-primary, #111418)}.auth-modal-content{padding:40px}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-modal-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.auth-modal-logo-icon{font-size:32px}.auth-modal-logo-text{font-size:24px;font-weight:700;color:var(--primary-color, #12223b);letter-spacing:.01em}.auth-modal-title{font-size:28px;font-weight:300;color:var(--text-primary, #111418);margin-bottom:12px;letter-spacing:-.01em}.auth-modal-subtitle{font-size:16px;color:var(--text-secondary, #4a4a4a);line-height:1.5;margin:0}.auth-modal-form{display:flex;flex-direction:column;gap:20px}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-group label{color:var(--text-primary, #111418);font-size:14px;font-weight:600}.auth-form-group input{background:var(--bg-card, #ffffff);border:1px solid var(--border-primary, #e7e2db);border-radius:var(--radius-md, 8px);padding:14px 16px;font-size:16px;color:var(--text-primary, #111418);transition:all var(--transition-fast, .12s ease);width:100%;box-sizing:border-box}.auth-form-group input:focus{outline:none;border-color:var(--primary-color, #12223b);box-shadow:0 0 0 3px #12223b1a}.auth-form-group input::-moz-placeholder{color:var(--text-muted, #7a7a7a)}.auth-form-group input::placeholder{color:var(--text-muted, #7a7a7a)}.auth-form-options{display:flex;justify-content:space-between;align-items:center;margin:-8px 0}.auth-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color, #12223b)}.auth-checkbox-text{font-size:14px;color:var(--text-secondary, #4a4a4a)}.auth-forgot-link{color:var(--primary-color, #12223b);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast, .12s ease)}.auth-forgot-link:hover{color:var(--primary-light, #2b3b53);text-decoration:underline}.auth-modal-button{background:var(--accent-color, #b78b3f);color:#fff;border:none;border-radius:var(--radius-md, 8px);padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-fast, .12s ease);margin-top:8px;box-shadow:var(--shadow-sm, 0 6px 18px rgba(17, 20, 24, .06))}.auth-modal-button:hover{background:var(--accent-dark, #9a6f2d);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 10px 30px rgba(17, 20, 24, .08))}.auth-modal-footer{text-align:center;margin-top:24px;color:var(--text-secondary, #4a4a4a);font-size:14px}.auth-modal-link{background:none;border:none;color:var(--primary-color, #12223b);text-decoration:none;font-weight:600;cursor:pointer;transition:color var(--transition-fast, .12s ease)}.auth-modal-link:hover{color:var(--primary-light, #2b3b53);text-decoration:underline}@media (max-width: 768px){.auth-modal-overlay{padding:16px}.auth-modal{max-width:100%;border-radius:var(--radius-lg, 12px)}.auth-modal-content{padding:32px 24px}.auth-modal-title{font-size:24px}.auth-modal-logo-text{font-size:20px}.auth-modal-logo-icon{font-size:28px}}@media (max-width: 480px){.auth-modal-overlay{padding:12px}.auth-modal-content{padding:24px 20px}.auth-modal-title{font-size:22px}.auth-modal-subtitle{font-size:15px}.auth-form-group input{padding:12px 14px;font-size:16px}.auth-modal-button{padding:14px}}@media (max-width: 320px){.auth-modal-content{padding:20px 16px}.auth-modal-title{font-size:20px}.auth-modal-logo-text{font-size:18px}}.donation-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.donation-modal{background:var(--bg-secondary, #ffffff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl, 0 30px 80px rgba(17, 20, 24, .15));border:1px solid var(--border-primary, #e7e2db);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.donation-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:var(--text-muted, #7a7a7a);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast, .12s ease);z-index:1}.donation-modal-close:hover{background:var(--bg-hover, #fbf7f3);color:var(--text-primary, #111418)}.donation-modal-content{padding:40px}.donation-modal-header{text-align:center;margin-bottom:32px}.donation-modal-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.donation-modal-logo-icon{font-size:32px}.donation-modal-logo-text{font-size:24px;font-weight:700;color:var(--primary-color, #12223b);letter-spacing:.01em}.donation-modal-title{font-size:28px;font-weight:300;color:var(--text-primary, #111418);margin-bottom:12px;letter-spacing:-.01em}.donation-modal-subtitle{font-size:16px;color:var(--text-secondary, #4a4a4a);line-height:1.5;margin:0}.donation-tabs{display:flex;gap:8px;margin-bottom:32px;background:var(--bg-tertiary, #f1ece6);padding:6px;border-radius:var(--radius-lg, 12px)}.donation-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .12s ease);font-size:14px;font-weight:500;color:var(--text-secondary, #4a4a4a)}.donation-tab:hover{background:var(--bg-hover, #fbf7f3);color:var(--text-primary, #111418)}.donation-tab.active{background:var(--bg-secondary, #ffffff);color:var(--primary-color, #12223b);box-shadow:var(--shadow-sm, 0 6px 18px rgba(17, 20, 24, .06))}.donation-tab-icon{font-size:16px}.donation-tab-text{font-weight:600}.donation-content{margin-bottom:32px}.donation-method-info{background:var(--bg-card, #ffffff);border:1px solid var(--border-primary, #e7e2db);border-radius:var(--radius-lg, 12px);padding:24px;margin-bottom:24px}.donation-method-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.donation-method-icon{font-size:24px}.donation-method-title{font-size:20px;font-weight:600;color:var(--text-primary, #111418);margin:0}.donation-details{display:flex;flex-direction:column;gap:16px}.donation-detail-item{background:var(--bg-primary, #f7f3ee);border:1px solid var(--border-subtle, #ede8e2);border-radius:var(--radius-md, 8px);padding:16px}.donation-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.donation-detail-label{font-size:14px;font-weight:600;color:var(--text-primary, #111418)}.donation-copy-btn{background:var(--accent-color, #b78b3f);color:#fff;border:none;border-radius:var(--radius-sm, 4px);padding:6px 10px;font-size:12px;cursor:pointer;transition:all var(--transition-fast, .12s ease);display:flex;align-items:center;justify-content:center;min-width:32px;height:24px}.donation-copy-btn:hover{background:var(--accent-dark, #9a6f2d);transform:translateY(-1px)}.donation-detail-value{font-family:var(--font-mono, "Cascadia Code", Consolas, monospace);font-size:14px;color:var(--text-secondary, #4a4a4a);word-break:break-all;line-height:1.4;background:var(--bg-secondary, #ffffff);padding:8px 12px;border-radius:var(--radius-sm, 4px);border:1px solid var(--border-subtle, #ede8e2)}.donation-instructions{background:var(--bg-tertiary, #f1ece6);border:1px solid var(--border-subtle, #ede8e2);border-radius:var(--radius-lg, 12px);padding:20px}.donation-instructions-title{font-size:16px;font-weight:600;color:var(--text-primary, #111418);margin-bottom:12px}.donation-instructions-list{list-style:none;padding:0;margin:0}.donation-instructions-list li{font-size:14px;color:var(--text-secondary, #4a4a4a);margin-bottom:8px;padding-left:20px;position:relative;line-height:1.4}.donation-instructions-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent-color, #b78b3f);font-weight:600}.donation-instructions-list li:last-child{margin-bottom:0}.donation-footer{text-align:center;padding-top:24px;border-top:1px solid var(--border-subtle, #ede8e2)}.donation-thank-you{font-size:14px;color:var(--text-secondary, #4a4a4a);line-height:1.5;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.donation-modal-overlay{padding:16px}.donation-modal{max-width:100%;border-radius:var(--radius-lg, 12px)}.donation-modal-content{padding:32px 24px}.donation-modal-title{font-size:24px}.donation-modal-logo-text{font-size:20px}.donation-modal-logo-icon{font-size:28px}.donation-tabs{flex-direction:column;gap:4px}.donation-tab{justify-content:flex-start;padding:12px 16px}}@media (max-width: 480px){.donation-modal-overlay{padding:12px}.donation-modal-content{padding:24px 20px}.donation-modal-title{font-size:22px}.donation-modal-subtitle{font-size:15px}.donation-method-info{padding:20px}.donation-detail-value{font-size:13px;padding:6px 10px}.donation-instructions{padding:16px}}@media (max-width: 320px){.donation-modal-content{padding:20px 16px}.donation-modal-title{font-size:20px}.donation-modal-logo-text{font-size:18px}}