@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap');
:root{--green:#234c3c;--paper:#f8f6ef;--orange:#df754c;--muted:#777b70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:#253e32;font-family:Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #dce0d4;background:#f8f6eff5;position:sticky;top:0;z-index:5}.nav{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 36px;gap:25px}.logo{font-size:21px;font-weight:800;display:flex;align-items:center;gap:10px}.paw{font-size:28px}nav{display:flex;gap:27px;font-size:13px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;background:var(--green);border:1px solid var(--green);color:white;border-radius:9px;font-size:13px;font-weight:700}.btn.light{background:transparent;color:var(--green);border-color:#c5cebd}.btn.orange{background:var(--orange);border-color:var(--orange)}.wrap{max-width:1280px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:64px 0 58px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:23px;height:1px;background:currentColor}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Prata,Georgia,serif;font-weight:400}h1{font-size:60px;line-height:1.18;letter-spacing:-2.3px;margin:22px 0}h1 em{color:var(--orange);font-style:normal}p{line-height:1.8}.hero p{max-width:435px;color:#73796c;font-size:14px}.actions{display:flex;gap:12px;margin:27px 0}.tiny{font-size:11px;color:var(--muted)}.hero-art{position:relative;height:460px}.hero-art img{object-fit:cover;width:100%;height:100%}.dog-main{position:absolute;left:0;top:0;width:73%;height:390px;border-radius:150px 150px 20px 20px;overflow:hidden;background:#ddd3be}.cat-small{position:absolute;bottom:0;right:0;width:44%;height:235px;border:8px solid var(--paper);border-radius:105px 105px 24px 24px;overflow:hidden;transform:rotate(6deg)}.sticker{position:absolute;right:0;top:20px;background:#e9eedb;border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:800;transform:rotate(12deg);border:1px dashed #819475}.caption{position:absolute;left:-18px;bottom:47px;background:white;padding:15px 22px;box-shadow:0 8px 35px #233d3312;border-radius:12px;font-size:12px;transform:rotate(-4deg)}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:23px 10px;border-block:1px solid #dce0d4;font-size:12px;color:#65735f}.section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}h2{font-size:36px;letter-spacing:-1px;margin-top:12px}.section-head p{font-size:12px;color:var(--muted);margin-top:12px}.textlink{font-size:12px;font-weight:800;border:none;background:none;color:var(--green)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.chip{border:1px solid #d8ddcf;border-radius:25px;padding:10px 20px;background:transparent;color:var(--green);font-size:12px}.chip.active{background:var(--green);color:white;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border-radius:15px;background:white;overflow:hidden;border:1px solid #e8e9e0}.photo{position:relative;height:240px;background:#e8e8de}.photo img{width:100%;height:100%;object-fit:cover}.like{position:absolute;right:12px;top:12px;border:none;border-radius:50%;width:36px;height:36px;background:#ffffffec;font-size:20px;color:#345241}.like[aria-pressed=true]{color:#d26647;background:#fff0e9}.card-body{padding:17px}.card-body h3{font-size:17px}.card-body p{font-size:11px;color:var(--muted);margin-top:6px}.badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#82887e}.contest{background:var(--green);color:#fff;border-radius:22px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}.contest-copy{padding:46px}.contest h2{font-size:39px;line-height:1.3;margin:18px 0}.contest p{color:#d4dfd1;font-size:13px;max-width:390px}.contest .btn{margin-top:24px}.contest-art{min-height:365px;position:relative}.contest-art img{width:100%;height:100%;object-fit:cover;position:absolute}.pill{display:inline-block;padding:8px 12px;border-radius:30px;background:#ffffff16;font-size:10px;letter-spacing:1px}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story{background:#eeeee3;border-radius:14px;overflow:hidden}.story img{height:210px;width:100%;object-fit:cover}.story div{padding:23px}.story h3{font-size:19px;line-height:1.5;margin:10px 0}.story p{font-size:12px;color:#74806f}.story button{margin-top:16px;padding:0}.join{background:#e8edde;border-radius:20px;padding:42px;text-align:center;margin-bottom:60px}.join p{font-size:13px;color:#6b7865;margin:16px auto 23px;max-width:560px}.join h2{font-size:31px}footer{border-top:1px solid #dce0d4;padding:30px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot p{font-size:11px;color:var(--muted);margin-top:7px}dialog{border:0;border-radius:18px;padding:32px;width:min(560px,92vw);max-height:90vh;color:var(--green);background:var(--paper)}dialog::backdrop{background:#152c24a8;backdrop-filter:blur(4px)}.close{float:right;border:none;background:transparent;font-size:25px;color:var(--green)}dialog h2{font-size:26px;margin:10px 0 18px}dialog p{font-size:14px;margin-bottom:14px}label{display:block;font-size:12px;font-weight:700;margin:13px 0 5px}input,textarea,select{width:100%;padding:12px;border:1px solid #cad2c4;border-radius:8px;background:white;color:#234c3c}textarea{min-height:90px}form .btn{margin-top:20px}.empty{padding:40px;grid-column:1/-1;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#234c3c;color:white;padding:15px 24px;border-radius:12px;z-index:20;box-shadow:0 8px 30px #0002;font-size:13px;max-width:90vw}.demo-note{margin-top:18px;font-size:10px;color:#878d80}button:focus-visible,a:focus-visible{outline:3px solid #df754c;outline-offset:4px}
@media(min-width:1500px){.hero{padding-block:80px}h1{font-size:69px}.hero-art{height:490px}.dog-main{height:430px}}
@media(max-width:950px){nav{gap:14px}.nav{padding:16px 24px}.nav>.btn{display:none}.hero{gap:28px}h1{font-size:46px}.hero-art{height:390px}.dog-main{height:330px}.cat-small{height:190px}.grid{grid-template-columns:repeat(2,1fr)}.photo{height:280px}.stories{gap:14px}.story img{height:170px}.contest-copy{padding:32px}}
@media(max-width:620px){.wrap{padding:0 20px}.nav{padding:15px 20px;flex-wrap:wrap;gap:14px}.logo{font-size:19px}nav{width:100%;justify-content:space-between;font-size:11px}.hero{grid-template-columns:1fr;padding-top:35px;gap:20px}h1{font-size:43px}.hero p{font-size:13px}.hero-art{height:370px;width:100%;max-width:420px;margin:auto}.dog-main{height:330px}.cat-small{height:195px}.caption{left:0}.ribbon{font-size:10px;flex-wrap:wrap;gap:14px}.section{padding:42px 0}h2{font-size:29px}.section-head{align-items:start}.grid{gap:12px}.photo{height:190px}.card-body{padding:12px}.card-body h3{font-size:15px}.chip{padding:9px 14px;font-size:11px}.contest{grid-template-columns:1fr}.contest h2{font-size:33px}.contest-art{min-height:230px;order:-1}.stories{grid-template-columns:1fr}.story{display:grid;grid-template-columns:110px 1fr}.story img{height:100%;min-height:210px}.story div{padding:18px}.story h3{font-size:16px}.join{padding:28px 20px}.join h2{font-size:26px}.foot{align-items:start;flex-direction:column}.actions .btn{padding:13px 16px;font-size:12px}}

.search-row{display:flex;gap:10px;margin-bottom:22px}.search-row input{max-width:480px;background:#fff}.consent{font-weight:400;line-height:1.8}.consent input{width:auto}#feed-status{font-size:13px;line-height:1.8;margin-bottom:18px}#feed-status:empty{display:none}#load-more{margin-top:24px}button[hidden]{display:none}.detail-img{width:100%;max-height:330px;object-fit:cover;border-radius:12px;margin-bottom:20px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.detail-actions button{padding:11px 16px}.story-text{white-space:pre-wrap;overflow-wrap:anywhere}.card-body h3{overflow-wrap:anywhere}.count{position:absolute;left:12px;bottom:12px;background:#fff;padding:7px 10px;border-radius:18px;font-size:11px}.local-drafts{margin-bottom:15px}.error{color:#ad3e2a}.btn:disabled{opacity:.55;cursor:wait}
.skip{position:fixed;left:15px;top:-100px;background:#234c3c;color:white;padding:14px;z-index:50}.skip:focus{top:10px}.nav-actions{display:flex;align-items:center;gap:20px}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:28px 0 44px}.how-it-works>div{position:relative;padding-left:46px}.how-it-works span{position:absolute;left:0;top:0;font-family:Georgia,serif;font-size:24px;color:#a5b095}.how-it-works h3{font-size:14px}.how-it-works p{font-size:12px;color:#75806e;margin-top:7px;max-width:260px}.search-row select{width:210px;margin-left:auto;font-size:12px}.feed-heading{display:flex;justify-content:space-between;font-size:12px;color:#738069;min-height:25px;margin-bottom:12px}.empty{border:1px dashed #cad2bf;border-radius:16px;text-align:center;background:#eeeee480;padding:38px 22px}.empty .empty-icon{font-size:34px;margin-bottom:12px}.empty h3{font-size:19px;margin-bottom:10px}.empty p{font-size:13px}.empty .actions{justify-content:center;margin-bottom:0}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #234c3c12}.card .photo img{transition:transform .3s}.card:hover .photo img{transform:scale(1.035)}.contest-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.contest-link{color:#fff;background:none;border:0;font-size:12px;padding:0;margin-top:24px}.contest-copy .contest-deadline{font-size:11px;margin-top:18px;color:#bacdb6}.editorial-heading{margin:28px 0 20px}.stories:empty{display:none}.story{transition:box-shadow .2s}.story:hover{box-shadow:0 10px 30px #234c3c10}.story a.textlink{display:inline-block;margin-top:15px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin:0 0 60px;padding:40px 0;border-top:1px solid #dce0d4}.faq>div>p{font-size:13px;color:#74806d;margin-top:15px}details{border-bottom:1px solid #d6ddcd;padding:18px 0}summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.6}details p{font-size:13px;color:#64735b;margin:12px 0 0}.upload-preview{width:100%;height:200px;object-fit:contain;border-radius:12px;background:#e9ecdf;margin-top:12px}.upload-preview[hidden]{display:none}.form-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#738069;margin:8px 0}.form-meta .textlink{padding:4px 0}.mobile-bar{display:none}.reading-wrap{padding-top:35px;padding-bottom:50px}.back-link{font-size:13px;color:#6f7c65;display:inline-block;margin-bottom:35px}.reading{max-width:780px;margin:0 auto 50px}.reading h1{font-size:45px;line-height:1.3;letter-spacing:-1px}.reading .eyebrow{line-height:1.8}.reading-lead{font-size:18px;color:#77806f;margin:25px 0}.reading-cover{width:100%;height:390px;object-fit:cover;border-radius:20px;margin-bottom:32px}.prose p{font-size:16px;line-height:1.9;margin-bottom:24px}.related{max-width:780px;margin:auto}.related a{display:block;font-size:16px;padding:20px 0;border-bottom:1px solid #dce0d4}.related h2{font-size:28px}.pet-page{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:55px}.pet-page>img{width:100%;max-height:600px;object-fit:contain;background:#e8ecdf;border-radius:20px}.pet-page h1{overflow-wrap:anywhere}.story-text{line-height:1.9}.skeleton{height:320px;border-radius:15px;background:linear-gradient(90deg,#e9ebdf,#f3f4ec,#e9ebdf);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-200% 0}}.photo-button{border:0;padding:0;width:100%;height:100%;background:transparent;display:block}.loading-notice{color:#77856e}button[hidden]{display:none}
@media(max-width:950px){.nav-actions>.btn{display:none}.nav-actions{gap:0}.how-it-works{gap:15px}.how-it-works>div{padding-left:34px}.search-row{flex-wrap:wrap}.search-row input{max-width:none;flex:1}.search-row select{margin-left:0}.pet-page{gap:30px}}
@media(max-width:620px){body{padding-bottom:72px}.nav{gap:10px}.nav-actions{position:absolute;right:20px;top:18px}.nav-actions .textlink{font-size:10px}.logo{font-size:17px}nav{font-size:11px}.hero{padding-bottom:28px}h1{font-size:41px}.how-it-works{grid-template-columns:1fr;padding:10px 0 25px;gap:20px}.how-it-works>div{padding-left:42px}.how-it-works p{max-width:none;margin-top:3px}.ribbon{display:none}.filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:10px;scrollbar-width:thin}.chip{white-space:nowrap}.search-row{gap:8px}.search-row input{min-width:0;font-size:13px}.search-row select{width:100%;padding:10px}.search-row .btn{padding:10px 15px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;background:#f8f6effa;border-top:1px solid #d5ddcf;backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px max(9px,env(safe-area-inset-bottom));z-index:6}.mobile-bar a,.mobile-bar button{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;color:#234c3c;font-size:21px}.mobile-bar span{font-size:10px;font-weight:700}.mobile-bar button:nth-child(2){color:#ce653d}.toast{bottom:85px}.faq{grid-template-columns:1fr;gap:15px;margin-bottom:35px;padding-top:25px}.faq h2{font-size:27px}.faq>div>p{display:none}.reading h1{font-size:32px}.reading-cover{height:280px}.reading-lead{font-size:16px}.prose p{font-size:16px}.pet-page{grid-template-columns:1fr;gap:25px}.pet-page h1{font-size:38px}.pet-page>img{max-height:400px}.pet-page .actions{flex-wrap:wrap}.reading-wrap{padding-top:25px}.skeleton{height:240px}dialog{padding:22px;max-height:88dvh}.close{min-width:35px;min-height:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.password-row{display:flex;gap:10px;align-items:center}.password-row input{min-width:0}.password-row button{font-size:11px;padding:10px 0}.consent a{text-decoration:underline}.nav-actions .textlink{white-space:nowrap}#auth-form>p.error{margin-top:12px;font-size:12px}