@layer components{.dp-hero{--color-canvas:var(--color-crepuscule);--color-canvas-alt:var(--color-nuit-950);--color-surface:#5a5677;--color-ink:var(--color-chaux);--color-ink-muted:#dddbe7;--color-heading:var(--color-chaux-50);--color-link-hover:var(--color-lueur);--color-line:#6a6688;--color-line-strong:#a9a6c0;--color-hairline:var(--color-brume);--color-brand:var(--color-chaux);--color-on-brand:var(--color-nuit);--color-accent:var(--color-lilas);--color-accent-hover:var(--color-lilas-200);--color-accent-edge:var(--color-lilas-200);--color-on-accent:var(--color-nuit);--color-accent-ink:var(--color-brume);--color-focus:var(--color-lueur);--color-selected:var(--color-lueur);--color-on-selected:var(--color-nuit);background-color:var(--color-crepuscule);color:var(--color-ink);transition:background-color .6s var(--ease-soft), color .6s var(--ease-soft)}.dp-hero:has(#dp-midi:checked){--color-canvas:var(--color-chaux);--color-canvas-alt:var(--color-chaux-200);--color-surface:var(--color-chaux-50);--color-ink:var(--color-nuit);--color-ink-muted:var(--color-encre-douce);--color-heading:var(--color-nuit);--color-link-hover:var(--color-amethyste);--color-line:var(--color-chaux-300);--color-line-strong:var(--color-filet);--color-hairline:var(--color-brume);--color-brand:var(--color-nuit);--color-on-brand:var(--color-chaux);--color-accent:var(--color-amethyste);--color-accent-hover:var(--color-amethyste-700);--color-accent-edge:var(--color-amethyste-700);--color-on-accent:var(--color-white);--color-accent-ink:var(--color-crepuscule);--color-focus:var(--color-nuit);--color-selected:var(--color-nuit);--color-on-selected:var(--color-chaux);background-color:var(--color-chaux);color:var(--color-nuit)}.dp-hero-grille{grid-template-areas:"texte""scene""action";gap:2rem;display:grid}@media (min-width:64rem){.dp-hero-grille{grid-template:"texte scene""action scene"1fr/minmax(0,6fr) minmax(0,6fr);gap:2.25rem clamp(2.5rem,1rem + 3vw,4.5rem)}}.dp-hero-texte{grid-area:texte}.dp-hero-scene{grid-area:scene;align-self:start}.dp-hero-action{grid-area:action;align-self:start}.dp-titre-grand{font-family:var(--font-display);letter-spacing:-.016em;color:var(--color-heading);text-wrap:balance;font-size:clamp(2.25rem,1.6rem + 2.4vw,3.625rem);font-weight:300;line-height:1.03;display:block}.dp-titre-suite{max-inline-size:30ch;font-family:var(--font-sans);letter-spacing:.01em;color:var(--color-ink-muted);margin-top:.75rem;font-size:clamp(1.0625rem,.95rem + .5vw,1.375rem);font-weight:500;line-height:1.3;display:block}.dp-cadre{aspect-ratio:4/5;background-color:var(--color-nuit-800);border-radius:9999px 9999px 0 0;position:relative;overflow:hidden}@media (min-width:64rem){.dp-cadre{aspect-ratio:1;max-block-size:calc(100svh - var(--spacing-header) - 9rem);inline-size:100%}}@media not (min-width:40rem){.dp-cadre{aspect-ratio:1}}.dp-cadre img{object-fit:cover;object-position:62% 30%;block-size:100%;inline-size:100%;transition:opacity .7s var(--ease-soft);position:absolute;inset:0}.dp-img-midi{opacity:0}.dp-hero:has(#dp-midi:checked) .dp-img-midi{opacity:1}.dp-hero:has(#dp-midi:checked) .dp-img-soir{opacity:0}.dp-moments{border:0;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:0;display:flex}.dp-moments label{border:1px solid var(--color-line-strong);min-block-size:2.75rem;color:var(--color-ink);cursor:pointer;transition:background-color .2s var(--ease-soft), color .2s var(--ease-soft), border-color .2s var(--ease-soft);border-radius:12px 12px 2px 2px;align-items:center;gap:.625rem;padding:.5rem 1rem .5rem .875rem;font-size:.9375rem;display:inline-flex}.dp-moments label:before{content:"";opacity:.7;border:1px solid;border-radius:50% 50% 1px 1px/36% 36% 1px 1px;flex:none;block-size:.875rem;inline-size:.625rem}.dp-moments input:checked+label{background-color:var(--color-selected);border-color:var(--color-selected);color:var(--color-on-selected)}.dp-moments input:checked+label:before{opacity:1;background-color:currentColor}.dp-moments input:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:3px}.dp-legende{color:var(--color-ink-muted);margin-top:.75rem;font-size:.8125rem}.dp-legende-midi{display:none}.dp-hero:has(#dp-midi:checked) .dp-legende-midi{display:inline}.dp-hero:has(#dp-midi:checked) .dp-legende-soir{display:none}@media (prefers-reduced-motion:reduce){.dp-hero,.dp-cadre img,.dp-moments label{transition:none}}@media (forced-colors:active){.dp-moments input:checked+label{forced-color-adjust:none;color:highlighttext;background-color:highlight;border-width:2px}}.dp-deux{gap:2rem;display:grid}@media (min-width:48rem){.dp-deux{gap:var(--spacing-grid);grid-template-columns:repeat(2,minmax(0,1fr))}}.dp-deux>div{border-top:1px solid var(--color-line);padding-top:1.5rem}.dp-cave{min-inline-size:0;max-inline-size:34rem;margin:0}@media (min-width:64rem){.dp-cave{max-inline-size:none}}.dp-cave-scene{grid-template-columns:repeat(20,minmax(0,1fr));display:grid}.dp-cave-bande{grid-area:1/8/auto/21}.dp-cave-andres{z-index:1;grid-area:1/1/auto/12;margin-block-start:50%;position:relative}}