:root{
  --art-bg:#f5f7fb;
  --art-surface:#ffffff;
  --art-surface-2:#eef3fb;
  --art-ink:#162235;
  --art-ink-soft:#55657c;
  --art-line:rgba(16,40,78,.08);
  --art-line-strong:rgba(16,40,78,.14);
  --art-blue:#0f4ea8;
  --art-blue-deep:#0b2f6a;
  --art-sun:#f3c63f;
  --art-sun-strong:#f0b500;
  --art-shadow:0 28px 80px rgba(9,29,63,.10);
  --art-shadow-soft:0 14px 38px rgba(16,40,78,.08);
  --art-radius:28px;
  --art-radius-sm:18px;
}

body.public-body--home,
body.public-body--project,
body.public-body--consultant{
  background:
    radial-gradient(circle at top right, rgba(15,78,168,.12), transparent 30%),
    radial-gradient(circle at top left, rgba(243,198,63,.18), transparent 25%),
    linear-gradient(180deg,#fbfcfe 0%,#f5f7fb 60%,#eef3fb 100%);
  color:var(--art-ink);
}

body.public-body--home .site-header-modern,
body.public-body--project .site-header-modern,
body.public-body--consultant .site-header-modern{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(12,47,106,.08);
  box-shadow:0 12px 32px rgba(12,47,106,.06);
  backdrop-filter:blur(16px);
}

body.public-body--home .site-nav-modern a,
body.public-body--project .site-nav-modern a,
body.public-body--consultant .site-nav-modern a{color:#29425f}
body.public-body--home .site-nav-modern a.is-active,
body.public-body--project .site-nav-modern a.is-active,
body.public-body--consultant .site-nav-modern a.is-active{color:var(--art-blue-deep)}

body.public-body--home .btn,
body.public-body--project .btn,
body.public-body--consultant .btn{
  min-height:52px;
  border-radius:999px;
  font-weight:700;
  letter-spacing:.01em;
  box-shadow:var(--art-shadow-soft);
}
body.public-body--home .btn-primary,
body.public-body--project .btn-primary,
body.public-body--consultant .btn-primary{
  background:linear-gradient(135deg,var(--art-blue) 0%,var(--art-blue-deep) 100%);
  border-color:transparent;
  color:#fff;
}
body.public-body--home .btn-secondary,
body.public-body--project .btn-secondary,
body.public-body--consultant .btn-secondary{
  background:linear-gradient(135deg,var(--art-sun) 0%,var(--art-sun-strong) 100%);
  border-color:transparent;
  color:#14233a;
}
body.public-body--home .btn-tertiary,
body.public-body--project .btn-tertiary,
body.public-body--consultant .btn-tertiary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;
  background:rgba(255,255,255,.76);border:1px solid var(--art-line);color:var(--art-blue-deep);min-height:52px;border-radius:999px;font-weight:700;
}

body.public-body--home .seo-breadcrumbs,
body.public-body--project .seo-breadcrumbs,
body.public-body--consultant .seo-breadcrumbs{background:transparent}
body.public-body--home .seo-breadcrumbs ol,
body.public-body--project .seo-breadcrumbs ol,
body.public-body--consultant .seo-breadcrumbs ol{padding-top:16px;padding-bottom:8px}

.art-page{padding-bottom:56px}
.art-section{padding:40px 0}
.art-shell{display:grid;gap:26px}
.art-card{
  background:rgba(255,255,255,.84);
  border:1px solid var(--art-line);
  border-radius:var(--art-radius);
  box-shadow:var(--art-shadow);
  position:relative;
  overflow:hidden;
}
.art-card--soft{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,248,252,.96))}
.art-card--dark{background:linear-gradient(135deg,#102341 0%,#183b72 100%);color:#fff;border-color:rgba(255,255,255,.08)}
.art-card__inner{padding:clamp(22px,2.6vw,34px)}
.art-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(15,78,168,.08);color:var(--art-blue-deep);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.art-kicker--sun{background:rgba(243,198,63,.18);color:#6f4b00}
.art-title{font-size:clamp(2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.04em;margin:16px 0 18px;font-weight:900;max-width:12ch}
.art-title--medium{font-size:clamp(1.8rem,3.4vw,3rem);max-width:16ch}
.art-copy{font-size:1.05rem;line-height:1.8;color:var(--art-ink-soft);max-width:66ch}
.art-copy--light{color:rgba(255,255,255,.80)}
.art-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.art-micro{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.art-micro span{padding:11px 14px;border-radius:999px;background:rgba(16,40,78,.06);border:1px solid rgba(16,40,78,.06);font-weight:600;color:#24344b;font-size:.92rem}
.art-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.art-metric{padding:18px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid var(--art-line)}
.art-metric small{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6d7c92;margin-bottom:8px}
.art-metric strong{font-size:1.18rem;line-height:1.3;color:var(--art-blue-deep)}

.home-stage{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:24px;align-items:stretch}
.home-stage__visual{display:flex;flex-direction:column;min-height:100%}
.art-frame{position:relative;min-height:100%;overflow:hidden;border-radius:28px;background:#12315f}
.art-frame img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%}
.art-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,25,54,.12) 0%,rgba(9,25,54,.68) 100%)}
.art-frame__overlay{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:grid;gap:16px}
.art-frame__panel{max-width:420px;padding:18px 18px 16px;border-radius:24px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(8px)}
.art-frame__panel strong{display:block;font-size:1.24rem;margin-bottom:8px;color:var(--art-blue-deep)}
.art-frame__panel p{margin:0;color:#4f6077;line-height:1.65}
.art-floating-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.art-floating-strip article{padding:14px 16px;border-radius:22px;background:rgba(15,25,44,.60);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.15)}
.art-floating-strip span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.64);margin-bottom:8px}
.art-floating-strip strong{font-size:1rem;line-height:1.3}

.art-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.art-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.art-feature{padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,244,250,.94));border:1px solid var(--art-line);box-shadow:var(--art-shadow-soft)}
.art-feature h3,.art-feature h4{margin:0 0 12px;font-size:1.18rem;color:#12243c}
.art-feature p{margin:0;color:#5b6b82;line-height:1.75}
.art-feature ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.art-feature li{padding-left:16px;position:relative;color:#41556e;line-height:1.65}
.art-feature li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--art-sun);position:absolute;left:0;top:.65em}

.art-gallery{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:18px;align-items:start}
.art-gallery__stage{position:relative;border-radius:30px;overflow:hidden;background:#0f274f;box-shadow:var(--art-shadow)}
.art-gallery__stage img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:1.28/1}
.art-gallery__caption{position:absolute;left:20px;right:20px;bottom:20px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.42)}
.art-gallery__caption strong{display:block;font-size:1.04rem;color:var(--art-blue-deep);margin-bottom:6px}
.art-gallery__caption p{margin:0;color:#52637a;line-height:1.6}
.art-gallery__thumbs{display:grid;gap:12px}
.art-gallery__thumb{position:relative;border:none;padding:0;border-radius:22px;overflow:hidden;cursor:pointer;background:#0f274f;box-shadow:var(--art-shadow-soft)}
.art-gallery__thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;opacity:.84;transition:opacity .25s ease, transform .25s ease}
.art-gallery__thumb.is-active img,.art-gallery__thumb:hover img{opacity:1;transform:scale(1.03)}
.art-gallery__thumb::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:22px;transition:border-color .2s ease}
.art-gallery__thumb.is-active::after{border-color:var(--art-sun)}

.art-split{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.art-stat-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.art-stat{padding:20px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid var(--art-line);box-shadow:var(--art-shadow-soft)}
.art-stat small{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6e7d93;margin-bottom:8px}
.art-stat strong{font-size:1.16rem;color:var(--art-blue-deep)}

.art-profile{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}
.art-identity{padding:28px;border-radius:32px;background:linear-gradient(180deg,#0d2a59 0%,#163b73 100%);color:#fff;position:relative;overflow:hidden}
.art-identity::before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(243,198,63,.55),rgba(243,198,63,0));opacity:.9}
.art-identity__avatar{position:relative;z-index:1;width:126px;height:126px;border-radius:32px;background:linear-gradient(135deg,#ffffff 0%,#e9eef7 100%);display:grid;place-items:center;color:#123362;font-weight:900;font-size:2.8rem;box-shadow:0 24px 40px rgba(0,0,0,.24)}
.art-identity h1{position:relative;z-index:1;margin:18px 0 8px;font-size:clamp(2rem,3.6vw,3.4rem);line-height:.96;letter-spacing:-.04em}
.art-identity p{position:relative;z-index:1;color:rgba(255,255,255,.82);line-height:1.75}
.art-identity__status{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.art-identity__status span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:.9rem}
.art-identity__actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.art-identity__actions .btn-tertiary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);color:#fff}
.art-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.art-info{padding:22px;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%);border:1px solid var(--art-line);box-shadow:var(--art-shadow-soft)}
.art-info small{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#708198;margin-bottom:10px}
.art-info strong{display:block;font-size:1.1rem;color:#11253d;margin-bottom:8px}
.art-info p,.art-info div{color:#56667e;line-height:1.7}
.art-chip-flow{display:flex;flex-wrap:wrap;gap:10px}
.art-chip-flow span{padding:10px 14px;border-radius:999px;background:#eff4fb;border:1px solid rgba(15,78,168,.10);color:#29435e;font-weight:700}
.art-timeline{display:grid;gap:14px}
.art-timeline__item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:24px;background:rgba(255,255,255,.85);border:1px solid var(--art-line);box-shadow:var(--art-shadow-soft)}
.art-timeline__step{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--art-sun) 0%,#ffdc7a 100%);font-weight:900;color:#13305b}
.art-timeline__content strong{display:block;font-size:1.02rem;color:#11243b;margin-bottom:8px}
.art-timeline__content p{margin:0;color:#56667d;line-height:1.7}

.art-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.art-section-head h2{margin:10px 0 0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.04;letter-spacing:-.03em;color:#10233d}
.art-section-head p{max-width:56ch;color:#5a6b82;line-height:1.75;margin:0}

.art-mini-profile{display:flex;gap:14px;align-items:center}
.art-mini-profile__avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#dbe6f7,#ffffff);display:grid;place-items:center;color:#12325f;font-weight:900;font-size:1.28rem;flex:0 0 auto}
.art-list-clean{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.art-list-clean li{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid var(--art-line);color:#485a71;line-height:1.65}
.art-note{padding:18px 20px;border-radius:20px;background:rgba(243,198,63,.14);border:1px solid rgba(243,198,63,.26);color:#674a00;line-height:1.65}

body.public-body--home .mobile-action-bar,
body.public-body--project .mobile-action-bar,
body.public-body--consultant .mobile-action-bar{background:rgba(255,255,255,.96);border-top:1px solid rgba(15,78,168,.10);box-shadow:0 -10px 30px rgba(15,47,96,.08)}
body.public-body--home .mobile-action-bar a,
body.public-body--project .mobile-action-bar a,
body.public-body--consultant .mobile-action-bar a{color:#16365f;font-weight:800}
body.public-body--home .mobile-action-bar a:nth-child(2),
body.public-body--project .mobile-action-bar a:nth-child(2),
body.public-body--consultant .mobile-action-bar a:nth-child(2){color:var(--art-blue-deep)}

@media (max-width: 1100px){
  .home-stage,.art-split,.art-profile,.art-gallery{grid-template-columns:1fr}
  .art-gallery{gap:14px}
  .art-gallery__thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .art-title{max-width:none}
}
@media (max-width: 820px){
  .art-grid-3,.art-grid-2,.art-stat-ribbon,.art-info-grid,.art-metrics,.art-floating-strip{grid-template-columns:1fr}
  .art-section{padding:28px 0}
  .art-card__inner,.art-identity{padding:22px}
  .art-gallery__thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .art-section-head{align-items:start;flex-direction:column}
}
@media (max-width: 640px){
  .art-title{font-size:clamp(2rem,11vw,3.1rem)}
  .art-gallery__thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art-frame__overlay{left:16px;right:16px;bottom:16px}
  .art-frame__panel,.art-gallery__caption{padding:14px 16px;border-radius:18px}
  .art-identity__avatar{width:104px;height:104px;border-radius:26px;font-size:2.2rem}
}


/* --- Visual balance + SEO-safe media refinement --- */
:root{
  --art-space-section: clamp(52px, 7vw, 92px);
  --art-space-card: clamp(20px, 2.2vw, 32px);
  --art-radius-xl: 32px;
  --art-radius-lg: 24px;
  --art-radius-md: 18px;
  --art-media-ratio-stage: 16 / 11;
  --art-media-ratio-card: 4 / 3;
  --art-media-ratio-thumb: 1 / 1;
}
.art-page{overflow-x:hidden}
.art-section{padding:var(--art-space-section) 0}
.art-shell,.home-stage,.art-split,.art-profile,.art-grid-3,.art-grid-2,.art-gallery{align-items:stretch}
.art-card,.art-feature,.art-info,.art-stat,.art-timeline__item{height:100%}
.art-card__inner,.art-feature,.art-info,.art-stat,.art-timeline__item{padding:var(--art-space-card)}
.art-card__inner > :first-child,.art-feature > :first-child,.art-info > :first-child,.art-stat > :first-child{margin-top:0}
.art-card__inner > :last-child,.art-feature > :last-child,.art-info > :last-child,.art-stat > :last-child{margin-bottom:0}
.art-actions{gap:14px;flex-wrap:wrap}
.art-actions .btn,.art-actions .btn-tertiary,.art-identity__actions .btn,.art-identity__actions .btn-tertiary,.mobile-action-bar a,.art-gallery__thumb{min-height:48px}
.art-actions .btn,.art-actions .btn-tertiary,.art-identity__actions .btn,.art-identity__actions .btn-tertiary{align-items:center;justify-content:center;text-align:center;min-width:min(100%,220px)}
.home-stage__visual .art-card__inner,.art-gallery__stage,.art-feature figure,.art-feature img,.art-frame > img,.art-gallery__thumb img{display:block}
.art-frame{min-height:100%;isolation:isolate}
.art-frame > img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--art-media-ratio-stage)}
.art-frame::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg, rgba(9,21,41,0) 0%, rgba(9,21,41,.68) 100%);pointer-events:none;z-index:0}
.art-frame__overlay{z-index:1}
.art-gallery{grid-template-columns:minmax(0,1fr) minmax(124px,156px);gap:clamp(14px,1.8vw,22px)}
.art-gallery__stage{aspect-ratio:var(--art-media-ratio-stage);min-height:0}
.art-gallery__stage img{aspect-ratio:var(--art-media-ratio-stage);height:100%;object-fit:cover}
.art-gallery__thumbs{align-content:start}
.art-gallery__thumb{border-radius:20px;background:#10284f;box-shadow:0 18px 40px rgba(15,37,72,.12)}
.art-gallery__thumb img{width:100%;aspect-ratio:var(--art-media-ratio-thumb);object-fit:cover}
.art-gallery__thumb:focus-visible{outline:3px solid rgba(243,198,63,.72);outline-offset:3px}
.art-gallery__caption{max-width:min(100%,680px)}
.art-gallery__caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.art-grid-2 > .art-feature,.art-grid-3 > .art-feature,.art-grid-2 > .art-card,.art-grid-3 > .art-card{display:flex;flex-direction:column;justify-content:flex-start}
.art-grid-2 > .art-feature p,.art-grid-3 > .art-feature p,.art-grid-2 > .art-card p,.art-grid-3 > .art-card p{max-width:62ch}
.art-mini-profile,.art-identity,.art-info-grid,.art-timeline,.art-stat-ribbon{row-gap:clamp(12px,1.6vw,18px)}
.art-card--soft,.art-feature,.art-info,.art-stat,.art-timeline__item{backdrop-filter:blur(8px)}
.art-feature figure{margin:0}
.art-feature figure img,.art-grid-2 figure img{width:100%;height:auto;aspect-ratio:var(--art-media-ratio-card);object-fit:cover}
.rich-prose > :first-child{margin-top:0}
.rich-prose img{width:100%;max-width:100%;height:auto;border-radius:24px}
.art-identity__avatar,.art-mini-profile__avatar{overflow:hidden;flex:0 0 auto}
.art-identity__avatar img,.art-mini-profile__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.seo-breadcrumbs{margin-top:0}
.seo-breadcrumbs .container{overflow-x:auto}
.seo-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 12px}
@media (max-width:1100px){.home-stage{gap:20px}}
@media (max-width:820px){:root{--art-space-section:clamp(34px,9vw,52px);--art-space-card:clamp(18px,5vw,24px);--art-media-ratio-stage:4 / 3}.art-gallery{grid-template-columns:1fr}.art-gallery__thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.art-gallery__thumb{border-radius:16px}.art-actions .btn,.art-actions .btn-tertiary,.art-identity__actions .btn,.art-identity__actions .btn-tertiary{min-width:0;flex:1 1 220px}}
@media (max-width:640px){.art-gallery__thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.art-gallery__caption{left:14px;right:14px;bottom:14px}.art-floating-strip{padding:12px;gap:10px}.art-floating-strip article,.art-stat,.art-info,.art-timeline__item,.art-feature,.art-card__inner{border-radius:20px}.art-copy,.art-feature p,.art-info div,.art-info p,.art-timeline__content p,.art-gallery__caption p{font-size:.97rem;line-height:1.72}}


.art-cta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.art-cta-card h3{margin:14px 0 10px;font-size:1.18rem;color:var(--art-blue-deep)}
.art-cta-card p{margin:0;color:#5a6d86;line-height:1.7}
.art-feature--gallery-card{display:grid;grid-template-rows:auto 1fr;background:#fff}
.art-feature--gallery-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.art-feature__caption{display:grid;gap:10px;padding:18px}
.art-feature__caption strong{font-size:1.05rem;color:var(--art-blue-deep)}
.art-feature__caption p{margin:0;color:#5f7189;line-height:1.7}
@media (max-width:1100px){.art-cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.art-cta-grid{grid-template-columns:1fr}}