:root{--champagne:rgb(247, 231, 206);--champagne-medium:rgb(243, 229, 171);--champagne-deep:rgb(250, 214, 165);--champagne-dark:rgb(194, 178, 128);--font-serif:'Playfair Display', 'Times New Roman', serif;--bs-primary:var(--champagne);--bs-primary-rgb:218, 165, 32;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-link-color:palegoldenrod;--bs-link-hover-color:var(--champagne);--bs-link-color-rgb:79,79,79;--bs-link-hover-color-rgb:255, 250, 205;--bs-font-sans-serif:Poppins, Arial, Helvetica, sans-serif;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-text-align:justify;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-border-color:var(--champagne-deep)}@font-face{font-family:"28 days later";font-style:normal;font-weight:500;font-display:swap;src:url("/28 Days Later.ttf")format("opentype")}html,body{min-height:100vh}body{margin:0;display:flex;flex-direction:column}p{margin-bottom:.5rem}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em}.header-icons{font-size:2rem;line-height:1.85rem;letter-spacing:.5ex}section{min-height:100vh;background-color:var(--champagne-dark);position:sticky;top:0;display:flex;color:#000}section .container,section .container-fluid{min-height:100%;display:flex;flex-direction:column;justify-content:center;position:sticky;top:0}#hey,#facepalm{--bg-position:50%;background-image:linear-gradient(#00000033,#00000099),var(--bg-image);background-position:0 0,var(--bg-position);background-size:auto,cover;background-attachment:scroll,scroll;color:#fff;text-shadow:#000 0 0 15px}#hey{z-index:1;--bg-position:80% 50%;--bg-image:image-set(
        url("/echo-hey.avif") type("image/avif"),
        url("/echo-hey.webp") type("image/webp")
    )}#hey h2{font-size:5em;font-weight:700;margin-bottom:15vh}#hey p{font-size:1.5em;margin-bottom:15vh}#annonce{z-index:2}#annonce .container{align-items:center;text-align:center !important;text-wrap:balance}#annonce .name{font-family:playfair display;margin:.75rem 0;font-size:1.5em}#annonce .name .lastname{font-variant:small-caps;font-size:1.1em;font-weight:500}#annonce p{margin:.75rem 0;color:var(--bs-secondary-color)}#facepalm{z-index:3;--bg-position:15% 25%;--bg-image:image-set(
        url("/echo-facepalm.avif") type("image/avif"),
        url("/echo-facepalm.webp") type("image/webp")
    )}#facepalm h2{font-size:2em;margin-top:15vh;text-align:left}#facepalm p{font-size:1.2em}#gallery{z-index:1000;padding:0;min-height:auto;display:grid;grid-template-columns:1fr;gap:1em 0;padding:1em;margin-bottom:100vh;overflow-x:hidden}#gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;background-color:#110703;padding:1.35em .25em;border-image-source:url(/35mm-film-perforations.svg);border-image-slice:100% 0;border-image-width:5.5mm 0;border-image-outset:0;border-image-repeat:round}#film{padding:.5em 0;margin:.5em -1em;height:35mm;background-color:#110703;background-image:url(/35mm-film.svg);background-repeat:repeat;border-image-source:url(/35mm-film-perforations.svg);border-image-slice:100% 0;border-image-width:5.5mm 0;border-image-outset:0;border-image-repeat:round;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:1.5em;text-wrap:balance;transform:rotate(1deg)}#affiche{z-index:1500;background-image:linear-gradient(to right,#b43224,#eb5c38,#b43224);font-family:"28 days later",var(--bs-font-sans-serif);line-height:1.5em;text-transform:uppercase;color:#000;text-align:center}#affiche .container{justify-content:space-evenly;align-items:center}#affiche .history,#affiche .title,#affiche .motto{color:#fff}#affiche .creator{font-size:1.5em;letter-spacing:.25pt;text-wrap-style:balance}#affiche .history{display:flex;flex-direction:column;align-items:center;line-height:1.35em}#affiche .history .keyword{font-size:1.2em}#affiche .title{min-width:275px;aspect-ratio:190/170;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/pacifier-hazard.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;font-size:2em;line-height:1em}#affiche .title .number{font-size:4em;line-height:.9em}#affiche .title .days{font-size:1.3em;letter-spacing:3pt}#affiche .title .later{letter-spacing:-1.5pt}#affiche .date{font-size:1.25em;letter-spacing:.25pt}#affiche .motto{font-size:1.25em;letter-spacing:.35ex;margin-bottom:1ex}#affiche .cast{margin-top:0;font-family:roboto condensed,var(--bs-font-sans-serif);font-weight:500;letter-spacing:-1pt}#affiche .cast p{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:.6ex;line-height:.65em;margin-bottom:.35em}#affiche .cast span{gap:.3ex}#affiche .cast small{font-size:.75em;word-spacing:.25ex}#affiche .cast small.two-lines{display:inline-block;align-self:bottom;text-align:left;font-size:.51em;line-height:1em}.footer{background-color:#000}.footer-body{justify-content:space-between;align-content:center;align-items:center;backdrop-filter:blur(1px);color:#fff;--margin-top:-.75em}.footer-logo{font-size:4em;text-align:right;margin-top:var(--margin-top)}@media(min-width:400px){.footer-body{display:flex;--margin-top:0}}@media(min-width:576px){#gallery{grid-template-columns:repeat(2,1fr)}#film{grid-column:1/3}}@media(min-width:1024px){#gallery{grid-template-columns:repeat(4,1fr)}#film{grid-column:1/5}}@media(min-width:768px){#hey p{font-size:2em}#annonce{font-size:1.5em}#annonce .name{font-size:1.75em}}