:root{--bg:#fffaf4;--surface:#ffffff;--text:#211b18;--muted:#7d7169;--accent:#e88945;--accent2:#49372f;--line:#eadfd5;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 0,#ffe3c9,transparent 30%),var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:10;background:#fffaf4dd;backdrop-filter:blur(14px);border-bottom:1px solid #eadfd566}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:900;letter-spacing:-.05em}.logo span{color:var(--accent)}nav{display:flex;gap:23px;color:var(--muted);font-size:14px}nav a:hover,nav a.active{color:var(--accent2)}
.hero{padding:95px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:800}
h1{font-size:clamp(55px,8vw,100px);line-height:.9;letter-spacing:-.065em;margin:17px 0 27px}h2{font-size:43px;line-height:1.05;letter-spacing:-.045em;margin:0 0 20px}h3{margin:0 0 7px}.lead{font-size:19px;color:var(--muted);max-width:620px}
.buttons{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{padding:13px 20px;border-radius:999px;background:var(--accent);color:white;font-weight:800}.btn.alt{background:transparent;color:var(--text);border:1px solid var(--line)}
.cat-art{height:450px;border-radius:30px;background:linear-gradient(145deg,#f8c08f,#d97843);position:relative;overflow:hidden;border:1px solid #d99a6c}.cat-head{width:230px;height:210px;border-radius:48% 48% 44% 44%;background:#fff1df;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%)}.ear{position:absolute;width:85px;height:105px;background:#fff1df;top:-55px}.ear.l{left:5px;transform:rotate(-28deg);clip-path:polygon(0 100%,25% 0,100% 75%)}.ear.r{right:5px;transform:rotate(28deg);clip-path:polygon(0 75%,75% 0,100% 100%)}.eye{position:absolute;width:20px;height:27px;border-radius:50%;background:#49372f;top:78px}.eye.l{left:65px}.eye.r{right:65px}.nose{position:absolute;width:18px;height:13px;border-radius:50%;background:#e88945;left:50%;top:112px;transform:translateX(-50%)}.whisker{position:absolute;width:80px;height:1px;background:#49372f;top:120px}.w1{left:-65px;transform:rotate(8deg)}.w2{left:-65px;top:140px;transform:rotate(-7deg)}.w3{right:-65px;transform:rotate(-8deg)}.w4{right:-65px;top:140px;transform:rotate(7deg)}
.section{padding:82px 0}.altbg{background:#fff;border-block:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px}.card p,.muted{color:var(--muted)}.num{font-size:12px;color:var(--accent);font-weight:800;margin-bottom:35px}
.pagehead{padding:80px 0 50px}.pagehead p{font-size:18px;color:var(--muted);max-width:720px}.breed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.breed{border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px}.badge{display:inline-block;color:var(--accent);border:1px solid #e8894566;border-radius:999px;padding:5px 10px;font-size:12px;margin-bottom:18px}
.fact{font-size:22px;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo{height:230px;border-radius:20px;background:linear-gradient(135deg,#f2c9a5,#d98959);display:flex;align-items:center;justify-content:center;font-size:70px}
footer{padding:44px 0;border-top:1px solid var(--line);margin-top:50px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.social{display:flex;gap:18px;color:var(--muted)}.social a:hover{color:var(--accent)}
@media(max-width:850px){nav{gap:11px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:65px}.grid,.breed-grid,.gallery{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:flex-start}h1{font-size:62px}}
@media(max-width:520px){.grid,.breed-grid,.gallery{grid-template-columns:1fr}}