/* Identità Cucciolo Chow Chow: miele, crema e antracite. */
:root{--violet:#885019;--violet-dark:#282a26;--violet-soft:#a3692d;--pink:#885019;--pink-soft:#f1dfbd;--rose-bg:#fcf7ed;--cream:#fffaf1;--ink:#272a27;--muted:#655e51;--line:#e5d9c3;--shadow:0 18px 50px #503c1814}
body{background:#fffdfa}
.site-header{background:#fffdfaee;backdrop-filter:blur(16px)}
.site-header.scrolled{background:#fffdfaf5;box-shadow:0 8px 30px #503c1814}
.nav{height:112px;gap:18px}
.brand-logo{display:block;flex-shrink:0;width:280px;line-height:0}
.brand-logo picture{display:block}
.brand-logo .brand-image{display:block;width:100%;height:auto}
.brand-footer{display:block;width:min(330px,100%);padding:14px 18px;background:#fffaf1;border-radius:20px;line-height:0}
.brand-footer img{width:100%;height:auto}
.menu{gap:16px;font-size:.86rem}
.menu .btn{padding-inline:18px}
.menu .btn-primary:hover{color:#fff}
section{scroll-margin-top:122px}
.hero{padding-top:158px;background:radial-gradient(circle at 82% 30%,#e3bd773d,transparent 33%),radial-gradient(circle at 15% 15%,#c78e3f1a,transparent 30%),linear-gradient(135deg,#fffdfa,#fcf5e7)}
.hero-card,.visual{background:linear-gradient(145deg,#ead9b5,#fcf1de)}
.hero-card::before{background:linear-gradient(145deg,#ead9b5,#fcf1de)}
.lead{color:#504b42}
.statement{background:#f8efdf;color:var(--ink);border:1px solid #e9d8b9;box-shadow:0 12px 36px #503c180a}
.statement h2{color:var(--ink)}
.statement p{color:#504b42}
.statement .eyebrow{color:#885019}
.btn-primary{background:linear-gradient(135deg,#80501e,#986020);box-shadow:0 12px 30px #88501926}
.btn-secondary{border-color:#88501940;color:#684016}
.card{box-shadow:0 10px 30px #503c180d}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px #88501917}
.story{background:linear-gradient(135deg,#252a27,#3c4236 65%,#59553b)}
.story .lead,.about-photo figcaption,.story-photo figcaption{color:#f4ebdb}
.about-heading .eyebrow,.about-label{color:#edc98a}
.about-chapter{background:#1c211f40;border-color:#eed8af30}
.about-photo img{box-shadow:0 20px 60px #13181340}
.page-header{padding-top:158px;background:linear-gradient(130deg,#fffaf1,#f1e4cb)}
.badge{background:#f1e4cb;color:#684016}
input,textarea,select{background:#fffdf8;border-color:#d5c7ad}
.cookie-banner{background:#fffdfa;border-color:var(--line);box-shadow:0 12px 65px #352b1c33}
.cookie-banner h2{padding-left:52px;min-height:44px;background:url('../images/brand-identity/icon-64x64.png') no-repeat left top / 42px 42px}
.cookie-banner p{color:var(--muted)}
.cookie-banner a,.cookie-dialog a{color:#80501e}
.cookie-close,.cookie-actions>.text-button{color:var(--ink)}
.cookie-actions>.btn{background:#30372f;border-color:#30372f;color:#fff}
.cookie-dialog{background:#fffdfa}
.cookie-dialog::backdrop{background:#252a2788}
.cookie-option input{accent-color:#885019}
.skip-link{border-color:#885019}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#885019}
footer{background:#252a27;color:#f0e6d4}
.copyright{color:#cfc5b4}
footer :focus-visible,.story :focus-visible{outline-color:#edc98a}
@media(max-width:1100px){.brand-logo{width:250px}.menu{gap:10px;font-size:.8rem}.menu .btn{padding-inline:12px}}
@media(max-width:980px){.menu{font-size:1rem;top:112px;max-height:calc(100dvh - 122px)}.menu .btn{padding-inline:22px}}
@media(max-width:650px){.nav{height:92px}.brand-logo{width:220px}.hero{padding-top:130px}.page-header{padding-top:130px}.menu{top:92px;max-height:calc(100dvh - 102px)}section{scroll-margin-top:102px}.brand-footer{width:280px}}
@media(max-width:360px){.brand-logo{width:200px}.nav{gap:8px}}