/* Ten editorial compositions. Every cover preserves the entire source image. */
html body[data-cr-zone] main#main article.article.article-template.cr-design-v3{--cr-ink:#101d3c;--cr-red:#e90035;--cr-gray:#edf0f5;--cr-rule:#d6dce6;width:100%!important;max-width:none!important;margin:0!important;padding:28px 32px 48px!important;color:var(--cr-ink)}
html body[data-cr-zone] main#main .cr-design-v3 .back{display:inline-flex;margin:0 0 24px;font-size:12px;font-weight:800;letter-spacing:.04em}
html body[data-cr-zone] main#main .cr-design-v3 .cr-design-opening{margin:0 0 32px;min-width:0}
html body[data-cr-zone] main#main .cr-design-v3 .cr-design-heading{min-width:0;max-width:none;margin:0;padding:0;background:transparent;border:0;text-align:left;position:static}
html body[data-cr-zone] main#main .cr-design-v3 .cr-design-heading h1{font-family:inherit!important;font-size:clamp(32px,3.2vw,60px)!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.035em!important;color:inherit!important;max-width:none!important;margin:16px 0 22px!important;overflow-wrap:anywhere;text-shadow:none}
html body[data-cr-zone] main#main .cr-design-v3 .cr-design-heading .label{display:inline-block;color:var(--cr-red)!important;font-size:11px!important;line-height:1.5;letter-spacing:.1em;font-weight:850}
html body[data-cr-zone] main#main .cr-design-v3 .cr-design-heading .meta{color:#58657a!important;font:500 13px/1.6 system-ui,sans-serif;display:block;margin:0}
html body[data-cr-zone] main#main .cr-design-v3 .cr-design-intro{min-width:0}
html body[data-cr-zone] main#main .cr-design-v3 .article-summary{font-size:clamp(17px,1.4vw,21px)!important;line-height:1.65!important;font-weight:500;color:inherit;background:transparent;border:0;padding:0;margin:0;max-width:76ch}
html body[data-cr-zone] main#main article.cr-design-v3 figure.article-cover{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:16px!important;box-sizing:border-box;border:0!important;border-radius:0!important;background:#e7ebf1!important;overflow:hidden}
html body[data-cr-zone] main#main article.cr-design-v3 figure.article-cover img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:560px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;transform:none!important;filter:none!important;opacity:1!important}
html body[data-cr-zone] main#main article.cr-design-v3 figure.article-cover:after{display:none!important}
html body[data-cr-zone] main#main .cr-design-v3 figcaption{align-self:stretch;font:12px/1.5 system-ui,sans-serif;color:#4d5c72;padding:10px 0 0}
html body[data-cr-zone] main#main article.cr-design-v3 .article-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:40px!important;align-items:start;margin-top:36px;min-width:0}
html body[data-cr-zone] main#main .cr-design-v3 .prose{min-width:0;font-size:20px!important;line-height:1.8!important}
html body[data-cr-zone] main#main .cr-design-v3 .prose p{margin-top:0;margin-bottom:1.3em}
html body[data-cr-zone] main#main .cr-design-v3 .prose h2{margin:1.6em 0 .65em;line-height:1.25!important}
html body[data-cr-zone] main#main .cr-design-v3 .article-sidebar{width:auto!important;max-width:100%;top:126px!important;max-height:calc(100vh - 246px)!important}
/* 01 — Horizon: a broad title next to the image. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-horizon{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;border-bottom:7px solid #11254a;padding-bottom:30px}
html body[data-cr-zone] main#main .template-horizon>.cr-design-intro{padding-left:24px;border-left:4px solid var(--cr-red);margin-bottom:30px}
html body[data-cr-zone] main#main .template-horizon .cr-design-heading h1{font-size:clamp(32px,3.2vw,58px)!important}
/* 02 — La Une: strong typography and newspaper rules. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-edition{border-top:5px double var(--cr-ink);padding-top:24px}
html body[data-cr-zone] main#main .cr-edition .cr-design-heading{border-bottom:1px solid var(--cr-ink);padding-bottom:24px;text-align:center;max-width:1200px;margin:auto}
html body[data-cr-zone] main#main .cr-edition .cr-design-heading h1{font-family:Georgia,serif!important;font-size:clamp(36px,4vw,76px)!important;font-weight:700!important}
html body[data-cr-zone] main#main .cr-edition .cr-design-intro{max-width:920px;margin:24px auto;text-align:center}
html body[data-cr-zone] main#main article.template-edition figure.article-cover{margin-top:28px!important;padding:0!important;background:#f1f3f6!important}
/* 03 — Nocturne: a dark, asymmetrical editorial opening. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-nocturne{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#0b1736;padding:36px;color:white}
html body[data-cr-zone] main#main .cr-nocturne .cr-design-heading{align-self:center}
html body[data-cr-zone] main#main .cr-nocturne .cr-design-heading .label{color:#ff6686!important}
html body[data-cr-zone] main#main .cr-nocturne .cr-design-heading .meta{color:#dce4f5!important}
html body[data-cr-zone] main#main .cr-nocturne .cr-design-intro{grid-column:1/-1;border-top:1px solid #53627e;padding-top:24px}
html body[data-cr-zone] main#main article.template-nocturne figure.article-cover{background:white!important;padding:10px!important}
/* 04 — Diptyque: photography first, grey information panel. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-diptyque{display:grid;grid-template-columns:1.05fr 1fr;gap:0;background:#edf0f5;border-radius:12px;overflow:hidden}
html body[data-cr-zone] main#main .cr-diptyque .cr-diptyque-copy{padding:40px;align-self:center}
html body[data-cr-zone] main#main .cr-diptyque .cr-design-intro{padding-top:24px;border-top:1px solid #b9c3d3;margin-top:24px}
html body[data-cr-zone] main#main article.template-diptyque figure.article-cover{height:100%!important;background:#dfe5ee!important;padding:20px!important}
/* 05 — Galerie: a photograph followed by its editorial title card. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-galerie{padding:0 0 22px;background:#e9edf4}
html body[data-cr-zone] main#main .cr-galerie .cr-galerie-caption{position:relative;margin:0 30px;background:#122341;color:#fff;padding:30px 36px;border-top:5px solid var(--cr-red)}
html body[data-cr-zone] main#main .cr-galerie .cr-design-heading .label{color:#ffb4c4!important}
html body[data-cr-zone] main#main .cr-galerie .cr-design-heading .meta{color:#e1e9f7!important}
html body[data-cr-zone] main#main .cr-galerie .cr-design-intro{padding-top:20px}
html body[data-cr-zone] main#main article.template-galerie figure.article-cover img{max-height:520px!important}
/* 06 — L’Essentiel: a restrained compact desk with a small image. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-essentiel{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:28px;border:1px solid #cad3e2;border-left:9px solid var(--cr-red);border-radius:8px}
html body[data-cr-zone] main#main .cr-essentiel .cr-design-heading h1{font-size:clamp(30px,2.7vw,48px)!important}
html body[data-cr-zone] main#main .cr-essentiel .cr-design-intro{margin-top:22px}
html body[data-cr-zone] main#main article.template-essentiel figure.article-cover{align-self:center;border-radius:6px!important;padding:8px!important}
html body[data-cr-zone] main#main article.template-essentiel figure.article-cover img{max-height:300px!important}
/* 07 — Chronique: a warm literary page and centred cover. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-chronique{background:#f6f3ec;padding:36px 6%;border-top:2px solid #c8bcaa;border-bottom:2px solid #c8bcaa;text-align:center}
html body[data-cr-zone] main#main .cr-chronique .cr-design-heading{text-align:center;max-width:1100px;margin:auto}
html body[data-cr-zone] main#main .cr-chronique .cr-design-heading h1{font-family:Georgia,serif!important;font-weight:600!important}
html body[data-cr-zone] main#main .cr-chronique .cr-design-intro{margin:24px auto;max-width:800px}
html body[data-cr-zone] main#main article.template-chronique figure.article-cover{max-width:900px!important;margin:28px auto 0!important;background:#ebe6dc!important;padding:12px!important}
html body[data-cr-zone] main#main article.template-chronique .article-grid{grid-template-columns:minmax(0,840px)!important;justify-content:center}
html body[data-cr-zone] main#main article.template-chronique .article-sidebar{display:block!important;position:static!important;max-height:none!important;overflow:visible!important}
/* 08 — Carnet: a narrow title margin beside a large image. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-carnet{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:36px;align-items:center}
html body[data-cr-zone] main#main .cr-carnet .cr-carnet-margin{padding-left:24px;border-left:6px solid var(--cr-red)}
html body[data-cr-zone] main#main .cr-carnet .cr-design-heading h1{font-size:clamp(30px,2.6vw,46px)!important}
html body[data-cr-zone] main#main .cr-carnet .cr-design-intro{margin-top:24px}
html body[data-cr-zone] main#main article.template-carnet figure.article-cover{padding:22px!important;border:1px solid #cad4e3!important;background:white!important;box-shadow:10px 10px 0 #e4eaf3}
/* 09 — Perspectives: a grey title panel and a framed visual. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-perspectives{display:grid;grid-template-columns:1fr;gap:0}
html body[data-cr-zone] main#main .cr-perspectives .cr-design-heading{padding:32px 36px 46px;background:#e8edf4;border-radius:14px 14px 0 0}
html body[data-cr-zone] main#main .cr-perspectives .cr-perspectives-visual{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin:0 28px;padding:28px;background:#fff;border:2px solid #132b50;border-top:7px solid #132b50}
html body[data-cr-zone] main#main .cr-perspectives .cr-design-intro{padding-left:22px;border-left:3px solid var(--cr-red)}
/* 10 — Studio: bold bands, a light photograph, and an audio-first reading. */
html body[data-cr-zone] main#main .cr-design-v3 .cr-studio{background:#101b36;border-radius:16px;overflow:hidden}
html body[data-cr-zone] main#main .cr-studio .cr-design-heading{padding:30px 36px;color:#fff;border-left:10px solid var(--cr-red)}
html body[data-cr-zone] main#main .cr-studio .cr-design-heading .label{color:#ffbac9!important}
html body[data-cr-zone] main#main .cr-studio .cr-design-heading .meta{color:#dfe9f6!important}
html body[data-cr-zone] main#main article.template-studio figure.article-cover{background:#e9eef5!important;padding:24px!important}
html body[data-cr-zone] main#main article.template-studio figure.article-cover img{max-height:420px!important}
html body[data-cr-zone] main#main .cr-studio .cr-design-intro{padding:24px 36px;color:white}
html body[data-cr-zone] main#main .template-studio .interview{background:#eaf0f8;border-left:6px solid var(--cr-red);padding:24px}
/* Small screens: keep a single reading order, intact images and visible sidebars. */
@media(max-width:1100px){html body[data-cr-zone] main#main article.cr-design-v3 .article-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important}html body[data-cr-zone] main#main article.template-chronique .article-grid{grid-template-columns:minmax(0,840px)!important}}
@media(max-width:900px){html body[data-cr-zone] main#main article.article.article-template.cr-design-v3{padding:24px 20px 36px!important}html body[data-cr-zone] main#main .cr-design-v3 :is(.cr-horizon,.cr-nocturne,.cr-diptyque,.cr-essentiel,.cr-carnet){grid-template-columns:minmax(0,1fr)!important;gap:24px}html body[data-cr-zone] main#main .cr-perspectives .cr-perspectives-visual{grid-template-columns:minmax(0,1fr);margin:0 12px;padding:20px}html body[data-cr-zone] main#main article.cr-design-v3 .article-grid{grid-template-columns:minmax(0,1fr)!important}html body[data-cr-zone] main#main .cr-design-v3 .article-sidebar{position:static!important;max-height:none!important;overflow:visible!important}html body[data-cr-zone] main#main .cr-design-v3 .cr-design-heading h1{font-size:clamp(30px,5vw,46px)!important}html body[data-cr-zone] main#main .cr-diptyque .cr-diptyque-copy{padding:26px}html body[data-cr-zone] main#main .cr-nocturne{padding:26px}html body[data-cr-zone] main#main .cr-galerie .cr-galerie-caption{margin:0 12px;padding:24px}html body[data-cr-zone] main#main .cr-essentiel{padding:22px}html body[data-cr-zone] main#main article.template-essentiel figure.article-cover{max-width:500px!important;margin:auto!important}html body[data-cr-zone] main#main .cr-carnet .cr-carnet-margin{padding-left:18px}html body[data-cr-zone] main#main article.cr-design-v3 figure.article-cover img{max-height:65vh!important}}
@media(max-width:550px){html body[data-cr-zone] main#main article.article.article-template.cr-design-v3{padding:20px 16px 30px!important}html body[data-cr-zone] main#main .cr-design-v3 .prose{font-size:18px!important;line-height:1.75!important}html body[data-cr-zone] main#main .cr-design-v3 :is(.cr-nocturne,.cr-chronique,.cr-essentiel){padding:20px}html body[data-cr-zone] main#main .cr-studio .cr-design-heading{padding:24px 20px;border-left-width:6px}html body[data-cr-zone] main#main .cr-studio .cr-design-intro{padding:20px}html body[data-cr-zone] main#main .cr-perspectives .cr-design-heading{padding:24px 22px 30px}html body[data-cr-zone] main#main article.cr-design-v3 figure.article-cover{padding:10px!important}}
/* Gallery thumbnails echo the actual composition, including the ten new models. */
.template-catalog .mini-nocturne,.template-catalog .mini-studio{background:#111e3e}.template-catalog .mini-nocturne i,.template-catalog .mini-diptyque i,.template-catalog .mini-horizon i{left:52%;right:8%;width:auto;top:15%;height:65%}.template-catalog .mini-diptyque i{left:8%;right:52%}.template-catalog .mini-edition b{width:80%;left:10%;top:10%;height:20%}.template-catalog .mini-edition i{top:42%;left:10%;width:80%;height:48%}.template-catalog .mini-galerie b{top:65%;left:12%;width:76%;background:#112341}.template-catalog .mini-essentiel{border-left:6px solid #e90035}.template-catalog .mini-chronique{background:#f6f3ec;border-block:3px double #122341}.template-catalog .mini-carnet{border-left:6px solid #e90035}.template-catalog .mini-perspectives{background:#e8edf4;border:3px solid #132b50}.template-catalog .mini-studio b{background:#e90035}

html body[data-cr-zone] main#main article.cr-design-no-cover .cr-design-opening,html body[data-cr-zone] main#main article.cr-design-no-cover .cr-perspectives-visual{grid-template-columns:minmax(0,1fr)!important}

html body[data-cr-zone] main#main .cr-design-v3 .cr-design-heading{color:var(--cr-ink)!important}
html body[data-cr-zone] main#main .cr-design-v3 :is(.cr-nocturne,.cr-studio,.cr-galerie-caption) .cr-design-heading{color:#fff!important}