/* projection-profiles.css — Slice 240 * Profile-scoped CSS rules keyed to the data-ct-display-profile attribute on . * Loaded after style.css (and after winners.css on the winners surface) on broadcast surfaces only. * fhd_1080 is the visual baseline (default). */ /* hd_720 — 1280×720 */ [data-ct-display-profile="hd_720"] { /* * Mur final minimaliste — liste des finalistes (voir header.php). * Consommé uniquement sous body.wall-final-minimalist-hero. */ --wall-min-finalists-font-min: 1.22rem; --wall-min-finalists-font-vw: 2.85vw; --wall-min-finalists-font-max: 1.68rem; --wall-min-finalists-mt: 2.85rem; --wall-min-finalists-px: 1.1rem; --wall-min-finalists-pb: 1.35rem; --wall-min-finalists-maxw: min(97vw, 68rem); --wall-min-finalists-gap-row: 1.05rem; --wall-min-finalists-gap-col: 1.45rem; --wall-min-finalists-swatch: 1.2rem; --wall-min-finalists-line-height: 1.42; --wall-min-finalists-row-gap: 0.72rem; /* Mur — carte « Déposez votre solution » (wall-deposit.css) */ --wall-deposit-card-max-w: min(98vw, 1100px); --wall-deposit-card-pad-x: 1.75rem; --wall-deposit-card-pad-y: 1.5rem; --wall-deposit-content-gap: 1.15rem; --wall-deposit-title-font: 2.25rem; --wall-deposit-deposit-row-gap: 1.5rem 1.75rem; --wall-deposit-deposit-row-max-w: min(98vw, 1100px); --wall-deposit-checklist-max-w: min(92vw, 520px); --wall-deposit-checklist-max-h: min(68vh, 400px); --wall-deposit-checklist-pad-x: 0.6rem; --wall-deposit-checklist-pad-y: 0.35rem; --wall-deposit-checklist-loading-fs: 0.85rem; --wall-deposit-checklist-row-fs: clamp(0.78rem, 1.2vw, 0.88rem); --wall-deposit-checklist-mark-w: 1.05rem; --wall-deposit-checklist-row-gap: 0.35rem; --wall-deposit-semi-stack-gap-y: 0.85rem; --wall-deposit-semi-grid-col: min(42vw, 16rem); --wall-deposit-semi-grid-gap-col: 1rem; --wall-deposit-semi-grid-gap-row: 0.5rem; --wall-deposit-semi-checklist-max-h: min(72vh, 520px); --wall-deposit-semi-section-title-fs: clamp(0.72rem, 1.05vw, 0.85rem); --wall-deposit-semi-dot-wrap: 1.05rem; --wall-deposit-semi-dot-size: 100%; /* remplit le wrap */ --wall-deposit-petite-notice-fs: 0.72rem; --wall-deposit-petite-notice-max-w: 240px; --wall-deposit-qr-padding: 5px; --wall-deposit-qr-px: 256; /* Mur — légende au-dessus de la barre de temps (wall-timer-bar.css) */ --wall-timer-bar-caption-fs: clamp(0.62rem, 1.4vw, 0.8rem); --wall-timer-bar-caption-ls: 0.16em; --wall-timer-bar-stack-gap: 0.26rem; } /* fhd_1080 — 1920×1080 baseline */ [data-ct-display-profile="fhd_1080"] { --wall-min-finalists-font-min: 1.52rem; --wall-min-finalists-font-vw: 3.35vw; --wall-min-finalists-font-max: 2.28rem; --wall-min-finalists-mt: 3.5rem; --wall-min-finalists-px: 1.35rem; --wall-min-finalists-pb: 1.6rem; --wall-min-finalists-maxw: min(97vw, 82rem); --wall-min-finalists-gap-row: 1.35rem; --wall-min-finalists-gap-col: 2rem; --wall-min-finalists-swatch: 1.48rem; --wall-min-finalists-line-height: 1.38; --wall-min-finalists-row-gap: 0.85rem; /* Mur — carte dépôt (référence historique header inline pré-extraction) */ --wall-deposit-card-max-w: min(98vw, 1400px); --wall-deposit-card-min-w: 72vw; --wall-deposit-card-min-h: 68vh; --wall-deposit-card-pad-x: 2.5rem; --wall-deposit-card-pad-y: 2rem; --wall-deposit-content-gap: 1.5rem; --wall-deposit-title-font: 3.8rem; --wall-deposit-deposit-row-gap: 2rem 2.5rem; --wall-deposit-deposit-row-max-w: min(98vw, 1400px); --wall-deposit-checklist-max-w: min(92vw, 640px); --wall-deposit-checklist-max-h: min(76vh, 560px); --wall-deposit-checklist-pad-x: 0.75rem; --wall-deposit-checklist-pad-y: 0.45rem; --wall-deposit-checklist-loading-fs: 0.98rem; --wall-deposit-checklist-row-fs: clamp(0.95rem, 1.5vw, 1.15rem); --wall-deposit-checklist-mark-w: 1.25rem; --wall-deposit-checklist-row-gap: 0.45rem; --wall-deposit-semi-stack-gap-y: 1rem; --wall-deposit-semi-grid-col: min(28vw, 28rem); --wall-deposit-semi-grid-gap-col: 1.25rem; --wall-deposit-semi-grid-gap-row: 0.65rem; --wall-deposit-semi-checklist-max-h: min(80vh, 720px); --wall-deposit-semi-section-title-fs: clamp(0.9rem, 1.4vw, 1.1rem); --wall-deposit-semi-dot-wrap: 1.25rem; --wall-deposit-semi-dot-size: 100%; --wall-deposit-petite-notice-fs: 0.82rem; --wall-deposit-petite-notice-max-w: 280px; --wall-deposit-qr-padding: 6px; --wall-deposit-qr-px: 380; --wall-timer-bar-caption-fs: clamp(0.7rem, 1.02vw, 0.96rem); --wall-timer-bar-caption-ls: 0.18em; --wall-timer-bar-stack-gap: 0.32rem; } /* uhd_2160 — 3840×2160 */ [data-ct-display-profile="uhd_2160"] { --wall-min-finalists-font-min: 1.88rem; --wall-min-finalists-font-vw: 1.92vw; --wall-min-finalists-font-max: 3.05rem; --wall-min-finalists-mt: 4.25rem; --wall-min-finalists-px: 1.75rem; --wall-min-finalists-pb: 2rem; --wall-min-finalists-maxw: min(94vw, 118rem); --wall-min-finalists-gap-row: 1.65rem; --wall-min-finalists-gap-col: 2.45rem; --wall-min-finalists-swatch: 1.85rem; --wall-min-finalists-line-height: 1.36; --wall-min-finalists-row-gap: 1rem; /* * Slice 253a — Mur carte « Déposez votre solution » (.epic-countdown-final) en UHD. * Responsive 4K : plafonds réduits vs 253a, puis seconde passe ~−20 % surtout hauteur (carte trop haute). * Largeurs max / pads horizontaux inchangés sur cette passe. hd_720 / fhd_1080 inchangés. */ --wall-deposit-card-max-w: min(96vw, min(2688px, 169.6rem)); --wall-deposit-card-pad-x: 7.68rem; --wall-deposit-card-pad-y: 5.18rem; --wall-deposit-content-gap: 3.26rem; --wall-deposit-title-font: clamp(4.22rem, 4.46vw, 7.68rem); --wall-deposit-deposit-row-gap: 4.61rem 7.2rem; --wall-deposit-deposit-row-max-w: min(96vw, min(2688px, 169.6rem)); --wall-deposit-checklist-max-w: min(94vw, 134.4rem); --wall-deposit-checklist-max-h: min(47vh, 1352px); --wall-deposit-checklist-pad-x: 1.68rem; --wall-deposit-checklist-pad-y: 0.85rem; --wall-deposit-checklist-loading-fs: 1.92rem; --wall-deposit-checklist-row-fs: clamp(1.42rem, 1.54vw, 1.81rem); --wall-deposit-checklist-mark-w: 2.11rem; --wall-deposit-semi-grid-col: min(46vw, 38.4rem); --wall-deposit-qr-padding: 13px; --wall-deposit-semi-grid-gap-col: 3.36rem; --wall-deposit-semi-grid-gap-row: 1.04rem; --wall-deposit-semi-checklist-max-h: min(45vh, 1259px); --wall-deposit-semi-section-title-fs: clamp(1.34rem, 1.42vw, 1.84rem); --wall-deposit-semi-stack-gap-y: 2.3rem; --wall-deposit-semi-dot-wrap: 1.92rem; --wall-deposit-semi-dot-size: 1.73rem; --wall-deposit-petite-notice-fs: 1.5rem; --wall-deposit-petite-notice-max-w: min(86.4rem, 92vw); --wall-deposit-checklist-row-gap: 0.77rem; --wall-deposit-qr-px: 471; --wall-timer-bar-caption-fs: clamp(0.82rem, 0.82vw, 1.38rem); --wall-timer-bar-caption-ls: 0.2em; --wall-timer-bar-stack-gap: 0.42rem; }