.video-stories{background:#071d17;color:#f6f0e4;overflow:hidden}.video-stories-head{display:grid;grid-template-columns:1.35fr .65fr;gap:4rem;align-items:end;margin-bottom:3rem}.video-stories h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.4rem,7vw,7.5rem);font-weight:400;line-height:.86;letter-spacing:-.055em;margin:0}.video-stories h2 em{color:#c9ef16;font-weight:400}.video-stories-intro{max-width:31rem;color:rgba(246,240,228,.7);font-size:1.05rem;line-height:1.7;margin:0}.film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.story-film{position:relative;aspect-ratio:9/15;overflow:hidden;background:#0e2b22;border-radius:1.2rem;isolation:isolate}.story-film:nth-child(9){grid-column:2}.story-film video{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.story-film::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,13,.03) 42%,rgba(4,17,13,.88) 100%);pointer-events:none;z-index:1}.story-film:hover video{transform:scale(1.025)}.film-copy{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.25rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.film-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:400;line-height:1.02}.film-copy span{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#c9ef16;font-size:1rem}.film-sound{position:absolute;z-index:3;right:1rem;top:1rem;width:2.65rem;height:2.65rem;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(4,17,13,.48);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:1rem}.film-sound:hover{background:#c9ef16;color:#071d17;border-color:#c9ef16}.film-sound:focus-visible{outline:2px solid #c9ef16;outline-offset:3px}@media(max-width:900px){.video-stories-head{grid-template-columns:1fr;gap:1.5rem}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-film:nth-child(9){grid-column:auto}}@media(max-width:600px){.video-stories-head{margin-bottom:2rem}.film-grid{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1.2rem 1.2rem;margin:0 -1.2rem;scrollbar-width:none}.film-grid::-webkit-scrollbar{display:none}.story-film{flex:0 0 78vw;scroll-snap-align:center;border-radius:1rem}.film-copy{left:1rem;right:1rem;bottom:1rem}}
