/* Digital Dept — global stylesheet (shared by all PHP pages) */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:auto}
body{background:#0E0D0C;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a.dd-txtlink{color:#0FA98C}
a.dd-txtlink:hover{color:#131211}
::selection{background:#0FA98C;color:#F2EEE7}
img{max-width:100%}

@keyframes ddMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ddScroll{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(14px);opacity:0}}
@keyframes ddSpin{to{transform:rotate(360deg)}}

/* clients logo wall */
.dd-client img{max-width:78%;max-height:44px;object-fit:contain;filter:brightness(0);opacity:.45;transition:opacity .3s,filter .3s}
.dd-client:hover img{opacity:.85}
.dd-client:hover{color:#131211 !important}

/* portfolio cards */
.dd-pcard{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.dd-pcard:hover{transform:translateY(-6px)}

/* contatti form controls */
.dd-input{width:100%;background:#fff;border:1.5px solid rgba(19,18,17,.16);border-radius:12px;padding:16px 18px;font-family:'Archivo',sans-serif;font-size:16px;color:#131211;transition:border-color .2s}
.dd-input:focus{outline:none;border-color:#0FA98C}
.dd-input::placeholder{color:#a49b8f}
.dd-chip{font-family:'Archivo',sans-serif;font-size:15px;font-weight:600;border:1.5px solid rgba(19,18,17,.18);background:transparent;color:#131211;border-radius:100px;padding:12px 20px;cursor:pointer;transition:all .2s}
.dd-chip[aria-pressed="true"]{background:#131211;color:#F2EEE7;border-color:#131211}
:focus-visible{outline:2px solid #0FA98C;outline-offset:3px}

@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}}

@media (max-width:900px){.dd-cgrid{grid-template-columns:1fr !important}}
@media (max-width:820px){
  .dd-hide-mobile{display:none !important}
  .dd-metagrid{grid-template-columns:1fr 1fr !important}
  .ddg{grid-template-columns:1fr !important}
  .ddg4{grid-template-columns:1fr 1fr !important}
  #dd-logo{height:46px !important}
  #dd-header{padding:13px 20px !important}
}


/* Fix richiesti Digital Dept */
#dd-top h1 { font-size: clamp(44px,7vw,112px) !important; }
#dd-top .dd-hero-card { font-size: 95%; }
@media (max-width:820px){
  #dd-top a[href="#dd-risultati"] { display:none !important; }
}
/* Logo: sempre il file nero, reso bianco pulito via CSS dove serve */
/* logo bianco = sempre file nero + invert via CSS (gia' applicato inline dove serve) */