:root{
  --bg:#f5f5f7;
  --bg-soft:#fbfbfd;
  --surface:#ffffff;
  --surface-2:#f0f1f3;
  --surface-3:#e8eaed;
  --text:#1d1d1f;
  --muted:#6e6e73;
  --heading:#111111;
  --accent:#2f2f31;
  --accent-soft:#ececef;
  --line:#d2d2d7;
  --line-soft:#e8e8ed;
  --footer:#f8f8f8;
  --radius:32px;
  --radius-sm:24px;
  --shadow:0 12px 40px rgba(0,0,0,.06);
  --shadow-soft:0 6px 22px rgba(0,0,0,.04);
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 100%);color:var(--text);font:400 17px/1.7 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
/* .narrow{width:min(900px,100%)} */
.page-shell{min-height:100vh}

.site-header{position:sticky;top:0;z-index:50;background:rgba(251,251,253,.78);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(210,210,215,.72)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 0}
.logo{display:flex;align-items:center;gap:14px;min-width:0}
.logo img{max-height:60px;width:auto}
.logo-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#1d1d1f;color:#fff;font:700 .9rem/1 Inter,-apple-system,sans-serif;letter-spacing:.14em}
.logo-text strong{display:block;font:700 1.2rem/1.1 Inter,-apple-system,sans-serif;letter-spacing:-.02em;color:var(--heading)}
.logo-text small{display:block;margin-top:4px;color:var(--muted);font:500 .82rem/1.35 Inter,-apple-system,sans-serif;letter-spacing:.02em}
.main-nav{display:flex;gap:7px;align-items:center}
.main-nav a{font:500 .95rem/1 Inter,-apple-system,sans-serif;color:#3a3a3c;transition:color .2s ease,opacity .2s ease;background: #ECF5FE;padding: 10px 12px;border-radius: 5px;}
.main-nav a:hover,.main-nav a:focus-visible{color:#000;opacity:1;background:#ECECEF;}
.menu-toggle{display:none;background:#fff;border:1px solid var(--line);padding:11px 14px;border-radius:14px;color:var(--heading)}

main{padding-bottom:0px}
section{position:relative}
.hero{padding:76px 0 48px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:56px;align-items:center}
.hero-copy{padding-right:8px}
.hero-kicker,.eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:var(--accent-soft);color:#4a4a4f;font:600 .75rem/1 Inter,-apple-system,sans-serif;letter-spacing:.02em;text-transform:none;margin-bottom:18px}
.hero-kicker::before,.eyebrow::before{display:none}
.hero h1,.page-head h1,.section-heading h2,.breed-body h3,.article-card h3,.row-copy h3,.site-footer h3,.contact-box h2,.contact-text h1{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-.045em;color:var(--heading)}
.hero h1{font-size:clamp(3.25rem,7vw,6rem);line-height:.95;margin:0 0 18px;max-width:11ch}
.lead{font-size:1.1rem;line-height:1.3;color:var(--muted);max-width:720px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 24px}
.button-primary,.button-secondary,.form-button,.text-link-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:999px;font:600 .95rem/1 Inter,-apple-system,sans-serif;transition:.22s ease}
.button-primary{background:#1d1d1f;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.button-primary:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(0,0,0,.16)}
.button-secondary{background:#fff;border:1px solid var(--line);color:var(--heading)}
.button-secondary:hover{background:#fafafa}
.hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}
.hero-points div{padding:18px;background:rgba(255,255,255,.7);border:1px solid var(--line-soft);border-radius:24px}
.hero-points strong{display:block;font:700 1.15rem/1.15 Inter,-apple-system,sans-serif;color:var(--heading);letter-spacing:-.03em}
.hero-points span{display:block;margin-top:8px;font-size:.96rem;color:var(--muted);line-height: 1.1;}
.premium-card{background: none}
.premium-card-2{background: #fff;border-radius: 20px}
.hero-visual{padding:0px;position:relative;border: none; background: none!important; box-shadow: none}
.hero-visual img,.hero-placeholder{width:530px;height:353px;max-width:100%;margin:0 auto;object-fit:cover;}
.hero-placeholder{display:grid;place-items:center;font:700 1.4rem/1.2 Inter,-apple-system,sans-serif;color:var(--heading);letter-spacing:-.03em}

.section{padding:44px 0 78px}
.section-alt{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.58))}
.section-highlight{padding-top:0}
.section-heading{margin-bottom:36px}
.page-head h1{font-size:clamp(2.4rem,5vw,4rem);line-height:.98;margin:0}
.section-heading h2{font-size: clamp(1.6rem, 4vw, 2.5rem);line-height:.98;margin:0}
.split-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:end}
.split-heading p{margin:0;color:var(--muted);font-size:1.02rem;max-width:560px}

.home-breeds-grid,.breed-grid,.article-grid{display:grid;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}
.breed-card,.article-card,.category-row{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;background:#fff;border-radius:20px}
.breed-card:hover,.article-card:hover,.category-row:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.08);border-color:var(--line)}
.breed-media{padding:18px 18px 0}
.breed-media img,.breed-card-placeholder{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:26px}
.breed-card-placeholder,.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#eceef2,#dfe3e8);color:var(--heading);font:700 1.35rem/1.2 Inter,-apple-system,sans-serif;letter-spacing:-.03em}
.breed-body,.article-card-body{padding:18px 20px 24px}
.breed-body h3{font-size:1.9rem;margin:4px 0 10px}
.article-card h3{font-size:1.6rem;line-height:1.05;margin:10px 0 10px}
.row-copy h3{font-size:2rem;line-height:1.02;margin:4px 0 14px}
.breed-body p,.article-card p,.contact-box p,.footer-copy p,.footer-contact p,.row-copy p{margin:0 0 10px;line-height: 1.3;font-size:1rem;color:var(--muted)}
.breed-body strong,.text-link{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1 Inter,-apple-system,sans-serif;color:var(--heading)}
.breed-body strong::after,.text-link::after{content:"›";font-size:1.15rem}

.info-band{padding: 15px 0px}
.info-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.info-band-grid div{background:rgba(245,245,247,.82);border:1px solid var(--line-soft);border-radius:26px;padding:22px}
.info-band-grid strong{display:block;margin-bottom:8px;font:700 1.22rem/1.15 Inter,-apple-system,sans-serif;color:var(--heading);letter-spacing:-.03em}
.info-band-grid p{margin:0;color:var(--muted);line-height: 1.3;font-size:1rem}

.article-card-image-wrap{display:block;padding:18px 18px 0}
.article-card-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.meta,.breadcrumbs{color:var(--muted);font-size:.93rem}
.text-link{margin-top:12px}

.page-head{padding:48px 0 22px}
.premium-page-head{padding-bottom:34px}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px;padding:0;background:none;border:0;border-radius:0;width:fit-content;max-width:100%}
.breadcrumbs a{background:#F2F3F9;padding:2px 7px;border-radius:4px;color:#6e6e73}
.breadcrumbs a:hover{background:#ECECEF}
.breadcrumbs .sep{color:#b0b0b6}
.page-header-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;padding-top:15px}
.page-header-copy .page-text{margin-top:18px;line-height: 1.4;}
.compact-text{background:none;border:0;padding:0;box-shadow:none;color:var(--muted)}
.page-text,.article-content{padding:0px}
.page-text h2,.page-text h3,.article-content h2,.article-content h3{font-family:Inter,-apple-system,sans-serif;color:var(--heading);font-weight:700;letter-spacing:-.03em}
.article-content{font-size:1.03rem}
.article-content p:first-child{margin-top:0}
.article-content p:last-child{margin-bottom:0}

.small-square-wrap{display:flex;justify-content:flex-end}
.small-square{width:300px;height:300px;object-fit:cover;}
.subcategory-button-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.subcategory-button{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:24px;border:1px solid var(--line-soft);min-height:112px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.subcategory-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.08);border-color:var(--line)}
.subcategory-button-media{flex:0 0 auto}
.subcategory-thumb{width:90px;height:90px;object-fit:cover}
.subcategory-button-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.subcategory-button-copy strong{font:700 1rem/1.15 Inter,-apple-system,sans-serif;color:var(--heading);letter-spacing:-.02em}
.subcategory-button-copy span{font-size:.88rem;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.category-list{display:grid;gap:20px}
.category-row{display:grid;grid-template-columns:300px 1fr;gap:30px;padding:18px 20px;align-items:center}
.row-image{width:300px;height:300px;object-fit:cover;border-radius:26px}
.row-copy p{font-size:1rem;line-height:1.85;max-width:60ch}

.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:26px}
.article-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;border:1px solid var(--line-soft)}

.contact-panel{padding:0px}
.contact-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}
.contact-box{background:rgba(245,245,247,.76);padding:28px;border-radius:26px;border:1px solid var(--line-soft)}

.site-footer{background:#f1f1f1;padding:46px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:32px}
.site-footer h3{margin:0 0 12px;font-size:1.45rem;line-height:1.1}
.footer-copy p,.footer-contact p{margin:0 0 8px}
.footer-contact a{color:#1d1d1f}
.footer-copy p{line-height:1;font-size:14px}

@media (max-width:1100px){
  .hero-grid,.split-heading,.contact-columns,.footer-grid,.page-header-card,.category-row{grid-template-columns:1fr}
  .home-breeds-grid,.breed-grid,.article-grid,.info-band-grid,.hero-points,.article-gallery,.subcategory-button-grid{grid-template-columns:1fr 1fr}
  .small-square-wrap{justify-content:flex-start}
}
@media (max-width:760px){
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:84px;left:16px;right:16px;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
  .main-nav.open{display:flex}
  .home-breeds-grid,.breed-grid,.article-grid,.info-band-grid,.hero-points,.article-gallery,.subcategory-button-grid{grid-template-columns:1fr}
  .hero{padding-top:42px}
  .hero-visual img,.hero-placeholder{width:100%;height:auto;aspect-ratio:563/375}
  .small-square,.row-image{width:100%;height:auto;aspect-ratio:1/1}
  .subcategory-button{min-height:auto}
  .container{width:min(var(--max),calc(100% - 24px))}
  .hero h1{max-width:none}
  .page-header-card,.info-band{padding:24px}
}