:root { --ink:#252525; --orange:#f6a13a; --cream:#f7f2e8; --white:#fff; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
button, input, select, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
.header { height:92px; max-width:1440px; margin:auto; padding:12px 5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d9d2c5; position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:10px; text-transform:uppercase; }
.brand img { width:44px; height:64px; object-fit:contain; }
.brand .header-logo { width:64px; height:72px; object-fit:contain; }
.brand span { display:flex; flex-direction:column; line-height:1; }
.brand b { font-size:20px; letter-spacing:.02em; }
.brand small { color:#d77d19; font-size:8px; letter-spacing:.16em; margin-top:5px; }
nav { display:flex; gap:32px; font-size:13px; font-weight:700; }
nav a { transition:.2s; } nav a:hover { color:#d77d19; }
.button { border:0; border-radius:4px; background:var(--orange); color:var(--ink); padding:17px 22px; font-weight:800; cursor:pointer; display:inline-flex; justify-content:center; align-items:center; gap:24px; transition:.2s; }
.button:hover { background:#ffb456; transform:translateY(-1px); }
.button.compact { padding:13px 18px; font-size:13px; }
.hero { min-height:690px; max-width:1440px; margin:auto; display:grid; grid-template-columns:1.15fr .85fr; border-bottom:1px solid #d9d2c5; overflow:hidden; }
.hero-copy { padding:98px 5vw 68px; }
.eyebrow { text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:.18em; color:#cc791c; margin:0 0 25px; }
h1,h2 { font-family:Georgia, 'Times New Roman', serif; font-weight:400; line-height:.95; letter-spacing:-.045em; margin:0; }
h1 { font-size:clamp(54px,6.3vw,96px); }
h2 { font-size:clamp(42px,5vw,72px); }
em { color:#d98525; font-weight:400; }
.lead { max-width:610px; font-size:18px; line-height:1.65; color:#666055; margin:32px 0; }
.actions { display:flex; gap:12px; flex-wrap:wrap; }
.button.ghost { background:transparent; border:1px solid #aaa294; }
.button.ghost:hover { border-color:#d77d19; }
.hero-facts { display:flex; gap:48px; margin-top:55px; color:#766e62; font-size:12px; }
.hero-facts span { display:flex; align-items:center; gap:10px; }.hero-facts b { font-family:Georgia,serif; color:var(--ink); font-size:27px; }
.hero-visual { position:relative; background:var(--ink); min-height:600px; display:grid; place-items:center; overflow:hidden; }
.orange-orbit { position:absolute; width:470px; height:470px; border:55px solid var(--orange); border-radius:50%; opacity:.95; }
.hero-logo { width:min(65%,340px); max-height:480px; object-fit:contain; position:relative; z-index:2; filter:drop-shadow(0 20px 35px #0006); }
.kind-note { position:absolute; left:24px; bottom:22px; background:var(--cream); padding:11px 15px; transform:rotate(-3deg); font-family:Georgia,serif; font-size:16px; z-index:3; }.kind-note span { color:#d98525; }
.story { max-width:1440px; margin:auto; padding:110px 5vw; display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.story-text { padding-top:42px; max-width:570px; }.story-text p { font-size:17px; line-height:1.7; color:#665f55; }.story-text p:first-child { font-size:22px; color:var(--ink); }.story-text a,.text-link { display:inline-block; margin-top:20px; color:#c46e0e; font-weight:800; font-size:13px; }
.dogs-section { background:#fff; padding:110px max(5vw,calc((100vw - 1440px)/2 + 5vw)); }
.section-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:55px; }
.dog-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.dog-card { background:var(--cream); overflow:hidden; }.dog-card>img { width:100%; height:350px; object-fit:cover; object-position:center; background:#ddd; filter:saturate(.75); transition:.35s; }.dog-card:hover>img { transform:scale(1.025); filter:saturate(1); }
.dog-card>div { padding:20px; position:relative; }.dog-card h3 { margin:0 0 6px; font-family:Georgia,serif; font-size:25px; }.dog-card p { margin:0; color:#71695e; font-size:12px; }.dog-card button { position:absolute; right:16px; top:20px; width:34px; height:34px; border:0; background:var(--orange); cursor:pointer; }
.help { background:var(--ink); color:#fff; padding:110px max(5vw,calc((100vw - 1440px)/2 + 5vw)); display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; }.eyebrow.light { color:var(--orange); }.help-intro>p:last-child { color:#aaa49c; line-height:1.7; max-width:380px; }
.help-list { border-top:1px solid #555; }.help-list button,.help-list a { width:100%; border:0; border-bottom:1px solid #555; background:transparent; color:white; padding:25px 8px; display:grid; grid-template-columns:50px 1fr 30px; text-align:left; align-items:center; cursor:pointer; }.help-list span { color:var(--orange); font-size:11px; }.help-list div { display:flex; flex-direction:column; gap:7px; }.help-list b { font-family:Georgia,serif; font-size:24px; font-weight:400; }.help-list small { color:#999; }.help-list i { font-style:normal; font-size:22px; }.help-list button:hover,.help-list a:hover { background:#ffffff08; }
.contacts { max-width:1440px; margin:auto; padding:110px 5vw; }.contact-grid { display:grid; grid-template-columns:repeat(3,1fr); margin:70px 0 35px; border-top:1px solid #ccc3b5; border-bottom:1px solid #ccc3b5; }.contact-grid>div { padding:28px 20px 28px 0; border-right:1px solid #ccc3b5; }.contact-grid>div+div { padding-left:30px; }.contact-grid>div:last-child { border:0; }.contact-grid span { display:block; color:#a36a27; text-transform:uppercase; letter-spacing:.14em; font-size:9px; margin-bottom:14px; }.contact-grid a,.contact-grid p { font-family:Georgia,serif; font-size:24px; margin:0; line-height:1.4; }
.messengers { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.messengers a { padding:22px 25px; font-weight:800; display:flex; justify-content:space-between; }.whatsapp { background:#25d366; }.telegram { background:#229ed9; color:#fff; }
footer { background:#1c1c1c; color:#aaa; display:flex; align-items:center; justify-content:space-between; padding:35px max(5vw,calc((100vw - 1440px)/2 + 5vw)); font-size:11px; }.footer-brand { color:#fff; }.footer-brand img { width:38px;height:50px; }
.floating { position:fixed; z-index:10; right:20px; bottom:20px; display:flex; flex-direction:column; gap:8px; }.floating a { width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:900; box-shadow:0 5px 18px #0004; }.floating a:first-child { background:#25d366; }.floating a:last-child { background:#229ed9; }
.modal-backdrop { position:fixed; inset:0; z-index:50; background:#000b; padding:25px; display:grid; place-items:center; overflow:auto; }.modal { background:var(--cream); width:min(100%,530px); padding:45px; position:relative; box-shadow:0 25px 80px #0006; }.modal h2 { font-size:46px; margin-bottom:18px; }.modal>p:not(.eyebrow) { color:#6a6359; line-height:1.6; }.close { position:absolute; top:15px; right:15px; border:0; background:transparent; font-size:30px; cursor:pointer; }.donation-modal { text-align:center; }.donation-modal .eyebrow { text-align:left; }.qr-wrap { width:min(100%,270px); margin:22px auto 12px; padding:12px; background:#fff; border:1px solid #d8d0c4; }.qr-wrap img { display:block; width:100%; height:auto; }.modal label { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.1em; margin:14px 0; color:#6b6357; }.modal input,.modal select,.modal textarea { display:block; width:100%; border:1px solid #c9c0b2; background:white; padding:13px; margin-top:7px; color:var(--ink); }.full { width:100%; margin-top:12px; }.safe { display:block; text-align:center; color:#827a6f; margin-top:12px; line-height:1.4; }
@media(max-width:900px){ nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:65px}.hero-visual{min-height:500px}.story,.help{grid-template-columns:1fr}.dog-grid{grid-template-columns:1fr 1fr}.story{padding-top:80px}.help{gap:50px}.contact-grid{grid-template-columns:1fr}.contact-grid>div,.contact-grid>div+div{border-right:0;border-bottom:1px solid #ccc3b5;padding:22px 0}.contact-grid>div:last-child{border-bottom:0}.section-head{align-items:start;gap:20px;flex-direction:column}}
@media(max-width:560px){.header{height:78px}.header .compact{display:none}.brand img{height:52px}.brand .header-logo{width:55px;height:64px}.hero{min-height:0}.hero-copy{padding:55px 22px}.lead{font-size:16px}.hero-facts{gap:20px;flex-direction:column;margin-top:38px}.hero-visual{min-height:430px}.orange-orbit{width:330px;height:330px;border-width:40px}.story,.dogs-section,.help,.contacts{padding:75px 22px}.dog-grid{grid-template-columns:1fr}.dog-card>img{height:410px}.text-link{margin-top:0}.messengers{grid-template-columns:1fr}footer{padding:30px 22px;flex-direction:column;gap:20px;text-align:center}.modal{padding:35px 22px}.modal h2{font-size:38px}.qr-wrap{width:min(100%,220px)}.floating{right:12px;bottom:12px}}