:root{--navy:#0d2038;--navy-2:#193653;--ivory:#fbf7ee;--white:#fff;--gold:#bd8c2f;--gold-soft:#f2dfb4;--slate:#536474;--blue:#e4edf0;--ink:#172536;--danger:#8b2e2e;--radius:1.3rem;--shadow:0 18px 50px #0d20380b;color:var(--ink);background:var(--ivory);font-synthesis:none;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;line-height:1.6}html{scroll-behavior:smooth}a{color:inherit;text-underline-offset:4px}img,svg{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.7rem 1.2rem;font-weight:650;text-decoration:none;display:inline-flex}button:disabled{opacity:.55;cursor:default}.button.secondary,button.secondary{background:var(--gold-soft);color:var(--navy)}[hidden]{display:none!important}.container{width:min(1200px,100% - 3rem);margin-inline:auto}.site-header{background:var(--navy);color:#fff;z-index:10;position:relative}.nav{justify-content:space-between;align-items:center;gap:2rem;min-height:88px;display:flex}.brand{flex-shrink:0;align-items:center;gap:1rem;text-decoration:none;display:inline-flex}.brand img{width:158px}.brand span{border-left:1px solid #ffffff50;padding-left:1rem;font-size:1.1rem}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links>a{align-items:center;min-height:44px;text-decoration:none;display:flex}.ecosystem{position:relative}.ecosystem summary{cursor:pointer;padding:.7rem 0}.ecosystem-links{background:var(--navy-2);min-width:270px;box-shadow:var(--shadow);border-radius:1rem;gap:.7rem;padding:1rem;display:grid;position:absolute;right:0}.ecosystem-links a,.ecosystem-links span{padding:.35rem}.menu-toggle{display:none}.my-floof{padding:.75rem 0;font-size:.9rem}.my-floof>summary{cursor:pointer;border-bottom:1px dashed #8b7d62;width:fit-content;min-height:32px;list-style:none}.profile-editor{max-width:660px;padding:1rem 0 2rem}.profile-editor p{font-size:.9rem}.hero{padding:clamp(2rem,5vw,4rem) 0}.hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:4rem;display:grid}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#775313;font-size:.75rem;font-weight:700}h1,h2,h3,p{overflow-wrap:break-word}h1{letter-spacing:-.045em;color:var(--navy);max-width:18ch;margin:.6rem 0 1.25rem;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;line-height:1.04}h2{letter-spacing:-.025em;color:var(--navy);font-family:Georgia,serif;font-size:clamp(1.7rem,3.2vw,2.8rem);font-weight:400;line-height:1.15}h3{color:var(--navy);line-height:1.25}.lede{color:#43566a;max-width:53ch;font-size:1.15rem}.hero-art{padding:1rem 2rem 2rem;position:relative}.hero-portrait{border-radius:48% 48% 1rem 1rem;width:78%;display:block;transform:rotate(3deg)}.hero-small{border:7px solid var(--ivory);border-radius:5rem 5rem 1rem 1rem;width:39%;position:absolute;bottom:0;left:-1rem;transform:rotate(-7deg)}.hero-caption{background:var(--navy);color:#fff;border-radius:99px;padding:.65rem 1rem;font-size:.8rem;position:absolute;bottom:0;right:0}.zone,.content-section{padding:2.3rem 0}.zone-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.zone-heading p{max-width:36ch}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #0d20381c;padding:1.5rem}.card p{color:#43566a}.card .sf-asset{width:54px}.feature-grid{grid-template-columns:1.2fr 1fr;gap:1.3rem;display:grid}.feature{border:1px solid #0d203819;border-radius:1.5rem;padding:2.2rem;position:relative;overflow:hidden}.feature h2{max-width:15ch;margin-top:.6rem}.feature p{max-width:40ch}.feature .sf-asset{float:right;width:80px;margin-left:1rem}.feature.navy{background:var(--navy);color:#fff}.feature.navy h2,.feature.navy .eyebrow{color:#fff}.feature.navy .sf-asset{color:var(--gold-soft)}.feature.sand{background:#f0e6d0}.feature.blue{background:var(--blue)}.feature.wide{grid-column:1/-1;justify-content:space-between;align-items:center;gap:2rem;display:flex}.feature.wide h2{max-width:none}.text-link{align-items:center;min-height:44px;font-weight:650;display:inline-flex}.dog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.dog-card{text-decoration:none;display:block}.dog-card img{aspect-ratio:1122/1402;object-fit:cover;background:#eee7db;border-radius:8rem 8rem 1rem 1rem;width:100%}.dog-card h2,.dog-card h3{margin:.8rem 0 .25rem;font-family:Georgia,serif;font-size:1.4rem}.dog-card p{color:var(--slate);margin:.25rem 0;font-size:.9rem}.tool-shell{padding:2rem 0}.tool-shell h1{max-width:22ch;font-size:clamp(2.5rem,5vw,4.1rem)}.tool-panel{box-shadow:var(--shadow);background:#fff;border:1px solid #dedace;border-radius:1.5rem;padding:clamp(1.2rem,4vw,2.5rem)}.tool-workspace{max-width:950px;margin-inline:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}label,legend{color:var(--navy);font-weight:650}label{flex-direction:column;gap:.4rem;display:flex}input,select,textarea{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #8292a0;border-radius:.6rem;padding:.7rem}input[type=checkbox]{width:1.3rem;min-height:1.3rem;accent-color:var(--navy);flex-shrink:0}label:has(input[type=checkbox]){flex-direction:row;align-items:flex-start;gap:.8rem;font-weight:400}fieldset{border:0;min-width:0;margin:0 0 1.4rem;padding:0}legend{margin-bottom:1rem;font-size:1.3rem}.actions{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.step-status{color:var(--slate);margin-bottom:1.25rem;font-size:.9rem}.result{background:var(--blue);border-top:4px solid var(--gold);border-radius:1.25rem;margin-top:2rem;padding:clamp(1.25rem,4vw,2.5rem)}.result h2{margin-top:.4rem;font-size:2rem}.result[data-state=SAFETY_STOP]{background:#f8eee5}.result-state{display:none}.result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0;list-style:none;display:grid}.result-list li{background:#ffffffb8;border-radius:.8rem;padding:1rem}.result-list strong{display:block}.muted{color:var(--slate)}.notice{background:#f5f0e6;border-radius:.75rem;padding:1rem}.chip{background:var(--gold-soft);border-radius:99px;padding:.25rem .7rem;font-size:.8rem;display:inline-flex}.measure-guide{grid-template-columns:240px 1fr;align-items:center;gap:2rem;display:grid}.measurement-canvas{aspect-ratio:1.5;width:240px;max-width:100%;position:relative}.measurement-canvas>.sf-asset{width:100%;position:absolute;inset:0}.measure-step input{max-width:300px}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.5rem;display:grid}.timeline .card{box-shadow:none;padding:1rem}.timeline .sf-food-bowl{width:100%}.timeline p{font-size:.92rem}.sources{color:var(--slate);padding:1.5rem 0;font-size:.9rem}.sources summary{cursor:pointer;min-height:44px}.next-action{border-top:1px solid #d9d5ca;margin-top:2rem;padding:1.5rem 0}.next-action h2{font-size:1.7rem}.name-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.name-card{background:#fff;border:1px solid #d8dfe3;border-radius:1rem;padding:1.3rem}.name-card strong{font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.name-card p{font-size:.9rem}.name-card button{margin-top:.75rem;font-size:.85rem}.site-footer{background:var(--navy);color:#fff;margin-top:4rem;padding:3rem 0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:3rem;display:grid}.footer-grid h2{color:#fff;font:600 1rem system-ui}.footer-grid a:not(.brand),.footer-grid span:not(.brand span){margin:.55rem 0;display:block}.footer-note{color:#c4cdd7;font-size:.85rem}.breadcrumbs{flex-wrap:wrap;gap:1rem;padding-top:1rem;font-size:.85rem;display:flex}.profile-hero img{border-radius:10rem 10rem 1rem 1rem;justify-self:center;width:100%;max-width:400px}.profile-hero h1{font-size:clamp(2.8rem,5vw,4.5rem)}.quick-read{border-block:1px solid #d9d5ca;grid-template-columns:repeat(4,1fr);gap:1.2rem;padding:1.3rem 0;display:grid}.quick-read dt{color:var(--slate);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.quick-read dd{margin:.3rem 0 0}.editorial{grid-template-columns:1.4fr 1fr;gap:4rem;display:grid}.prose{max-width:68ch}.skip-link{position:absolute;left:-999px}.skip-link:focus{z-index:99;background:#fff;padding:1rem;top:1rem;left:1rem}.sf-pixel-floof{max-width:56px}.search-bar{max-width:680px;margin:1rem 0 2rem}.browse-status{min-height:1.5em}@media (width>=900px) and (prefers-reduced-motion:no-preference){.hero-portrait{animation:7s ease-in-out infinite portrait-drift}.dog-card img{transition:transform .25s}.dog-card:hover img{transform:translateY(-4px)}@keyframes portrait-drift{50%{transform:translateY(-6px)rotate(2deg)}}}@media (width<=850px){.container{width:calc(100% - 2rem)}.nav{flex-wrap:wrap;gap:1rem}.nav-links{flex-wrap:wrap;flex-basis:100%;gap:1rem;padding-bottom:1rem}.js .menu-toggle{display:inline-flex}.js .nav-links{display:none}.js .nav-links.is-open{gap:.2rem;display:grid}.ecosystem-links{box-shadow:none;background:0 0;padding:.5rem 0;position:static}.ecosystem{border-top:1px solid #ffffff40;margin-top:.5rem}.hero-grid{gap:2rem}.dog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr 1fr}.feature{padding:1.5rem}.timeline{grid-template-columns:1fr 1fr}.footer-grid{gap:1.5rem}.name-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.hero-grid,.feature-grid,.editorial,.footer-grid,.form-grid{grid-template-columns:1fr}.hero-art{justify-self:center;width:100%;max-width:360px}.hero{padding:1.5rem 0}.hero h1{font-size:3rem}.feature.wide{display:block}.dog-grid,.grid{grid-template-columns:1fr 1fr;gap:1rem}.zone-heading{display:block}.measure-guide{grid-template-columns:1fr;gap:1rem}.measurement-canvas{width:210px}.quick-read{grid-template-columns:1fr 1fr}.result-list{grid-template-columns:1fr}.brand img{width:130px}.brand span{font-size:.95rem}.nav{min-height:78px}.name-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.timeline .card{padding:.65rem}.profile-hero img{max-width:300px}.actions{gap:.6rem}.actions>button,.actions>.button{flex-grow:1}.card{padding:1rem}.feature h2{max-width:none}}@media (width<=360px){.grid,.timeline{grid-template-columns:1fr}.brand{gap:.5rem}.brand span{padding-left:.5rem}.container{width:calc(100% - 1.5rem)}}label,input,select,textarea,.form-grid>*{min-width:0;max-width:100%}@media (width<=400px){.tool-workspace{width:calc(100% - 48px)}.tool-workspace .tool-panel{padding:19.2px}.tool-workspace .result{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sf-asset{--sf-navy:var(--navy,#0d2038);--sf-gold:var(--gold,#bd8c2f);color:var(--sf-navy);isolation:isolate;line-height:0;display:inline-grid}.sf-asset>svg{width:100%;height:auto;display:block}.sf-measurement-overlay svg{overflow:visible}.sf-measurement-overlay circle{fill:var(--sf-gold)}.sf-measurement-path{fill:none;stroke:var(--sf-gold);stroke-width:5px;stroke-linecap:round;stroke-dasharray:7 5}.sf-asset--float{animation:4s ease-in-out infinite sf-asset-float}.sf-asset--tilt{transition:transform .2s}.sf-asset--tilt:hover{transform:rotate(-2deg)}.sf-asset--draw .sf-measurement-path{stroke-dasharray:260;stroke-dashoffset:260px;animation:.8s ease-out forwards sf-path-draw}.sf-asset--reveal{animation:.25s ease-out both sf-asset-reveal}@keyframes sf-asset-float{50%{transform:translateY(-3px)}}@keyframes sf-path-draw{to{stroke-dashoffset:0}}@keyframes sf-asset-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=600px){.sf-asset--float{animation-duration:6s;animation-timing-function:ease-in-out}}@media (prefers-reduced-motion:reduce){.sf-asset,.sf-asset--tilt,.sf-asset--draw .sf-measurement-path{stroke-dashoffset:0!important;transition:none!important;animation:none!important;transform:none!important}}:root{--navy:#0a1421;--navy-2:#182b43;--ivory:#fdf8ef;--gold:#ffc174;--gold-soft:#f6ddb6;--slate:#536474;--ink:#172536}body{background:var(--navy);color:var(--ivory)}h1,h2,h3,h4{letter-spacing:-.035em;color:inherit;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:750}h1{max-width:21ch;font-size:clamp(2.5rem,5.5vw,4.6rem)}.lede,.muted,.sources,.step-status{color:#c6cfda}.eyebrow{color:var(--gold)}.card,.notice,.chip{color:var(--ink)}.dog-card{overflow-wrap:anywhere;min-width:0}.toolbox-scene>.sf-asset,.toolbox-card:not(.tone-0):not(.tone-2) .sf-asset{--sf-navy:var(--gold)}button,.button{background:var(--gold);color:var(--navy);border-radius:10px;transition:transform .16s,box-shadow .16s;box-shadow:0 3px #9f6a27}button:active,.button:active{transform:translateY(2px);box-shadow:0 1px #9f6a27}button.secondary,.button.secondary{color:var(--ivory);box-shadow:none;background:#26394f;border:1px solid #58708a}:focus-visible{outline-offset:4px;outline:3px solid #e79a30}button[aria-pressed=true]{background:var(--gold);color:var(--navy);border-color:var(--gold)}summary{cursor:pointer;min-height:44px;padding:.6rem 0}.my-floof>summary{min-height:44px}.profile-editor label,.profile-editor legend,.search-bar label{color:var(--ivory)}.site-header{border-bottom:1px solid #ffffff18}.site-footer{border-top:1px solid #fff2}.tool-shell{padding-block:2.4rem}.tool-panel{background:var(--ivory);color:var(--ink);border:1px solid #e9d8bd;box-shadow:0 8px #020a12,0 18px 35px #0003}.tool-panel h1,.tool-panel h2,.tool-panel h3,.tool-panel h4{color:var(--navy)}.tool-panel .muted,.tool-panel .step-status{color:#536474}.tool-panel input,.tool-panel select,.tool-panel textarea{background:#fffdf9}.tool-panel details{border-bottom:1px solid #b4a48d;padding-block:.35rem}.result{color:var(--ivory);border-color:var(--gold);background:#152438;box-shadow:0 8px #07111e}.result h2,.result h3,.result h4{color:var(--ivory)}.result .notice,.result .card,.result .name-card{color:var(--ivory);background:#0b1726;border-color:#536478}.result .card p,.result .sources{color:#d0d8e1}.result[data-state=SAFETY_STOP],.result[data-state=LIMITED_GUIDANCE]{color:var(--ink);box-shadow:none;background:#f7eee2;border-color:#7a5431;animation:none}.result[data-state=SAFETY_STOP] h2,.result[data-state=LIMITED_GUIDANCE] h2{color:var(--ink)}.tool-workspace{max-width:1120px}.toolbox-scene{background:#14243b;border:1px solid #e6aa5944;border-radius:24px;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem;display:grid;transform:rotate(2deg);box-shadow:14px 14px #050d18}.toolbox-scene>.sf-asset{width:110px;color:var(--gold)}.toolbox-scene span{grid-column:1/-1;font-size:1.5rem;font-weight:750}.local-badge{border:1px solid #627286;border-radius:8px;padding:.5rem .8rem;font-size:.85rem;display:inline-block}.category-controls,.day-controls,.mode-controls{flex-wrap:wrap;gap:.65rem;margin:1.2rem 0;display:flex}.category-controls button,.day-controls button,.mode-controls button{min-height:44px}.toolbox-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;display:grid}.toolbox-card{background:#172435;border:1px solid #69717b;border-radius:18px;padding:1.7rem;text-decoration:none;transition:transform .2s,border-color .2s;display:block;position:relative;box-shadow:0 6px #050e18}.toolbox-card:first-child{border:2px solid var(--gold);grid-column:span 2}.toolbox-card h2{font-size:1.75rem}.toolbox-card .sf-asset{width:64px;margin-top:1rem;display:block}.toolbox-card.tone-0,.toolbox-card.tone-2{background:var(--ivory);color:var(--navy)}.tool-number{text-transform:uppercase;letter-spacing:.07em;font:600 .75rem ui-monospace,monospace}.tool-arrow{font-size:1.6rem;position:absolute;top:1.2rem;right:1.25rem}.dog-card{background:#152438;border:1px solid #536478;border-radius:16px;padding:1rem;transition:transform .2s;box-shadow:0 6px #050e18}.dog-card img{border-radius:12px}.dog-card h2,.dog-card h3{font-family:inherit;font-weight:750}.dog-card p{color:#c6cfda}.quick-read{border-color:#637083}.quick-read dt{color:#f6c889}.profile-hero img{border-radius:24px}.feature.sand{color:var(--ink)}.feature.sand .eyebrow{color:#775313}.size-option{border:1px solid #8391a2;border-radius:12px;margin-top:1rem;padding:1rem}#size-result[data-state=BETWEEN_OPTIONS] #size-evidence{grid-template-columns:1fr 1fr;gap:1rem;display:grid}#size-evidence>p{grid-column:1/-1}.measurement-canvas{background:#e9e0d0;border-radius:16px;width:100%;min-width:0}.measure-guide{grid-template-columns:minmax(220px,1fr) minmax(0,1fr)}.measure-step{animation:.25s ease-out measure-response}.bowl-workbench{color:var(--ivory);text-align:center;background:#14243b;border-radius:18px;margin-top:2rem;padding:1.5rem}.bowl-workbench .sf-food-bowl{background:var(--ivory);border-radius:12px}.gram-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.gram-strip div{background:#07111e;border:1px solid #5a6b7e;border-radius:10px;padding:.75rem .3rem}.gram-strip dt{font-size:.8rem}.gram-strip dd{margin:.3rem 0;font-size:clamp(1rem,3vw,1.5rem);font-weight:750}#active-bowl{max-width:380px;margin:auto}#active-bowl [data-bowl-state]{animation:.24s ease-out bowl-response}.day-controls{justify-content:center}.timeline h3{font-size:1.05rem}.timeline .card{min-width:0}.name-card strong{font-family:inherit;font-weight:750}.name-card button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px #ffc17466}.reel-response .name-card{animation:.48s cubic-bezier(.2,.8,.3,1) both name-reel}.reel-response .name-card:nth-child(2){animation-delay:40ms}.reel-response .name-card:nth-child(3){animation-delay:80ms}.grooming-v2 .result .care-card,.grooming-v2 .result .groom-tool{color:var(--ivory);background:#0b1726;border-color:#536478}.grooming-v2 .frequency{color:var(--gold)}.grooming-v2 .groom-tool img{background:var(--ivory);max-width:210px;margin-inline:auto}.grooming-v2 .coat-card{grid-template-columns:24px 1fr;align-items:start;gap:.4rem .7rem;display:grid}.grooming-v2 .coat-card input{accent-color:#936323;grid-area:1/1;min-height:24px;margin:0;position:static}.grooming-v2 .coat-card strong{grid-area:1/2}.grooming-v2 .coat-card span{grid-area:2/2}.grooming-v2 .coat-card img{grid-area:3/1/auto/-1}.grooming-v2 .coat-card:has(input:checked){box-shadow:0 0 0 3px #c79134}.grooming-v2 .answer-card{align-items:flex-start}.grooming-v2 .answer-card input{min-height:22px;margin-top:3px}.grooming-v2 .care-card{animation:.35s ease-out routine-assemble}.grooming-v2 .groom-tool{animation:.35s ease-out kit-pack}.grooming-v2 .result[data-state=SAFETY_STOP] *,.grooming-v2 .result[data-state=LIMITED_GUIDANCE] *{animation:none!important}@keyframes name-reel{0%{opacity:.4;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes bowl-response{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes measure-response{0%{opacity:.6;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes routine-assemble{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes kit-pack{0%{opacity:.4;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.toolbox-card:hover,.dog-card:hover{border-color:var(--gold);transform:translateY(-4px)}}@media (width<=850px){.toolbox-grid{grid-template-columns:1fr 1fr}.toolbox-card:first-child{grid-column:auto}}@media (width<=600px){.toolbox-grid,.measure-guide{grid-template-columns:1fr}.toolbox-scene{transform:none}.toolbox-card{padding:1.4rem}.toolbox-hero .hero-grid{gap:1rem}.bowl-workbench{padding:1rem}.gram-strip{gap:.35rem}.gram-strip dt{font-size:.72rem}.measurement-canvas{max-width:320px}#size-result[data-state=BETWEEN_OPTIONS] #size-evidence,.timeline{grid-template-columns:1fr}.tool-workspace{width:calc(100% - 2rem)}.tool-workspace .tool-panel,.tool-workspace .result,.grooming-v2 .tool-panel{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.toolbox-scene{transform:none}}