.cinema-driving-modes{display:grid;grid-template-columns:1fr 1.08fr 1fr;align-items:start;gap:clamp(1.1rem,2.7vw,3rem)}.cinema-driving-modes .driving-mode{min-width:0}.cinema-driving-modes .driving-mode:nth-child(2){margin-top:clamp(2.5rem,5.5vw,6rem)}.cinema-driving-modes .driving-mode:nth-child(3){margin-top:clamp(1rem,2.3vw,2.5rem)}.cinema-driving-modes .driving-mode-link{display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.cinema-driving-modes .driving-mode-photo{position:relative;isolation:isolate;display:flex;align-items:end;aspect-ratio:3/4;overflow:hidden;background:#151714}.cinema-driving-modes .driving-mode-photo:after{content:"";position:absolute;z-index:1;inset:40% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,rgb(9 11 9/28%) 34%,#090b09)}.cinema-driving-modes .driving-mode-photo img{object-fit:cover;object-position:50% 58%;transition:transform .65s cubic-bezier(.16,1,.3,1)}.cinema-driving-modes .driving-mode-title{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;width:100%;padding:clamp(1.1rem,2.1vw,2rem);color:#f7f4ec}.cinema-driving-modes .driving-mode-title h3{margin:0;font-family:var(--font-body);font-size:clamp(1.4rem,2.75vw,3rem);font-weight:800;line-height:.98;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}.cinema-driving-modes .driving-mode-title .arrow-icon{flex-shrink:0;width:clamp(2rem,3vw,3rem);height:clamp(2rem,3vw,3rem);color:var(--accent);transition:transform .45s cubic-bezier(.16,1,.3,1)}.cinema-driving-modes .driving-mode-copy{padding-top:1.3rem}.cinema-driving-modes .driving-mode-copy p{margin:0;max-width:37ch;color:var(--muted);font-size:.875rem;line-height:1.7}.cinema-driving-modes .driving-mode-action{display:inline-flex;align-items:center;min-height:44px;margin-top:.65rem;padding-block:.4rem;border-bottom:1px solid var(--accent);color:var(--foreground);font-size:.8rem;font-weight:650;line-height:1.5}.cinema-driving-modes .driving-mode-link:focus-visible{outline:2px solid var(--accent);outline-offset:7px;transform:translateY(-4px)}.cinema-driving-modes .driving-mode-link:focus-visible .driving-mode-photo img{transform:scale(1.035)}.cinema-driving-modes .driving-mode-link:focus-visible .arrow-icon{transform:translate(3px,-3px)}@media (hover:hover) and (pointer:fine){.cinema-driving-modes .driving-mode-link:hover{transform:translateY(-4px)}.cinema-driving-modes .driving-mode-link:hover .driving-mode-photo img{transform:scale(1.035)}.cinema-driving-modes .driving-mode-link:hover .arrow-icon{transform:translate(3px,-3px)}}@media (max-width:760px){.cinema-driving-modes{grid-template-columns:minmax(0,1fr);gap:3rem}.cinema-driving-modes .driving-mode:nth-child(n){margin-top:0}.cinema-driving-modes .driving-mode-photo{aspect-ratio:3/4}.cinema-driving-modes .driving-mode-title{padding:1.5rem}.cinema-driving-modes .driving-mode-title h3{font-size:clamp(1.75rem,7vw,3rem)}.cinema-driving-modes .driving-mode-title .arrow-icon{width:2.7rem;height:2.7rem}.cinema-driving-modes .driving-mode-copy{padding-top:1rem}.cinema-driving-modes .driving-mode-copy p{max-width:48ch}}@media (prefers-reduced-motion:reduce){.cinema-driving-modes .driving-mode-link,.cinema-driving-modes .driving-mode-photo img,.cinema-driving-modes .driving-mode-title .arrow-icon{transition:none}.cinema-driving-modes .driving-mode-link:is(:hover,:focus-visible),.cinema-driving-modes .driving-mode-link:is(:hover,:focus-visible) .arrow-icon,.cinema-driving-modes .driving-mode-link:is(:hover,:focus-visible) .driving-mode-photo img{transform:none}}