:root{color-scheme:light;--paper:#fffefa;--surface:#f7f5ef;--soft:#f0eee5;--ink:#25352e;--muted:#67716a;--line:#dfE2d9;--gold:#dfbf67;--gold-dark:#79602b;--green:#2d493a;--on-green:#f8f8ef;--white:#fff;--image-surface:#fff;--radius:16px;--sans:'DM Sans',system-ui,sans-serif;--serif:'Lora',Georgia,serif;--space:clamp(20px,4vw,48px)}
:root[data-theme="dark"]{color-scheme:dark;--paper:#1b231e;--surface:#222d25;--soft:#2b382e;--ink:#ecede4;--muted:#b7c1b6;--line:#3c493e;--gold:#d8bd74;--gold-dark:#d8bd74;--green:#d8bd74;--on-green:#243329;--white:#29352c;--image-surface:#f5f4ef}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--paper:#1b231e;--surface:#222d25;--soft:#2b382e;--ink:#ecede4;--muted:#b7c1b6;--line:#3c493e;--gold:#d8bd74;--gold-dark:#d8bd74;--green:#d8bd74;--on-green:#243329;--white:#29352c;--image-surface:#f5f4ef}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold-dark);outline-offset:4px}.shell{max-width:1280px;padding-inline:var(--space);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-80px;left:20px;z-index:10;background:var(--paper);padding:14px}.skip:focus{top:8px}.preview-note{padding:6px 20px;text-align:center;background:var(--soft);color:var(--muted);font-size:11px;letter-spacing:.045em}.preview-note span{margin:0 5px}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:92px;display:flex;gap:28px;align-items:center}.brand{margin-right:auto;flex-shrink:0}.brand img{width:196px;height:auto;max-height:52px;object-fit:contain}.navigation{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:500}.navigation>a{padding:10px 0}.navigation>a:hover{color:var(--gold-dark)}.external{font-size:12px;color:var(--muted)}.header-actions{display:flex;gap:10px;align-items:center}.theme-switch,.menu-toggle{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;padding:9px 12px;font-size:12px;min-height:40px}.menu-toggle{display:none}.theme-switch:hover{background:var(--soft)}
.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:38px;padding-block:54px 52px;align-items:center}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;color:var(--muted)}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:17px}.dot{width:7px;height:7px;background:var(--gold);border-radius:50%;flex-shrink:0}h1{font:500 clamp(35px,3.8vw,52px)/1.17 var(--serif);letter-spacing:-1.8px}h1 em{font-style:normal;color:var(--gold-dark)}.hero-description{font-size:15px;line-height:1.75;color:var(--muted);margin-top:20px}.hero-image{height:348px;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--soft)}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.hero-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(28,36,28,.6));pointer-events:none}.hero-image figcaption{position:absolute;bottom:18px;left:22px;right:15px;z-index:1;color:#fffef7;font-size:12px;letter-spacing:.02em}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;background:var(--white);padding:6px 6px 6px 16px;margin-top:25px;max-width:550px}.search input{min-width:0;flex:1;width:100%;padding:7px 0;border:0;outline-offset:0;background:transparent;color:var(--ink);font-size:14px}.search input::placeholder{color:var(--muted)}.search>button{padding:10px 15px;min-height:42px;border-radius:6px;border:0;background:var(--green);color:var(--on-green);font-size:12px;white-space:nowrap}.search>button span{margin-left:5px}.search-mark{width:13px;height:13px;border:1.6px solid var(--muted);border-radius:50%;position:relative;flex-shrink:0;margin-right:3px}.search-mark:after{content:'';position:absolute;width:6px;height:1.6px;background:var(--muted);transform:rotate(45deg);right:-4px;bottom:-2px}.quick-topics{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted);margin-top:13px}.quick-topics a{text-decoration:underline;text-underline-offset:3px}.search-results{margin-top:10px;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:var(--white);font-size:14px}.search-results a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.search-results a:last-child{border:0}.search-results a:hover{color:var(--gold-dark)}
.breeds-section{padding-block:34px 40px;background:var(--surface);border-block:1px solid var(--line)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.section-header h2{font:500 clamp(24px,2.4vw,31px)/1.3 var(--serif);letter-spacing:-.65px;margin-top:6px}.section-header>p{font-size:12px;color:var(--muted);margin-bottom:4px;max-width:220px;text-align:right}.breeds-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.breed-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .18s,border-color .18s;min-width:0}.breed-card:hover{transform:translateY(-4px);border-color:var(--gold-dark)}.breed-art{height:125px;display:flex;align-items:flex-end;justify-content:center;background:var(--image-surface);overflow:hidden;padding:8px 14px 0}.breed-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.breed-name{font-size:12px;line-height:1.45;font-weight:600;padding:15px 25px 16px 13px}.card-arrow{position:absolute;bottom:17px;right:10px;color:var(--muted);font-size:14px}.guides-section{padding-block:52px}.text-link{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.text-link span{margin-left:7px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;margin-bottom:25px}.filter{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:7px 15px;font-size:12px;min-height:36px}.filter[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-green)}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.article-card[hidden]{display:none}.article-image{display:block;aspect-ratio:1.6;overflow:hidden;border-radius:11px;background:var(--soft)}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-image:hover img{transform:scale(1.03)}.article-copy{padding-top:16px}.category{font-size:10px;letter-spacing:.09em;font-weight:650;text-transform:uppercase;color:var(--gold-dark)}.article-card h3{font:600 clamp(19px,1.75vw,23px)/1.35 var(--sans);letter-spacing:-.45px;margin-top:7px;max-width:95%}.article-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.article-card p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:11px}.article-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;margin-top:17px}.directory{padding-bottom:55px}.directory-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;padding:39px 46px;background:var(--soft);border-radius:var(--radius);border:1px solid var(--line);align-items:center}.directory h2{font:500 33px/1.25 var(--serif);letter-spacing:-.7px;margin-top:9px}.directory-copy>p:last-child{font-size:13px;color:var(--muted);margin-top:16px}.directory-form{display:flex;flex-direction:column;gap:10px;max-width:340px;width:100%;justify-self:end}.directory-form label{font-weight:600;font-size:12px}.directory-form select{width:100%;padding:13px 36px 13px 14px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font-size:14px}.primary-button{display:flex;justify-content:space-between;padding:13px 17px;border:0;border-radius:7px;background:var(--green);color:var(--on-green);font-size:13px;font-weight:500;min-height:47px}.directory-form p{color:var(--muted);font-size:11px}.footer{padding-block:28px 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px}.footer-brand{font-size:20px;font-weight:650;letter-spacing:-.5px}.footer p{font-size:11px;color:var(--muted);margin-top:5px}.footer-links{display:flex;gap:23px;margin-left:auto;font-size:12px}.footer-note{font-size:10px;color:var(--muted);max-width:120px;text-align:right}
:root[data-theme="dark"] .brand img{filter:brightness(0) invert(.93)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand img{filter:brightness(0) invert(.93)}}
@media(min-width:1400px){.hero{gap:58px}.hero-image{height:365px}}
@media(max-width:1000px){.navigation{gap:18px;font-size:12px}.brand img{width:170px}.header-inner{gap:20px}.hero{gap:25px}.hero-image{height:340px}h1{font-size:39px}.desktop-break{display:none}.breeds-grid{gap:10px}.breed-art{height:106px;padding-inline:8px}.breed-name{font-size:11px}.directory-inner{gap:30px;padding:32px}.articles-grid{gap:20px}}
@media(max-width:760px){.header-inner{min-height:78px;position:relative;flex-wrap:wrap;gap:12px}.brand img{width:166px}.menu-toggle{display:block}.theme-switch{min-height:42px}.navigation{display:none;flex-basis:100%;order:3;padding-bottom:15px;gap:4px;font-size:15px}.navigation[data-open=true]{display:grid;grid-template-columns:1fr 1fr}.navigation>a{padding:10px}.hero{grid-template-columns:1fr;gap:24px;padding-block:35px 30px}.hero-copy{max-width:570px}h1{font-size:clamp(33px,6vw,44px);letter-spacing:-1.3px}.hero-description{font-size:14px;margin-top:16px}.hero .eyebrow{font-size:10px}.hero-image{height:200px;width:100%}.hero-image>img{object-position:50% 66%}.search{margin-top:21px}.search input{font-size:16px}.quick-topics{font-size:11px}.section-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:19px}.section-header>p{text-align:left;max-width:none;font-size:12px}.section-header h2{font-size:26px}.breeds-section{padding-block:28px 30px}.breeds-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.breed-art{height:120px}.breed-name{font-size:12px;padding-left:11px;min-height:65px}.guides-section{padding-block:36px}.articles-grid{grid-template-columns:1fr;gap:27px}.article-card{display:grid;grid-template-columns:148px 1fr;gap:18px}.article-image{aspect-ratio:1;height:148px}.article-copy{padding:0}.article-card h3{font-size:18px;max-width:100%;line-height:1.32;margin-top:5px}.article-card p{display:none}.article-meta{font-size:10px;flex-wrap:wrap;gap:5px;margin-top:10px}.category{font-size:9px}.filters{gap:7px;margin-bottom:23px}.filter{font-size:11px;padding:8px 12px;min-height:40px}.directory-inner{grid-template-columns:1fr;padding:28px;gap:23px}.directory h2{font-size:29px}.directory-form{justify-self:stretch;max-width:none}.directory{padding-bottom:35px}.footer{flex-wrap:wrap;gap:22px}.footer-links{margin-left:auto;gap:16px}.footer-note{max-width:none;text-align:left;width:100%}}
@media(max-width:420px){.brand img{width:155px}.header-inner{gap:8px}.header-actions{gap:6px}.theme-switch,.menu-toggle{padding:8px 10px;font-size:11px}.preview-note{font-size:10px}.hero{padding-top:29px}.hero-image{height:168px}.hero-image figcaption{font-size:10px;bottom:13px;left:16px}.hero-description{font-size:13px}h1{font-size:34px}.search{gap:10px;padding-left:12px}.search button{padding-inline:10px;font-size:11px}.search input{font-size:14px;min-height:39px}.breeds-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.breed-art{height:123px}.breed-name{min-height:62px;font-size:12px}.article-card{grid-template-columns:108px 1fr;gap:14px}.article-image{height:112px}.article-card h3{font-size:17px}.article-meta{font-size:10px}.directory-inner{padding:24px}.directory h2{font-size:28px}.footer-links{margin-left:0}.section-header h2{font-size:25px}}
@media(max-width:760px){.search input{font-size:16px}}
@media(max-width:350px){.brand img{width:136px}.theme-switch,.menu-toggle{padding-inline:8px}.header-inner{gap:6px}.hero h1{font-size:31px}.search{gap:9px}.search button{font-size:0;min-width:40px;padding:9px}.search button span{font-size:18px;margin:0}.article-card{grid-template-columns:95px 1fr}.article-image{height:104px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}