/* Symbol narrative: confined to the Bruxelles case history. */
.eu-symbol-system{background:#f7f7f2;color:#111;margin:0;padding:0;overflow:hidden}.eu-symbol-system h2,.eu-symbol-system h3{font-weight:400;letter-spacing:-.055em;line-height:1.03}.eu-symbol-intro{padding:100px 5% 80px}.eu-symbol-intro h2{font-size:clamp(42px,5.7vw,88px);margin:25px 0 35px}.eu-symbol-intro>p:last-child{max-width:790px;font-size:clamp(19px,1.8vw,26px);line-height:1.6}.eu-symbol-system .label{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.eu-big-idea,.eu-genesis,.eu-versions,.eu-palette{padding:80px 5%;border-top:1px solid #c8cbc4}.eu-big-idea{background:#111;color:#fff}.eu-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:55px}.eu-section-heading h3{font-size:clamp(38px,4.7vw,70px);margin:22px 0 0}.eu-section-heading>p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;margin-top:32px}.eu-symbol-hero{background:#000;padding:70px 8% 30px;margin:0}.eu-symbol-hero img{width:65%;max-width:760px;margin:0 auto}.eu-symbol-hero figcaption{color:#fff;font-size:12px;margin-top:40px}.eu-manifesto{font-size:clamp(26px,3.4vw,48px);letter-spacing:-.035em;line-height:1.2;margin:50px 0 0}.eu-genesis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.eu-genesis-grid figure{margin:0;background:#fff;padding:30px 24px}.eu-genesis-grid svg{width:100%;height:auto;margin:20px 0 35px}.eu-genesis-grid figcaption{padding:0;color:inherit}.eu-genesis-grid figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.eu-genesis-grid strong{display:block;font-size:23px;font-weight:400;line-height:1.2;margin:16px 0}.eu-genesis-grid figcaption p{font-size:16px;line-height:1.6}.eu-caption{font-size:12px;line-height:1.6;margin:22px 0 0;max-width:950px}.eu-symbol-system .case-accordion{margin-top:45px}.eu-symbol-system .accordion-body{max-width:850px}.eu-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#bbb;border:1px solid #bbb}.eu-version{margin:0;padding:60px 8% 25px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.eu-version img{width:75%;height:auto;max-width:450px;margin:auto}.eu-version figcaption{font-size:12px;color:inherit;padding:0}.eu-version-light{background:#fff;color:#111}.eu-version-black{background:#111;color:#fff}.eu-version-paper{background:#eeeae2;color:#111}.eu-version-blue{background:#2D3C90;color:#fff}.eu-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.eu-swatch{background:var(--swatch);color:var(--swatch-ink);min-height:235px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.eu-swatch span{font-size:18px}.eu-swatch strong{font-size:22px;font-weight:400;letter-spacing:-.02em}.eu-color-grid h4{font-size:23px;font-weight:400;line-height:1.2;margin:25px 0 16px}.eu-color-grid article>p{font-size:16px;line-height:1.65}.eu-symbol-closing{border-top:1px solid #c8cbc4;margin-top:65px;padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.eu-symbol-closing>p{font-size:clamp(30px,3.5vw,54px);line-height:1.1;letter-spacing:-.04em}.eu-symbol-closing>div{font-size:19px;line-height:1.65}
@media(max-width:850px){.eu-color-grid{grid-template-columns:1fr 1fr}.eu-genesis-grid{gap:12px}.eu-genesis-grid figure{padding:22px 16px}.eu-genesis-grid strong{font-size:20px}}
@media(max-width:600px){.eu-symbol-intro{padding:65px 6% 55px}.eu-big-idea,.eu-genesis,.eu-versions,.eu-palette{padding:55px 6%}.eu-section-heading,.eu-symbol-closing{grid-template-columns:1fr;gap:24px}.eu-section-heading{margin-bottom:35px}.eu-section-heading>p{margin:0}.eu-section-heading h3{font-size:39px}.eu-symbol-hero{padding:42px 6% 20px}.eu-symbol-hero img{width:100%}.eu-symbol-hero figcaption{margin-top:28px}.eu-genesis-grid{grid-template-columns:1fr;gap:20px}.eu-genesis-grid figure{padding:30px}.eu-genesis-grid svg{max-width:350px;margin:5px auto 30px;display:block}.eu-version{padding:36px 15px 20px;gap:30px}.eu-version img{width:95%}.eu-version figcaption{font-size:10px;line-height:1.5}.eu-color-grid{gap:28px 16px}.eu-swatch{min-height:175px;padding:17px}.eu-swatch strong{font-size:17px}.eu-color-grid h4{font-size:21px}.eu-color-grid article>p{font-size:15px}.eu-symbol-closing{margin-top:45px}.eu-symbol-closing>div{font-size:17px}}

.eu-big-idea h3,.eu-big-idea p,.eu-big-idea .label{color:#fff}.eu-symbol-system figcaption{display:block}.eu-genesis-grid figcaption strong{float:none;text-align:left}

html body#made-site .eu-big-idea :is(h3,p,.label),html body#made-site :is(.eu-version-black,.eu-version-blue) figcaption{color:#fff!important}html body#made-site .eu-genesis-grid figcaption{display:block!important}html body#made-site .eu-genesis-grid figcaption strong{float:none!important;text-align:left!important}

html body#made-site .eu-symbol-hero figcaption{color:#fff!important}

/* Palette: chromatic editorial atlas. */
.eu-palette{background:#0b0b0b;color:#fff;border-top:0;padding-top:100px;padding-bottom:100px}
html body#made-site .eu-palette :is(h3,h4,p,.label){color:#fff!important}
.eu-palette .eu-section-heading{margin-bottom:70px}
.eu-palette .eu-color-grid{gap:22px}
.eu-palette .eu-swatch{position:relative;overflow:hidden;min-height:390px;padding:24px;color:var(--swatch-ink);isolation:isolate;transition:transform .4s ease}
.eu-color-top,.eu-color-code{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.eu-color-top{position:relative;z-index:2}
.eu-color-top>span:first-child{font-size:27px;letter-spacing:-.04em}
.eu-color-top .eu-color-index{font-size:12px;font-variant-numeric:tabular-nums}
.eu-swatch .eu-color-ribbon{position:absolute;width:165%;max-width:none;height:auto;left:-30%;top:28%;opacity:.27;mix-blend-mode:luminosity;transform:rotate(-25deg);transition:transform .6s ease;z-index:-1;pointer-events:none}
.eu-color-bottom{margin-top:180px}
.eu-swatch .eu-color-role{display:block;font-size:15px;letter-spacing:.01em;margin-bottom:22px}
.eu-color-code{border-top:1px solid currentColor;padding-top:15px}
.eu-color-code>span{font-size:10px;letter-spacing:.13em}
.eu-color-code strong{font-size:19px;font-family:monospace;letter-spacing:-.06em}
html body#made-site .eu-palette .eu-swatch :is(span,strong){color:var(--swatch-ink)!important}
.eu-palette .eu-color-grid h4{font-size:24px;margin:28px 0 18px;letter-spacing:-.03em}
.eu-palette .eu-color-grid article>p{color:#c3c3c3!important;font-size:15px;line-height:1.7}
.eu-palette .eu-symbol-closing{border-color:#494949;margin-top:80px}
.eu-palette .eu-caption{color:#aaa!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.eu-color-grid article:hover .eu-swatch{transform:translateY(-5px)}.eu-color-grid article:hover .eu-color-ribbon{transform:rotate(-15deg) scale(1.07)}}
@media(max-width:1100px){.eu-palette .eu-color-grid{grid-template-columns:1fr 1fr}.eu-palette .eu-swatch{min-height:360px}.eu-color-bottom{margin-top:150px}}
@media(max-width:600px){.eu-palette{padding:60px 6%}.eu-palette .eu-section-heading{margin-bottom:40px}.eu-palette .eu-color-grid{gap:35px 16px}.eu-palette .eu-swatch{min-height:270px;padding:16px}.eu-color-top>span:first-child{font-size:22px}.eu-color-top .eu-color-index{font-size:10px}.eu-color-bottom{margin-top:115px}.eu-swatch .eu-color-role{font-size:12px;margin-bottom:16px}.eu-color-code{display:block;padding-top:10px}.eu-color-code>span{display:block;margin-bottom:5px;font-size:9px}.eu-color-code strong{font-size:16px}.eu-palette .eu-color-grid h4{font-size:21px}.eu-palette .eu-color-grid article>p{font-size:14px}.eu-palette .eu-symbol-closing{margin-top:55px}}

.eu-genesis-grid .eu-relation-image{display:block;width:100%;height:auto;margin:20px 0 35px}.eu-genesis-grid .eu-relation-card{background:#0b1529}html body#made-site .eu-relation-card :is(figcaption,span,strong,p){color:#fff!important}@media(max-width:600px){.eu-genesis-grid .eu-relation-image{margin:5px auto 30px}}

/* Genesis: continuous black canvas, restrained one-shot movement. */
.eu-big-idea,.eu-genesis,.eu-palette{background:#000}
.eu-genesis{border-top-color:#262626;color:#fff}
.eu-genesis-grid figure,.eu-genesis-grid .eu-relation-card{background:#080808;border:1px solid #202020;overflow:hidden}
html body#made-site .eu-genesis :is(h3,p,span,strong,figcaption,summary){color:#fff!important}
html body#made-site .eu-genesis .eu-caption{color:#aaa!important}
.eu-genesis .case-accordion{border-color:#333}
.eu-genesis-grid figure>svg,.eu-genesis-grid .eu-relation-image{transform-origin:50% 50%;backface-visibility:hidden}
@media(prefers-reduced-motion:no-preference){
.eu-genesis-grid figure.is-revealed:first-child>svg>g>path{animation:eu-trace-emerge 4.8s cubic-bezier(.22,1,.36,1) both}
.eu-genesis-grid figure.is-revealed:nth-child(2)>.eu-relation-image{animation:eu-meeting-breathe 4.8s ease-in-out .25s both}
.eu-genesis-grid figure.is-revealed:nth-child(3)>svg{animation:eu-identity-rise 4.8s cubic-bezier(.22,1,.36,1) .5s both}
}
@keyframes eu-trace-emerge{0%{stroke-dasharray:1;stroke-dashoffset:1;opacity:.35}70%,100%{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}
@keyframes eu-meeting-breathe{0%,100%{transform:scale(1);opacity:1}45%{transform:scale(1.025);opacity:.87}}
@keyframes eu-identity-rise{0%{transform:translateY(7px);opacity:.72}65%,100%{transform:translateY(0);opacity:1}}

.eu-symbol-hero{overflow:hidden}.eu-symbol-hero img{transform-origin:center;transition:scale 1.2s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:no-preference){.eu-symbol-hero.is-revealed img{animation:eu-hero-zoom 4.8s cubic-bezier(.22,1,.36,1) both}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.eu-symbol-hero:hover img{scale:1.025}}
@keyframes eu-hero-zoom{from{transform:scale(.965);opacity:.85}to{transform:scale(1);opacity:1}}

.eu-genesis-grid figure:first-child>svg{filter:brightness(1.45)}

/* Immersive cover: restrained cinematic zoom, caption remains still. */
.eu-cover-viewport{overflow:hidden;background:#020716}
.eu-cover-viewport img{display:block;width:100%;height:auto;transform-origin:50% 50%}
@media(prefers-reduced-motion:no-preference){
 .eu-cover-interactive.is-revealed .eu-cover-viewport img{animation:eu-cover-approach 4.8s cubic-bezier(.22,1,.36,1) both}
 .eu-cover-viewport img{transition:scale 1.4s cubic-bezier(.22,1,.36,1)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.eu-cover-viewport:hover img{scale:1.015}}
@keyframes eu-cover-approach{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.eu-cover-viewport img{animation:none!important;transform:none!important;scale:1!important;transition:none!important}}

/* Coordinated materials: staggered editorial composition, original image ratios. */
.eu-materials-area{background:#000;padding:80px 0 0;color:#fff}
.eu-materials-heading{padding:0 5%;max-width:1100px;margin-bottom:65px}
.eu-materials-heading h2{font-size:clamp(38px,5vw,76px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:22px 0}
.eu-materials-heading>p:last-child{font-size:20px;line-height:1.6;max-width:750px}
html body#made-site .eu-materials-area :is(h2,h3,p,span,figcaption,summary,cite,strong){color:#fff!important}
.eu-material-composition{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:6%;row-gap:55px;align-items:start;padding:80px 5% 40px}
.eu-material-composition figure{margin:0;min-width:0}
.eu-material-composition img{display:block;width:100%;height:auto}
.eu-material-shopper{grid-column:1;grid-row:1/3;margin-top:0!important}
.eu-material-borraccia{grid-column:2;grid-row:1;padding-top:100px}
.eu-material-agenda{grid-column:2;grid-row:2;width:86%;justify-self:end}
.eu-material-composition figcaption{display:block!important;padding:22px 0 0!important;border-top:1px solid #444;margin-top:20px}
.eu-material-composition figcaption>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.eu-material-composition figcaption>p{font-size:15px;line-height:1.6;margin:12px 0 0;max-width:480px}
.eu-material-caption{margin:0 5% 70px;padding-top:25px;border-top:1px solid #444;font-size:13px;line-height:1.7;max-width:1000px}
@media(max-width:700px){.eu-materials-area{padding-top:55px}.eu-materials-heading{padding:0 6%;margin-bottom:40px}.eu-materials-heading>p:last-child{font-size:17px}.eu-material-composition{grid-template-columns:1fr;gap:45px;padding:45px 6% 30px}.eu-material-composition figure{grid-column:1;grid-row:auto;padding-top:0}.eu-material-shopper{width:78%;justify-self:start}.eu-material-borraccia{width:94%;justify-self:end}.eu-material-agenda{width:88%;justify-self:start}.eu-material-composition figcaption>p{font-size:14px}.eu-material-caption{margin:0 6% 45px}}

/* Palette a moduli sfalsati, con movimento sensibile al puntatore. */
.eu-palette-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:260px 210px 260px;grid-template-areas:"viola turchese nero" "viola blu nero" "giallo blu nero";gap:14px;perspective:1200px}
.eu-palette-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:28px;border-radius:24px;background:var(--swatch);color:var(--swatch-ink);transform:translate3d(0,0,0);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;transform-style:preserve-3d}
.eu-palette-viola{grid-area:viola}.eu-palette-turchese{grid-area:turchese}.eu-palette-blu{grid-area:blu}.eu-palette-giallo{grid-area:giallo}.eu-palette-nero{grid-area:nero;border:1px solid #444}
.eu-palette-number{font-size:11px;letter-spacing:.09em;text-transform:uppercase}.eu-palette-card-copy h4{font-size:30px;font-weight:400;letter-spacing:-.04em;margin:0 0 5px}.eu-palette-hex{font-size:13px;letter-spacing:.025em}.eu-palette-card-copy p{font-size:14px;line-height:1.5;margin:18px 0 0;max-width:290px}
html body#made-site .eu-symbol-system .eu-palette .eu-palette-card :is(h4,p,span){color:var(--swatch-ink)!important}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.eu-palette-card:hover{z-index:2;transform:translate3d(var(--px,0px),var(--py,-7px),16px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 22px 50px #0007}}
@media(max-width:1000px){.eu-palette-modules{grid-template-rows:290px 180px 290px}.eu-palette-card{padding:22px}.eu-palette-card-copy h4{font-size:26px}}
@media(max-width:700px){.eu-palette-modules{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:280px 180px 280px auto;grid-template-areas:"viola turchese" "viola blu" "giallo blu" "nero nero";gap:10px}.eu-palette-card{padding:20px 16px;border-radius:18px;gap:20px}.eu-palette-card-copy h4{font-size:25px}.eu-palette-card-copy p{font-size:13px}.eu-palette-number{font-size:9px;letter-spacing:.04em}.eu-palette-nero{min-height:250px}.eu-palette-nero .eu-palette-card-copy p{max-width:440px}}
@media(prefers-reduced-motion:reduce){.eu-palette-card{transition:none;transform:none!important}}

/* Composizione materiali ridotta del 25% su desktop. */
@media(min-width:801px){.eu-material-composition{box-sizing:border-box;width:75%;margin-left:auto;margin-right:auto;padding-left:3.75%;padding-right:3.75%}}
