[data-visual-style="minimalist"],
[data-item-style="minimalist"],
[data-slide-style="minimalist"] {
--vs-bg:
var(--vs-relief-layer),
var(--bg-surface);
--vs-text-primary: var(--text-primary);
--vs-text-secondary: var(--text-secondary);
--vs-border: var(--border-subtle);
--vs-border-width: 1px;
--vs-shadow: var(--shadow-sm);
--vs-backdrop: none;
--vs-bg-glass: rgba(255, 255, 255, 0.7);
--vs-backdrop-glass: blur(12px);
--vs-shadow-glass: 0 0 0 1px rgba(0, 0, 0, 0.04), var(--vs-elevation-page);
--vs-shadow-glass-hover: 0 0 0 1px rgba(0, 0, 0, 0.05), var(--vs-elevation-hover-page);
--vs-form-label: var(--text-primary);
--vs-form-text: var(--text-primary);
--vs-form-help: var(--text-secondary);
--vs-form-placeholder: var(--placeholder-on-light);
}
[data-theme="dark"] [data-visual-style="minimalist"],
[data-theme="dark"] [data-item-style="minimalist"],
[data-theme="dark"] [data-slide-style="minimalist"] {
--vs-bg-glass: color-mix(in oklab, var(--neutral-800) 70%, transparent);
--vs-shadow-glass: var(--vs-elevation-page);
--vs-shadow-glass-hover: var(--vs-elevation-hover-page);
}
@media (prefers-color-scheme: dark) {
[data-visual-style="minimalist"]:not([data-theme="light"] *),
[data-item-style="minimalist"]:not([data-theme="light"] *),
[data-slide-style="minimalist"]:not([data-theme="light"] *) {
--vs-bg-glass: color-mix(in oklab, var(--neutral-800) 70%, transparent);
--vs-shadow-glass: var(--vs-elevation-page);
--vs-shadow-glass-hover: var(--vs-elevation-hover-page);
}
}
.hero.hero[data-visual-style="minimalist"] {
background: var(--vs-bg-glass);
border: none;
box-shadow: none;
color: var(--text-primary);
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
.hero.hero[data-visual-style="minimalist"] {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
.hero.hero[data-visual-style="minimalist"] .hero__title {
background: none;
-webkit-text-fill-color: var(--text-primary);
color: var(--text-primary);
animation: none;
text-shadow: var(--text-shadow-md);
}
.banner.banner[data-visual-style="minimalist"] {
background: var(--vs-bg-glass);
color: var(--text-primary);
border: none;
box-shadow: var(--vs-shadow-glass);
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
.banner.banner[data-visual-style="minimalist"] {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
.banner.banner[data-visual-style="minimalist"] .banner__content {
position: relative;
z-index: 2;
}
.banner.banner[data-visual-style="minimalist"] .banner__title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.banner.banner[data-visual-style="minimalist"] .form-message,
.banner.banner[data-visual-style="minimalist"] .form-message p,
.banner.banner[data-visual-style="minimalist"] .form-message span,
.banner.banner[data-visual-style="minimalist"] .form-message ul,
.banner.banner[data-visual-style="minimalist"] .form-message ol,
.banner.banner[data-visual-style="minimalist"] .form-message li,
.banner.banner[data-visual-style="minimalist"] .form-message strong,
.banner.banner[data-visual-style="minimalist"] .form-message em {
color: var(--text-secondary);
}
.banner.banner[data-visual-style="minimalist"] .banner__description h1,
.banner.banner[data-visual-style="minimalist"] .banner__description h2,
.banner.banner[data-visual-style="minimalist"] .banner__description h3,
.banner.banner[data-visual-style="minimalist"] .banner__description h4,
.banner.banner[data-visual-style="minimalist"] .banner__description h5,
.banner.banner[data-visual-style="minimalist"] .banner__description h6 {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.banner.banner[data-visual-style="minimalist"]:hover {
box-shadow: var(--vs-shadow-glass-hover);
transform: translateY(-2px);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
) {
background: var(--vs-bg-glass);
border: none;
border-radius: var(--radius-composant-base);
box-shadow: var(--vs-shadow-glass);
position: relative;
overflow: hidden;
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
) {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
)::before {
display: none;
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
) .card__title,
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
) .card__subtitle {
position: relative;
z-index: 1;
color: var(--text-primary);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
) .card__description {
position: relative;
z-index: 1;
color: var(--text-secondary);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
) .card__icon {
position: relative;
z-index: 1;
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
):hover {
box-shadow: var(--vs-shadow-glass-hover);
transform: translateY(-2px);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
):hover .card__title {
color: var(--text-primary);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]) {
background: var(--vs-bg-glass);
border: none;
border-radius: var(--radius-composant-base);
box-shadow: var(--vs-shadow-glass);
position: relative;
overflow: hidden;
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]) {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]):hover {
box-shadow: var(--vs-shadow-glass-hover);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]):hover .grid-item__article-title {
color: var(--text-primary);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]) .grid-item__article-title {
position: relative;
z-index: 1;
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]) .grid-item__article-excerpt {
position: relative;
z-index: 1;
color: var(--text-secondary);
}
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]) .grid-item__article-category {
position: relative;
z-index: 1;
color: var(--ink-brand);
}
:is(.carousel-block[data-visual-style="minimalist"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="minimalist"]) {
position: relative;
background: var(--vs-bg-glass);
border: none;
box-shadow: var(--vs-shadow-glass);
overflow: hidden;
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
:is(.carousel-block[data-visual-style="minimalist"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="minimalist"]) {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
:is(.carousel-block[data-visual-style="minimalist"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="minimalist"]) .lexical-content {
--lexical-color: var(--text-secondary);
--lexical-heading-color: var(--text-primary);
--lexical-quote-color: var(--text-secondary);
--lexical-strong-color: var(--text-primary);
color: var(--text-secondary);
}
:is(.carousel-block[data-visual-style="minimalist"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="minimalist"]):hover {
box-shadow: var(--vs-shadow-glass-hover);
transform: translateY(-2px);
}
:is(.carousel-block[data-visual-style="minimalist"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="minimalist"]) .carousel-slide__article-title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.tabs.tabs[data-visual-style="minimalist"] .tabs__panels {
background: var(--vs-bg-glass);
color: var(--text-primary);
border: none;
box-shadow: var(--vs-shadow-glass);
position: relative;
overflow: hidden;
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
.tabs.tabs[data-visual-style="minimalist"] .tabs__panels {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
.tabs.tabs[data-visual-style="minimalist"] .tabs__panels:hover {
box-shadow: var(--vs-shadow-glass-hover);
transform: translateY(-2px);
}
.header-master[data-visual-style="minimalist"] {
background: var(--bg-base);
color: var(--text-primary);
border: none;
box-shadow: none;
}
.header-master[data-visual-style="minimalist"] .nav-item,
.header-master[data-visual-style="minimalist"] .logo-wrapper a {
font-family: var(--font-sans);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
}
.header-master[data-visual-style="minimalist"] .nav-item:not([class*="cta-"]),
.header-master[data-visual-style="minimalist"] .logo-wrapper a {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.header-master[data-visual-style="minimalist"] .nav-item:not([class*="cta-"]):hover {
background: var(--header-glass-bg-subtle-light);
color: var(--ink-brand);
}
[data-theme="dark"] .header-master[data-visual-style="minimalist"] .nav-item:not([class*="cta-"]):hover {
background: var(--header-glass-bg-subtle-dark);
}
@media (prefers-color-scheme: dark) {
.header-master[data-visual-style="minimalist"] .nav-item:not([class*="cta-"]):hover:not([data-theme="light"] *) {
background: var(--header-glass-bg-subtle-dark);
}
}
.header-master[data-visual-style="minimalist"] .nav-dropdown {
background: var(--bg-surface);
border: var(--border-width) solid var(--border-subtle);
}
.header-master[data-visual-style="minimalist"] .nav-dropdown__item {
color: var(--text-primary);
}
.header-master[data-visual-style="minimalist"] .nav-dropdown__item:hover {
background: var(--bg-elevated);
}
:is(
.list-details[data-visual-style="minimalist"] .list-details__card,
.chapters[data-visual-style="minimalist"] .chapters__card,
.list-details[data-visual-style="minimalist"] .list-details__panel,
.timeline[data-visual-style="minimalist"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="minimalist"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="minimalist"]
) {
background: var(--vs-bg-glass);
border: none;
border-radius: var(--radius-composant-base);
box-shadow: var(--vs-shadow-glass);
overflow: hidden;
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
:is(
.list-details[data-visual-style="minimalist"] .list-details__card,
.chapters[data-visual-style="minimalist"] .chapters__card,
.list-details[data-visual-style="minimalist"] .list-details__panel,
.timeline[data-visual-style="minimalist"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="minimalist"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="minimalist"]
) {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
:is(
.list-details[data-visual-style="minimalist"] .list-details__card,
.chapters[data-visual-style="minimalist"] .chapters__card,
.list-details[data-visual-style="minimalist"] .list-details__panel,
.timeline[data-visual-style="minimalist"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="minimalist"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="minimalist"]
):hover {
box-shadow: var(--vs-shadow-glass-hover);
}
.list-details[data-visual-style="minimalist"] .list-details__card-title,
.list-details[data-visual-style="minimalist"] .list-details__panel-title,
.timeline[data-visual-style="minimalist"] .timeline__step-title,
:is(.testimonial, .bento)[data-visual-style="minimalist"] .testimonial__item:not([data-item-style]) .testimonial__item-title,
:is(.testimonial, .bento) .testimonial__item[data-item-style="minimalist"] .testimonial__item-title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.list-details[data-visual-style="minimalist"] .list-details__card-desc,
.list-details[data-visual-style="minimalist"] .list-details__panel-desc,
.timeline[data-visual-style="minimalist"] .timeline__desc,
:is(.testimonial, .bento)[data-visual-style="minimalist"] .testimonial__item:not([data-item-style]) .testimonial__quote,
:is(.testimonial, .bento) .testimonial__item[data-item-style="minimalist"] .testimonial__quote {
--lexical-color: var(--text-secondary);
--lexical-heading-color: var(--text-primary);
--lexical-quote-color: var(--text-secondary);
--lexical-strong-color: var(--ink-brand);
color: var(--text-secondary);
}
.timeline[data-visual-style="minimalist"] .timeline__ref,
.timeline[data-visual-style="minimalist"] .timeline__desc strong {
color: var(--ink-brand);
}
.section[data-visual-style="minimalist"]:not(.section--full-bleed) .section__inner {
background: var(--vs-bg-glass);
border: none;
box-shadow: var(--vs-shadow-glass);
}
.section--full-bleed[data-visual-style="minimalist"] {
background: var(--vs-bg-glass);
box-shadow: var(--vs-shadow-glass);
}
@supports (backdrop-filter: blur(1px)) {
@media (min-width: 640px) {
.section[data-visual-style="minimalist"]:not(.section--full-bleed) .section__inner,
.section--full-bleed[data-visual-style="minimalist"] {
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
}
}
}
:is(
.hero.hero[data-visual-style="minimalist"]:not(.hero--flou-de-lisibilite),
.banner.banner[data-visual-style="minimalist"]:not(.banner--flou-de-lisibilite),
:is(.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="minimalist"],
.bento[data-visual-style="minimalist"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="minimalist"]
),
:is(.grid-block[data-visual-style="minimalist"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="minimalist"]),
:is(.carousel-block[data-visual-style="minimalist"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="minimalist"]),
.tabs.tabs[data-visual-style="minimalist"] .tabs__panels,
:is(
.list-details[data-visual-style="minimalist"] .list-details__card,
.chapters[data-visual-style="minimalist"] .chapters__card,
.list-details[data-visual-style="minimalist"] .list-details__panel,
.timeline[data-visual-style="minimalist"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="minimalist"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="minimalist"]
)
):not(:is(
.grid-12__cell[data-offset-x]:not([data-offset-x="0"]),
.grid-12__cell[data-offset-y]:not([data-offset-y="0"]),
.grid-12__cell[data-sticky="true"]
) *):not(:is(
.section[data-visual-style="lacquer"],
.section[data-visual-style="velvet"],
.section[data-visual-style="strong"],
.section[data-visual-style="strong-coloured"],
.section[data-visual-style="gradient"],
.section[data-visual-style="gradient-aurora"],
.section[data-visual-style="smoked-glass"]
) *) {
backdrop-filter: none;
-webkit-backdrop-filter: none;
}