/* Pompidou Events — the four other styles. Each one redefines main.css's tokens, then adds its signature element.
 *   Pompidou     playful, architectural: the Centre Pompidou's colour-coded pipes (and the hotel's address)
 *   Marée        airy, coastal: the bay's 13 m tides, full-bleed sea, wave edges, a tide gauge
 *   Dossier      sober, efficient: facts first, the quote form as hero with a live estimate
 *   Gwenn ha du  proud, regional: Breton flag black and white, bilingual road signs, marinière stripes
 * Fonts below only download when their style is on.
 */

@font-face { font-family: "Archivo PE"; font-style: normal; font-display: swap; font-weight: 100 900; font-stretch: 62% 125%; src: url(../fonts/archivo-latin-standard-normal.woff2) format("woff2"); }
@font-face { font-family: "Newsreader PE"; font-style: normal; font-display: swap; font-weight: 200 800; src: url(../fonts/newsreader-latin-standard-normal.woff2) format("woff2"); }
@font-face { font-family: "Plex PE"; font-style: normal; font-display: swap; font-weight: 100 700; font-stretch: 75% 100%; src: url(../fonts/ibm-plex-sans-latin-standard-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Condensed PE"; font-style: normal; font-display: swap; font-weight: 600; src: url(../fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Condensed PE"; font-style: normal; font-display: swap; font-weight: 700; src: url(../fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow PE"; font-style: normal; font-display: swap; font-weight: 400; src: url(../fonts/barlow-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow PE"; font-style: normal; font-display: swap; font-weight: 600; src: url(../fonts/barlow-latin-600-normal.woff2) format("woff2"); }

/* the split-flap tiles are Quai's; the other styles show the times as plain figures unless they say otherwise */
html:not([data-style="quai"]) .flap { width: auto; height: auto; background: none; border-radius: 0; font-size: 1.1rem; }
html:not([data-style="quai"]) .flaps { gap: 0; }
html:not([data-style="quai"]) .flap--gap { width: 0.3em; }

/* ======================================================================
   POMPIDOU — white, black, and the four service colours as thick tubes
   ====================================================================== */

[data-style="pompidou"] {
	--p-blue: #1d5bd8; --p-green: #1e9e5a; --p-yellow: #ffd23f; --p-red: #e63b2e; --p-black: #111820;

	--bg: #ffffff; --bg-2: #f3f4f6; --surface: #ffffff;
	--text: var(--p-black); --text-2: #4b5563; --line: rgba(17, 24, 32, 0.14); --rule: var(--p-black);
	--link: var(--p-blue); --focus: var(--p-blue);
	--accent: var(--p-yellow); --accent-text: var(--p-black); --accent-soft: #fff4c7;
	--num: var(--p-red); --chip: #e8eefc;
	--btn: var(--p-blue); --btn-text: #fff; --btn-hover: var(--p-black);
	--dark: var(--p-blue); --dark-text: #fff; --dark-text-2: rgba(255, 255, 255, 0.85); --dark-line: rgba(255, 255, 255, 0.25); --dark-link: var(--p-yellow);
	--board-bg: var(--p-black); --board-text: #fff; --board-text-2: rgba(255, 255, 255, 0.6); --board-head-2: var(--p-yellow); --board-you: var(--p-yellow); --board-line: rgba(255, 255, 255, 0.12);

	--font-body: "Archivo PE", system-ui, sans-serif;
	--display-weight: 860; --display-stretch: 125%; --display-track: -0.025em; --display-lh: 0.98;
	--r: 0px; --r-lg: 0px; --r-pill: 99px;
	--shadow: none;
}
[data-style="pompidou"] body { font-stretch: 100%; }
[data-style="pompidou"] h1 { font-size: clamp(2.2rem, 4.2vw, 3.8rem); }
[data-style="pompidou"] .hero__text h1 { max-width: 12em; }
[data-style="pompidou"] h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); }
[data-style="pompidou"] .btn, [data-style="pompidou"] .menu-btn, [data-style="pompidou"] .field input, [data-style="pompidou"] .field select { border-radius: 99px; }
[data-style="pompidou"] .btn--line { border-width: 3px; }
[data-style="pompidou"] .brand__name { font-stretch: 112%; }

/* the header sits on the four pipes */
[data-style="pompidou"] .site-head { border-bottom: 0; }
[data-style="pompidou"] .site-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 8px; background: linear-gradient(90deg, var(--p-blue) 0 25%, var(--p-green) 25% 50%, var(--p-yellow) 50% 75%, var(--p-red) 75%); }

/* the pipe drawing behind the hero */
[data-style="pompidou"] .pipes { display: block; position: absolute; right: 0; top: 0; width: 46%; height: 100%; z-index: 0; overflow: visible; }
[data-style="pompidou"] .pipes path { fill: none; stroke-width: 22px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
[data-style="pompidou"] .hero { overflow: hidden; }
[data-style="pompidou"] .hero__grid { position: relative; z-index: 1; }
[data-style="pompidou"] .hero__photo { border-radius: 0; box-shadow: 18px 18px 0 var(--p-yellow); }

/* board: each line on its own coloured tube */
[data-style="pompidou"] .board { border-radius: 0; }
[data-style="pompidou"] .board__table { font-stretch: 100%; }
[data-style="pompidou"] .board__table tbody tr th { border-left: 8px solid var(--row); padding-left: 10px; }
[data-style="pompidou"] .board__table tbody tr:nth-child(1) { --row: var(--p-blue); }
[data-style="pompidou"] .board__table tbody tr:nth-child(2) { --row: var(--p-green); }
[data-style="pompidou"] .board__table tbody tr:nth-child(3) { --row: var(--p-yellow); }
[data-style="pompidou"] .board__table tbody tr:nth-child(4) { --row: var(--p-red); }
[data-style="pompidou"] .board__head { font-stretch: 112%; }

/* the quick form: a white box in a thick black frame */
[data-style="pompidou"] .quick__form { background: #fff; border: 4px solid var(--p-black); }

/* the four formats, one colour each, like the services of the building */
[data-style="pompidou"] .formats__list { border-top: 0; }
[data-style="pompidou"] .format { border-bottom: 0; margin-bottom: 14px; }
[data-style="pompidou"] .format:nth-child(1) { --pipe: var(--p-blue); }
[data-style="pompidou"] .format:nth-child(2) { --pipe: var(--p-green); }
[data-style="pompidou"] .format:nth-child(3) { --pipe: var(--p-yellow); }
[data-style="pompidou"] .format:nth-child(4) { --pipe: var(--p-red); }
[data-style="pompidou"] .format__link { padding: 18px 22px 18px 18px; border: 3px solid var(--p-black); border-left: 22px solid var(--pipe); border-radius: 0 60px 60px 0; }
[data-style="pompidou"] .format__fact { background: #fff; color: var(--p-black); box-shadow: inset 0 0 0 3px var(--pipe); }

[data-style="pompidou"] .facts { border-top: 8px solid var(--p-black); }
[data-style="pompidou"] .facts > div:nth-child(1) dt { color: var(--p-blue); }
[data-style="pompidou"] .facts > div:nth-child(2) dt { color: var(--p-green); }
[data-style="pompidou"] .facts > div:nth-child(3) dt { color: var(--p-red); }
[data-style="pompidou"] .facts > div:nth-child(4) dt { color: var(--p-black); }
[data-style="pompidou"] .mosaic figcaption { border-radius: 99px; background: var(--p-black); }
[data-style="pompidou"] .venue { border-top: 8px solid var(--p-green); }

[data-style="pompidou"] .steps__list li { border-top: 10px solid var(--p-black); border-radius: 0; }
[data-style="pompidou"] .steps__list li:nth-child(1) { border-color: var(--p-blue); }
[data-style="pompidou"] .steps__list li:nth-child(2) { border-color: var(--p-green); }
[data-style="pompidou"] .steps__list li:nth-child(3) { border-color: var(--p-red); }
[data-style="pompidou"] .steps__list li::before { font-stretch: 125%; color: var(--p-black); }

[data-style="pompidou"] .faq__list { border-top: 8px solid var(--p-red); }
[data-style="pompidou"] .site-foot { background: var(--p-black); }
[data-style="pompidou"] .site-foot__brand .btn { background: var(--p-yellow); color: var(--p-black); }
[data-style="pompidou"] .dest__access ul { border-top-width: 6px; }

/* ======================================================================
   MARÉE — bay blue, foam, wet sand; wave edges; the tide gauge
   ====================================================================== */

[data-style="maree"] {
	--bg: #f6f9f8; --bg-2: #e6eeec; --surface: #ffffff;
	--text: #0e3b4a; --text-2: #4b6670; --line: rgba(14, 59, 74, 0.16); --rule: rgba(14, 59, 74, 0.5);
	--link: #2a6b7c; --focus: #2a6b7c;
	--accent: #d6cfbf; --accent-text: #0e3b4a; --accent-soft: #ecebe3;
	--num: #4f6b4a; --chip: #e6eeec;
	--btn: #0e3b4a; --btn-text: #f6f9f8; --btn-hover: #2a6b7c;
	--dark: #0e3b4a; --dark-text: #f6f9f8; --dark-text-2: rgba(246, 249, 248, 0.8); --dark-line: rgba(246, 249, 248, 0.16); --dark-link: #bfe0da;
	--board-bg: rgba(246, 249, 248, 0.94); --board-text: #0e3b4a; --board-text-2: #4b6670; --board-head-2: #4f6b4a; --board-you: #2a6b7c; --board-line: rgba(14, 59, 74, 0.1);

	--font-display: "Newsreader PE", Georgia, serif;
	--display-weight: 460; --display-stretch: 100%; --display-track: -0.012em; --display-lh: 1.06;
	--body-weight: 380;
	--r: 14px; --r-lg: 22px; --r-pill: 99px;
	--shadow: 0 20px 50px -24px rgba(14, 59, 74, 0.5);
	--wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24' preserveAspectRatio='none'%3E%3Cpath d='M0 14 C40 2 80 2 120 12 S200 24 240 12 V24 H0Z'/%3E%3C/svg%3E");
}
[data-style="maree"] h1 { font-size: clamp(2.7rem, 5.8vw, 5.2rem); }
[data-style="maree"] .btn { border-radius: 99px; }
[data-style="maree"] .brand__name { font-family: var(--font-display); font-weight: 520; font-stretch: 100%; letter-spacing: -0.01em; }
[data-style="maree"] .format__name, [data-style="maree"] .facts dt, [data-style="maree"] .act__name { font-weight: 480; }
[data-style="maree"] .steps__list li::before { font-family: var(--font-display); font-weight: 400; font-stretch: 100%; }

/* the hero: the sea, full bleed */
[data-style="maree"] .hero { min-height: min(88vh, 820px); display: flex; align-items: center; color: #fff; padding-block: clamp(56px, 8vw, 120px); }
[data-style="maree"] .hero__sea { display: block; position: absolute; inset: 0; z-index: 0; }
[data-style="maree"] .hero__sea img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }
[data-style="maree"] .hero__sea::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 36, 46, 0.78) 0%, rgba(8, 36, 46, 0.45) 50%, rgba(8, 36, 46, 0.1) 100%); }
[data-style="maree"] .hero > .wrap { position: relative; z-index: 1; width: 100%; }
[data-style="maree"] .hero h1, [data-style="maree"] .hero .lead { color: #fff; }
[data-style="maree"] .hero .lead { opacity: 0.92; }
[data-style="maree"] .hero .btn--dark { background: #f6f9f8; color: #0e3b4a; }
[data-style="maree"] .hero .btn--dark:hover { background: #fff; }
[data-style="maree"] .hero .btn--line { border-color: #fff; color: #fff; }
[data-style="maree"] .hero .btn--line:hover { background: #fff; color: #0e3b4a; }
[data-style="maree"] .hero__photo { display: none; }
[data-style="maree"] .hero__visual { display: flex; align-items: flex-end; gap: 20px; padding-bottom: 0; }
[data-style="maree"] .board { position: relative; width: auto; flex: 1; backdrop-filter: blur(10px); border-radius: var(--r-lg); }
[data-style="maree"] .board__head, [data-style="maree"] .board__table { font-stretch: 100%; letter-spacing: 0.02em; }

/* the tide gauge: the water rises and falls once, slowly */
[data-style="maree"] .tide { display: flex; flex-direction: column; gap: 12px; width: 150px; flex: none; padding: 16px 14px; border-radius: var(--r-lg); background: rgba(8, 36, 46, 0.62); backdrop-filter: blur(8px); color: #fff; }
[data-style="maree"] .tide__gauge { position: relative; display: flex; flex-direction: column; height: 220px; margin-left: 4px; border-left: 2px solid rgba(255, 255, 255, 0.85); }
[data-style="maree"] .tide__tick { position: relative; flex: 1; font-size: 0.8rem; font-weight: 600; line-height: 1; padding-left: 20px; }
[data-style="maree"] .tide__tick::before { content: ""; position: absolute; left: 0; top: 0; width: 8px; border-top: 1.5px solid rgba(255, 255, 255, 0.85); }
[data-style="maree"] .tide__tick--major::before { width: 14px; }
[data-style="maree"] .tide__tick--major { transform: translateY(-0.45em); }
[data-style="maree"] .tide__water { position: absolute; left: -2px; bottom: 0; width: 10px; height: 78%; background: linear-gradient(#bfe0da, #5fa7a6); border-radius: 0 6px 0 0; animation: pe-tide 9s ease-in-out 1 both; }
@keyframes pe-tide { 0% { height: 8%; } 55% { height: 96%; } 100% { height: 78%; } }
@media (prefers-reduced-motion: reduce) { [data-style="maree"] .tide__water { animation: none; } }
[data-style="maree"] .tide figcaption { font-size: 0.85rem; line-height: 1.4; color: #fff; }
[data-style="maree"] .tide figcaption strong { display: block; font-family: var(--font-display); font-size: 1.6rem; font-weight: 500; }

[data-style="maree"] .quick { padding-top: var(--sec); }
[data-style="maree"] .quick__form { background: #fff; box-shadow: var(--shadow); }

/* wave edges where the water changes colour */
[data-style="maree"] .venue, [data-style="maree"] .dest, [data-style="maree"] .closing, [data-style="maree"] .site-foot { position: relative; }
[data-style="maree"] .venue::before, [data-style="maree"] .dest::before, [data-style="maree"] .closing::before, [data-style="maree"] .site-foot::before {
	content: ""; position: absolute; left: 0; right: 0; top: -23px; height: 24px; background: currentColor;
	-webkit-mask: var(--wave) repeat-x 0 0 / 240px 24px; mask: var(--wave) repeat-x 0 0 / 240px 24px;
}
[data-style="maree"] .venue::before { color: var(--bg-2); }
[data-style="maree"] .dest::before, [data-style="maree"] .site-foot::before { color: var(--dark); }
[data-style="maree"] .closing::before { color: var(--accent); }
[data-style="maree"] .venue { color: var(--text); }
[data-style="maree"] .closing { color: var(--accent-text); }
[data-style="maree"] .site-foot { color: var(--dark-text-2); }
[data-style="maree"] .dest__photo img { object-position: 50% 62%; }
[data-style="maree"] .faq { border-top: 0; }

@media (max-width: 900px) {
	[data-style="maree"] .hero { min-height: 0; }
	[data-style="maree"] .hero__visual { align-items: stretch; }
	[data-style="maree"] .board { margin: 0; }
	[data-style="maree"] .tide { width: 140px; }
	[data-style="maree"] .tide__gauge { height: auto; flex: 1; min-height: 200px; }
}
@media (max-width: 520px) {
	[data-style="maree"] .hero__visual { flex-direction: column; }
	[data-style="maree"] .tide { width: 100%; flex-direction: row; align-items: center; }
	[data-style="maree"] .tide__gauge { min-height: 150px; flex: none; width: 60px; }
}

/* ======================================================================
   DOSSIER — white, ink, one blue; facts and the estimate come first
   ====================================================================== */

[data-style="dossier"] {
	--bg: #ffffff; --bg-2: #f2f3f5; --surface: #ffffff;
	--text: #14171a; --text-2: #50565e; --line: #dfe1e5; --rule: #14171a;
	--link: #2346c8; --focus: #2346c8;
	--accent: #2346c8; --accent-text: #ffffff; --accent-soft: #eef1fc;
	--num: #2346c8; --chip: #eef1fc;
	--btn: #2346c8; --btn-text: #ffffff; --btn-hover: #14171a;
	--dark: #14171a; --dark-text: #ffffff; --dark-text-2: rgba(255, 255, 255, 0.74); --dark-line: rgba(255, 255, 255, 0.14); --dark-link: #a9b8ff;
	--board-bg: #ffffff; --board-text: #14171a; --board-text-2: #50565e; --board-head-2: #2346c8; --board-you: #2346c8; --board-line: #dfe1e5;

	--font-body: "Plex PE", system-ui, sans-serif;
	--display-weight: 600; --display-stretch: 100%; --display-track: -0.015em; --display-lh: 1.1;
	--r: 4px; --r-lg: 8px; --r-pill: 4px;
	--shadow: none;
	--sec: clamp(56px, 7vw, 96px);
}
[data-style="dossier"] body { font-size: 1.0625rem; }
[data-style="dossier"] h1 { font-size: clamp(2.1rem, 4vw, 3.3rem); max-width: 16em; }
[data-style="dossier"] h2 { font-size: clamp(1.7rem, 2.8vw, 2.3rem); }
[data-style="dossier"] .brand__name { font-stretch: 100%; font-weight: 650; letter-spacing: -0.01em; }
[data-style="dossier"] .format__name, [data-style="dossier"] .facts dt { font-weight: 600; }

/* hero: no atmosphere photo, the access facts as a plain table */
[data-style="dossier"] .hero { padding-block: clamp(32px, 4vw, 56px) 32px; }
[data-style="dossier"] .hero__photo { display: none; }
[data-style="dossier"] .hero__visual { padding-bottom: 0; }
[data-style="dossier"] .hero__grid { align-items: start; }
[data-style="dossier"] .board { position: static; width: 100%; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 18px 20px; }
[data-style="dossier"] .board__head, [data-style="dossier"] .board__table { font-stretch: 100%; text-transform: none; letter-spacing: 0; }
[data-style="dossier"] .board__head { font-size: 1rem; font-weight: 600; }
[data-style="dossier"] .board__table th { font-size: 1rem; font-weight: 500; }
[data-style="dossier"] .board__time .flap { font-weight: 600; }
[data-style="dossier"] .board__you th { font-weight: 600; }
@media (max-width: 900px) { [data-style="dossier"] .board { margin: 0; } }

/* the quick form is the hero, with the estimate beside it */
[data-style="dossier"] .quick__form { background: #fff; border: 2px solid var(--accent); }
[data-style="dossier"] .quick__intro h2 { font-size: 1.5rem; }
[data-style="dossier"] .estimate { display: grid; grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr); gap: 2px 24px; align-items: baseline; padding: 16px 18px; border-radius: var(--r); background: var(--accent-soft); }
[data-style="dossier"] .estimate p { margin: 0; }
[data-style="dossier"] .estimate__label { grid-row: 1 / 3; align-self: center; font-size: 0.9rem; font-weight: 600; color: var(--text-2); }
[data-style="dossier"] .estimate__total { font-size: clamp(1.4rem, 2.4vw, 2rem); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
[data-style="dossier"] .estimate__detail { color: var(--text-2); font-variant-numeric: tabular-nums; }
[data-style="dossier"] .estimate__note { grid-column: 1 / -1; margin-top: 8px !important; font-size: 0.85rem; color: var(--text-2); }
@media (max-width: 520px) { [data-style="dossier"] .estimate { grid-template-columns: minmax(0, 1fr); } [data-style="dossier"] .estimate__label { grid-row: auto; } }

[data-style="dossier"] .format__img { width: 160px; }
[data-style="dossier"] .format__link { grid-template-columns: 160px minmax(0, 1fr); padding: 16px 0; }
@media (max-width: 600px) { [data-style="dossier"] .format__link { grid-template-columns: 96px minmax(0, 1fr); } [data-style="dossier"] .format__img { width: 96px; } }
[data-style="dossier"] .mosaic { grid-template-rows: 200px 200px; }
[data-style="dossier"] .rooms__table tbody tr:nth-child(odd) { background: var(--bg-2); }
[data-style="dossier"] .rooms__table th:first-child, [data-style="dossier"] .rooms__table td:first-child { padding-left: 10px; }
[data-style="dossier"] .steps__list li::before { font-size: 1.1rem; font-weight: 600; font-stretch: 100%; display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--accent); color: #fff; }

/* ======================================================================
   GWENN HA DU — black and white, bilingual road signs, marinière stripes
   ====================================================================== */

[data-style="gwenn"] {
	--g-black: #121212; --g-white: #fafaf7; --g-blue: #1f4e8c;
	--bg: var(--g-white); --bg-2: #efeee8; --surface: #ffffff;
	--text: var(--g-black); --text-2: #474747; --line: rgba(18, 18, 18, 0.2); --rule: var(--g-black);
	--link: var(--g-blue); --focus: var(--g-blue);
	--accent: var(--g-blue); --accent-text: #ffffff; --accent-soft: #e8edf5;
	--num: var(--g-black); --chip: #efeee8;
	--btn: var(--g-black); --btn-text: var(--g-white); --btn-hover: var(--g-blue);
	--dark: var(--g-black); --dark-text: var(--g-white); --dark-text-2: rgba(250, 250, 247, 0.76); --dark-line: rgba(250, 250, 247, 0.2); --dark-link: #a9c8f0;
	--board-bg: transparent; --board-text: var(--g-black); --board-text-2: #474747; --board-head-2: var(--g-black); --board-you: #ffffff; --board-line: transparent;

	--font-display: "Barlow Condensed PE", "Arial Narrow", sans-serif;
	--font-body: "Barlow PE", system-ui, sans-serif;
	--display-weight: 700; --display-stretch: 100%; --display-track: 0.005em; --display-lh: 0.98; --display-case: uppercase;
	--r: 0px; --r-lg: 0px; --r-pill: 0px;
	--shadow: none;
	--stripes: repeating-linear-gradient(180deg, var(--g-black) 0 6px, transparent 6px 12px);
	--ermine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Ccircle cx='10' cy='3' r='2.4'/%3E%3Ccircle cx='4.5' cy='6.5' r='2.4'/%3E%3Ccircle cx='15.5' cy='6.5' r='2.4'/%3E%3Cpath d='M10 9C7.6 13 6.4 17.5 4 25l4-3.4L10 26l2-4.4 4 3.4c-2.4-7.5-3.6-12-6-16z'/%3E%3C/svg%3E");
}
[data-style="gwenn"] h1 { font-size: clamp(2.8rem, 6.4vw, 5.6rem); }
[data-style="gwenn"] h2 { font-size: clamp(2.1rem, 4.2vw, 3.4rem); }
[data-style="gwenn"] .brand__name { font-size: 1.75rem; letter-spacing: 0.01em; }
[data-style="gwenn"] .nav__top { font-weight: 600; }
[data-style="gwenn"] .btn { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; border-width: 2.5px; }
[data-style="gwenn"] .site-head { border-bottom: 3px solid var(--g-black); }

/* the Breton lines, marked with an ermine */
[data-style="gwenn"] .bzh { display: flex; align-items: center; gap: 10px; margin: 10px 0 0; font-family: var(--font-display); font-size: 1.3rem; font-weight: 600; font-style: italic; color: var(--g-blue); }
[data-style="gwenn"] .bzh::before { content: ""; flex: none; width: 14px; height: 18px; background: currentColor; -webkit-mask: var(--ermine) no-repeat center / contain; mask: var(--ermine) no-repeat center / contain; }
[data-style="gwenn"] .bzh--hero { margin: 0 0 16px; font-size: 1.5rem; }
[data-style="gwenn"] .dest .bzh { color: var(--dark-link); }
[data-style="gwenn"] .closing .bzh { color: #ffffff; margin: 0 0 12px; }

/* the board becomes a stack of bilingual road signs */
[data-style="gwenn"] .board { padding: 0; border-radius: 0; background: transparent; }
[data-style="gwenn"] .board__head { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; margin: 0 0 8px; border: 3px solid var(--g-black); background: var(--g-black); color: var(--g-white); font-family: var(--font-display); font-stretch: 100%; font-size: 1.35rem; letter-spacing: 0.02em; }
[data-style="gwenn"] .board__head span:last-child { color: var(--g-white); text-align: right; }
[data-style="gwenn"] .board__br { display: block; font-family: var(--font-display); font-size: 0.95rem; font-weight: 600; font-style: italic; text-transform: none; letter-spacing: 0.01em; color: var(--text-2); }
[data-style="gwenn"] .board__head .board__br { color: rgba(250, 250, 247, 0.75); }
[data-style="gwenn"] .board__table, [data-style="gwenn"] .board__table tbody { display: block; font-stretch: 100%; }
[data-style="gwenn"] .board__table tr { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; padding: 8px 14px; background: #fff; border: 3px solid var(--g-black); }
[data-style="gwenn"] .board__table th, [data-style="gwenn"] .board__table td { padding: 0; border: 0; }
[data-style="gwenn"] .board__table th { flex: 1; font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; line-height: 1.1; }
[data-style="gwenn"] .board__time .flap { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; }
[data-style="gwenn"] .board__you { background: var(--g-blue) !important; border-color: var(--g-blue) !important; color: #fff; }
[data-style="gwenn"] .board__you th, [data-style="gwenn"] .board__you .board__by, [data-style="gwenn"] .board__you .flap { color: #fff; }
[data-style="gwenn"] .board__note { color: var(--text-2); }
[data-style="gwenn"] .hero__photo { border-radius: 0; filter: grayscale(1) contrast(1.05); }
@media (max-width: 900px) { [data-style="gwenn"] .board { margin: 16px 0 0; } }

/* marinière stripes where the page changes section */
[data-style="gwenn"] .formats, [data-style="gwenn"] .venue, [data-style="gwenn"] .steps, [data-style="gwenn"] .closing { position: relative; }
[data-style="gwenn"] .venue::before, [data-style="gwenn"] .steps::before, [data-style="gwenn"] .closing::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 36px; background: var(--stripes);
}
[data-style="gwenn"] .venue, [data-style="gwenn"] .steps { padding-top: calc(var(--sec) + 36px); }
[data-style="gwenn"] .closing::before { background: repeating-linear-gradient(180deg, #ffffff 0 6px, transparent 6px 12px); opacity: 0.9; }
[data-style="gwenn"] .closing { padding-top: calc(clamp(64px, 8vw, 112px) + 36px); }
[data-style="gwenn"] .quick__form { background: #fff; border: 3px solid var(--g-black); }
[data-style="gwenn"] .format__fact { background: var(--g-black); color: var(--g-white); font-family: var(--font-display); font-size: 1rem; letter-spacing: 0.02em; text-transform: uppercase; }
[data-style="gwenn"] .format__img, [data-style="gwenn"] .mosaic img, [data-style="gwenn"] .guide img, [data-style="gwenn"] .rooms__photo img { filter: grayscale(1) contrast(1.05); }
[data-style="gwenn"] .act img, [data-style="gwenn"] .dest__photo img { filter: grayscale(1) contrast(1.08); }
[data-style="gwenn"] .mosaic figcaption { background: var(--g-black); }
[data-style="gwenn"] .dest__access li::before { content: ""; display: inline-block; width: 10px; height: 13px; margin-right: 8px; background: var(--dark-link); -webkit-mask: var(--ermine) no-repeat center / contain; mask: var(--ermine) no-repeat center / contain; }
[data-style="gwenn"] .dest__access li { align-items: baseline; justify-content: flex-start; }
[data-style="gwenn"] .dest__access li strong { margin-right: auto; }
[data-style="gwenn"] .steps__list li::before { font-size: 4.4rem; }
[data-style="gwenn"] .faq summary { font-family: var(--font-display); font-size: 1.45rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.01em; }
[data-style="gwenn"] .act__name { font-size: 1.5rem; }
[data-style="gwenn"] .guide__title { font-family: var(--font-display); font-weight: 600; text-transform: uppercase; font-size: 1.45rem; line-height: 1.05; }