.dqb-hero-photo{--hero-hauteur:min(72vh, 680px);--hero-voile:linear-gradient(90deg, color-mix(in srgb, var(--couleur-fond-sombre) 94%, transparent) 0%, color-mix(in srgb, var(--couleur-fond-sombre) 80%, transparent) 45%, color-mix(in srgb, var(--couleur-fond-sombre) 40%, transparent) 100%);position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(var(--hero-hauteur) - var(--hauteur-entete));padding-block-start:calc(120px - var(--hauteur-entete));overflow:hidden;background:var(--couleur-fond-sombre);color:var(--couleur-texte-sur-sombre);&[data-hauteur="grande"]{--hero-hauteur:min(78vh, 760px);--hero-voile:linear-gradient(90deg, color-mix(in srgb, var(--couleur-fond-sombre) 92%, transparent) 0%, color-mix(in srgb, var(--couleur-fond-sombre) 78%, transparent) 45%, color-mix(in srgb, var(--couleur-fond-sombre) 35%, transparent) 100%)}&[data-hauteur="intermediaire"]{--hero-hauteur:min(70vh, 640px);--hero-voile:linear-gradient(90deg, color-mix(in srgb, var(--couleur-fond-sombre) 94%, transparent) 0%, color-mix(in srgb, var(--couleur-fond-sombre) 82%, transparent) 45%, color-mix(in srgb, var(--couleur-fond-sombre) 45%, transparent) 100%)}&[data-hauteur="courte"]{--hero-hauteur:min(64vh, 600px);--hero-voile:linear-gradient(90deg, color-mix(in srgb, var(--couleur-fond-sombre) 94%, transparent) 0%, color-mix(in srgb, var(--couleur-fond-sombre) 82%, transparent) 45%, color-mix(in srgb, var(--couleur-fond-sombre) 45%, transparent) 100%)}}.dqb-hero-photo__fond{position:absolute;inset:-6% 0;background:var(--couleur-fond-sombre);& img{width:100%;height:100%;object-fit:cover;object-position:center 40%}&[data-cadrage="25"] img{object-position:center 25%}&[data-cadrage="35"] img{object-position:center 35%}&[data-cadrage="45"] img{object-position:center 45%}&[data-cadrage="50"] img{object-position:center 50%}&[data-cadrage="65"] img{object-position:center 65%}}.dqb-hero-photo__voile{position:absolute;inset:0;background:var(--hero-voile)}.dqb-hero-photo__conteneur{position:relative}.dqb-hero-photo__cadre{display:flex;flex-direction:column;gap:28px;padding:clamp(36px, 6vh, 72px) clamp(24px, 3.5vw, 56px) clamp(32px, 4.5vh, 48px);border-inline:1px solid color-mix(in srgb,var(--couleur-texte-sur-sombre) 35%,transparent);& p{margin:0}}.dqb-hero-photo__ariane ol{display:flex;flex-wrap:wrap;gap:0 10px;margin:0;padding:0;list-style:none;color:var(--couleur-texte-doux-sur-sombre);font:400 var(--taille-mono) / 1.4 var(--police-mono);& li+li::before{content:"/";margin-inline-end:10px;opacity:.6}& a{position:relative;color:inherit;text-decoration:none}& a:hover{color:var(--couleur-texte-sur-sombre)}& a::after{content:"";position:absolute;inset:calc(50% - 22px) 0}}.dqb-hero-photo__titre{max-width:900px;margin:0;font-size:clamp(40px, 5.4vw, 84px);font-weight:600;font-stretch:82%;line-height:.96;letter-spacing:-.035em;& .dqb-respiration{line-height:1.05;letter-spacing:-.025em}}[data-hauteur="moyenne"] .dqb-hero-photo__titre,[data-hauteur="courte"] .dqb-hero-photo__titre{font-size:var(--taille-h1);line-height:.98}[data-hauteur="intermediaire"] .dqb-hero-photo__titre{font-size:var(--taille-h1-etude)}.dqb-hero-photo__ligne{display:block}.dqb-hero-photo__chapo{max-width:560px;color:var(--couleur-chapo-sombre);font-size:var(--taille-grande);line-height:1.6;text-wrap:pretty}[data-hauteur="moyenne"] .dqb-hero-photo__chapo,[data-hauteur="intermediaire"] .dqb-hero-photo__chapo,[data-hauteur="courte"] .dqb-hero-photo__chapo{max-width:580px}.dqb-hero-photo__boutons{display:flex;flex-wrap:wrap;gap:var(--espace-3)}.dqb-hero-photo__bouton{display:flex;align-items:stretch;min-height:44px;background-color:var(--couleur-primaire);background-image:linear-gradient(var(--couleur-texte-sur-sombre),var(--couleur-texte-sur-sombre));background-position:left center;background-repeat:no-repeat;background-origin:border-box;background-size:0% calc(100% + 2px);color:var(--couleur-texte-sur-sombre);font-size:var(--taille-liste);font-weight:600;text-decoration:none;transition:background-size var(--duree-remplissage) var(--courbe),color 350ms ease 100ms;&:hover{background-size:100% calc(100% + 2px);color:var(--couleur-texte)}&[data-variante="contour"]{border:1px solid var(--couleur-texte-sur-sombre);background-color:transparent}&:focus-visible{outline-color:var(--couleur-texte-sur-sombre)}}.dqb-hero-photo__bouton-texte{display:flex;align-items:center;padding:18px 22px}[data-variante="contour"] .dqb-hero-photo__bouton-texte{padding-block:17px}.dqb-hero-photo__bouton-fleche{display:grid;place-items:center;width:56px;border-inline-start:1px solid currentColor}.dqb-hero-photo__preuves{display:grid;grid-template-columns:1fr;margin:0;padding:0;list-style:none;border-block-start:1px solid color-mix(in srgb,var(--couleur-texte-sur-sombre) 35%,transparent);border-inline-start:1px solid color-mix(in srgb,var(--couleur-texte-sur-sombre) 35%,transparent);background:color-mix(in srgb,var(--couleur-fond-sombre) 55%,transparent);backdrop-filter:blur(6px);@media (min-width:768px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:1200px){grid-template-columns:repeat(4,minmax(0,1fr))}}.dqb-hero-photo__preuve{display:flex;flex-direction:column;gap:6px;padding:22px var(--espace-5);border-inline-end:1px solid color-mix(in srgb,var(--couleur-texte-sur-sombre) 35%,transparent);border-block-end:1px solid color-mix(in srgb,var(--couleur-texte-sur-sombre) 35%,transparent);&::before{content:"";width:18px;height:2px;background:var(--couleur-texte-sur-sombre)}}.dqb-hero-photo__preuve-titre{font-size:var(--taille-texte-carte);font-weight:600;line-height:1.3}.dqb-hero-photo__preuve-texte{color:var(--couleur-texte-doux-sur-sombre);font-size:var(--taille-petite);line-height:1.45}