:root{--forest:#173d31;--green:#2e7056;--mint:#d5e8d5;--cream:#f3f0e6;--ink:#17342b;--muted:#66756c;--line:#d9dfd5;--orange:#d98a54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafaf6;color:var(--ink);font-family:"Noto Sans KR",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:100}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.header{height:82px;padding:0 4.3vw;display:flex;align-items:center;gap:3vw;position:absolute;inset:0 0 auto;z-index:20;color:#fff;border-bottom:1px solid #ffffff55}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:900;font-size:1.18rem;line-height:1.04;letter-spacing:-.08em;white-space:nowrap}.brand small{display:block;letter-spacing:.08em;font-size:.66rem;font-weight:700;margin-top:.26rem}.brand-mark{font-family:Georgia,serif;font-size:2.7rem;line-height:1;color:#e7b68d}.header nav{display:flex;align-items:center;gap:2.2vw;margin:auto;font-size:.88rem;font-weight:600}.header nav a,.header-cta,.text-link,.inline-link,.footer-links a{transition:opacity .25s,transform .25s}.header nav a:hover,.header-cta:hover,.text-link:hover,.inline-link:hover,.footer-links a:hover{opacity:.65}.header-cta{font-size:.84rem;font-weight:700;border-bottom:1px solid #fff;padding-bottom:.35rem;white-space:nowrap}.header-cta span{margin-left:.8rem}.menu-toggle{display:none}.hero{min-height:760px;height:100svh;position:relative;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;background:linear-gradient(130deg,#586c5b,#233d32);background-image:url('assets/hero.webp');background-size:cover;background-position:center;transform:scale(1.08);animation:hero-in 1.7s ease-out forwards}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,21,.74),rgba(5,27,21,.22) 75%),linear-gradient(0deg,rgba(5,27,21,.55),transparent 45%)}.hero-content{position:relative;z-index:2;padding:24vh 8.3vw 7rem}.eyebrow{font:700 .75rem "DM Sans",sans-serif;letter-spacing:.23em;color:var(--green);display:flex;gap:3rem;justify-content:space-between;text-transform:uppercase}.eyebrow.light{color:#dfefdd}.hero h1{font-size:clamp(3.5rem,7.5vw,8.7rem);letter-spacing:-.08em;line-height:1.15;margin:2rem 0 2rem;font-weight:800;max-width:1200px}.hero h1 em,.section h2 em{font-style:normal;color:#d1e0c7}.hero-sub{font-size:clamp(1rem,1.25vw,1.35rem);line-height:1.9;color:#ecf4ec}.hero-actions{display:flex;gap:2.5rem;align-items:center;margin-top:3rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;padding:1.12rem 1.5rem;min-width:235px;font-size:.93rem;font-weight:700;border:1px solid transparent;transition:background .3s,color .3s,transform .3s}.button:hover{transform:translateY(-4px)}.button.cream{background:var(--cream);color:var(--forest)}.button.cream:hover{background:#fff}.text-link{font-size:.92rem;font-weight:700;border-bottom:1px solid #fff;padding:.5rem 0}.hero-index{position:absolute;bottom:2.2rem;left:8.3vw;right:8.3vw;font:700 .78rem "DM Sans";letter-spacing:.12em;z-index:2}.hero-index>span:first-child{opacity:.5;margin:0 .8rem}.hero-scroll{float:right}.marquee{overflow:hidden;background:var(--mint);padding:1rem 0;white-space:nowrap;color:var(--forest);font-weight:800;font-size:1rem;letter-spacing:.02em}.marquee div{width:max-content;animation:marquee 28s linear infinite}.section{padding:8.5rem 8.3vw}.section-head{max-width:1150px}.section-head h2{font-size:clamp(2.8rem,5.6vw,6.5rem);letter-spacing:-.075em;line-height:1.22;margin:2.2rem 0 3rem}.section h2 em{color:var(--green)}.section-intro{color:#dbe7dc;font-size:1.15rem}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;align-items:start}.lead{font-size:clamp(1.35rem,2.3vw,2.4rem);line-height:1.55;letter-spacing:-.04em;font-weight:600;margin:0}.intro-copy{color:var(--muted);line-height:1.9;font-size:1rem}.inline-link{display:inline-block;color:var(--green);border-bottom:1px solid currentColor;padding:.5rem 0;margin-top:1.6rem;font-weight:700}.impact{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:6.5rem}.impact div{padding:2.3rem 2rem 0 0;border-right:1px solid var(--line)}.impact div+div{padding-left:2rem}.impact div:last-child{border:0}.impact strong{display:block;font-size:2.3rem;letter-spacing:-.05em}.impact span{display:block;color:var(--muted);font-size:.86rem;margin-top:.65rem}.dark{background:var(--forest);color:white}.dark .eyebrow{color:#9fd7ad}.dark h2 em{color:#a9d9a9}.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;margin-top:4rem}.story-card{position:relative;min-height:520px;overflow:hidden;background:#355846;display:flex;align-items:end}.story-card:nth-child(2){min-height:430px;margin-top:6rem}.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.story-card:hover img{transform:scale(1.04)}.story-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#061d15c9)}.story-card div{position:relative;z-index:1;padding:2rem}.story-card small{font:700 .75rem "DM Sans";letter-spacing:.18em}.story-card h3{font-size:clamp(1.5rem,2.7vw,2.8rem);line-height:1.35;margin:.7rem 0}.story-card p{margin:0;line-height:1.7}.light-link{color:white}.section-tail{text-align:right}.adopt-tools{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:3rem 0 2rem;border-bottom:1px solid var(--line)}.filter{display:flex;gap:2.2rem}.filter button{background:none;border:0;border-bottom:3px solid transparent;padding:1rem 0;color:var(--muted);font-weight:700}.filter button.active{color:var(--green);border-color:var(--green)}.search-label{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.search-label input{border:0;border-bottom:1px solid var(--line);padding:.5rem;background:transparent;min-width:180px}.pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.pet-card{background:#fff;text-align:left;padding:0;border:0;color:var(--ink);box-shadow:0 14px 40px #1c35210d;transition:transform .3s,box-shadow .3s}.pet-card:hover{transform:translateY(-7px);box-shadow:0 24px 45px #1c352123}.pet-card img{width:100%;aspect-ratio:1/1.06;object-fit:cover;display:block;background:#dce8de}.pet-info{padding:1.4rem}.pet-info small{color:var(--green);font-weight:700}.pet-info h3{font-size:1.7rem;margin:.3rem 0;letter-spacing:-.04em}.pet-info p{margin:0;color:var(--muted);font-size:.9rem}.adopt-note{color:var(--muted);font-size:.87rem;margin-top:2rem}.participate{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#2e7056;color:#fff}.participate-photo{background:#547a60 url('assets/together.webp') center/cover}.participate-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.participate-copy h2{font-size:clamp(2.6rem,4.5vw,5.5rem);letter-spacing:-.07em;line-height:1.25;margin:2rem 0}.participate-copy>p:not(.eyebrow){line-height:1.9;color:#e5eee7}.participate-copy .button{align-self:flex-start;margin-top:2rem}.volunteer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:4rem 0}.volunteer-grid article{padding:2rem 2rem 3rem 0;border-right:1px solid var(--line)}.volunteer-grid article+article{padding-left:2rem}.volunteer-grid article:last-child{border-right:0}.volunteer-grid span{color:var(--green);font:700 .8rem "DM Sans"}.volunteer-grid h3{font-size:1.8rem;margin:2.5rem 0 .8rem}.volunteer-grid p{color:var(--muted);line-height:1.75}.dark-button{background:var(--forest);color:#fff}.dark-button:hover{background:var(--green)}.news{background:#edf3eb}.news-list{border-top:1px solid #b8cabe}.news-row{display:grid;grid-template-columns:100px 1fr 30px;gap:2rem;padding:1.8rem 0;border-bottom:1px solid #b8cabe;align-items:center}.news-row span{font:700 .8rem "DM Sans";color:var(--green)}.news-row strong{font-size:1.17rem}.news-row small{color:var(--muted)}.contact{padding:9rem 8.3vw;background:var(--forest);color:#fff;text-align:center}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(3rem,6vw,7rem);letter-spacing:-.07em;line-height:1.25;margin:2rem 0}.contact p:not(.eyebrow){color:#d1e0d3}.contact .button{margin-top:2rem}footer{background:#102e25;color:#fff;padding:4rem 8.3vw;display:grid;grid-template-columns:1fr 1fr;gap:3rem}footer p{color:#a6b9aa}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;font-size:.86rem}footer>small{grid-column:1/-1;color:#8da495;border-top:1px solid #ffffff2c;padding-top:2rem}dialog{border:0;max-width:760px;width:calc(100% - 2rem);padding:0;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#071c16bd}.dialog-close{position:absolute;right:1rem;top:1rem;background:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:1.6rem;z-index:1}.dialog-body{display:grid;grid-template-columns:1fr 1fr}.dialog-body img{width:100%;height:100%;object-fit:cover}.dialog-copy{padding:3rem}.dialog-copy h2{font-size:2.8rem;margin:.3rem 0}.dialog-copy dl{display:grid;grid-template-columns:90px 1fr;gap:.7rem;margin:2rem 0}.dialog-copy dt{color:var(--muted)}.dialog-copy dd{margin:0}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes hero-in{to{transform:scale(1)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.header{height:72px;padding:0 5vw}.menu-toggle{display:block;order:3;margin-left:auto;background:none;border:0;color:#fff;font-size:1.5rem}.header nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;background:var(--forest);padding:1rem 5vw 2rem;flex-direction:column;align-items:start;gap:1.2rem}.header nav.open{display:flex}.header-cta{display:none}.hero-content{padding:26vh 6vw 6rem}.section{padding:6rem 6vw}.intro-grid{gap:3rem}.participate-copy{padding:6vw}}@media(max-width:640px){.hero{min-height:680px}.hero-photo{background-position:58% center}.hero-shade{background:linear-gradient(0deg,#102e25d9,#102e2559)}.hero-content{padding:24vh 6vw 5rem}.hero h1{font-size:clamp(3rem,12vw,5rem)}.hero-sub br{display:none}.hero-actions{flex-direction:column;align-items:start;gap:1.4rem}.hero-index{left:6vw;right:6vw}.hero-scroll{display:none}.section-head h2{font-size:clamp(2.5rem,9vw,4rem)}.intro-grid,.story-grid,.participate,.dialog-body{grid-template-columns:1fr}.impact{grid-template-columns:1fr;margin-top:4rem}.impact div,.impact div+div{border-right:0;border-bottom:1px solid var(--line);padding:1.3rem 0}.story-card,.story-card:nth-child(2){min-height:390px;margin-top:0}.pet-grid{grid-template-columns:1fr 1fr;gap:.7rem}.pet-info{padding:1rem}.pet-info h3{font-size:1.25rem}.pet-info p{font-size:.75rem}.adopt-tools{align-items:start;flex-direction:column;gap:.3rem}.filter{gap:1rem}.filter button{font-size:.83rem}.participate-photo{min-height:380px}.participate-copy{padding:5rem 6vw}.volunteer-grid{grid-template-columns:1fr}.volunteer-grid article,.volunteer-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:1.5rem 0}.news-row{grid-template-columns:80px 1fr 20px;gap:.6rem}.news-row strong{font-size:.95rem}.contact{padding:6rem 6vw}footer{grid-template-columns:1fr;padding:3rem 6vw}.footer-links{grid-template-columns:repeat(2,1fr)}.dialog-body img{max-height:300px}.dialog-copy{padding:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}