/* Foundation: values and component geometry from the JET home (index.html). */
:root{--ink:var(--jet-ink);--muted:var(--jet-text-muted);--paper:var(--jet-paper);--red:var(--jet-red);--gutter:32px;--ease:cubic-bezier(.16,1,.3,1);--surface-dark-primary:var(--jet-surface-dark);--text-on-dark-tertiary:var(--jet-text-on-dark-muted);--border-on-dark-tertiary:var(--jet-line-dark);--page-margin:40px;--surface-light-primary:var(--jet-white);--border-on-light:#d2d6d8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--jet-font-family);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;padding:16px;background:var(--surface-dark-primary);color:#fff;z-index:99}.skip:focus{top:16px}.label,.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;line-height:18px;letter-spacing:.5px;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;flex:none;background:var(--red)}
/* Original JET header, with the existing four-service disclosure. */
.topbar{position:relative;z-index:5;height:96px;display:grid;grid-template-columns:210px 1fr 210px;align-items:start;padding:24px var(--gutter) 0}.logo{display:block;width:104px;height:auto}.nav{display:flex;justify-content:center;gap:38px;padding-top:15px}.nav a{position:relative;font-size:13px;line-height:1;white-space:nowrap}.nav a:after{position:absolute;right:0;bottom:-7px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-cta{justify-self:end;min-width:144px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:var(--ink);font-size:13px;transition:background .3s var(--ease),color .3s var(--ease)}.header-cta:hover{background:var(--red);color:#fff}.menu{display:none;justify-self:end;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:13px}
/* Photo hero: JET foundation, title left and description/arrow right. */
.hero{position:relative;height:calc(100svh / var(--jet-zoom, 1));min-height:680px;overflow:hidden;background:var(--paper);color:#fff;isolation:isolate}
.hero__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,14,20,.32),rgba(4,14,20,.03) 40%,rgba(4,14,20,.12) 58%,rgba(4,14,20,.72));pointer-events:none}
.hero__content{position:absolute;z-index:1;right:var(--gutter);bottom:52px;left:var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);align-items:end;gap:64px}
.hero h1{font-size:clamp(88px,9.722vw,140px);font-weight:400;line-height:1;letter-spacing:-.062em}
.headline__line{display:block;overflow:clip;padding:.05em .1em .2em;margin:-.05em -.1em -.2em}
.headline__line-inner{display:block}
.hero__aside{display:flex;align-items:end;gap:32px;padding-bottom:8px}
.hero__subtitle{flex:1;min-width:0;font-size:18px;line-height:27px;letter-spacing:-.02em;color:#fff}
.discover{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px}
.arrow{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;transition:color .24s var(--ease),transform .3s var(--ease)}
.arrow svg{width:29px;height:29px;overflow:visible}
.arrow path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.discover .arrow{transform:rotate(90deg)}
.discover:hover .arrow{color:var(--red);transform:rotate(90deg) translateX(5px)}
    .sectors { width:100%; overflow:hidden; padding:48px var(--page-margin) 120px; background:#fff; color:#090a0a; }
    .sectors__intro { display:block; }
    .sectors__eyebrow { display:flex; align-items:center; gap:16px; margin:0; color:#676d70; font-size:12px; font-weight:600; line-height:18px; letter-spacing:.04em; text-transform:uppercase; }
    .sectors__eyebrow::before { width:6px; height:6px; flex:0 0 6px; background:var(--red); content:""; }
    .sectors__title { margin:0; font-size:clamp(54px,4.1vw,78px); font-weight:450; line-height:.98; letter-spacing:-.045em; }
    .sectors__lead { max-width:390px; margin:28px 0 0; color:#676d70; font-size:17px; font-weight:450; line-height:24px; letter-spacing:-.02em; }
    .sectors__lead strong { color:#090a0a; font-weight:550; }
    .sector-explorer { display:grid; margin-top:72px; grid-template-columns:minmax(320px,420px) minmax(0,1fr); gap:clamp(56px,7vw,136px); }
    .sector-explorer__sidebar { min-width:0; }
    .sector-explorer__tabs { margin-top:56px; }
    .sector-explorer__tab { position:relative; display:flex; width:100%; min-height:58px; align-items:center; justify-content:space-between; gap:24px; padding:0; border:0; border-bottom:1px solid #dadddf; background:transparent; color:#b9bec1; font:inherit; font-size:21px; font-weight:450; line-height:28px; letter-spacing:-.025em; text-align:left; cursor:pointer; transition:color .3s ease; }
    .sector-explorer__tab:first-child { border-top:1px solid #dadddf; }
    .sector-explorer__tab::after { width:0; height:1px; flex:0 0 auto; background:currentColor; content:""; transition:width .45s var(--ease); }
    .sector-explorer__tab:hover { color:#676d70; }
    .sector-explorer__tab[aria-selected="true"] { color:#090a0a; }
    .sector-explorer__tab[aria-selected="true"]::after { width:22px; background:var(--red); }
    .sector-explorer__panel { min-width:0; }
    .sector-explorer__media { position:relative; width:100%; aspect-ratio:2.08/1; overflow:hidden; border-radius:0; background:#eef0f1; }
    .sector-explorer__media img { display:block; width:100%; height:100%; object-fit:cover; will-change:opacity,transform; }
    .sector-explorer__content { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.92fr); gap:32px; padding-top:28px; }
    .sector-explorer__title { margin:0; font-size:34px; font-weight:500; line-height:38px; letter-spacing:-.04em; }
    .sector-explorer__description { max-width:610px; margin:0; color:#676d70; font-size:16px; font-weight:450; line-height:24px; letter-spacing:-.015em; }
    .sector-explorer__link { display:inline-flex; width:max-content; margin-top:28px; align-items:center; gap:12px; color:#090a0a; font-size:14px; font-weight:550; line-height:20px; }
    .sector-explorer__link::after { width:18px; height:18px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' stroke='%23090a0a' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat; content:""; transition:transform .45s var(--ease); }
    .sector-explorer__link:hover::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' stroke='%23e5231f' stroke-width='1.5'/%3E%3C/svg%3E"); transform:translateX(5px); }

/* Keep the long Advisory title inside the home’s 420px sidebar. */
.advisory-explorer .sectors__title{font-size:clamp(54px,4.1vw,60px)}
.advisory-explorer .sector-explorer__tab{color:var(--muted)}
.advisory-explorer .sector-explorer__tab[aria-selected="true"]{color:#090a0a}
.advisory-explorer .sector-explorer__tab:hover{color:#090a0a}
.advisory-explorer:has(.sector-explorer__dither) .sector-explorer__tab:not([aria-selected="true"]):hover{color:var(--muted)}
@media(min-width:1024px){
  .advisory-explorer:has(.sector-explorer__dither) .sector-explorer__tab::after{width:22px;flex:0 0 22px;opacity:0;transition:opacity .3s ease}
  .advisory-explorer:has(.sector-explorer__dither) .sector-explorer__tab[aria-selected="true"]::after{opacity:1}
}
.advisory-explorer .sector-explorer__tab:focus-visible{outline-offset:-2px}
.advisory-fallback{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.advisory-fallback h3{font-size:28px;line-height:34px}
.advisory-fallback p{color:var(--muted);font-size:16px;line-height:24px}
@media (max-width:63.99rem) {
      .sectors { padding:32px var(--page-margin) 80px; }
      .sectors__title { font-size:42px; line-height:1; }
      .sectors__lead { max-width:560px; margin-top:22px; font-size:17px; line-height:24px; }
      .sector-explorer { margin-top:48px; grid-template-columns:1fr; gap:32px; }
      .sector-explorer__tabs { display:flex; width:calc(100% + (var(--page-margin) * 2)); margin-top:36px; margin-left:calc(var(--page-margin) * -1); padding:0 var(--page-margin); gap:28px; overflow-x:auto; scrollbar-width:none; }
      .sector-explorer__tabs::-webkit-scrollbar { display:none; }
      .sector-explorer__tab { width:auto; min-height:48px; flex:0 0 auto; border:0; font-size:16px; line-height:22px; white-space:nowrap; }
      .sector-explorer__tab:first-child { border-top:0; }
      .sector-explorer__tab::after { position:absolute; right:0; bottom:0; left:0; width:100%; height:2px; transform:scaleX(0); transform-origin:right; transition:transform .4s var(--ease); }
      .sector-explorer__tab[aria-selected="true"]::after { width:100%; transform:scaleX(1); transform-origin:left; }
      .sector-explorer__media { aspect-ratio:4/3; border-radius:0; }
      .sector-explorer__content { grid-template-columns:1fr; gap:12px; padding-top:22px; }
      .sector-explorer__title { font-size:30px; line-height:34px; }
      .sector-explorer__description { font-size:15px; line-height:22px; }
      .sector-explorer__link { margin-top:20px; }
}
@media(max-width:1023px){.advisory-explorer .sectors__title{font-size:42px;line-height:1}.advisory-fallback{grid-template-columns:1fr}}
.perspective{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding:120px var(--page-margin);background:#fff}
.perspective>h2{font-size:52px;line-height:55px;letter-spacing:-.03em}
.story{display:block;max-width:670px}
.story__image{aspect-ratio:1.65;overflow:hidden;background:var(--paper)}
.story__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.story:hover img{transform:scale(1.025)}
.story__caption{padding-top:24px}
.story__caption>.label{font-size:11px;color:var(--muted)}
.story h3{margin-top:16px;font-size:28px;line-height:34px;letter-spacing:-.02em}
.story__link{display:flex;align-items:center;gap:18px;margin-top:20px;min-height:44px;font-size:14px}
.story__link .arrow{width:24px;height:24px}
.story__link .arrow svg{width:24px;height:24px}
.story:hover .arrow{transform:translateX(5px);color:var(--red)}
.connected{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding:0 var(--page-margin) 120px;background:#fff}
.connected h2{font-size:40px;line-height:44px;letter-spacing:-.03em}
.connected nav>a{display:grid;grid-template-columns:24px minmax(0,1fr) 34px;gap:20px;align-items:center;min-height:84px;padding:24px 0;border-top:1px solid #d2d6d8;font-size:22px;line-height:1.3;letter-spacing:-.025em;transition:color .3s var(--ease)}
.connected nav>a:last-child{border-bottom:1px solid #d2d6d8}
.connected nav>a:hover{color:var(--red)}
.connected nav .label{color:var(--muted);font-size:11px;font-weight:400}
.connected .arrow{color:var(--red);width:24px;height:24px}
.connected .arrow svg{width:24px;height:24px}
.connected a:hover .arrow{transform:translateX(5px)}
@media(max-width:1100px){.topbar{grid-template-columns:150px 1fr 150px}.nav{gap:22px}.perspective,.connected{gap:48px}.jet-footer__main{grid-template-columns:1fr 1fr;gap:48px 32px}.jet-footer__brand{grid-column:1/-1}}
@media(max-width:1023px){.hero{height:500px;min-height:0}.hero__content{gap:40px;bottom:40px;grid-template-columns:minmax(0,1fr) minmax(0,390px)}.hero h1{font-size:88px}.perspective>h2{font-size:40px;line-height:44px}}
@media(max-width:800px){:root{--gutter:20px;--page-margin:20px}.topbar{height:78px;grid-template-columns:1fr auto;padding-top:18px}.logo{width:104px}.header-cta{display:none}.menu{display:block;min-height:44px;padding:9px 0 12px}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--surface-dark-primary);padding:24px 20px 36px;flex-direction:column;gap:0}.nav.is-open{display:flex}.nav a{display:block;padding:18px 0;font-size:20px;line-height:1.2;border-bottom:1px solid #42484b}.nav a:after{display:none}.hero{height:calc(92svh / var(--jet-zoom, 1));min-height:650px;max-height:850px}.hero__image{object-position:65% center}.hero__content{bottom:32px;grid-template-columns:1fr;gap:32px}.hero__aside{justify-self:end;width:min(100%,340px);gap:20px;padding-bottom:0}.hero h1{font-size:64px;line-height:1;letter-spacing:-.062em}.hero__subtitle{font-size:16px;line-height:24px}.perspective{display:block;padding:80px var(--page-margin)}.perspective>h2{font-size:36px;line-height:40px}.story{margin-top:40px}.story h3{font-size:24px;line-height:29px}.story__caption>.label{font-size:10px}.connected{display:block;padding-bottom:80px}.connected h2{font-size:32px;line-height:36px;margin-bottom:32px}.connected nav>a{grid-template-columns:20px minmax(0,1fr) 24px;gap:12px;font-size:20px;line-height:1.3;min-height:76px;padding:20px 0}.jet-footer__main{gap:48px 24px}.jet-footer__links{gap:8px}.jet-footer__link{min-height:36px;align-items:center}.jet-footer__legal-link{display:inline-flex;min-height:44px;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* The compact hero must let the original mobile menu extend over the intro. */
@media(max-width:800px){.hero:has(.nav.is-open){overflow:visible}}

/* Service areas side by side: the home stats tiles, with photo, number, title and text. */
.service-pillars__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:end;margin-top:72px}
.service-pillars__head .sectors__lead{margin:0}
.service-pillars__grid{display:grid;grid-template-columns:repeat(var(--pillars,4),minmax(0,1fr));gap:4px;margin:64px 0 0;padding:0;list-style:none}
.service-pillars__item{display:flex;flex-direction:column;min-width:0;padding:0 0 32px;background:#f5f5f5}
.service-pillars__image{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.service-pillars__index{margin:28px 24px 0;color:#676d70;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.service-pillars__title{margin:12px 24px 0;font-size:clamp(26px,2vw,34px);font-weight:450;line-height:1.08;letter-spacing:-.035em}
.service-pillars__text{margin:16px 24px 0;color:#5d6468;font-size:16px;line-height:23px;letter-spacing:-.015em}
.service-pillars>.sector-explorer__link{margin-top:40px}
@media(max-width:1023px){.service-pillars__head{grid-template-columns:1fr;gap:24px;margin-top:48px}.service-pillars .sectors__title{font-size:42px;line-height:1}.service-pillars__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.service-pillars__grid{display:flex;margin:40px calc(var(--page-margin)*-1) 0;padding:0 var(--page-margin);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--page-margin);scrollbar-width:none}.service-pillars__grid::-webkit-scrollbar{display:none}.service-pillars__item{flex:0 0 78vw;scroll-snap-align:start}}
.service-pillars__anim{display:block;width:100%;aspect-ratio:4/3;image-rendering:pixelated;background:#f5f5f5}
@media(max-width:809px){.hero{height:auto;min-height:460px;max-height:none}} /* 03/11: on phones every page opens like News (short hero, same as .hero--short) */
/* 04/11: text-only pillar cards (Retail "Il nostro valore per i dealer"): no photo, so the text needs room on top. */
.service-pillars__item:not(:has(img,canvas)){padding-top:28px;min-height:220px}
/* wrappers added 05/11: neutral for the default cards */
.service-pillars__ph{display:block;overflow:hidden}
.service-pillars__body{display:contents}

/* 05/11 — "Dentro la rete" as a scroll-through list (?layout=scorri). Principle read in Icomat's code ("Our customers have
   no margin for error", AccordionSection): the section holds still, all the items stay visible, scrolling opens one at a
   time (scrubbed, with pauses to read) and a line tracks the progress. Only atoms the site already has: label, section
   title + lead (explorer sidebar), explorer rows (21px, 58px, #dadddf hairlines, red 22px dash), card index 12px,
   3:2 photo with square corners, card text 16px grey. Script: assets/js/service-scorri.js. */
.service-pillars--scorri .service-pillars__grid{display:block;margin:48px 0 0;padding:0;overflow:visible;border-top:1px solid #dadddf}
.service-pillars--scorri .service-pillars__item{display:grid;flex:none;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"idx title" "ph ph" "text text";padding:20px 0 32px;background:none;border-bottom:1px solid #dadddf}
.service-pillars--scorri .service-pillars__body{display:contents}
.service-pillars--scorri .service-pillars__index{grid-area:idx;align-self:center;margin:0}
.service-pillars--scorri .service-pillars__title{grid-area:title;margin:0;font-size:21px;font-weight:450;line-height:28px;letter-spacing:-.02em}
.service-pillars--scorri .service-pillars__title button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
.service-pillars--scorri .service-pillars__ph{grid-area:ph;margin-top:20px}
.service-pillars--scorri .service-pillars__image{aspect-ratio:3/2}
.service-pillars--scorri .service-pillars__text{grid-area:text;margin:16px 0 0}
.service-pillars--scorri .sector-explorer__link{margin-top:40px}
@media(min-width:1024px) and (min-height:640px){
  .service-pillars--scorri{height:calc(100svh * 3.5);padding-top:0;padding-bottom:0;overflow:visible} /* .sectors clips (overflow:hidden), which would stop the sticky frame */
  .service-pillars--scorri .service-pillars__frame{position:sticky;top:0;display:grid;box-sizing:border-box;height:100svh;padding:72px 0 32px;grid-template-columns:minmax(320px,420px) minmax(0,1fr);grid-template-rows:auto auto;gap:72px clamp(56px,7vw,136px);align-content:center} /* 72px label gap = the section today (system.css zeroes the label margin) */
  .service-pillars--scorri .sectors__intro{grid-column:1/-1}
  .service-pillars--scorri .service-pillars__head{display:block;grid-area:2/1;align-self:start;margin:0}
  .service-pillars--scorri .service-pillars__head .sectors__lead{margin-top:28px}
  .service-pillars--scorri .sector-explorer__link{grid-area:2/1;align-self:end;margin:0}
  .service-pillars--scorri .service-pillars__grid{position:relative;grid-area:2/2;margin:0}
  .service-pillars--scorri .service-pillars__grid::before{position:absolute;top:-1px;right:0;left:0;height:1px;background:var(--red);transform:scaleX(var(--p,0));transform-origin:0 50%;content:""}
  .service-pillars--scorri .service-pillars__item{--o:0;position:relative;grid-template-columns:56px minmax(0,1.45fr) 32px minmax(0,1fr);grid-template-rows:58px calc(var(--o) * (var(--ph-h,300px) + 28px));grid-template-areas:"idx title title title" ". ph . text";padding:0}
  .service-pillars--scorri .service-pillars__item::after{position:absolute;top:29px;right:0;width:22px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--ease);content:""}
  .service-pillars--scorri .service-pillars__item.is-active::after{transform:scaleX(1)}
  .service-pillars--scorri .service-pillars__index,.service-pillars--scorri .service-pillars__title{transition:color .3s}
  .service-pillars--scorri .service-pillars__title{color:var(--muted)}
  .service-pillars--scorri .is-active .service-pillars__title{color:#090a0a}
  .service-pillars--scorri .is-active .service-pillars__index{color:var(--red)}
  .service-pillars--scorri .service-pillars__title button{height:58px}
  .service-pillars--scorri .service-pillars__ph{position:relative;min-height:0;margin:0;overflow:hidden}
  .service-pillars--scorri .service-pillars__image{position:absolute;top:0;left:0;width:100%;height:var(--ph-h,300px);aspect-ratio:auto;transform:scale(calc(1.06 - .06 * var(--o)));transform-origin:50% 0}
  .service-pillars--scorri .service-pillars__text{min-height:0;margin:0;overflow:hidden;opacity:calc(var(--o) * 2 - 1);transform:translateY(calc((1 - var(--o)) * 16px))}
  /* reduced motion: same composition, nothing holds still, every item open */
  .service-pillars--scorri.is-static{height:auto;padding-top:48px;padding-bottom:144px}
  .service-pillars--scorri.is-static .service-pillars__frame{position:static;height:auto;padding:0}
  .service-pillars--scorri.is-static .service-pillars__title button{cursor:default}
}

/* 05/11 — "Dentro la rete" as expanding cards (?layout=schede), from the reference Filippo picked (Metafore "Mission"),
   on click, not hover. One card open: it is exactly today's pillar card (photo, index, title, text on #f5f5f5); the others
   are the same card folded, showing only the path numeral (28px #8d969b, svc-path__n) and the title (explorer row, 21px).
   Square corners, 4px gaps, no icons, no shadow. Script: assets/js/service-schede.js. */
.service-pillars--schede .service-pillars__peek{display:none}
.service-pillars--schede .service-pillars__grid{display:block;margin:48px 0 0;padding:0;overflow:visible;border-top:1px solid #dadddf}
.service-pillars--schede .service-pillars__item{display:grid;flex:none;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"idx title" "ph ph" "text text";padding:20px 0 32px;background:none;border-bottom:1px solid #dadddf}
.service-pillars--schede .service-pillars__body{display:contents}
.service-pillars--schede .service-pillars__index{grid-area:idx;align-self:center;margin:0}
.service-pillars--schede .service-pillars__title{grid-area:title;margin:0;font-size:21px;font-weight:450;line-height:28px;letter-spacing:-.02em}
.service-pillars--schede .service-pillars__title button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}
.service-pillars--schede .service-pillars__ph{grid-area:ph;margin-top:20px}
.service-pillars--schede .service-pillars__image{aspect-ratio:3/2}
.service-pillars--schede .service-pillars__text{grid-area:text;margin:16px 0 0}
@media(min-width:1024px){
  .service-pillars--schede .service-pillars__grid{display:flex;height:clamp(420px,32vw,480px);gap:4px;margin-top:64px;border:0;container-type:inline-size}
  .service-pillars--schede .service-pillars__item{--open-w:calc((100cqw - 12px) * 2.6 / 5.6);position:relative;display:grid;flex:1 1 0;min-width:0;grid-template:minmax(0,1fr) auto / var(--open-w);grid-template-areas:"ph" "body";padding:0;overflow:hidden;background:#f5f5f5;border:0;cursor:pointer;transition:flex-grow .8s var(--ease),background-color .3s}
  .service-pillars--schede .service-pillars__item.is-open{flex-grow:2.6;cursor:default}
  .service-pillars--schede .service-pillars__item:not(.is-open):hover{background:#eef0f1}
  .service-pillars--schede .service-pillars__item:has(button:focus-visible){outline:2px solid #090a0a;outline-offset:-2px}
  .service-pillars--schede .service-pillars__ph{grid-area:ph;margin:0;overflow:hidden;opacity:0;transition:opacity .2s}
  .service-pillars--schede .service-pillars__image{width:100%;height:100%;aspect-ratio:auto;transform:scale(1.06);transition:transform 1s var(--ease)}
  .service-pillars--schede .service-pillars__body{display:block;grid-area:body;min-height:216px;box-sizing:border-box;padding:28px 24px;opacity:0;transition:opacity .2s}
  .service-pillars--schede .service-pillars__index{display:block}
  .service-pillars--schede .service-pillars__title{margin:12px 0 0;max-width:20ch;font-size:clamp(26px,2vw,34px);line-height:1.08;letter-spacing:-.035em}
  .service-pillars--schede .service-pillars__text{max-width:44ch;margin:16px 0 0;transform:translateY(12px);transition:transform .6s var(--ease)}
  .service-pillars--schede .is-open .service-pillars__ph{opacity:1;transition:opacity .5s .12s}
  .service-pillars--schede .is-open .service-pillars__image{transform:none}
  .service-pillars--schede .is-open .service-pillars__body{opacity:1;transition:opacity .5s .3s}
  .service-pillars--schede .is-open .service-pillars__text{transform:none;transition-delay:.3s}
  .service-pillars--schede .service-pillars__peek{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px 32px;transition:opacity .4s .35s}
  .service-pillars--schede .is-open .service-pillars__peek{opacity:0;pointer-events:none;transition:opacity .15s}
  .service-pillars--schede .service-pillars__peek-n{color:#8d969b;font-size:28px;letter-spacing:-.02em}
  .service-pillars--schede .service-pillars__peek-t{max-width:14ch;font-size:21px;font-weight:450;line-height:28px;letter-spacing:-.02em}
}
/* 06/11 — Retail explorer: a pixel scene in the photo box (same renderer and colours as the Advisory pillars). */
.sector-explorer__scene{display:block;width:100%;height:100%;image-rendering:pixelated;background:#f5f5f5}
.sector-explorer__media img[hidden]{display:none}
/* 06/11 — Retail explorer: the photo drawn with a fine dither on its lower part (assets/js/explorer-dither.js). */
.sector-explorer__dither{display:block;width:100%;height:100%;background:#ebebeb}