/* Campo 08 — engineered light, strong chroma, disciplined contrast. */
:root{--accent:#161616;--signal:#d8f238;--graphite:#101114}
.hero-art img[data-hero-drift]{filter:saturate(1.15) contrast(1.035)}
.hero h1 i{color:#161616}
.hero .line-cta svg{background:#ffffffa1;backdrop-filter:blur(8px)}
.hero .line-cta:hover svg{background:var(--signal)}
.experience{background:#101114;border-color:#25262b}
.experience-years>span{color:#fafaf7}

/* The shared panorama is a precise optical field on black. */
.fields-grid{border-color:#cdced0;background:var(--paper)}
.field-visual{background-color:#080b08;background-image:url('../campo-segnale-lime.webp')}
.field-card{border-right-color:#d0d1cc}
.field-visual:after{background:linear-gradient(110deg,transparent 20%,#d8f23824 50%,transparent 80%)}
.field-card .field-copy{background:#f7f7f4}
.field-name{color:#59585e}
.field-card .text-link svg{border-color:#c9cbd1}
.field-card:focus-within{box-shadow:inset 0 0 0 1px #161616}
.field-card:focus-within .text-link svg{color:#101114;background:var(--signal);border-color:var(--signal)}

/* A single lime panel; the other cards alternate ink, white and violet optics. */
.evidence-card{border-color:#d1d2cf}
.evidence-adoption{background:#d8f238;color:#11140a;border-color:#c7e025}
.evidence-adoption .evidence-topic,.evidence-adoption .evidence-context{color:#3b431e}
.evidence-adoption .evidence-description,.evidence-adoption .source-link{color:#1c2410}
.evidence-adoption .evidence-art:after{display:none}
.evidence-adoption .data-dots{background-image:radial-gradient(#36471177 .9px,transparent .9px);background-size:12px 12px;opacity:.8;mask-image:linear-gradient(135deg,transparent 37%,#000 100%)}
.evidence-adoption:before{background:radial-gradient(ellipse 350px 290px at var(--pointer-x) var(--pointer-y),#ffffff52,transparent 76%)}
.evidence-adoption .source-link:hover{color:#10140a}

.evidence-training{background:#161616;color:#f4f5ff;border-color:#161616}
.evidence-training .evidence-art{inset:-55px -20px;width:calc(100% + 40px);height:calc(100% + 110px);object-position:65% center;opacity:1;filter:none;mask-image:none}
.evidence-training:after{background:linear-gradient(90deg,#161616b3,transparent 90%)}
.evidence-training .evidence-topic{color:#a7b1ff}
.evidence-training .stat-glass{background:#1616168c;border-color:#a7b1ff4d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff12}
.evidence-training .evidence-description{color:#f4f5ff}
.evidence-training .evidence-context{color:#a7b1ff}
.evidence-training .source-link{color:#e9ebff}
.evidence-training .source-link:hover{color:#fff}
.evidence-training .material-frost{right:12%;width:13%;background:#a7b1ff0d;border-color:#a7b1ff24;opacity:.42;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.evidence-training:before{background:radial-gradient(ellipse 430px 330px at var(--pointer-x) var(--pointer-y),#16161655,transparent 75%)}

.evidence-productivity{background:#f4f5ff;border-color:#d4d3dc;color:#161616}
.evidence-productivity .evidence-art{inset:-30px -25px;width:calc(100% + 50px);height:calc(100% + 60px);opacity:1;filter:none;mask-image:none}
.evidence-productivity .data-dots{inset:0;background-image:radial-gradient(#161616 1.6px,transparent 1.6px);background-size:12px 12px;mask-image:linear-gradient(125deg,transparent 32%,#000 93%);opacity:.85}
.evidence-productivity:after{background:linear-gradient(90deg,#f4f5ff 0%,#f4f5ffc9 40%,#f4f5ff00 100%)}
.evidence-productivity .stat-glass{background:#f4f5ffa6;border-color:#fff;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.evidence-productivity .material-frost{display:none}
.evidence-productivity .evidence-topic,.evidence-productivity .evidence-context{color:#625b70}
.evidence-productivity .source-link{color:#161616}
.evidence-productivity .source-link:hover{color:#161616}
.evidence-productivity:before{background:radial-gradient(ellipse 430px 330px at var(--pointer-x) var(--pointer-y),#fff8,transparent 75%)}

.evidence-value{background:#101214;color:#f7f7f2;border-color:#272b2d}
.evidence-value .evidence-topic{color:#c5cca8}
.evidence-value .evidence-description{color:#eceee5}
.evidence-value .evidence-context{color:#b9c0ac}
.evidence-value .source-link{color:#dce5c6}
.evidence-value .source-link:hover{color:#f5ffd9}
.evidence-value .data-dots{background-image:radial-gradient(#d8f238b3 1px,transparent 1px);background-size:12px 12px;opacity:.55;mask-image:linear-gradient(145deg,transparent 44%,#000 100%)}
.evidence-value:before{background:radial-gradient(ellipse 430px 330px at var(--pointer-x) var(--pointer-y),#d8f23820,transparent 75%)}
.evidence-card[data-spotlight-active=true]{border-color:#a7b1ff}
.evidence-adoption[data-spotlight-active=true]{border-color:#9ba82f}
.evidence-value[data-spotlight-active=true]{border-color:#808d43}
.evidence-note{color:#625d66}

.approach-section{background:#101114;border-color:#25262b}
.approach-section:after{background-image:radial-gradient(#a7b1ff8c .9px,transparent .9px);opacity:.6}
.approach-intro>.eyebrow{color:#a7b1ff}
.approach-steps>div:last-child:before{background:#a7b1ff;border-color:#a7b1ff}
.approach-intro>.text-link:hover{color:#d8f238}

/* The closing panel is an optical field, with a clear reading area. */
.contact-section{background:#161616;color:#f4f5ff;border-color:#161616}
.contact-art{background:#161616}
.contact-art:before{inset:-15% -40% -15% 15%;background:url('../campo-ottica-viola.webp') 50% 57%/cover no-repeat;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 14%)}
.contact-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16161699,#16161680 60%,#1616161a)}
.contact-section .dot-surface{display:none}
.contact-content>.eyebrow{color:#e9ebff}
.contact-content>p:not(.eyebrow){color:#a7b1ff}
.contact-content .line-cta{color:#f4f5ff}
.contact-content .line-cta:after{background:#d8f238}
.contact-content .line-cta:hover,.contact-content .line-cta:hover svg{color:#d8f238}
.evidence-training a:focus-visible,.evidence-value a:focus-visible,.contact-section a:focus-visible,.approach-section a:focus-visible{outline:2px solid var(--signal);outline-offset:6px}
.site-footer{background:#101114}

@media(hover:hover) and (pointer:fine){
 .field-card:hover{box-shadow:inset 0 0 0 1px #161616}
 .field-card:hover .field-visual{filter:brightness(1.16) saturate(1.12)}
 .field-card:hover .field-copy{background:#fff}
 .field-card:hover .field-name{color:#161616}
 .evidence-card:hover{box-shadow:0 10px 28px #16161614}
}
@media(max-width:1000px){.evidence-productivity .data-dots{background-size:11px 11px}}
@media(max-width:800px){
 .hero-art img[data-hero-drift]{opacity:.9}
 .evidence-training .evidence-art{inset:-35px -20px;opacity:1}
 .evidence-training .stat-glass{background:#161616b8}
 .evidence-productivity .stat-glass{background:#f4f5ffd9}
 .evidence-productivity .data-dots{opacity:.65}
 .contact-art:before{inset:-8% -80% -8% -10%;opacity:1;background-position:center}
 .contact-art:after{background:linear-gradient(90deg,#161616b3,#16161680 65%,#16161633)}
}