:root{--green:#23483d;--ink:#203a32;--paper:#f8f7f2;--orange:#c57648;--muted:#6d7770}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c57648;outline-offset:3px}.demo{padding:10px 20px;text-align:center;background:#e9eddf;color:#53624a;font-size:10px;letter-spacing:1px}.demo span{margin-left:15px;letter-spacing:0}header,main,footer{max-width:1240px;margin:auto}header{padding:28px 44px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:22px;letter-spacing:3px}.brand img{width:46px;height:46px;object-fit:contain}.brand small{display:block;font:8px Arial;letter-spacing:1.6px;margin-top:7px}.outline,.primary{border-radius:50px;padding:14px 22px;border:1px solid #bac5ba;background:transparent;color:var(--ink);font-size:13px}.primary{background:var(--green);color:white;border-color:var(--green);padding:17px 25px}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:65px;padding:45px 44px 65px;align-items:center}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#7a8068}h1{font:normal clamp(46px,5vw,70px)/1.07 Georgia,serif;letter-spacing:-2.6px;margin:22px 0}h1 span{color:var(--orange)}.hero p{font-size:15px;line-height:1.85;max-width:390px;color:var(--muted);margin:0 0 24px}.hero-note{font-size:11px;color:#8c9288;margin-top:18px}.hero-photo{height:420px;position:relative}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;border-radius:130px 130px 24px 24px}.photo-caption{position:absolute;bottom:22px;left:22px;right:22px;padding:17px;background:#fffffff0;border-radius:14px;font-size:14px}.photo-caption>span{float:left;font-size:24px;margin-right:12px;color:var(--orange)}.photo-caption small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.round-label{position:absolute;right:-20px;top:30px;border:6px solid var(--paper);border-radius:50%;background:#dbe0bf;width:96px;height:96px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.8;letter-spacing:1px;transform:rotate(12deg)}.directory{padding:35px 44px 55px;border-top:1px solid #e3e5db}.section-title{display:flex;justify-content:space-between;align-items:center}h2{font:normal 34px Georgia,serif;margin:12px 0 26px}.count{font-size:11px;color:var(--muted)}.search{background:white;border:1px solid #dfe3d7;display:flex;align-items:center;padding:6px 18px;border-radius:12px;gap:12px;box-shadow:0 3px 8px #203a3203}.search span{font-size:28px}.search input{flex:1;min-width:0;border:0;background:transparent;padding:16px 0;font-size:14px;outline:none}.search kbd{font:9px Arial;letter-spacing:1px;color:#91988d}.filters{display:flex;align-items:center;gap:8px;margin:18px 0 27px}.filters button{border:1px solid #e1e4d8;background:transparent;border-radius:30px;padding:9px 16px;font-size:12px;color:var(--muted)}.filters button.selected{background:var(--green);color:white;border-color:var(--green)}.filters>span{margin-left:auto;font-size:10px;color:#8b9389}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e7e8df;border-radius:15px;overflow:hidden;text-align:left;padding:0;color:inherit;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #203a3210}.card-photo{height:200px;position:relative}.card-photo img{width:100%;height:100%;object-fit:cover}.size{position:absolute;bottom:12px;left:12px;background:#ffffffeb;padding:6px 10px;border-radius:20px;font-size:9px}.card-content{padding:18px}.card h3{font:25px Georgia,serif;margin:0 0 5px}.breed{font-size:11px;color:var(--muted)}.marks{font-size:11px;color:#81877f;line-height:1.6;min-height:35px;margin:12px 0}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #eef0e7;padding-top:13px;font-size:10px}.card-bottom b{font-weight:normal;color:var(--orange)}.care{margin:0 44px 55px;background:#eceee2;border-radius:15px;padding:28px;display:flex;align-items:center;gap:20px}.care-icon{font-size:40px}.care h3{font:21px Georgia,serif;margin:0 0 9px}.care p{font-size:12px;line-height:1.7;color:var(--muted);max-width:660px;margin:0}.care button{flex-shrink:0}footer{padding:25px 44px 35px;border-top:1px solid #e3e5db;display:flex;justify-content:space-between;font-size:9px;color:#899184;letter-spacing:.5px}dialog{border:0;border-radius:22px;width:min(560px,94vw);padding:30px;background:var(--paper);color:var(--ink);max-height:90dvh}dialog::backdrop{background:#142e27a6;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:10px;border:0;border-radius:50%;background:#fff;width:32px;height:32px;font-size:24px;z-index:2}.detail-photo{width:100%;height:260px;object-fit:cover;border-radius:12px}.detail h2{margin-bottom:8px}.detail p,.info p{font-size:14px;line-height:1.7}.detail dl{display:grid;grid-template-columns:110px 1fr;font-size:13px;gap:16px}.detail dt{color:var(--muted)}.detail dd{margin:0}.notice{padding:13px;border-radius:10px;background:#eceee2;font-size:12px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:block;font-size:12px}form input,form select,form textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d5dccf;border-radius:8px;background:white;color:var(--ink)}form .wide{grid-column:1/-1}form input[type=file]{font-size:11px}form button{margin-top:18px}.empty{text-align:center;padding:60px;line-height:2}.empty small{color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 22px;border-radius:12px;color:white;background:var(--green);display:none;font-size:13px;z-index:4;max-width:90vw}.photo-preview{width:70px;height:70px;object-fit:cover;border-radius:10px;margin-top:10px}@media(max-width:760px){header{padding:22px}.brand{font-size:18px}.brand img{width:36px;height:36px}header .outline{font-size:10px;padding:11px}.demo{font-size:9px}.demo span{display:block;margin:5px 0 0}.hero{padding:20px 22px 35px;gap:30px;grid-template-columns:1fr}.hero h1{font-size:52px;margin:18px 0}.hero p{font-size:14px;max-width:100%}.hero-photo{height:320px;margin:0 8px}.hero-photo>img{border-radius:95px 95px 20px 20px}.round-label{right:-15px;width:82px;height:82px}.hero-note{margin-top:12px}.directory{padding:30px 22px}.eyebrow{font-size:8px;letter-spacing:1.5px}h2{font-size:27px}.section-title{align-items:flex-start}.count{font-size:9px;margin-top:3px}.search input{font-size:12px}.search kbd{display:none}.filters{gap:6px;flex-wrap:wrap}.filters button{padding:8px 13px;font-size:11px}.filters>span{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-photo{height:170px}.card-content{padding:13px}.card h3{font-size:23px}.marks{font-size:10px;min-height:48px}.card-bottom{font-size:9px;gap:4px}.care{margin:10px 22px 35px;padding:22px;display:block}.care-icon{display:none}.care h3{font-size:24px}.care button{margin-top:15px}footer{padding:22px;display:block;line-height:2}footer span{display:block}dialog{padding:24px}.form-grid{gap:12px}.detail-photo{height:220px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.atria-title{font:normal clamp(62px,7vw,100px)/1 Georgia,serif;letter-spacing:12px;text-align:center;margin:20px 0 15px}.hero h1{font-size:clamp(34px,3.5vw,48px);letter-spacing:-1px;text-align:center}.hero .eyebrow{text-align:center}@media(max-width:760px){.atria-title{font-size:74px;letter-spacing:10px}.hero h1{font-size:39px}.hero h1 br{display:none}}

.camera-label{display:block;margin-top:12px;font-size:11px;color:#6d7770}