@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#10213d;--blue:#165dfa;--ice:#eff7ff;--line:#d7e2ee;--muted:#59697d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#ffffffed;position:absolute;top:0;width:100%;z-index:20;border-bottom:1px solid #10213d15}.brand{font-size:25px;letter-spacing:-1.3px;font-weight:650;white-space:nowrap}.brand span{color:var(--blue)}nav{display:flex;align-items:center;gap:36px;font-size:13px}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid #bac8dc;border-radius:30px;padding:13px 21px}.nav-cta span{margin-left:25px}.menu-toggle{display:none}.hero{padding:135px 5% 0;min-height:850px;height:100svh;max-height:1200px;overflow:hidden;background:radial-gradient(ellipse at 87% 55%,#dcefff 0,transparent 48%),#fafcfe}.hero-top,.hero-bottom,.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{height:6px;width:6px;border-radius:50%;background:var(--blue)}.edition{color:var(--muted)}.hero-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:calc(100% - 110px);position:relative}.hero h1{font-size:clamp(76px,7.8vw,132px);line-height:.98;letter-spacing:-.075em;margin:35px 0 25px;font-weight:500;position:relative;z-index:2}em{font-style:normal;color:var(--blue)}.hero-copy p{font-size:17px;line-height:1.6;max-width:365px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:36px;align-items:center;background:var(--blue);color:#fff;padding:18px 24px;border-radius:3px;font-size:12px}.button:hover{background:#1049cd}.button span{font-size:20px}.hero-bottom{border-top:1px solid var(--line);height:70px;align-items:center}.hero-bottom a{letter-spacing:0;color:var(--muted);font-weight:400;font-size:12px}.hero-bottom a span{margin-left:25px}.sculpture{position:relative;width:100%;height:520px;transform:translateY(var(--orb-offset,0px));will-change:transform}.orbital{position:absolute;left:50%;top:50%;border-radius:50%;background:linear-gradient(130deg,#f4fbff 3%,#7ecbff 22%,#2a88ef 42%,#0649b9 64%,#9bdfff 90%);box-shadow:inset -12px -15px 22px #003e9d66,inset 10px 10px 20px #ffffff9c,20px 40px 45px #2777c227}.orbital-one{width:410px;height:410px;transform:translate(-50%,-50%) rotate(-28deg) scaleX(.66);border:55px solid #9bdfff; background:transparent;border-color:#b0e4ff #3699ed #1267ce #81ceff;box-shadow:inset 12px 4px 16px #174fa15c,12px 20px 28px #2a7fc638}.orbital-two{width:410px;height:410px;transform:translate(-50%,-50%) rotate(38deg) scaleX(.66);border:55px solid;border-color:#b6e6ff #3189de #0c59bd #81caff;background:transparent}.orbital-three{width:410px;height:410px;transform:translate(-50%,-50%) rotate(95deg) scaleX(.66);border:55px solid;border-color:#d6f1ff #61b8f6 #1460bd #8ed4ff;background:transparent}.orb-core{position:absolute;width:122px;height:122px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#eefbff,#8ad3ff 25%,#237bd2 62%,#083e92);box-shadow:15px 25px 35px #1259b048}.graphic-label{position:absolute;bottom:0;left:15%;font-size:9px;letter-spacing:2px;color:#6385a5}.graphic-cross{position:absolute;right:4%;top:5%;color:#6393bc;font-size:25px;font-weight:400}.section{padding:90px 7%;scroll-margin-top:0}.section-label{padding-bottom:45px;gap:20px}.section-label span:last-child{color:var(--muted)}h2{font-size:clamp(44px,5.6vw,86px);font-weight:500;line-height:1.06;letter-spacing:-.065em;margin:35px 0 50px}.value{padding-top:85px;padding-bottom:110px}.value h2 span{color:#9ab6d0}.value-bottom{display:grid;grid-template-columns:1fr 1.3fr 1.4fr;gap:50px;padding-top:25px}.value-bottom p{font-size:17px;line-height:1.65;margin:0}.value-bottom p:last-child{font-size:15px;color:var(--muted)}.mini-symbol{font-size:72px;color:var(--blue);line-height:1}.services{background:var(--ink);color:#fff}.services .section-label{border-bottom:1px solid #ffffff25}.services .section-label span:last-child{color:#9bb0ca}.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:45px}.services-intro{position:sticky;top:60px;align-self:start}.services-intro h2{margin-top:0}.services-intro em{color:#69c7ff}.services-intro p{font-size:15px;line-height:1.7;color:#adc0d8}.service-counter{display:flex;gap:16px;align-items:baseline;margin-top:65px;color:#7390af}.service-counter span:first-child{font-size:65px;letter-spacing:-4px;color:#69c7ff}.service-counter span:last-child{font-size:13px}.service-card{position:relative;padding:25px 0 45px;border-bottom:1px solid #ffffff30;margin-bottom:40px}.card-number{font-size:10px;letter-spacing:1.6px;color:#9eb5d0}.service-icon{position:absolute;right:5px;top:17px;color:#69c7ff;font-size:40px}.service-card h3{font-size:38px;line-height:1.1;letter-spacing:-1.7px;font-weight:450;margin:65px 0 22px}.service-card p{font-size:16px;line-height:1.65;color:#adbed2;max-width:370px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.tags span{border:1px solid #ffffff30;border-radius:25px;padding:8px 12px;font-size:10px;color:#c2d1e3}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading h2{font-size:58px}.section-heading>p{font-size:14px;line-height:1.6;max-width:320px;color:var(--muted);margin-bottom:55px}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.example-art{height:250px;background:var(--ice);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:27px}.example-type{font-size:9px;letter-spacing:1.2px;color:var(--blue);font-weight:600}.example h3{font-size:29px;line-height:1.15;font-weight:500;letter-spacing:-1px;margin:15px 0}.example p{font-size:14px;line-height:1.7;color:var(--muted);max-width:300px}.document{position:absolute;width:100px;height:125px;border-radius:5px;background:linear-gradient(#ffffff,#e6f2ff);border:1px solid #c5dfff;box-shadow:0 15px 25px #2965a51a}.document:after{content:'';position:absolute;inset:25px 18px;background:repeating-linear-gradient(transparent 0 12px,#a4c9ef 12px 14px)}.d1{transform:translateX(-45px) rotate(-14deg)}.d2{transform:translateX(15px) rotate(12deg)}.d3{transform:translate(0,20px) rotate(-2deg)}.art-knowledge>span{position:absolute;right:40px;bottom:35px;border-radius:50%;background:var(--blue);color:white;padding:12px 17px;font-size:25px}.art-flow{background:#dbeeff;gap:10px}.art-flow span{width:58px;height:58px;display:grid;place-items:center;border:1px solid #9bc3ec;border-radius:13px;background:#f7fbff;color:var(--blue);font-size:15px;box-shadow:0 12px 20px #1c5eaa13}.art-flow span:last-child{background:var(--blue);color:white;font-size:25px}.art-flow i{width:20px;height:1px;background:#7da9db}.art-creative{background:#e9f4ff}.art-creative div{position:absolute;width:120px;height:150px;border-radius:65px;background:linear-gradient(135deg,#a6e4ff,#2680e3 65%,#1547a3);transform:rotate(-30deg);box-shadow:10px 20px 20px #1d67b120}.art-creative div:first-child{transform:translateX(-65px) rotate(-30deg)}.art-creative div:last-child{transform:translateX(65px) rotate(-30deg)}.demo-note{font-size:11px;color:#758397;margin-top:35px}.method{background:var(--ice)}.method h2 span{color:#81a4c5}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:80px}.method-grid article{border-top:1px solid #b9cfe4;padding-top:20px}.method-grid article>span{font-size:11px;color:var(--blue)}.method-grid h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin:40px 0 16px}.method-grid p{font-size:14px;line-height:1.65;color:var(--muted);max-width:220px}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.studio-art{background:#e4f2ff;height:550px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.studio-art>span{font-size:200px;letter-spacing:-20px;color:var(--blue);z-index:1}.studio-ring{position:absolute;width:470px;height:470px;border:1px solid #a6cff4;border-radius:50%;transform:translate(60px,-80px)}.studio-ring:after{content:'';position:absolute;inset:35px;border:1px solid #b6dafa;border-radius:50%}.studio-art small{position:absolute;left:30px;bottom:30px;font-size:9px;letter-spacing:2px;line-height:1.8;color:#6285a8}.studio-copy h2{font-size:58px;margin-top:0;margin-bottom:30px}.studio-copy>p{font-size:15px;line-height:1.8;color:var(--muted)}.studio-note{display:block;font-size:11px;line-height:1.7;color:#8593a5;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.contact{background:var(--blue);color:white;padding-bottom:80px}.contact .section-label span:last-child{color:#bcd8ff}.contact h2{font-size:clamp(62px,8.2vw,125px);margin:55px 0}.contact em{color:#99d7ff}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom>p{color:#d4e4ff;font-size:15px;line-height:1.6}.contact-status{display:flex;align-items:center;gap:25px}.contact-arrow{font-size:45px}.contact-status p{font-size:22px;letter-spacing:-.5px}.contact-status small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#c9deff;margin-top:12px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>.brand{font-size:21px}footer>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}::selection{background:#b5dfff;color:#10213d}
@media(min-width:1500px){.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){.hero{min-height:780px}.hero h1{font-size:85px}.orbital{width:330px;height:330px;border-width:45px}.sculpture{height:440px}.section{padding:70px 5%}.section-label{font-size:9px;letter-spacing:1px}.services-layout{gap:7%}.section-heading h2,.studio-copy h2{font-size:46px}.example-art{height:210px}.studio-art{height:460px}.value-bottom{gap:25px;grid-template-columns:.5fr 1fr 1.3fr}.method-grid{gap:20px}.method-grid h3{font-size:22px}footer>span:nth-child(2){display:none}}
@media(max-width:700px){header{height:78px;padding:0 6%}.brand{font-size:23px}.menu-toggle{display:block;border:0;background:none;font-size:23px;color:var(--ink);padding:10px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px 6%;background:white;box-shadow:0 20px 30px #10213d12;align-items:stretch;gap:22px}nav.open{display:flex;flex-direction:column}.nav-cta{align-self:start}.hero{padding:110px 6% 0;height:auto;min-height:0;max-height:none}.hero-top .edition{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.hero-body{display:flex;flex-direction:column;align-items:stretch;height:auto}.hero h1{font-size:76px;margin-top:40px}.hero-copy p{font-size:15px;max-width:310px}.button{font-size:11px;padding:15px 18px}.sculpture{height:360px;margin:5px 0 10px}.orbital{width:285px;height:285px;border-width:40px}.orb-core{width:90px;height:90px}.graphic-label{left:0;bottom:5px;font-size:8px}.graphic-cross{right:2%;top:15%}.hero-bottom{font-size:8px;height:65px;letter-spacing:.5px}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:10px}.hero-bottom a span{margin-left:10px}.section{padding:60px 6%}.section-label{font-size:8px;padding-bottom:25px}.section-label>span:last-child{display:none}h2{font-size:47px;margin:25px 0 35px}.value-bottom{grid-template-columns:1fr;gap:22px}.mini-symbol{font-size:45px}.value-bottom p{font-size:17px}.value-bottom p:last-child{font-size:14px}.services-layout{grid-template-columns:1fr;padding-top:30px;gap:15px}.services-intro{position:static}.services-intro h2{font-size:57px;margin-bottom:25px}.service-counter{display:none}.services-intro p{font-size:14px;margin-bottom:35px}.service-card{margin-bottom:15px;padding-bottom:30px}.service-card h3{font-size:33px;margin-top:45px}.service-card p{font-size:14px}.section-heading{display:block}.section-heading h2{font-size:44px}.section-heading>p{margin-bottom:35px;font-size:13px}.examples{grid-template-columns:1fr;gap:30px}.example-art{height:250px;margin-bottom:22px}.example h3{font-size:29px}.example p{max-width:100%}.method h2{font-size:43px}.method-grid{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:45px}.method-grid h3{font-size:22px;margin-top:25px}.method-grid p{font-size:13px}.studio-layout{grid-template-columns:1fr;gap:35px}.studio-art{height:350px}.studio-art>span{font-size:160px}.studio-copy h2{font-size:49px}.studio-copy p{font-size:14px}.contact h2{font-size:57px;margin-top:35px}.contact-bottom{align-items:start;flex-direction:column;gap:15px}.contact-status{gap:15px}.contact-status p{font-size:20px}.contact-status small{max-width:230px;line-height:1.5}footer{flex-direction:column;align-items:start;padding:30px 6%;gap:16px}.js .reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.sculpture{transform:none!important}}

/* Iride cinetica — proposta selezionata */
.sculpture>svg{width:100%;height:100%;overflow:visible}.sculpture .modern-spin{transform-origin:250px 190px;animation:irisSpin 24s linear infinite}.sculpture .petal{transform-origin:250px 190px;animation:irisPetal 8s ease-in-out infinite}@keyframes irisSpin{to{transform:rotate(360deg)}}@keyframes irisPetal{50%{transform:rotate(45deg) scale(.7,1.2)}}@media(prefers-reduced-motion:reduce){.sculpture .modern-spin,.sculpture .petal{animation:none}}
/* Micro animazioni degli scenari */
.example-art .d1{animation:archiveGatherLeft 7s ease-in-out infinite}.example-art .d2{animation:archiveGatherRight 7s ease-in-out infinite}.example-art .d3{animation:archiveGatherFront 7s ease-in-out infinite}.art-knowledge>span{animation:archiveAnswer 7s ease-in-out infinite}
.art-flow span{animation:flowStep 6s ease-in-out infinite}.art-flow span:nth-of-type(2){animation-delay:1.1s}.art-flow span:nth-of-type(3){animation-delay:2.2s}.art-flow i{position:relative;overflow:hidden}.art-flow i:after{content:'';position:absolute;inset:0;background:#165dfa;transform:translateX(-100%);animation:flowTransfer 6s ease-in-out infinite}.art-flow i:nth-of-type(2):after{animation-delay:1.1s}
.art-creative div:first-child{animation:creativeLeft 8s ease-in-out infinite}.art-creative div:nth-child(2){animation:creativeCenter 8s ease-in-out infinite}.art-creative div:last-child{animation:creativeRight 8s ease-in-out infinite}
@keyframes archiveGatherLeft{0%,20%,100%{transform:translateX(-45px) rotate(-14deg)}45%,70%{transform:translate(-10px,-3px) rotate(-4deg)}}
@keyframes archiveGatherRight{0%,20%,100%{transform:translateX(15px) rotate(12deg)}45%,70%{transform:translate(8px,2px) rotate(3deg)}}
@keyframes archiveGatherFront{0%,20%,100%{transform:translate(0,20px) rotate(-2deg)}45%,70%{transform:translate(0,10px) rotate(0)}}
@keyframes archiveAnswer{0%,40%,100%{transform:scale(1)}55%,65%{transform:scale(1.08);box-shadow:0 0 0 8px #165dfa0d}}
@keyframes flowStep{0%,12%,45%,100%{transform:translateY(0)}22%,32%{transform:translateY(-5px);box-shadow:0 14px 24px #165dfa26}}
@keyframes flowTransfer{0%,12%{transform:translateX(-100%)}24%,34%{transform:translateX(0)}46%,100%{transform:translateX(100%)}}
@keyframes creativeLeft{0%,15%,100%{transform:translateX(-65px) rotate(-30deg)}45%,65%{transform:translate(-78px,-8px) rotate(-42deg)}}
@keyframes creativeCenter{0%,15%,100%{transform:rotate(-30deg)}45%,65%{transform:translateY(-9px) rotate(-15deg)}}
@keyframes creativeRight{0%,15%,100%{transform:translateX(65px) rotate(-30deg)}45%,65%{transform:translate(78px,5px) rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.example-art div,.example-art span,.example-art i:after{animation:none!important}}
/* Etichette dei servizi: leggibilità */
.tags{gap:10px}.tags span{font-size:13px;line-height:1.4;padding:10px 15px;color:#e1ebf7;border-color:#ffffff50}
.studio-photo{height:auto;aspect-ratio:4/5;background:#e5edf2}.studio-photo img{display:block;width:100%;height:100%;object-fit:cover}
/* Comparsa separata della parte colorata dei titoli */
.js h1 em,.js h2 em,.js h2>span{opacity:0;transition:opacity 1.2s ease .25s}
.js h1.title-in-view em,.js h2.title-in-view em,.js h2.title-in-view>span{opacity:1}
@media(prefers-reduced-motion:reduce){.js h1 em,.js h2 em,.js h2>span{opacity:1;transition:none}}

/* Il movimento interattivo è gestito insieme al colore. */
.sculpture .modern-spin,.sculpture .petal{animation:none}
.sculpture>svg{will-change:transform}
.sculpture .modern-spin,.sculpture .petal{transform-origin:0 0}
/* Marchio: Space Grotesk, blu polvere */
.brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500}.brand span{color:#6c9fc5}

/* Palette delicata: blu polvere, celeste e inchiostro */
:root{--blue:#527b9d}
.button:hover{background:#426784}
.contact{background:#527b9d}
.contact em{color:#d6e9f5}
.contact .section-label span:last-child{color:#e0ebf3}
.contact-bottom>p,.contact-status small{color:#e4edf4}
.value h2 span{color:#6f91ad}.method h2 span{color:#6f91ad}
.services-intro em,.service-counter span:first-child,.service-icon{color:#9ac9e5}
.example-art .art-accent{color:var(--blue)}
.art-flow i:after{background:#527b9d}
@keyframes archiveAnswer{0%,40%,100%{transform:scale(1)}55%,65%{transform:scale(1.08);box-shadow:0 0 0 8px #527b9d0d}}
@keyframes flowStep{0%,12%,45%,100%{transform:translateY(0)}22%,32%{transform:translateY(-5px);box-shadow:0 14px 24px #527b9d26}}
.art-creative div{background:linear-gradient(135deg,#c2e6f5,#83b6d5 65%,#527b9d)}
/* Iride leggermente più ampia, senza spostare etichetta e impaginazione. */
.sculpture>svg{scale:1.15;transform-origin:center}

/* Immagini editoriali: respiro leggero, senza ritagli variabili. */
.generated-art{background:#eef5fa}.generated-art img{display:block;width:100%;height:100%;object-fit:cover;animation:editorialBreath 12s ease-in-out infinite;transform-origin:center}.example:nth-child(2) .generated-art img{animation-delay:-4s}.example:nth-child(3) .generated-art img{animation-delay:-8s}@keyframes editorialBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.generated-art img{animation:none}}
/* Tavolo dall’alto: immagine e testo condividono la stessa altezza. */
.studio-layout{grid-template-columns:1.6fr 1fr;gap:6%;align-items:stretch}.studio-photo{position:relative;aspect-ratio:auto;min-height:0}.studio-photo img{position:absolute;inset:0;object-fit:cover}.studio-copy h2{font-size:clamp(38px,3.3vw,52px)}.studio-copy>p{font-size:14px;line-height:1.7}
@media(max-width:700px){.studio-layout{grid-template-columns:1fr;gap:30px}.studio-photo{aspect-ratio:3/2}.studio-copy h2{font-size:49px}}
@media(min-width:701px) and (max-width:1000px){.studio-copy h2{font-size:34px;margin-bottom:20px}.studio-copy>p{font-size:13px;line-height:1.6;margin:12px 0}.studio-copy .studio-note{font-size:10px;line-height:1.5;margin-top:18px;padding-top:15px}}
/* Mobile: iride più alta e spazio libero sopra il divisore. */
@media(max-width:700px){.sculpture{margin-top:-20px;margin-bottom:30px;transform:none}.sculpture>svg{position:relative;top:-15px}}
/* Video collegato allo scroll: cinque secondi lungo una sezione ferma. */
.value-scroll{position:relative;height:190vh}.value-scroll .value{position:sticky;top:0;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.value-video,.value-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.value-video{object-fit:cover}.value-shade{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.83) 45%,rgba(255,255,255,.42));}.value-scroll .value>.section-label,.value-scroll .value>h2,.value-scroll .value>.value-bottom{position:relative;z-index:1}.value-scroll .value h2 span{color:#527b9d}.value-scroll .value-bottom p:last-child{color:#344b62}
@media(max-width:700px){.value-scroll{height:210vh}.value-scroll .value{min-height:100svh;padding-top:40px;padding-bottom:40px}.value-shade{background:rgba(255,255,255,.87)}.value-scroll h2{font-size:43px}.value-scroll .value-bottom{gap:16px}.value-scroll .mini-symbol{font-size:32px}}
@media(prefers-reduced-motion:reduce){.value-scroll{height:auto}.value-scroll .value{position:relative}.value-video{opacity:.45}}
/* Sequenza ottimizzata e percorso più breve per lo scroll. */
.value-scroll{height:150vh}
@media(max-width:700px){.value-scroll{height:160vh}}
@media(prefers-reduced-motion:reduce){.value-scroll{height:auto}}
/* Riproduzione autonoma: la sezione scorre normalmente. */
.value-scroll{height:auto}.value-scroll .value{position:relative;top:auto;min-height:0;display:block}
@media(max-width:700px){.value-scroll{height:auto}.value-scroll .value{min-height:0;padding-top:60px;padding-bottom:60px}}
/* Mantieni l’intera inquadratura del video, senza tagliare le persone. */
.value-scroll .value{background:#f7f8f8}.value-video{object-fit:contain;object-position:center}
/* Desktop: il blocco coincide con le proporzioni native del video. */
@media(min-width:701px){.value-scroll .value{aspect-ratio:16/9;min-height:0;padding:clamp(24px,4vw,70px) 5%;display:flex;flex-direction:column;justify-content:center}.value-scroll .section-label{padding-bottom:clamp(12px,2vw,30px)}.value-scroll h2{font-size:clamp(38px,5vw,80px);margin:clamp(12px,2vw,30px) 0}.value-scroll .value-bottom{padding-top:12px;gap:30px}.value-scroll .value-bottom p{font-size:clamp(13px,1.2vw,17px);line-height:1.5}.value-scroll .value-bottom p:last-child{font-size:clamp(12px,1.05vw,15px)}.value-scroll .mini-symbol{font-size:55px}}
/* Il canvas resta visibile fra i fotogrammi, senza cambi di sorgente. */
.value-video .value-poster,.value-video canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.value-video canvas{opacity:0}.value-video canvas.ready{opacity:1}
/* Testo vicino alla freccia e fondale leggermente più presente. */
@media(min-width:701px){.value-scroll .value-bottom{grid-template-columns:.35fr 1.95fr 1.4fr;gap:24px}}
.value-shade{background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,255,255,.72) 45%,rgba(255,255,255,.32))}
@media(max-width:700px){.value-shade{background:rgba(255,255,255,.8)}}
/* Link alle future pagine di approfondimento. */
.tags a{display:inline-flex;align-items:center;gap:15px;border:1px solid #ffffff50;border-radius:25px;padding:10px 15px;font-size:13px;line-height:1.4;color:#e1ebf7;transition:background .22s,border-color .22s,color .22s,transform .22s}.tags a>span{border:0;padding:0;color:inherit;font-size:16px;line-height:1;transition:transform .22s}.tags a:hover{background:#d8ebf7;border-color:#d8ebf7;color:#10213d;transform:translateY(-2px)}.tags a:hover>span{transform:translate(2px,-2px)}.tags a:focus-visible{outline:2px solid #b5ddf5;outline-offset:4px}.tags a:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.tags a,.tags a>span{transition:none;transform:none!important}}
/* Prova pulsanti pieni in celeste, con testo più leggibile. */
.tags{gap:12px}.tags a{background:#9ac9e5;border-color:#9ac9e5;color:#10213d;font-size:15px;font-weight:500;padding:14px 20px;gap:20px;border-radius:30px;min-height:50px}.tags a>span{font-size:20px}.tags a:hover{background:#c1e1f3;border-color:#c1e1f3;color:#10213d;box-shadow:0 6px 18px #00000014}.tags a:focus-visible{outline-color:#e5f4ff}
/* Prova geometrica: pulsanti rettangolari. */
.tags a{border-radius:3px}
.service-title-link{transition:color .2s}.service-title-link:hover{color:#9ac9e5}.service-title-link:focus-visible{outline:2px solid #9ac9e5;outline-offset:6px}
/* Navigazione condivisa: visibile risalendo, servizi espandibili. */
header.site-header{position:fixed;transition:transform .28s ease,box-shadow .28s ease;background:#fffffff5;backdrop-filter:blur(12px)}.site-header.is-hidden{transform:translateY(-100%)}.site-header.is-scrolled{box-shadow:0 5px 25px #10213d08}.services-menu{position:relative}.services-trigger{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--ink);font-size:13px;padding:14px 0;cursor:pointer}.services-trigger:hover,.services-trigger.is-current{color:#527b9d}.services-trigger.is-current:after{content:'';width:4px;height:4px;border-radius:50%;background:#527b9d}.services-dropdown{position:absolute;top:calc(100% + 12px);left:-22px;width:310px;padding:12px;background:white;border:1px solid #d7e2ee;box-shadow:0 18px 50px #10213d16;border-radius:3px}.services-dropdown[hidden]{display:none}.services-dropdown>a{display:flex;justify-content:space-between;gap:16px;padding:16px 12px;font-size:13px;line-height:1.4}.services-dropdown>a:hover,.services-dropdown>a.current-area{background:#eff7ff;color:#527b9d}.services-dropdown .all-services{font-size:11px;color:#718196;border-bottom:1px solid #e1eaf2;margin-bottom:6px}.services-trigger:focus-visible,.services-dropdown a:focus-visible{outline:2px solid #527b9d;outline-offset:4px}.breadcrumb{position:static;display:flex;box-shadow:none;padding:0;background:none;align-items:center}.breadcrumb a:hover{text-decoration:underline}
@media(max-width:700px){.site-header nav[aria-label="Menu principale"]{max-height:calc(100svh - 78px);overflow-y:auto}.services-trigger{font-size:16px;width:100%;justify-content:space-between}.services-dropdown{position:static;width:100%;margin-top:10px;box-shadow:none}.services-dropdown>a{font-size:14px}.breadcrumb{display:flex!important;position:static!important;background:none!important;padding:0!important;box-shadow:none!important;font-size:10px}}
@media(prefers-reduced-motion:reduce){header.site-header{transition:none}}
/* Navigazione più leggibile e comoda da usare. */
.site-header nav[aria-label="Menu principale"]{font-size:16px;gap:32px}.site-header nav[aria-label="Menu principale"]>a{padding-top:14px;padding-bottom:14px}.site-header .services-trigger{font-size:16px;padding:16px 0}.site-header .nav-cta{padding-left:23px;padding-right:23px}.site-header .services-dropdown>a{font-size:16px;padding:17px 14px}.site-header .services-dropdown .all-services{font-size:13px}.site-header .services-dropdown{width:345px}
@media(max-width:700px){.site-header nav[aria-label="Menu principale"]{font-size:18px;gap:14px}.site-header .services-trigger{font-size:18px}.site-header .services-dropdown{width:100%}.site-header .services-dropdown>a{font-size:16px}.site-header nav[aria-label="Menu principale"]>a{padding-top:12px;padding-bottom:12px}}