/* Grafica approvata 18 settembre 2026. */
.canine-art{display:block;pointer-events:none;user-select:none}
.cinofilia{--ink:#171a17;--panel:#252a24;--line:#434a3e;--muted:#c0c3b9}
.cinofilia .site-header{background:#171a17}
.cinofilia .hero-symbol{display:none}
.cinofilia .hero{max-width:none;background:#1c211c}
.cinofilia .hero-copy{z-index:1}
.cinofilia .paths{background:#171a17}
.cinofilia .path{position:relative}
.cinofilia .experience{--muted:#515a4b;--line:#a9b09f;--paper:#242c22;--brand:#68492a;background:#d9ddd1;color:#242c22;border-block:1px solid #c0c7b6}
.cinofilia .experience .section-label{color:#53604c}
.cinofilia .experience .text-link{color:#354331;border-color:#79876f}
.cinofilia .experience .text-link:hover{color:#10190d}
.cinofilia .experience .button{background:#303c2c;color:#fff;border-color:#303c2c}
.cinofilia .experience .button:hover{background:#24311e}
.cinofilia .first-meeting{background:#292f27;border-color:#454e40}
.cinofilia .steps li{border-color:#485240}
.cinofilia .field{background:#1c211c}
@media(min-width:1500px){.cinofilia .hero{padding-inline:max(96px,calc((100% - 1184px)/2))}}
@media(max-width:760px){.cinofilia .hero-wordmark{position:relative}.cinofilia .hero-help,.cinofilia .definition{position:relative}.cinofilia .experience{padding-block:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.cinofilia[data-version="a"] .hero-symbol{display:none}



.cinofilia .hero{overflow:hidden;isolation:isolate}
.cinofilia .paw-hero{position:absolute;right:max(45px,calc((100% - 1160px)/2));top:24%;width:35%;max-width:400px;height:64%;object-fit:contain;filter:invert(1);opacity:.065;transform:rotate(15deg);z-index:0}
.cinofilia .first-meeting>div:first-child{position:relative;isolation:isolate}
.cinofilia .paw-meeting{position:absolute;right:5%;bottom:-55px;width:150px;height:150px;filter:invert(1);opacity:.045;transform:rotate(-20deg);z-index:-1}
@media(max-width:760px){.cinofilia .paw-hero{width:125px;height:170px;top:125px;right:12px;opacity:.07;transform:rotate(15deg)}.cinofilia .paw-meeting{width:95px;height:95px;bottom:-35px;right:5px;opacity:.045}}


.cinofilia .paths-grid .path{position:relative;isolation:isolate}
.cinofilia .course-symbol{width:48px;height:48px;object-fit:contain;margin:0 0 22px;filter:invert(1);opacity:.58;transition:opacity .2s}
.cinofilia .path:hover .course-symbol{opacity:.85}
@media(max-width:600px){.cinofilia .course-symbol{width:38px;height:38px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.cinofilia .course-symbol{transition:none}}