@property --num{syntax:"<integer>";inherits:true;initial-value:0}@property --pos{syntax:"<percentage>";inherits:true;initial-value:0%}@property --gray{syntax:"<number>";inherits:true;initial-value:0}.dat{--pos:60%;--gray:.6;--ear:0deg;--stage-color:var(--color-brand-accent);padding-block:1rem 2rem;transition:--pos .8s cubic-bezier(.22,1,.36,1),--gray .8s}.dat[data-stage=puppy]{--stage-color:#7a9a5b}.dat[data-stage=young]{--stage-color:var(--color-brand-primary)}.dat[data-stage=mature]{--stage-color:#b08a4a}.dat[data-stage=senior],.dat[data-stage=longevous]{--stage-color:var(--color-brand-accent)}.dat{border-block:1px solid var(--color-brand-border);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand-primary) 7%, var(--color-brand-bg)), var(--color-brand-bg))}.dat__peek{z-index:5;border:1px solid var(--color-brand-border);background:color-mix(in srgb, var(--color-brand-card) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:1.1rem;align-items:center;gap:.9rem;margin:0 -.25rem 1.1rem;padding:.6rem .9rem;display:flex;position:sticky;top:4.75rem;box-shadow:0 10px 24px -18px #00000080}.dat__peek-art{flex:0 0 4.75rem}.dat__peek .dat__num{font-size:2.6rem}.dat__peek-num{color:var(--color-brand-text);margin:0;line-height:1}.dat__peek-num span:last-child{font-size:.8rem;font-weight:700}.dat__peek-stage{color:var(--stage-color);margin:.3rem 0 0;font-size:.78rem;font-weight:800}.dat__peek .dat__bed{display:none}@media (width>=56rem){.dat__peek{display:none}}.dat__grid{gap:1rem;width:min(100% - 2rem,68rem);margin-inline:auto;display:grid}@media (width>=56rem){.dat__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.5rem}}.dat__card{border:1px solid var(--color-brand-border);background:var(--color-brand-card);border-radius:1.5rem;padding:clamp(1.1rem,3vw,1.75rem);box-shadow:0 24px 60px -40px #1b1c1980}.dat__kicker{color:var(--color-brand-primary);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800}.dat__title{font-family:var(--font-display);color:var(--color-brand-text);margin:.2rem 0 1rem;font-size:1.5rem;font-weight:800}.dat__field--last{margin-bottom:0!important}.dat__field{border:0;min-width:0;margin:0 0 1.1rem;padding:0}.dat__label{color:var(--color-brand-text);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.dat__label--small{color:var(--color-brand-muted);margin:0;font-weight:600}.dat__optional{color:var(--color-brand-muted);font-weight:500}.dat__label-row{justify-content:space-between;align-items:baseline;display:flex}.dat__age-text{font-family:var(--font-display);color:var(--color-brand-primary);font-size:1.15rem;font-weight:800}.dat__input,.dat__select{border:1px solid var(--color-brand-border);background:var(--color-brand-bg);width:100%;min-height:3rem;color:var(--color-brand-text);border-radius:.9rem;padding:0 .9rem;font-size:1rem}.dat__input:focus-visible,.dat__select:focus-visible{outline:3px solid color-mix(in srgb, var(--color-brand-primary) 35%, transparent);border-color:var(--color-brand-primary)}.dat__sizes{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width>=30rem){.dat__sizes{grid-template-columns:repeat(4,1fr)}}@media (width>=56rem){.dat__sizes{grid-template-columns:repeat(2,1fr)}}.dat__chip{cursor:pointer}.dat__chip input{opacity:0;pointer-events:none;position:absolute}.dat__chip span{border:1.5px solid var(--color-brand-border);text-align:center;background:var(--color-brand-bg);border-radius:1rem;flex-direction:column;justify-content:center;min-height:3.5rem;padding:.5rem;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.dat__chip strong{color:var(--color-brand-text);font-size:.88rem}.dat__chip small{color:var(--color-brand-muted);font-size:.7rem}.dat__chip:hover span{border-color:color-mix(in srgb, var(--color-brand-primary) 50%, transparent)}.dat__chip input:checked+span{border-color:var(--color-brand-primary);background:color-mix(in srgb, var(--color-brand-primary) 10%, var(--color-brand-bg));transform:scale(1.02)}.dat__chip input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--color-brand-primary) 35%, transparent)}.dat__range{width:100%;height:2.75rem;accent-color:var(--color-brand-primary);cursor:pointer}.dat__months{align-items:center;gap:.75rem;margin-top:.25rem;display:none}.dat__months.is-on{display:flex}.dat__months .dat__select{width:auto;min-height:2.5rem}.dat__result{text-align:center;position:relative;overflow:hidden}.dat__result:before{content:"";z-index:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--stage-color) 20%, transparent), transparent);height:14rem;transition:background .6s;position:absolute;inset:0 0 auto}.dat__result>*{z-index:1;position:relative}.dat__stage-art{width:min(11rem,48vw);margin:0 auto .25rem;position:relative}.dat__dog{width:100%;height:auto;display:block;overflow:visible}.dat__head{transform-origin:100px 150px;transition:transform .6s;animation:3.2s ease-in-out infinite dat-breathe}.dat[data-stage=puppy] .dat__head{animation-duration:1.4s;transform:scale(.86)translateY(10px)}.dat[data-stage=longevous] .dat__head{animation-duration:4.5s;transform:rotate(-6deg)translateY(10px)}.dat__face,.dat__ear{fill:#c8915c}.dat__ear{fill:#8e5d37;transition:transform .6s}.dat__ear--l{transform-origin:60px 56px;transform:rotate(calc(var(--gray) * 10deg))}.dat__ear--r{transform-origin:140px 56px;transform:rotate(calc(var(--gray) * -10deg))}.dat__blaze,.dat__muzzle{fill:#f3e2c9}.dat__gray{fill:#f7f4ef;opacity:var(--gray)}.dat__gray--muzzle{opacity:calc(var(--gray) * .85)}.dat__eyes{fill:#2b1d14}.dat__shine{fill:#fff}.dat__lid{fill:none;stroke:#6b4a2e;stroke-width:3px;stroke-linecap:round;opacity:0;transition:opacity .4s}.dat[data-stage=longevous] .dat__lid{opacity:1}.dat[data-stage=longevous] .dat__eyes{transform-origin:100px 84px;transform:scaleY(.55)}.dat__eyes{transform-origin:100px 84px;transition:transform .4s;animation:5s infinite dat-blink}.dat__nose{fill:#2b1d14}.dat__mouth{fill:none;stroke:#2b1d14;stroke-width:2.5px;stroke-linecap:round}.dat__tongue{fill:#e98a8a;transform-origin:100px 124px;transition:transform .4s}.dat[data-stage=mature] .dat__tongue,.dat[data-stage=senior] .dat__tongue,.dat[data-stage=longevous] .dat__tongue{transform:scaleY(0)}.dat__bed{fill:color-mix(in srgb, var(--stage-color) 30%, transparent);transform-origin:100px 166px;opacity:0;transition:transform .6s,opacity .6s;transform:scaleX(.3)}.dat[data-stage=senior] .dat__bed,.dat[data-stage=longevous] .dat__bed{opacity:1;transform:scaleX(1)}.dat__zzz{font-family:var(--font-display);color:var(--color-brand-muted);opacity:0;font-weight:800;position:absolute;top:.25rem;right:0}.dat__zzz span{font-size:.8em;display:inline-block}.dat[data-stage=longevous] .dat__zzz{opacity:1;animation:2.6s ease-in-out infinite dat-zzz}.dat__result-label{color:var(--color-brand-muted);margin:0;font-size:.9rem}.dat__big{color:var(--color-brand-text);margin:.1rem 0 .9rem}.dat__num{counter-reset:n var(--num);font-family:var(--font-display);letter-spacing:-.04em;color:var(--stage-color);font-size:clamp(3.4rem,14vw,4.75rem);font-weight:900;line-height:1;transition:--num 1s cubic-bezier(.22,1,.36,1),color .6s}.dat__num:after{content:counter(n)}.dat__unit{font-size:1rem;font-weight:700;display:block}.dat__life{max-width:30rem;margin:0 auto 1rem}.dat__track{background:linear-gradient(90deg,#a9c18e,#d8c18f,#e2a774,#c9775a);border-radius:99px;height:.6rem;position:relative}.dat__fill{width:var(--pos);border-radius:inherit;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 0 0 99px #fff0}.dat__marker{top:50%;left:clamp(.7rem, var(--pos), calc(100% - .7rem));background:var(--color-brand-card);border:4px solid var(--stage-color);border-radius:50%;width:1.4rem;height:1.4rem;position:absolute;translate:-50% -50%;box-shadow:0 4px 12px #0003}.dat__stages{color:var(--color-brand-muted);grid-template-columns:repeat(5,1fr);margin:.5rem 0 0;padding:0;font-size:.64rem;list-style:none;display:grid}.dat__stages li{transition:color .3s,font-weight .3s}.dat[data-stage=puppy] [data-s=puppy],.dat[data-stage=young] [data-s=young],.dat[data-stage=mature] [data-s=mature],.dat[data-stage=senior] [data-s=senior],.dat[data-stage=longevous] [data-s=longevous]{color:var(--stage-color);font-weight:800}.dat__facts{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.9rem;display:grid}.dat__fact{background:var(--color-brand-bg);border-radius:1rem;padding:.65rem .4rem}.dat__fact span{color:var(--color-brand-muted);font-size:.65rem;line-height:1.2;display:block}.dat__ref{color:var(--color-brand-primary);text-decoration:none}.dat__fact strong{color:var(--color-brand-text);margin-top:.2rem;font-size:.92rem;display:block}.dat__advice{color:var(--color-brand-text);margin:0 0 1rem;font-size:.88rem;line-height:1.55}.dat__actions{gap:.5rem;display:grid}@media (width>=30rem){.dat__actions{grid-template-columns:1fr 1fr}}.dat__btn{cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:.6rem 1rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.dat__btn:hover{transform:translateY(-2px)}.dat__btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.dat__btn--primary{background:var(--color-brand-primary);color:var(--color-brand-bg);border:0}.dat__btn--quiet{border:1px solid var(--color-brand-border);background:var(--color-brand-bg);color:var(--color-brand-text)}.dat__note{color:var(--color-brand-muted);margin:.9rem 0 0;font-size:.7rem}.dat__result.is-bump .dat__big,.dat__result.is-bump .dat__facts{animation:.5s cubic-bezier(.22,1,.36,1) dat-pop}@keyframes dat-breathe{50%{translate:0 -2px}}@keyframes dat-blink{0%,92%,to{scale:1}95%{scale:1 .1}}@keyframes dat-zzz{0%{opacity:0;translate:0 6px}40%{opacity:1}to{opacity:0;translate:8px -10px}}@keyframes dat-pop{0%{opacity:.3;scale:.96}}@media (prefers-reduced-motion:reduce){.dat,.dat *,.dat__num{transition:none!important;animation:none!important}}.age-guide-intro[data-astro-cid-7w3txins]{text-align:center;width:min(100% - 2.5rem,48rem);margin:3.5rem auto 0}.age-guide-intro__kicker[data-astro-cid-7w3txins]{color:var(--color-brand-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.age-guide-intro__title[data-astro-cid-7w3txins]{font-family:var(--font-display);color:var(--color-brand-text);margin:.35rem 0 0;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:800}.age-guide[data-astro-cid-7w3txins] h2{border-top:1px dashed var(--color-brand-border);margin-top:3.25rem;padding-top:2.25rem}.age-guide[data-astro-cid-7w3txins] h2:first-child{border-top:0;margin-top:1.5rem;padding-top:0}.age-hero[data-astro-cid-7w3txins]{background:#f7efe1;position:relative;overflow:hidden}.dark .age-hero[data-astro-cid-7w3txins]{background:var(--color-brand-card)}.age-hero__media[data-astro-cid-7w3txins] img[data-astro-cid-7w3txins]{width:100%;height:auto;display:block}.age-hero__copy[data-astro-cid-7w3txins]{width:min(100% - 2rem,68rem);margin:0 auto;padding-block:1rem .5rem;position:relative}.age-hero[data-astro-cid-7w3txins] h1[data-astro-cid-7w3txins]{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-brand-text);margin:0;font-size:clamp(1.9rem,6.5vw,3.6rem);font-weight:800;line-height:1.04}.age-hero__copy[data-astro-cid-7w3txins]>p[data-astro-cid-7w3txins]{max-width:32rem;color:var(--color-brand-muted);margin:.75rem 0 0;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.6}.age-hero__copy[data-astro-cid-7w3txins] nav[data-astro-cid-7w3txins]{display:none}@media (width>=64rem){.age-hero[data-astro-cid-7w3txins]{align-items:center;min-height:clamp(22rem,42vw,34rem);display:flex}.age-hero__media[data-astro-cid-7w3txins]{width:72%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.age-hero__media[data-astro-cid-7w3txins] img[data-astro-cid-7w3txins]{object-fit:cover;object-position:78% center;height:100%}.age-hero__copy[data-astro-cid-7w3txins]{margin-top:0;padding-block:3rem}.age-hero__copy[data-astro-cid-7w3txins]>[data-astro-cid-7w3txins]{max-width:26rem}.age-hero__copy[data-astro-cid-7w3txins] nav[data-astro-cid-7w3txins]{display:flex}.age-hero[data-astro-cid-7w3txins] h1[data-astro-cid-7w3txins],.age-hero__copy[data-astro-cid-7w3txins]>p[data-astro-cid-7w3txins]{color:#2f3b2c}}