/* Keep the screen clarification with its photograph, including during the hero shrink. */
.home-page .hero.hero-v31 .hero-screen-note-v38{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0;padding:42px 64px 22px;background:linear-gradient(0deg,rgba(8,17,24,.58),rgba(8,17,24,0));color:#fff;text-align:right;font-family:var(--df-ui-font);font-size:12px;font-weight:450;line-height:1.5;letter-spacing:0;pointer-events:none}
.home-page .hero.hero-v31 .hero-screen-note-v38 span{display:inline-block;max-width:100%}
.footer.footer-v28 .footer-illustration-note-v38{max-width:82ch;margin:32px 0 0;color:#657078;font-family:var(--df-ui-font);font-size:12px;font-weight:400;line-height:1.65;letter-spacing:0}
.footer.footer-v28 .footer-illustration-note-v38 + .footer-signature-row{margin-top:22px}
@media(max-width:1199px){.home-page .hero.hero-v31 .hero-screen-note-v38{padding-right:48px;padding-left:48px}}
@media(max-width:1039px){.home-page .hero.hero-v31 .hero-screen-note-v38{padding-right:36px;padding-left:36px}}
@media(max-width:760px){
 .home-page .hero.hero-v31 .hero-screen-note-v38{padding:32px 14px 12px;font-size:11px;line-height:1.5}
 .home-page .hero.hero-v31 .hero-screen-note-v38 span{display:block;max-width:100%}
 .footer.footer-v28 .footer-illustration-note-v38{margin-top:28px;max-width:44ch;font-size:12px}
 .footer.footer-v28 .footer-illustration-note-v38 + .footer-signature-row{margin-top:20px}
}