/* Bornwiz Homepage Studio 1.5.37 : la photo comme charnière. Plus aucun dégradé ni masque sur les photos : la fenêtre (accueil) et les couvertures (pages service, À propos)
   entrent comme un cadre arrondi, s'ouvrent plein écran, le fond de page change derrière elles, puis elles se referment sur le chapitre suivant.
   Un seul fond par page dont la couleur change en fondu, des mots qui défilent sans bande, une zone sombre par page quand elle s'y prête. Actif seulement avec JS (html.bw-flow-on). */

@property --bwf-fg { syntax: "<color>"; inherits: true; initial-value: #1e1c1d; }
@property --bwf-fg2 { syntax: "<color>"; inherits: true; initial-value: #2c2830; }
@property --bwf-muted { syntax: "<color>"; inherits: true; initial-value: #57505c; }
@property --bwf-muted2 { syntax: "<color>"; inherits: true; initial-value: #5f5864; }
@property --bwf-accent { syntax: "<color>"; inherits: true; initial-value: #644cf4; }
@property --bwf-link { syntax: "<color>"; inherits: true; initial-value: #5035dc; }
@property --bwf-panel { syntax: "<color>"; inherits: true; initial-value: #fcfaf6; }
@property --bwf-card { syntax: "<color>"; inherits: true; initial-value: rgba(30, 28, 29, .025); }
@property --bwf-line { syntax: "<color>"; inherits: true; initial-value: rgba(30, 28, 29, .12); }
@property --bwf-line-strong { syntax: "<color>"; inherits: true; initial-value: rgba(30, 28, 29, .24); }
@property --bwf-tone { syntax: "<color>"; inherits: true; initial-value: #f5f1e6; }

/* 1. Fond commun : la racine porte la couleur, elle change en fondu. */
html.bw-flow-on:not(#bw-x) .bw-flow {
  --bwf-tone: #f5f1e6; --bwf-fg: #1e1c1d; --bwf-fg2: #2c2830; --bwf-muted: #57505c; --bwf-muted2: #5f5864; --bwf-link: #5035dc; --bwf-accent: #644cf4; --bwf-panel: #fcfaf6;
  --bwf-card: rgba(30, 28, 29, .025); --bwf-line: rgba(30, 28, 29, .12); --bwf-line-strong: rgba(30, 28, 29, .24);
  background: var(--bwf-tone) !important;
  transition: --bwf-tone .9s cubic-bezier(.2, .7, .2, 1), --bwf-fg .9s ease, --bwf-fg2 .9s ease, --bwf-muted .9s ease, --bwf-muted2 .9s ease, --bwf-link .9s ease, --bwf-accent .9s ease, --bwf-panel .9s ease, --bwf-card .9s ease, --bwf-line .9s ease, --bwf-line-strong .9s ease;
}
html.bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="sand"] { --bwf-tone: #ebe3d1; }
html.bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="ink"] { --bwf-tone: #1e1c1d; --bwf-fg: #f5f1e6; --bwf-fg2: #ddd6d0; --bwf-muted: #c4bdb9; --bwf-muted2: #b3abb6; --bwf-link: #c9bdff; --bwf-accent: #b9aaff; --bwf-panel: #2c2830; --bwf-card: rgba(245, 241, 230, .06); --bwf-line: rgba(245, 241, 230, .14); --bwf-line-strong: rgba(245, 241, 230, .26); }
html.bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="violet"] { --bwf-tone: #644cf4; --bwf-fg: #ffffff; --bwf-fg2: #f5f1e6; --bwf-muted: #f5f1e6; --bwf-muted2: #f5f1e6; --bwf-link: #ffffff; --bwf-accent: #ffffff; --bwf-panel: #5a43e6; --bwf-card: rgba(255, 255, 255, .08); --bwf-line: rgba(255, 255, 255, .2); --bwf-line-strong: rgba(255, 255, 255, .34); }
html[data-theme="dark"].bw-flow-on:not(#bw-x) .bw-flow { --bwf-tone: #1e1c1d; --bwf-fg: #f5f1e6; --bwf-fg2: #ddd6d0; --bwf-muted: #c4bdb9; --bwf-muted2: #a49caa; --bwf-link: #c9bdff; --bwf-accent: #b9aaff; --bwf-panel: #2c2830; --bwf-card: rgba(245, 241, 230, .05); --bwf-line: rgba(245, 241, 230, .12); --bwf-line-strong: rgba(245, 241, 230, .24); }
html[data-theme="dark"].bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="sand"] { --bwf-tone: #25212b; }
html[data-theme="dark"].bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="ink"] { --bwf-tone: #2b2343; }
html[data-theme="dark"].bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="violet"] { --bwf-tone: #4f3bd0; --bwf-fg: #ffffff; --bwf-fg2: #f5f1e6; --bwf-muted: #f5f1e6; --bwf-muted2: #f5f1e6; --bwf-link: #ffffff; --bwf-accent: #ffffff; --bwf-panel: #4632c0; --bwf-card: rgba(255, 255, 255, .08); --bwf-line: rgba(255, 255, 255, .2); --bwf-line-strong: rgba(255, 255, 255, .34); }

/* Les blocs n'ont plus de fond ni de trait : c'est la racine qui colore. Les hauts de page gardent leur décor. */
html.bw-flow-on:not(#bw-x) .bw-flow [data-bw-tone]:not([data-bw-keep]) { background: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bwc-section, html.bw-flow-on:not(#bw-x) .bw-flow .bwa2-section { border-top-color: transparent !important; }
html.bw-flow-on:not(#bw-x) .bw-footer { border-top-color: transparent !important; }
html.bw-flow-on:not(#bw-x) .bw-flow [data-bw-keep] { border-bottom-color: transparent !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero[data-bw-keep]:not(.bwh) { -webkit-mask-image: linear-gradient(#000 82%, transparent); mask-image: linear-gradient(#000 82%, transparent); }
/* Hero Enfilade (plugin séparé, classe .bwh) : un seul sombre après la scène. La section prend la couleur de page (sombre), le dégradé de bas du hero (#161415 → transparent)
   fond la scène dans cette couleur, et le bandeau de mots n'a plus de fond propre : plus de palier entre le hero, le bandeau et le premier bloc. */
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero.bwh[data-bw-keep] { -webkit-mask-image: none; mask-image: none; background: var(--bwf-tone) !important; }
/* Le dégradé de bas du hero ne sert plus qu'à l'espace (sombre sur sombre) : raccourci ; le bandeau et le premier bloc se rapprochent, sans vide ni chevauchement de la scène. */
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero.bwh .bwh__fade { height: clamp(72px, 10vh, 110px); }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero.bwh + .bw-flow-words { background: transparent; margin-top: 0; padding-top: 0; padding-bottom: clamp(16px, 2.5vw, 32px); }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero.bwh + .bw-flow-words + .bw-needs { padding-top: clamp(48px, 6vw, 80px) !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero.bwh + .bw-flow-words .bw-flow-group span { color: #f5f1e6; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero.bwh + .bw-flow-words .bw-flow-group span.is-outline { color: transparent; -webkit-text-stroke-color: #b9aaff; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-hero.bwh + .bw-flow-words .bw-flow-group svg { color: #b9aaff; }

/* Texte et traits posés sur le fond : rangés par familles par site-flow.js, ils suivent la couleur du fond. */
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-c="fg"] { color: var(--bwf-fg) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-c="fg2"] { color: var(--bwf-fg2) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-c="muted"] { color: var(--bwf-muted) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-c="muted2"] { color: var(--bwf-muted2) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-c="link"] { color: var(--bwf-link) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-c="accent"] { color: var(--bwf-accent) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="t1"] { border-top-color: var(--bwf-line) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="r1"] { border-right-color: var(--bwf-line) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="b1"] { border-bottom-color: var(--bwf-line) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="l1"] { border-left-color: var(--bwf-line) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="t2"] { border-top-color: var(--bwf-line-strong) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="r2"] { border-right-color: var(--bwf-line-strong) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="b2"] { border-bottom-color: var(--bwf-line-strong) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="l2"] { border-left-color: var(--bwf-line-strong) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="t3"] { border-top-color: var(--bwf-fg) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="r3"] { border-right-color: var(--bwf-fg) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="b3"] { border-bottom-color: var(--bwf-fg) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="l3"] { border-left-color: var(--bwf-fg) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="t4"] { border-top-color: var(--bwf-accent) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="r4"] { border-right-color: var(--bwf-accent) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="b4"] { border-bottom-color: var(--bwf-accent) !important; }
html.bw-flow-on:not(#bw-x):not(#bw-y):not(#bw-z) .bw-flow [data-bw-b~="l4"] { border-left-color: var(--bwf-accent) !important; }

:where(html.bw-flow-on .bw-flow [data-bw-island]) { color: var(--bwf-c0); }
html.bw-flow-init .bw-flow, html.bw-flow-init .bw-flow * { transition: none !important; }

/* 2. Mots qui défilent, sans bande. */
.bw-flow-words { position: relative; z-index: 1; display: flex; width: 100%; padding: clamp(24px, 4vw, 52px) 0; overflow: hidden; pointer-events: none; }
.bw-flow-track { display: flex; width: max-content; animation: bw-flow-run 30s linear infinite; }
.bw-flow-words--reverse .bw-flow-track { animation-direction: reverse; }
.bw-flow-group { display: flex; flex: 0 0 auto; align-items: center; min-width: max-content; padding-right: clamp(20px, 3vw, 40px); }
.bw-flow-group span { display: inline-flex; align-items: center; gap: clamp(14px, 2vw, 30px); margin-right: clamp(16px, 2.5vw, 42px); color: var(--bwf-fg, #1e1c1d); font: 820 clamp(24px, 3.2vw, 42px)/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.045em; text-transform: uppercase; white-space: nowrap; }
.bw-flow-group span.is-outline { color: transparent; -webkit-text-stroke: 1.2px #644cf4; }
.bw-flow-group svg { width: clamp(16px, 1.8vw, 23px); height: clamp(16px, 1.8vw, 23px); flex: 0 0 auto; color: #644cf4; }
html[data-theme="dark"] .bw-flow-group span.is-outline { -webkit-text-stroke-color: #b9aaff; }
html[data-theme="dark"] .bw-flow-group svg { color: #b9aaff; }
html.bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="ink"] .bw-flow-words:not(.bw-flow-words--light) .bw-flow-group span.is-outline { -webkit-text-stroke-color: #b9aaff; }
html.bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="ink"] .bw-flow-words:not(.bw-flow-words--light) .bw-flow-group svg { color: #b9aaff; }
.bw-flow-group span.is-outline, .bw-flow-group svg { transition: -webkit-text-stroke-color .9s ease, color .9s ease; }
.bw-flow-words--big .bw-flow-track { animation: none; }
.bw-flow-words--big .bw-flow-group span { font-size: clamp(44px, 7vw, 104px); }
.bw-flow-words--big .bw-flow-group svg { width: clamp(20px, 2.6vw, 38px); height: clamp(20px, 2.6vw, 38px); }
.bw-flow-words--light .bw-flow-group span { color: #f5f1e6; font-size: clamp(46px, 7.4vw, 112px); }
.bw-flow-words--light .bw-flow-group span.is-outline { color: transparent; -webkit-text-stroke: 1.4px rgba(245, 241, 230, .85); }
.bw-flow-words--light .bw-flow-group svg { color: #c9bdff; }
.bw-flow-words.is-off .bw-flow-track { animation-play-state: paused; }
@keyframes bw-flow-run { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }

/* Bandeaux déjà présents (pôles, réalisations) : même famille, sans bande. */
html.bw-flow-on:not(#bw-x) :is(.bwc-marquee, .bwi-marquee) { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html.bw-flow-on:not(#bw-x) :is(.bwc-marquee__group, .bwi-marquee__group) span { color: var(--bwf-fg) !important; }
html.bw-flow-on:not(#bw-x) :is(.bwc-marquee__group, .bwi-marquee__group) span.is-outline { color: transparent !important; -webkit-text-stroke: 1.2px #644cf4 !important; }
html.bw-flow-on:not(#bw-x) :is(.bwc-marquee__group, .bwi-marquee__group) i { color: #644cf4 !important; }
html[data-theme="dark"].bw-flow-on:not(#bw-x) :is(.bwc-marquee__group, .bwi-marquee__group) span.is-outline { -webkit-text-stroke-color: #b9aaff !important; }
html[data-theme="dark"].bw-flow-on:not(#bw-x) :is(.bwc-marquee__group, .bwi-marquee__group) i { color: #b9aaff !important; }

html.bw-flow-on:not(#bw-x) body .bw-site-marquee.bw-phm-wrap { background: transparent !important; border-color: transparent !important; box-shadow: none !important; padding: clamp(24px, 4vw, 52px) 0 !important; }
html.bw-flow-on:not(#bw-x) body .bw-site-marquee .bw-phm-inner span { color: var(--bwf-fg, #1e1c1d) !important; }
html.bw-flow-on:not(#bw-x) body .bw-site-marquee .bw-phm-inner span.bw-phm-outline { color: transparent !important; -webkit-text-stroke: 1.2px #644cf4 !important; }
html.bw-flow-on:not(#bw-x) body .bw-site-marquee .bw-phm-star { color: #644cf4 !important; }
html[data-theme="dark"].bw-flow-on:not(#bw-x) body .bw-site-marquee .bw-phm-inner span.bw-phm-outline { -webkit-text-stroke-color: #b9aaff !important; }
html[data-theme="dark"].bw-flow-on:not(#bw-x) body .bw-site-marquee .bw-phm-star { color: #b9aaff !important; }

/* 3. Fenêtre photo = charnière : section haute, cadre collant dont la découpe s'anime (site-flow.js pose clip-path, zoom et --bwf-t).
   La photo n'a ni masque ni dégradé : un voile plat et léger (--bwf-scrim) seulement pour la lisibilité du texte posé dessus. */
.bw-window { position: relative; z-index: 1; height: 220vh; margin: 0; }
.bw-window__frame { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; clip-path: inset(7vh 6vw round 28px); background: #111; }
.bw-window__media { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
/* !important : la page À propos (.bwa2 img { height: auto }) et Divi redimensionnent les images ; la photo doit couvrir tout le cadre. */
html body .bw-window__media img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover; object-position: 50% 45%; transform: scale(1.12); transform-origin: 50% 45%; will-change: transform; }
/* Voile plat (jamais un dégradé) : léger quand la photo est un cadre, un peu plus présent (--bwf-scrim) le temps où le texte est posé dessus (--bwf-t). */
.bw-window__media::after { content: ""; position: absolute; inset: 0; background: rgba(30, 28, 29, calc(.14 + var(--bwf-t, 0) * var(--bwf-scrim, .06))); }
.bw-window__mark { position: absolute; top: 50%; left: 0; width: 1px; height: 1px; }
.bw-window figcaption { position: absolute; z-index: 2; left: max(28px, calc((100% - 1240px) / 2)); bottom: 14vh; display: grid; gap: 3px; max-width: 360px; padding: 14px 18px; border-radius: 14px; background: rgba(245, 241, 230, .96); color: #57505c; font: 400 14px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; opacity: var(--bwf-t, 0); transform: translate3d(0, calc((1 - var(--bwf-t, 0)) * 18px), 0); }
html body .bw-window figcaption strong { color: #1e1c1d !important; font-size: 15px; font-weight: 700; }
html body .bw-window figcaption span { color: #57505c !important; }

/* 4. Zones sombres : le texte posé sur le fond suit la couleur du fond, en fondu. */
/* Accueil : « moi » et avis. */
html.bw-flow-on:not(#bw-x) .bw-flow :is(.bw-human h2, .bw-human__copy > p:not(.bw-kicker), .bw-reviews__intro h2, .bw-reviews__intro .bw-rating strong) { color: var(--bwf-fg) !important; }
html.bw-flow-on:not(#bw-x) .bw-flow :is(.bw-human .bw-kicker, .bw-reviews__intro .bw-kicker) { color: var(--bwf-fg2) !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-reviews__intro .bw-rating small { color: var(--bwf-muted) !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-reviews__intro > .bw-text-link { color: var(--bwf-link) !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-human__routes a { background: var(--bwf-card) !important; border-color: var(--bwf-line) !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-human__routes a span { color: var(--bwf-link) !important; }
html.bw-flow-on:not(#bw-x) .bw-flow .bw-human__routes a :is(strong, b) { color: var(--bwf-fg) !important; }
html:not([data-theme="dark"]).bw-flow-on:not(#bw-x) .bw-flow[data-bw-tone="ink"] .bw-review { box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .65) !important; }
/* Pages services : les étapes. */
html.bw-flow-on:not(#bw-x) .bw-flow .bwz-steps { --text: var(--bwf-fg); --text-2: var(--bwf-fg2); --muted: var(--bwf-muted); --violet-text: var(--bwf-link); --panel: var(--bwf-panel); --line: var(--bwf-line); --line-strong: var(--bwf-line-strong); --bg: var(--bwf-tone); --art: color-mix(in srgb, var(--bwf-tone) 88%, #8a7f6b); }
/* À propos : la fin violette suit aussi le fond (texte sombre tant que le fond n'est pas violet). */
html.bw-flow-on:not(#bw-x) .bw-flow .bwa2-final { --on-violet: var(--bwf-fg); }
html.bw-flow-on:not(#bw-x) #main-content .bw-flow .bwa2-final :is(h2, .bwa2-kicker, .bwa2-text) { color: var(--bwf-fg) !important; }
/* À propos : la méthode. */
html.bw-flow-on:not(#bw-x) .bw-flow .bwa2-method { --text: var(--bwf-fg); --text-2: var(--bwf-fg2); --muted: var(--bwf-muted); --violet-text: var(--bwf-link); --panel: var(--bwf-panel); --line: var(--bwf-line); --line-strong: var(--bwf-line-strong); --soft: transparent; --bg: transparent; }

@media (max-width: 820px) {
  .bw-window { height: 200vh; height: 200svh; }
  .bw-window__frame { clip-path: inset(9svh 16px round 22px); }
  .bw-window figcaption { left: 16px; right: 16px; bottom: 12svh; max-width: none; }
  .bw-flow-group span { font-size: 23px; margin-right: 18px; gap: 14px; }
  .bw-flow-words--big .bw-flow-group span { font-size: 40px; }
  .bw-flow-words--light .bw-flow-group span { font-size: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .bw-flow-track { animation: none !important; }
  html.bw-flow-on:not(#bw-x) .bw-flow { transition: none; }
  /* Sans mouvement : la photo reste un cadre posé entre les deux chapitres, texte visible. */
  .bw-window { height: auto; }
  .bw-window__frame { position: relative; height: 80vh; height: 80svh; clip-path: inset(0 16px round 22px) !important; }
  .bw-window__media img { transform: none !important; }
  .bw-window figcaption, .bw-full__text { opacity: 1 !important; transform: none !important; }
}

/* Couverture de chapitre : même charnière, kicker + phrase posés en bas à gauche, voile plat un peu plus fort. */
.bw-window--full { --bwf-scrim: .3; }
.bw-full__text { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: grid; gap: 14px; padding: 0 max(28px, calc((100% - 1240px) / 2)) 12vh; color: #f5f1e6; opacity: var(--bwf-t, 0); transform: translate3d(0, calc((1 - var(--bwf-t, 0)) * 26px), 0); pointer-events: none; }
html body .bw-full__text small { display: inline-flex; align-items: center; gap: 10px; color: rgba(245, 241, 230, .85); font: 600 12px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .16em; text-transform: uppercase; }
html body .bw-full__text small::before { content: ""; width: 28px; height: 1px; background: currentColor; }
html body .bw-full__text p { margin: 0; max-width: 15ch; color: #f5f1e6; font: 700 clamp(30px, 4.8vw, 66px)/1.02 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.025em; text-wrap: balance; }
@media (max-width: 767px) { .bw-full__text { padding: 0 20px 14svh; } html body .bw-full__text p { font-size: clamp(30px, 9vw, 40px); max-width: 12ch; } }