
:root{--gold:#c99a47;--ink:#17120e;--cream:#f8f3ea;--soft:#eee5d8;--brown:#35251a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif}
a{color:inherit;text-decoration:none}img{display:block;width:100%}
.wrap{max-width:1440px;margin:auto}
.top{background:#fbf8f2;padding:24px 40px 18px;display:flex;justify-content:space-between;align-items:center}
.logo{font:italic 62px Georgia,serif;line-height:.9}.logo b{color:var(--gold);font-style:normal}.tag{margin:12px 0 0 32px;letter-spacing:3px;font-size:13px}
.social{font:22px Arial;letter-spacing:18px}
.nav{background:#14110f;color:#fff;display:flex;align-items:center;padding:0 40px;min-height:62px;gap:44px}
.nav a{font-size:15px;text-transform:uppercase}.nav a:first-child{color:var(--gold)}
.search{margin-left:auto;border:1px solid #62503c;padding:10px 14px;width:280px;color:#bbb;font-family:Arial}
.hero{background:#090807;padding:24px 40px 0;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.hero-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}
.cat-hero{position:relative;overflow:hidden;background:#1b1511}
.cat-hero img{height:490px;object-fit:cover}
.cat-hero .cap{position:absolute;left:0;right:0;bottom:0;padding:42px 12px 14px;background:linear-gradient(transparent,rgba(0,0,0,.88));text-align:center}
.cap strong{display:block;color:var(--gold);font-size:29px;font-style:italic}.cap span{font-size:13px;letter-spacing:2px}
.hero-copy{text-align:center;padding:20px}.hero-copy h1{color:var(--gold);font-size:58px;margin:0 0 12px}.hero-copy p{font-size:22px;line-height:1.5}.paw{color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:#1b130b;padding:14px 24px;margin-top:12px;font-weight:bold}
main{padding:34px 40px 45px;background:#fff}.section-title{font-size:28px;margin:0 0 20px}.section-title:after{content:" 🐾";color:var(--gold)}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:38px}
.profile{border:1px solid #e6dac9;background:#fff;box-shadow:0 6px 18px rgba(50,30,10,.06)}
.profile img{height:310px;object-fit:cover}.profile div{padding:14px 18px}.profile h3{margin:0;color:#6e4822;font-size:26px}.profile p{margin:6px 0 0;font-family:Arial;line-height:1.5;color:#594d44}
.gallery-layout{display:grid;grid-template-columns:1fr 300px;gap:26px}.masonry{columns:3 250px;column-gap:10px}.masonry figure{margin:0 0 10px;break-inside:avoid;position:relative;cursor:pointer}.masonry img{height:auto}
.side{border:1px solid #eadfce;padding:18px;background:#fdfbf7}.side h3{margin-top:0}.side-item{display:grid;grid-template-columns:84px 1fr;gap:10px;margin-bottom:14px;font-family:Arial;font-size:13px}.side-item img{height:74px;object-fit:cover}
.feature{margin-top:34px;border-top:1px solid #e6dac9;display:grid;grid-template-columns:repeat(3,1fr)}.feature div{padding:24px;border-right:1px solid #e6dac9;text-align:center}.feature div:last-child{border:0}.feature b{display:block;font-size:18px;margin-bottom:7px}
footer{background:#15110e;color:#d9cdbf;text-align:center;padding:22px;font-family:Arial;font-size:12px}
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:20;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:90vh;width:auto}
.lightbox button{position:absolute;right:20px;top:20px;font-size:30px;background:#fff;border:0;border-radius:50%;width:46px;height:46px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.cat-hero img{height:330px}.gallery-layout{grid-template-columns:1fr}.side{display:none}.profile-grid{grid-template-columns:1fr}.top{padding:20px}.nav{padding:0 20px;gap:18px;flex-wrap:wrap}.search{display:none}}
@media(max-width:650px){.logo{font-size:44px}.tag{margin-left:0}.social{display:none}.hero{padding:14px}.hero-cats{grid-template-columns:1fr}.cat-hero img{height:360px}.hero-copy h1{font-size:42px}main{padding:24px 14px}.feature{grid-template-columns:1fr}.feature div{border-right:0;border-bottom:1px solid #e6dac9}}
