
/* DigiDentale 3.6 — Hero fotografici full-viewport (solo pagine interne).
   Non altera homepage, contenuti sottostanti, icone, tipografia o palette. */
.dd-cinematic-hero {
  position:relative; isolation:isolate; width:100%;
  min-height: max(665px, calc(100svh - 72px));
  display:flex; align-items:center; overflow:hidden; color:#fff;
  background:#102f33;
}
.dd-cinematic-photo, .dd-cinematic-shade {position:absolute;inset:0;z-index:-2}
.dd-cinematic-photo img {width:100%;height:100%;object-fit:cover;object-position:var(--dd-hero-focus,center);display:block;}
.dd-cinematic-shade {z-index:-1;background:
  linear-gradient(90deg,rgba(5,31,35,.96) 0%,rgba(8,40,44,.92) 25%,rgba(8,39,43,.75) 43%,rgba(9,43,46,.38) 66%,rgba(10,44,45,.12) 100%),
  linear-gradient(0deg,rgba(3,29,33,.40),transparent 24%);
}
.dd-cinematic-inner {width:min(1510px,100%);padding:110px clamp(25px,3.3vw,55px) 120px;margin:0 auto;position:relative;z-index:1}
.dd-cinematic-content {max-width:850px;}
.dd-cinematic-brand {display:block;font:650 12px/1.5 'Clear Sans',Arial,sans-serif;letter-spacing:.25em;color:#b7d9d5;margin-bottom:33px;}
.dd-cinematic-brand span{color:#77aba6;margin:0 10px}
.dd-cinematic-h1 {font-family:'Clear Sans',Arial,sans-serif;letter-spacing:.012em;font-size:clamp(17px,1.45vw,20px);line-height:1.45;font-weight:650;color:#fff;margin:0 0 19px;}
.dd-cinematic-h1::before{content:'';display:inline-block;vertical-align:middle;width:28px;height:1px;margin-right:13px;background:#a4d9d1;}
.dd-cinematic-display {font-family:'Berenis ADF Pro',Georgia,'Times New Roman',serif;font-size:clamp(54px,5.2vw,86px);font-weight:400;line-height:1.05;letter-spacing:-.045em;color:#fff;margin:0 0 29px;max-width:850px;text-wrap:balance;}
.dd-cinematic-display>span,.dd-cinematic-display>em{display:block;}
.dd-cinematic-display em {font-style:italic;color:#bfe2d9;font-weight:400}
.dd-cinematic-intro {font:400 clamp(17px,1.4vw,20px)/1.7 'Clear Sans','Helvetica Neue',Arial,sans-serif!important;color:#eff8f6!important;max-width:530px;margin:0 0 30px;}
.dd-cinematic-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.dd-cinematic-btn {min-height:53px;padding:0 25px;background:#fff!important;border:1px solid #fff;border-radius:5px!important;color:#0b4545!important;font-family:'Clear Sans',Arial,sans-serif;font-size:16px!important;font-weight:700;line-height:1.35;box-shadow:0 10px 22px rgba(0,0,0,.13);}
.dd-cinematic-btn:hover {background:#d9f0e9!important;border-color:#d9f0e9;filter:none;}
.dd-cinematic-btn .dd-svg {width:19px;height:19px}



#dd-page-content{scroll-margin-top:20px}
@media (max-width:1100px) {
 .dd-cinematic-inner {padding:90px clamp(25px,3.3vw,55px) 112px}
 .dd-cinematic-display {font-size:clamp(53px,6.25vw,76px)}

.dd-cinematic-shade{background:linear-gradient(90deg,rgba(6,31,34,.97) 0%,rgba(6,34,37,.86) 42%,rgba(6,34,37,.30) 100%),linear-gradient(0deg,rgba(3,25,28,.36),transparent 28%)}
}
@media (max-width:760px) {
 .dd-cinematic-hero {min-height:max(670px,calc(100svh - 64px));align-items:flex-end}
 .dd-cinematic-photo img {object-position:var(--dd-hero-focus,center)}
 .dd-cinematic-shade {background:linear-gradient(0deg,rgba(4,32,35,.98) 0%,rgba(6,39,42,.94) 32%,rgba(6,36,39,.73) 57%,rgba(6,34,38,.26) 100%)}
 .dd-cinematic-inner {padding:190px 20px 103px;min-height:670px;display:flex;align-items:flex-end}
 .dd-cinematic-content {width:100%;max-width:540px}
 .dd-cinematic-brand {font-size:10px;margin-bottom:17px;letter-spacing:.21em}
 .dd-cinematic-h1 {font-size:16px;line-height:1.5;margin-bottom:17px;font-weight:650}
 .dd-cinematic-h1::before {width:18px;margin-right:10px}
 .dd-cinematic-display {font-size:clamp(43px,10.2vw,61px);line-height:1.065;margin:0 0 22px;letter-spacing:-.04em}
 .dd-cinematic-intro {font-size:16.5px!important;line-height:1.6!important;max-width:470px;margin-bottom:25px}
 .dd-cinematic-btn {font-size:15.5px!important;min-height:52px;padding:0 20px}

}
@media(max-width:370px) {
 .dd-cinematic-inner{padding-top:150px;padding-bottom:92px}
 .dd-cinematic-display{font-size:clamp(38px,10vw,44px)}
 .dd-cinematic-intro{font-size:15.5px!important}
 .dd-cinematic-brand{margin-bottom:13px}
 .dd-cinematic-h1{font-size:15px;margin-bottom:13px}

}
@media (prefers-reduced-motion:reduce) {.dd-cinematic-hero * {scroll-behavior:auto!important;}}
