/* Interactive Learning 01 · the Campo visual language, with project imagery. */
.breadcrumb{display:flex;align-items:center;gap:14px;font-size:13px;color:#65616c;padding:3px 0 22px}
.breadcrumb a:hover{color:var(--accent)}
.learning-page .hero{min-height:660px;display:grid;grid-template-columns:1.06fr 1fr;background:#f0f3f7}
.learning-page .hero:before{background:linear-gradient(90deg,#f7f7f4f5,#f7f7f4b3 48%,transparent 70%)}
.learning-page .hero-art{inset:-12%;mask-image:none;opacity:.35}
.learning-page .hero-art img{object-position:center;mix-blend-mode:normal}
.learning-hero-copy{position:relative;z-index:1;padding:62px 0 62px 60px;align-self:center}
.learning-page .hero h1{font-size:clamp(58px,4.5vw,105px);line-height:1.025;letter-spacing:-.065em;font-weight:500;margin:40px -20% 32px 0;max-width:none}
.learning-page .hero h1 span{display:inline;margin:0;color:#161616}
.learning-lead{font-size:22px;line-height:1.5;max-width:525px;letter-spacing:-.02em}
.learning-sublead{font-size:18px;color:#5d626c;max-width:480px;margin-top:16px;line-height:1.55}
.learning-actions{margin-top:42px;display:flex;flex-direction:column;align-items:start;gap:25px}
.learning-actions .line-cta{font-size:16px;width:330px}
.quiet-link{display:flex;align-items:center;gap:27px;font-size:14px;width:max-content}
.quiet-link span{font-size:23px;transition:transform .3s}.quiet-link:hover span{transform:translateY(4px)}
.learning-hero-media{position:relative;margin:26px 26px 26px 44px;overflow:hidden;isolation:isolate;border-radius:12px;align-self:stretch;min-width:0;background:#343d43}
.learning-hero-media>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:67% 50%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.learning-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#16161633);pointer-events:none}
.learning-hero-media figcaption{position:absolute;z-index:1;bottom:22px;left:22px;right:22px;color:white;background:#161616ad;backdrop-filter:blur(16px);border:1px solid #ffffff42;border-radius:7px}
.learning-hero-media figcaption a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;font-size:13px;line-height:1.5}
.learning-hero-media figcaption strong{font-size:17px;display:block;font-weight:550;margin-bottom:3px}
.learning-hero-media figcaption svg{width:26px;height:26px;flex:none}
.learning-trust{padding-block:37px 41px;display:flex;align-items:center;justify-content:space-between;gap:55px;border-bottom:1px solid var(--line)}
.learning-trust>p{color:var(--muted);font-size:14px;line-height:1.7}
.learning-trust strong{display:block;color:var(--ink);font-weight:550;font-size:18px}
.learning-logos{display:flex;align-items:center;gap:clamp(35px,4vw,90px)}
.learning-logos img{max-width:130px;height:46px;object-fit:contain;filter:grayscale(1) brightness(.65);opacity:.85}
.learning-logos .round-logo{height:78px;width:78px;filter:brightness(0);opacity:.62}.learning-logos img:last-child{max-width:156px;width:156px}

.learning-needs{display:grid;grid-template-columns:.86fr 1.14fr;gap:100px;padding-top:100px}
.needs-intro h2{font-size:clamp(36px,2.8vw,62px);margin-top:24px}
.needs-intro>p:last-child{color:var(--muted);font-size:18px;line-height:1.65;max-width:365px;margin-top:25px}
.needs-list{border-top:1px solid var(--line)}
.needs-list article{display:flex;gap:28px;padding:28px 0 30px;border-bottom:1px solid var(--line)}
.needs-list svg{width:30px;height:30px;flex:none;color:#62646a;margin-top:2px}
.needs-list h3{font-size:25px;letter-spacing:-.035em;font-weight:500;line-height:1.25;max-width:610px}
.needs-list p{font-size:18px;line-height:1.6;color:var(--muted);max-width:660px;margin-top:13px}
.learning-projects{padding-top:106px}
.learning-projects .projects-heading h2{font-size:clamp(36px,2.65vw,56px)}
.learning-projects .case-rail .case-panel.active{flex:4.7}
.learning-projects .case-panel{height:540px}
.learning-projects .case-panel:after{background:linear-gradient(180deg,#161616ad 0%,#1616167a 22%,#1616161f 46%,#161616b8 74%,#161616ed 100%)}
.learning-projects .case-body h3{max-width:720px}
.learning-projects .case-description{max-width:640px}
.learning-projects .case-panel--a2a .case-image img{object-position:64% center}
.learning-projects .case-panel--bmw .case-image img{object-position:57% center}
.learning-projects .case-panel--olivetti .case-image img{object-position:50% center}
.learning-projects .case-open svg{width:21px;height:21px}

.learning-solutions{padding-top:110px}
.learning-centered{text-align:center;max-width:860px;margin:auto}
.learning-centered h2{margin-top:22px}
.learning-centered>p:last-child{font-size:19px;color:var(--muted);margin-top:23px}
.format-tabs{display:flex;justify-content:center;gap:34px;margin:40px 0 30px}
.format-tab{display:flex;align-items:center;gap:32px;padding:12px 0 14px;border-bottom:2px solid #cfccd6;font-size:18px;color:#68626f;transition:color .3s,border-color .3s}
.format-tab svg{width:23px;height:23px;transition:transform .3s}
.format-tab:hover,.format-tab[aria-selected=true]{border-color:var(--accent);color:var(--ink)}
.format-tab:hover svg,.format-tab[aria-selected=true] svg{transform:translateX(4px);color:var(--accent)}
.format-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:1px solid #c9cbd1;border-radius:16px;overflow:hidden;background:#f4f5ff;min-height:520px}
.format-panel[hidden]{display:none}
.format-panel+.format-panel{margin-top:24px}.formats-enhanced .format-panel+.format-panel{margin-top:0}
.format-copy{padding:48px 48px 46px;background:linear-gradient(90deg,#ffffffe0,#ffffffa6),url('../campo-kpi-blu.webp') center/cover}
.format-copy h3{font-size:36px;font-weight:500;letter-spacing:-.05em;line-height:1.15;margin-top:22px}
.format-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#161616;margin-top:23px;max-width:510px}
.format-copy ul{list-style:none;margin:27px 0 30px;padding:0;font-size:16px;color:#161616}
.format-copy li{position:relative;padding-left:19px;margin:12px 0}
.format-copy li:before{content:'';position:absolute;left:0;top:.66em;width:5px;height:5px;border-radius:50%;background:#161616}
.format-copy .text-link{color:#161616;font-size:15px}
.format-game .format-copy{background-image:linear-gradient(90deg,#ffffffc9,#ffffff75),url('../campo-kpi-ambra.webp')}
.format-game .format-copy>p:not(.eyebrow),.format-game .format-copy ul{color:#514338}
.format-media{position:relative;min-height:420px;background:#161616;overflow:hidden}
.format-media>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:58% center}
.format-media p{position:absolute;bottom:0;left:0;right:0;color:white;padding:38px 27px 23px;font-size:14px;background:linear-gradient(transparent,#161616dc)}
.format-game .format-media>img{object-fit:contain;background:#d2d7da;object-position:center}
.formats-enhanced .format-panel:not([hidden]) .format-copy{animation:format-enter .45s ease-out both}
@keyframes format-enter{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:none}}

.learning-process{margin-top:112px;padding:62px 65px;display:grid;grid-template-columns:1.08fr 1fr;gap:100px;border-radius:18px;border:1px solid #282731;background:#101114;color:#f7f7f4;position:relative;overflow:hidden;isolation:isolate}
.learning-process:after{content:'';position:absolute;z-index:-1;width:430px;height:400px;left:-80px;bottom:-170px;background:radial-gradient(#1616162e,transparent 65%);pointer-events:none}
.process-intro .eyebrow{color:#a7b1ff;font-size:12px}
.process-intro h2{font-size:43px;margin-top:25px}
.process-intro>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#c8c5d1;max-width:540px;margin-top:25px}
.process-intro>.text-link{color:#a7b1ff;margin-top:32px}
.process-intro>.text-link:hover{color:#d8f238}
.process-steps{display:flex;flex-direction:column;justify-content:center}
.process-steps article{padding:25px 0 27px;border-top:1px solid #ffffff2b}
.process-steps article:first-child{padding-top:0;border-top:0}
.process-steps article:last-child{padding-bottom:0}
.process-steps h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.035em}
.process-steps p{font-size:17px;color:#c8c5d1;line-height:1.6;max-width:570px;margin-top:11px}
.learning-process a:focus-visible{outline-color:#d8f238}
.learning-page .faq-intro h2{max-width:540px}
.learning-page .contact-content h2{font-size:clamp(37px,3vw,62px)}
.learning-page .contact-content .line-cta{width:345px}

@media(hover:hover) and (pointer:fine){
 .learning-hero-media:hover>img{transform:scale(1.035)}
 .learning-logos img:hover{filter:grayscale(0);opacity:1}
 .needs-list article{transition:transform .3s}
 .needs-list article:hover{transform:translateX(5px)}
}
@media(min-width:2000px){
 .learning-page .hero{min-height:750px}
 .learning-hero-copy{padding:74px 0 74px 70px}
 .learning-page .hero h1{font-size:105px;margin-top:48px;margin-bottom:35px}
 .learning-lead{font-size:24px;max-width:590px}.learning-sublead{font-size:20px;max-width:510px}
 .learning-actions{margin-top:48px}.learning-actions .line-cta{font-size:18px;width:375px}
 .learning-hero-media{margin:30px 30px 30px 70px}
 .learning-hero-media figcaption a{font-size:15px;padding:23px 26px}.learning-hero-media figcaption strong{font-size:21px}
 .learning-trust{padding-block:43px 48px}.learning-trust>p{font-size:16px}.learning-trust strong{font-size:21px}
 .learning-logos img{height:50px;max-width:140px}.learning-logos .round-logo{height:84px;width:84px}
 .learning-needs{padding-top:120px;gap:130px}
 .needs-list h3{font-size:30px}.needs-list p{font-size:21px}.needs-intro>p:last-child{font-size:21px;max-width:430px}
 .needs-list article{padding:34px 0}.needs-list svg{width:36px;height:36px}
 .learning-projects{padding-top:125px}.learning-projects .case-panel{height:580px}
 .learning-solutions{padding-top:125px}.learning-centered>p:last-child{font-size:22px}
 .format-panel{min-height:600px}.format-copy{padding:64px 60px}.format-copy h3{font-size:45px}.format-copy>p:not(.eyebrow){font-size:21px;max-width:580px}.format-copy ul{font-size:19px}.format-copy .text-link{font-size:17px}
 .learning-process{padding:76px 80px;gap:130px;margin-top:125px}.process-intro h2{font-size:51px}.process-intro>p:not(.eyebrow){font-size:21px}.process-steps h3{font-size:29px}.process-steps p{font-size:20px}
}
@media(max-width:1350px){
 .learning-page .hero{min-height:610px}.learning-hero-copy{padding:45px 0 45px 40px}
 .learning-page .hero h1{font-size:clamp(53px,4.4vw,66px);margin:34px -14% 25px 0}
 .learning-lead{font-size:19px;max-width:420px}.learning-sublead{font-size:16px;max-width:360px}
 .learning-hero-media{margin:20px 20px 20px 30px}.learning-hero-media figcaption{left:14px;right:14px;bottom:14px}.learning-hero-media figcaption a{padding:16px;font-size:11px}.learning-hero-media figcaption strong{font-size:15px}
 .learning-actions .line-cta{font-size:14px;width:290px}.learning-actions{margin-top:34px}
 .learning-needs{gap:65px}.needs-list h3{font-size:23px}.needs-list p{font-size:17px}
 .learning-projects .case-panel{height:520px}.learning-projects .case-rail.is-enhanced .case-panel:not(.active) .case-select{font-size:16px;padding:25px 15px}.learning-projects .case-body{left:27px;right:27px}
 .format-copy{padding:35px 32px}.format-copy h3{font-size:32px}.format-copy>p:not(.eyebrow){font-size:17px}.format-copy ul{font-size:15px}.format-media{min-height:460px}
 .learning-process{padding:50px 44px;gap:65px}.process-intro h2{font-size:35px}.process-intro>p:not(.eyebrow){font-size:17px}.process-steps h3{font-size:22px}.process-steps p{font-size:16px}
}
@media(max-width:1000px){
 .learning-logos{gap:30px}.learning-logos img{max-width:95px}.learning-logos img:last-child{max-width:115px}.learning-trust{gap:25px}.learning-trust strong{font-size:16px}
 .learning-page .hero h1{font-size:clamp(43px,4.8vw,54px)}.learning-hero-copy{padding-left:30px}
 .learning-lead{font-size:17px}.learning-sublead{font-size:15px}.learning-actions .line-cta{width:260px;font-size:13px}
 .learning-hero-media{margin-left:20px}.learning-hero-media figcaption strong{font-size:13px}
 .learning-needs{grid-template-columns:.85fr 1.15fr;gap:40px}.needs-list article{gap:20px}.needs-list h3{font-size:21px}.needs-list p{font-size:16px}
 .format-panel{grid-template-columns:1fr 1fr}.format-copy{padding:30px 26px}.format-copy h3{font-size:28px}.format-copy>p:not(.eyebrow){font-size:16px}.format-copy ul{font-size:14px}
 .learning-process{gap:40px;padding:43px 35px}.process-intro h2{font-size:31px}.process-intro .text-link{font-size:14px}
}
@media(max-width:800px){
 .breadcrumb{font-size:12px;padding-bottom:16px}
 .learning-page .hero{display:flex;flex-direction:column;min-height:0}
 .learning-page .hero:before{background:linear-gradient(90deg,#f7f7f4f5,#f7f7f490)}
 .learning-page .hero-art{inset:-10%;transform:none;opacity:.24;mask-image:none}
 .learning-hero-copy{padding:38px 35px 32px;width:100%}
 .learning-page .hero h1{font-size:clamp(46px,7.8vw,64px);margin:27px 0 24px;letter-spacing:-.06em}
 .learning-lead{font-size:20px;max-width:600px}.learning-sublead{font-size:17px;max-width:530px}
 .learning-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
 .learning-actions .line-cta{width:300px;font-size:14px}.quiet-link{font-size:13px;gap:15px;white-space:nowrap}
 .learning-hero-media{margin:0 20px 20px;height:330px;width:calc(100% - 40px);min-height:0}
 .learning-hero-media>img{object-position:center}.learning-hero-media figcaption{max-width:350px}
 .learning-hero-media figcaption strong{font-size:17px}.learning-hero-media figcaption a{font-size:12px}
 .learning-trust{padding-block:29px 32px;flex-direction:column;align-items:start;gap:25px}.learning-trust>p{font-size:14px}.learning-trust strong{font-size:18px}
 .learning-logos{justify-content:space-between;width:100%;gap:24px}.learning-logos img{height:39px}.learning-logos .round-logo{width:64px;height:64px}
 .learning-needs{grid-template-columns:1fr;padding-top:70px;gap:30px}.needs-intro h2{font-size:42px}.needs-intro h2 br{display:none}.needs-intro>p:last-child{font-size:17px;max-width:490px}.needs-intro>p:last-child br{display:none}
 .needs-list article{padding:25px 0}.needs-list h3{font-size:23px;max-width:520px}.needs-list p{font-size:17px;max-width:550px}
 .learning-projects{padding-top:70px}.learning-projects .projects-heading h2{font-size:38px}
 .learning-projects .case-rail .case-panel,.learning-projects .case-rail .case-panel.active{flex:0 0 89%;height:540px}
 .learning-projects .case-rail.is-enhanced .case-panel:not(.active) .case-select{font-size:23px;padding:25px;flex-direction:row;height:auto}
 .learning-projects .case-body{left:25px;right:25px;bottom:26px}.learning-projects .case-body h3{font-size:29px}
 .learning-projects .case-rail.is-enhanced .case-panel:not(.active) .case-body{visibility:visible;opacity:1;pointer-events:auto}
 .learning-solutions{padding-top:78px}.learning-centered h2{font-size:40px}.learning-centered>p:last-child{font-size:17px}
 .format-panel{grid-template-columns:1fr}.format-media{min-height:0;height:350px}.format-copy{padding:34px}
 .format-copy h3{font-size:32px}.format-copy>p:not(.eyebrow){font-size:18px;max-width:none}.format-copy ul{font-size:16px}
 .format-tabs{margin-top:29px;gap:30px}.format-tab{font-size:16px;gap:24px}
 .learning-process{margin-top:75px;grid-template-columns:1fr;gap:35px;padding:42px 35px}
 .process-intro h2{font-size:37px}.process-intro>p:not(.eyebrow){font-size:18px}.process-steps h3{font-size:24px}.process-steps p{font-size:17px;max-width:none}
}
@media(max-width:520px){
 .learning-hero-copy{padding:31px 23px 27px}.learning-page .hero h1{font-size:clamp(35px,9vw,46px);line-height:1.08}
 .learning-lead{font-size:18px}.learning-sublead{font-size:16px}.learning-page .hero .eyebrow{font-size:11px}
 .learning-actions{flex-direction:column;align-items:start;gap:19px}.learning-actions .line-cta{width:100%;font-size:13px}
 .learning-hero-media{margin:0 12px 12px;width:calc(100% - 24px);height:290px}.learning-hero-media figcaption{left:12px;right:12px;bottom:12px}.learning-hero-media figcaption a{padding:13px;font-size:11px}.learning-hero-media figcaption strong{font-size:14px}
 .learning-logos{gap:16px;flex-wrap:wrap;justify-content:space-between}.learning-logos img{width:65px;max-width:65px;height:34px}.learning-logos .round-logo{width:59px;height:59px}.learning-logos img:last-child{width:85px;max-width:85px}
 .learning-trust strong{font-size:17px}.learning-trust>p{font-size:13px}
 .needs-intro h2{font-size:36px}.needs-list article{gap:16px}.needs-list svg{width:26px;height:26px}.needs-list h3{font-size:22px}.needs-list p{font-size:16px}
 .learning-projects .projects-heading{flex-direction:column;align-items:start;gap:20px}.learning-projects .case-controls{align-self:flex-end}
 .learning-projects .projects-heading h2{font-size:34px}.learning-projects .case-rail .case-panel,.learning-projects .case-rail .case-panel.active{flex-basis:92%;height:550px}
 .learning-projects .case-body h3{font-size:27px}.learning-projects .case-body{left:22px;right:22px}.learning-projects .case-description{font-size:16px}.learning-projects .case-open{font-size:13px;gap:12px}
 .learning-centered h2{font-size:35px}.format-tabs{gap:23px}.format-tab{font-size:15px;gap:14px}.format-tab svg{width:19px}
 .format-media{height:245px}.format-media p{font-size:11px;padding:36px 19px 16px}.format-copy{padding:29px 25px}.format-copy h3{font-size:30px}.format-copy>p:not(.eyebrow){font-size:16px}.format-copy ul{font-size:15px}.format-copy .text-link{font-size:14px}
 .learning-process{padding:35px 27px}.process-intro h2{font-size:30px}.process-intro>p:not(.eyebrow){font-size:16px}.process-steps h3{font-size:22px}.process-steps p{font-size:16px}.process-intro .eyebrow{font-size:10px}
 .learning-page .faq-intro h2{font-size:35px}.learning-page .contact-content h2{font-size:34px}.learning-page .contact-content .line-cta{width:100%;max-width:310px;font-size:14px}
}
@media(max-width:360px){.learning-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.learning-logos img,.learning-logos img:last-child{max-width:100%;width:100%}.learning-logos .round-logo{height:59px}}
@media(prefers-reduced-motion:reduce){.formats-enhanced .format-panel:not([hidden]) .format-copy{animation:none}.learning-hero-media>img,.needs-list article{transform:none!important;transition:none}}