/* Da service-1.css */
/* Shared digital-service typography and workflow framing. */
:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .hero-copy>.hero-eyebrow{font-size:26px;line-height:1.3;max-width:697px}
:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:76px;line-height:1.12;max-width:760px}
:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .why{min-height:880px;padding-top:110px}
@media(max-width:1200px){:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:clamp(54px,5.3vw,76px)}}
@media(max-width:800px){:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .hero-copy>.hero-eyebrow{font-size:23px}:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:clamp(42px,6.7vw,58px)}:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .why{min-height:0;padding-top:70px}}
@media(max-width:560px){:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .hero-copy>.hero-eyebrow{font-size:21px}:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:clamp(30px,8.5vw,44px)}:is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .why{padding-top:48px}}

/* Fit portrait and landscape workflow assets inside the same glass wrapper. */
@media(min-width:561px){
 :is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .workflow-visual{container-type:size;padding-bottom:64px}
 :is([data-service="service-1"],[data-service="service-4"],[data-service="service-5"],[data-service="service-6"]) .morph-frame{width:min(84%,calc((100cqh - 32px) * var(--media-ratio,1.4325)));flex-shrink:0}
}

/* Avatar and immersive titles use the same rhythm with a longer first line. */
:is([data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:68px;max-width:840px}
:is([data-service="service-5"],[data-service="service-6"]) .hero-actions .demo{width:auto;min-width:246px}
@media(max-width:1200px){:is([data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:clamp(50px,5.3vw,68px)}}
@media(max-width:800px){:is([data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:clamp(40px,6.7vw,56px)}}
@media(max-width:560px){:is([data-service="service-5"],[data-service="service-6"]) .hero-copy h1{font-size:clamp(30px,8.5vw,44px)}:is([data-service="service-5"],[data-service="service-6"]) .hero-actions .demo{min-width:210px}}

/* Da print-pages.css (senza le regole .example-*) */
/* Shared print-division layout; page copy and assets live in content/*.js. */
[data-division="print"] .hero-copy>.hero-eyebrow{font-size:23px;line-height:1.4;letter-spacing:.04em;max-width:720px;margin-left:0}
[data-division="print"] .hero-copy h1{font-size:64px;line-height:1.15;max-width:830px}
[data-division="print"] .hero-copy>.hero-description{max-width:680px;line-height:1.4;margin-top:32px}
[data-division="print"] .hero-actions .demo{width:auto;min-width:220px}
[data-division="print"] .intro{height:auto;min-height:290px;padding-bottom:48px}
[data-division="print"] .why{min-height:900px;padding-top:110px}
[data-division="print"] .why-items{margin-top:275px;min-height:340px}
@media(max-width:1200px){[data-division="print"] .hero-copy h1{font-size:clamp(46px,5.4vw,64px)}}
@media(max-width:800px){
 [data-division="print"] .hero-copy h1{font-size:clamp(40px,6vw,54px)}
 [data-division="print"] .hero-copy>.hero-eyebrow{font-size:20px}
 [data-division="print"] .why{min-height:0;padding-top:70px}
 [data-division="print"] .why-items{margin-top:56px;min-height:0}
}
@media(max-width:560px){
 [data-division="print"] .hero-copy h1{font-size:clamp(32px,8.3vw,46px);max-width:100%}
 [data-division="print"] .hero-copy>.hero-eyebrow{font-size:17px}
 [data-division="print"] .intro{min-height:0;padding-bottom:32px}
 [data-division="print"] .why{padding-top:56px}
 [data-division="print"] .why-items{margin-top:56px;min-height:0}
}

/* Da image-case-studies.css */
/* Match the video case-study shell, format adaptation and top-left glass label. */
.example-gallery{position:relative;z-index:1;max-width:872px;width:calc(100% - 104px);margin:50px auto 0;overflow-anchor:none}
.example-panel{position:relative;--case-height:560px;width:min(100%,calc(var(--case-height) * var(--case-ratio,1.5)));margin-inline:auto;transition:width .36s cubic-bezier(.22,1,.36,1);padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.example-stage{position:relative;width:100%;aspect-ratio:var(--image-aspect);border:0;border-radius:0;overflow:hidden;background:transparent;transition:height .36s cubic-bezier(.22,1,.36,1)}
.example-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:opacity .36s ease}
.example-outgoing{z-index:1;pointer-events:none}
.example-label{position:absolute;top:14px;left:14px;right:14px;width:fit-content;max-width:calc(100% - 28px);z-index:2;border:1px solid #ffffff12;background:#12121266;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:5px 9px;color:#ffffffe0;font-size:11px;line-height:1.4;font-weight:400;text-align:left}
.example-pending:empty{display:none}
.example-gallery .video-tabs{margin-top:20px}
@media(max-width:800px){.example-gallery{margin-top:36px}}
@media(max-width:560px){.example-gallery{margin-top:30px}.example-panel{--case-height:62svh;width:min(100%,calc(var(--case-height) * var(--case-ratio,1.5)))}.example-label{top:10px;left:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.example-stage,.example-panel,.example-image{transition:none}}
/* Reserve the same display area for every format; navigation never follows the resizing frame. */
.example-gallery{--gallery-height:594px;display:grid;grid-template-rows:var(--gallery-height) auto;align-items:center}
.example-panel{grid-row:1}
.example-gallery .video-tabs{grid-row:2}
.example-previous,.example-next{top:calc(var(--gallery-height) / 2)}
.example-previous{left:-50px}.example-next{right:-50px}
@media(max-width:560px){.example-gallery{--gallery-height:calc(62svh + 18px)}.example-previous{left:-38px}.example-next{right:-38px}}