@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#143d33;--green:#143d33;--yellow:#f6c445;--cream:#f6f1e8;--border:#d3ded8;--muted:#466257;--rust:#983a14;font-synthesis:none;background:#fcfcf9;font-family:Bricolage Grotesque Variable,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:.22em}button,a.button{cursor:pointer}a:hover{color:#983a14}::selection{color:#143d33;background:#f6c445}:focus-visible{outline-offset:4px;outline:3px solid #be5b21}input,textarea{caret-color:#143d33}html{scrollbar-color:#466257 #f6f1e8}h1,h2,h3,.brand{letter-spacing:-.025em;font-family:Bricolage Grotesque Variable,sans-serif;font-weight:750;line-height:1.12}h1{text-wrap:balance;margin:0 0 24px;font-size:clamp(2.25rem,4.5vw,4rem)}h2{text-wrap:balance;margin:0 0 18px;font-size:clamp(1.7rem,2.6vw,2.5rem)}h3{margin:0 0 12px;font-size:1.55rem}p{margin:0 0 20px}small,time{color:var(--muted);font-size:.875rem;line-height:1.5}svg{flex-shrink:0}button,.button{background:var(--green);color:#fff;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}button:hover,.button:hover{color:#fff;background:#255947}button:disabled{opacity:.55;cursor:wait}button:disabled:hover{background:var(--green)}button.ghost,.button.ghost{border-color:var(--border);color:var(--green);background:0 0}button.ghost:hover{background:#e8f0ea}input,select,textarea{width:100%;min-height:48px;color:var(--green);background:#fff;border:1px solid #8eaa9c;border-radius:8px;max-width:100%;padding:12px 14px;line-height:1.5}input::placeholder,textarea::placeholder{color:#536b60;opacity:1}textarea{resize:vertical}input[readonly]{background:#edf2ee}.field{flex-direction:column;gap:7px;min-width:0;font-weight:650;display:flex}.field small{font-weight:400}.check{align-items:flex-start;gap:12px;line-height:1.5;display:flex}.check input{width:22px;min-height:22px;accent-color:var(--green);margin:2px 0 0}form{flex-direction:column;gap:20px;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;max-width:1400px;margin:auto;padding:24px 48px;display:flex}.brand{align-items:center;gap:8px;font-size:2rem;line-height:1;text-decoration:none;display:inline-flex}.brand svg{width:30px;height:30px}.brand span{color:var(--rust)}.topbar nav{align-items:center;gap:25px;display:flex}.topbar nav>a{font-weight:650;text-decoration:none}.topbar nav>a.active{color:var(--rust);text-decoration:underline}.menu-toggle{display:none}main{max-width:1280px;min-height:55vh;margin:auto;padding:56px 40px 80px}main section{margin-top:64px}.intro{max-width:65ch;color:var(--muted);font-size:1.2rem}.text-link{align-items:center;gap:10px;min-height:44px;font-weight:700;display:inline-flex}.hero{grid-template-columns:1.5fr 1fr;align-items:center;gap:64px;margin-top:0;display:grid}.hero h1{font-size:clamp(3.2rem,6vw,5.8rem)}.hero h1 em{color:var(--rust);font-style:normal}.hero>div>p{max-width:46ch;font-size:1.2rem}.hero-search{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.hero-search button{background:var(--yellow);color:var(--green);grid-column:1/-1}.hero-search button:hover{background:#e8b734}.hero-note{background:var(--green);color:var(--cream);border-radius:16px;flex-direction:column;justify-content:center;gap:12px;min-height:420px;padding:48px 40px;display:flex}.hero-note h2{font-size:2.8rem}.hero-note svg,.hero-note a:hover{color:var(--yellow)}.section-head,.split{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-head{margin-bottom:24px}.section-head h1,.section-head h2{margin-bottom:0}.animal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.animal-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.animal-picture{aspect-ratio:4/3;background:#e7efe8;text-decoration:none;display:block}.animal-picture img{object-fit:cover;width:100%;height:100%}.animal-picture>div{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.animal-picture svg{width:44px;height:44px}.animal-copy{padding:24px}.animal-copy p{margin-bottom:10px}.animal-copy h3 a{text-decoration:none}.animal-copy .split{flex-wrap:wrap;align-items:flex-start;gap:8px}.animal-copy .split h3{margin:0 0 8px}.muted{color:var(--muted)}.badge{white-space:nowrap;background:#edf2ee;border-radius:6px;padding:5px 9px;font-size:.875rem;font-weight:700;line-height:1.5;display:inline-block}.badge.available,.badge.accepted{color:#204b2d;background:#daecdc}.badge.reserved,.badge.pending{color:#594316;background:#f8e8b0}.badge.draft,.badge.archived{color:#455a50;background:#e9edeb}.badge.adopted{color:#773910;background:#f6dbc8}.how{background:var(--cream);border-radius:16px;padding:40px}.how>div{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.how strong{margin:20px 0 10px;font-size:1.2rem;display:block}.shelter-call{max-width:75ch;margin:64px auto 0;padding:40px 0}.shelter-call p{font-size:1.1rem}.filters{background:#edf2ee;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0;padding:28px;display:grid}.filters button{align-self:end}.inline-form{flex-direction:row;align-items:end;max-width:760px;margin:32px 0}.inline-form .field{flex:1}.result-count{font-variant-numeric:tabular-nums}.status{color:var(--muted);padding:32px 0}.empty{background:#edf2ee;border-radius:12px;align-items:center;gap:20px;margin:20px 0;padding:32px;display:flex}.empty p{max-width:65ch;margin:0}.empty svg{color:#466257;width:30px;height:30px}.error,.success{color:#7d3016;overflow-wrap:anywhere;background:#fbe8df;border-radius:8px;padding:16px 20px}.success{color:#204b2d;background:#e0efde}.pager{justify-content:center;align-items:center;gap:24px;margin-top:40px;display:flex}.shelter-list article{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:32px;padding:32px 0;display:flex}.shelter-list article>div{max-width:65ch}.shelter-list h2{margin:14px 0}.shelter-list h2 a{text-decoration:none}.prose{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}.detail-head{align-items:center;gap:20px;margin:32px 0;display:flex}.detail-head h1{margin:0}.detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;display:grid}.detail-grid h2{margin-top:36px}.gallery{gap:16px;display:grid}.gallery img{object-fit:cover;border-radius:14px;width:100%;max-height:600px}.facts{color:var(--muted);flex-wrap:wrap;gap:12px 20px;margin:24px 0;display:flex}.facts span{padding:5px 0}.contact-panel{background:var(--cream);border-radius:14px;align-self:start;padding:32px}.contact-panel h2{margin-top:0}.contact-panel form{margin:24px 0}.contact-panel small{margin-top:24px;display:block}.posts article{border-bottom:1px solid var(--border);padding:28px 0}.posts h3{margin-top:16px}.auth-page{grid-template-columns:1fr 1fr;gap:64px;max-width:1140px;display:grid}.auth-story{background:var(--green);color:#f6f1e8;border-radius:16px;flex-direction:column;justify-content:center;gap:28px;padding:48px;display:flex}.auth-story svg{color:var(--yellow)}.auth-story h2{font-size:2.9rem}.auth-story p{font-size:1.2rem}.auth-form{padding:24px 0}.auth-form h1{font-size:2.5rem}.auth-form>form{margin:24px 0}.auth-form>p{max-width:60ch}.dashboard{grid-template-columns:240px minmax(0,1fr);max-width:1400px;min-height:65vh;margin:auto;display:grid}.sidebar{background:#edf2ee;padding:40px 24px}.sidebar h2{margin-bottom:10px;font-size:1.3rem}.sidebar nav{flex-direction:column;gap:8px;margin-top:24px;display:flex}.sidebar a{border-radius:8px;align-items:center;gap:12px;min-height:48px;padding:12px;font-weight:650;text-decoration:none;display:flex}.sidebar a.active{background:var(--green);color:#fff}.sidebar a:hover{color:var(--green);background:#d7e5dc}.sidebar a.active:hover{color:#fff;background:#255947}.dashboard-main{width:100%;margin:0;padding:40px 40px 64px}.dashboard-main h1{font-size:clamp(2rem,3.2vw,3rem)}.dashboard-main section{margin-top:44px}.dashboard-main .animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rows{border-top:1px solid var(--border)}.row{border-bottom:1px solid var(--border);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;text-decoration:none;display:flex}.row>div:first-child{flex:1;min-width:0}.row small{margin-top:5px;display:block}.row select{width:auto;max-width:180px}.row.unread{background:#edf2ee;padding-inline:16px}.row time{flex-shrink:0}.row>a{font-weight:700}.editor{max-width:800px;margin:24px 0}.editor h2{margin-top:16px}.editor>button{align-self:flex-start}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.photo-editor{flex-wrap:wrap;gap:16px;display:flex}.photo-editor>div{width:140px}.photo-editor img{object-fit:cover;border-radius:8px;width:140px;height:110px}.photo-editor button{width:100%}.shelter-selector{max-width:420px;margin-bottom:32px}.overview-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.overview-links a{border-top:2px solid var(--green);flex-direction:column;gap:16px;padding:24px 0;text-decoration:none;display:flex}.overview-links strong{font-size:1.3rem;line-height:1.4}.overview-links span{align-items:center;gap:8px;display:flex}.invitation-result{background:#edf2ee;border-radius:12px;margin:24px 0;padding:24px}.messages article{background:#edf2ee;border-radius:12px;margin-bottom:16px;padding:24px}.messages p{margin:16px 0 0}.request-initial{margin:16px 0;padding:24px 0}.actions{flex-wrap:wrap;gap:12px;display:flex}footer{background:var(--green);color:var(--cream);flex-wrap:wrap;align-items:center;gap:32px;padding:40px max(24px,50vw - 600px);display:flex}footer p{flex:1;margin:0}footer>div{gap:24px;display:flex}footer a:hover{color:var(--yellow)}@media (width<=1000px){.topbar{padding:20px 24px}.topbar nav{gap:16px}.hero{gap:32px}.hero-note{padding:32px 24px}.hero-note h2{font-size:2.3rem}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{grid-template-columns:210px minmax(0,1fr)}.dashboard-main{padding:32px 24px}.overview-links{grid-template-columns:1fr}.overview-links a{grid-template-columns:28px 1fr;gap:12px;display:grid}.overview-links span{grid-column:2}.auth-page{gap:32px}.auth-story{padding:32px}.detail-grid{gap:28px}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:12px;padding:16px 20px}.menu-toggle{min-height:44px;padding:10px;display:inline-flex}.topbar nav{flex-direction:column;flex-basis:100%;align-items:stretch;gap:4px;padding-top:12px;display:none}.topbar nav.open{display:flex}.topbar nav>a{padding:12px}.topbar nav .button{margin-top:8px}.brand{font-size:1.8rem}main{padding:32px 20px 56px}.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(2.9rem,10vw,4rem)}.hero>div>p{font-size:1.125rem}.hero-note{min-height:0;padding:32px}.hero-note h2{font-size:2rem}.hero-note>svg{width:44px;height:44px}.hero-search{grid-template-columns:1fr}.home section{margin-top:40px}.home .hero{margin-top:0}.section-head{flex-wrap:wrap;align-items:flex-start;gap:16px}.how{padding:28px 24px}.how>div{grid-template-columns:1fr;gap:0}.shelter-call{padding:12px 0}.filters{grid-template-columns:1fr 1fr;gap:16px;padding:20px}.filters .field:first-child{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.contact-panel{padding:24px}.auth-page{grid-template-columns:1fr;gap:24px}.auth-story{padding:28px}.auth-story h2{font-size:2rem}.auth-story svg{width:32px;height:32px}.auth-story p{font-size:1rem}.auth-form{padding:0}.auth-form h1{font-size:2rem}.dashboard{grid-template-columns:1fr}.sidebar{padding:20px}.sidebar>p{margin-bottom:8px}.sidebar nav{flex-direction:row;gap:8px;margin-top:16px;padding-bottom:4px;overflow-x:auto}.sidebar a{white-space:nowrap;padding:10px 12px}.sidebar h2{margin:0}.dashboard-main{padding:28px 20px 48px}.dashboard-main .animal-grid{grid-template-columns:1fr 1fr}.row{flex-wrap:wrap;gap:12px}.row>div:first-child{flex-basis:100%}.row>strong{flex:1}.row time{flex-shrink:1}.form-grid{grid-template-columns:1fr}.pager{flex-wrap:wrap;gap:12px}.pager button{padding:10px 12px}.shelter-list article{flex-direction:column;align-items:flex-start;gap:0}.empty{gap:16px;padding:24px 20px}.inline-form{flex-wrap:wrap;gap:12px}.inline-form .field{flex-basis:100%}footer{gap:20px;padding:32px 20px}footer p{flex-basis:100%}footer>div{flex-wrap:wrap;gap:20px}.messages .split{flex-wrap:wrap;gap:8px}}@media (width<=480px){.animal-grid,.dashboard-main .animal-grid,.filters{grid-template-columns:1fr}.hero-note{padding:28px 24px}.hero h1{font-size:2.9rem}.animal-copy{padding:22px}.detail-head{flex-wrap:wrap}.auth-story{gap:16px}.auth-story h2{margin:0}.photo-editor>div,.photo-editor img{width:120px}.row select{max-width:140px}}@media (prefers-reduced-motion:no-preference){button,.button{transition:background-color .15s}.hero-note{animation:.65s cubic-bezier(.16,1,.3,1) welcome}@keyframes welcome{0%{clip-path:inset(0 0 8% round 16px)}to{clip-path:inset(0 round 16px)}}}.hero-choices{gap:20px;display:grid}.hero-choice{min-height:260px;color:var(--green);border-radius:16px;padding:28px;text-decoration:none;display:block;position:relative;overflow:hidden}.hero-choice:hover{color:var(--green)}.hero-choice.dog{background:var(--yellow)}.hero-choice.cat{background:#ffd6bf}.hero-choice h2{z-index:1;font-size:2rem;position:relative}.hero-choice p{z-index:1;max-width:22ch;font-size:1rem;position:relative}.hero-choice span{z-index:1;align-items:center;gap:10px;min-height:44px;font-weight:700;display:inline-flex;position:relative}.hero-choice img{width:175px;height:175px;position:absolute;bottom:-25px;right:-12px}.hero-choice p{padding-right:48px}@media (width<=760px){.hero-choices{grid-template-columns:1fr 1fr;gap:16px}.hero-choice{min-height:290px;padding:24px}.hero-choice img{width:150px;height:150px;bottom:-35px}.hero-choice p{padding:0}.hero-choice h2{font-size:1.7rem}.hero-choice span{align-items:flex-start;max-width:12ch;font-size:1rem}}@media (width<=480px){.hero-choices{grid-template-columns:1fr}.hero-choice{min-height:230px}.hero-choice p{max-width:24ch;padding-right:45px}.hero-choice img{width:165px;height:165px;bottom:-25px}.hero-choice span{max-width:none}}.field>label{flex-direction:column;gap:7px;display:flex}.sidebar,.dashboard-main{min-width:0}footer>.legal-links{opacity:.85;flex-wrap:wrap;flex-basis:100%;gap:8px 20px;font-size:.875rem}.legal{max-width:760px;line-height:1.6}.legal blockquote{border-left:4px solid var(--yellow);background:color-mix(in srgb, var(--yellow) 12%, transparent);margin:0 0 24px;padding:12px 16px}.legal table{border-collapse:collapse;width:100%;margin:16px 0;display:block;overflow-x:auto}.legal th,.legal td{text-align:left;vertical-align:top;border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);padding:8px 10px}.legal a{text-decoration:underline}.account-data{margin-top:40px}.account-data form{gap:16px;margin-top:32px;display:grid}
