.declic-trio {
    --content: 1200px;
    --trio-section: clamp(46px, 6vw, 88px);
    --trio-gap: clamp(20px, 4vw, 52px);
    --trio-radius: 8px;
}
.trio-spacing-compact { --trio-section: clamp(30px, 4.5vw, 60px); --trio-gap: clamp(16px, 3vw, 32px); }
.trio-spacing-airy { --trio-section: clamp(60px, 8vw, 116px); --trio-gap: clamp(28px, 5.2vw, 72px); }
.trio-radius-square { --trio-radius: 0px; }
.trio-radius-round { --trio-radius: 20px; }
.declic-trio #main :is(.section.dv-block,.page-intro,.hero,.trust-band) {
    padding-block: var(--trio-section);
}
.declic-trio #main .dv-space-compact { padding-block: calc(var(--trio-section) * .62); }
.declic-trio #main .dv-space-large { padding-block: calc(var(--trio-section) * 1.24); }
.declic-trio #main :is(.about-grid,.faq-layout,.contact-grid,.detail-grid,.hero-grid,.process) {
    gap: var(--trio-gap);
}
.declic-trio #main :is(.about-image,.hero-image,.detail-image,.db-editorial-image,.db-photographic-image,.gallery-grid,.project-image,.db-portfolio-image,.service-card,.team-card) img {
    border-radius: var(--trio-radius);
}
.declic-trio #main :is(.about-image,.hero-image,.detail-image,.db-editorial-image,.project-image,.db-portfolio-image) { overflow: hidden; border-radius: var(--trio-radius); }
.trio-crop-square #main :is(.gallery-grid,.project-image,.db-portfolio-image,.team-card) img,
.trio-crop-landscape #main :is(.gallery-grid,.project-image,.db-portfolio-image,.team-card) img {
    aspect-ratio: var(--trio-aspect);
    height: auto;
    object-fit: cover;
}
.trio-crop-square { --trio-aspect: 1; }
.trio-crop-landscape { --trio-aspect: 4 / 3; }
.trio-crop-natural #main :is(.gallery-grid,.project-image,.db-portfolio-image,.team-card) img { height: auto; aspect-ratio: auto; object-fit: contain; }
.declic-trio #main h1 { text-wrap: balance; max-width: 17ch; }
.declic-trio #main h2 { text-wrap: balance; }
.declic-trio #main :is(.prose,.lead) { max-width: 66ch; }
.declic-trio #main .service-card { box-shadow: none; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.trio-preset-bois #main .service-card .card-number,
.trio-preset-equilibre #main .service-card .card-number { display: none; }
.trio-preset-prisme #main .card-number {
    background: var(--accent);
    color: var(--ink);
    padding: .25rem .6rem;
    width: max-content;
}
.trio-preset-prisme #main :is(.hero,.db-header-photo) { background: var(--ink); color: var(--paper); }
.trio-preset-prisme #main :is(.hero,.db-header-photo) :is(h1,.eyebrow,.lead) { color: var(--paper); }
.declic-trio #main .db-header-immersive { min-height: clamp(460px, 52vw, 690px); }
.declic-trio #main .db-header-immersive .container { padding-block: 24px; }
.declic-trio #main .db-header-immersive h1 { max-width: 13ch; }
.declic-trio .site-footer { padding-block: clamp(58px, 8vw, 104px) 24px; }
.declic-trio .site-footer .footer-grid { gap: var(--trio-gap); }
.declic-trio .site-footer .footer-bottom { margin-top: clamp(32px, 6vw, 72px); padding-block: 22px; }
.declic-trio #main [data-composition=trio-narrow] > .container { width: min(760px, calc(100% - 40px)); }
.declic-trio #main [data-composition=trio-narrow] :is(.faq-layout,.process) { grid-template-columns: minmax(0,1fr); }
.declic-trio #main [data-composition=trio-stack] nav { display: flex; flex-direction: column; align-items: stretch; max-width: 720px; }
.declic-trio #main [data-composition=trio-grid] nav { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); }
.declic-trio #main [data-composition=trio-feature] :is(.cards,.stat-grid) {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--trio-gap);
}
.declic-trio #main [data-composition=trio-feature] :is(.cards,.stat-grid) > :first-child {
    grid-column: 1 / -1;
    padding: clamp(22px,5vw,64px);
    background: var(--soft);
}
@media (min-width: 1025px) {
    .declic-trio .db-header-centered .identity-bar { justify-content: center; min-height: 104px; }
    .declic-trio .db-header-centered .identity-bar .header-details { display: none; }
    .declic-trio .db-header-centered .navigation-bar > .container { justify-content: center; gap: clamp(20px,5vw,70px); }
    .declic-trio .db-header-inline { display: grid; grid-template-columns: max-content minmax(0,1fr); align-items: center; padding-inline: max(24px,calc((100% - 1200px) / 2)); }
    .declic-trio .db-header-inline .identity-bar { width: auto; margin: 0; min-height: 86px; }
    .declic-trio .db-header-inline .header-details { display: none; }
    .declic-trio .db-header-inline .navigation-bar { border: 0; }
    .declic-trio .db-header-inline .navigation-bar > .container { width: 100%; justify-content: flex-end; gap: 20px; }
}
@media (max-width: 760px) {
    .declic-trio #main [data-composition=trio-feature] :is(.cards,.stat-grid) { grid-template-columns: minmax(0,1fr); }
    .declic-trio #main .db-header-immersive { min-height: 500px; }
}

.trio-preset-bois .db-portfolio-number,
.trio-preset-equilibre .db-portfolio-number { display: none; }