.video-experience{min-height:100svh;padding:calc(var(--site-chrome-height) + clamp(0rem, 0vw, 1rem)) 0 clamp(4rem,7vw,8rem);background:var(--base-500)}.video-experience__header{width:min(100%,88rem);margin:0 auto clamp(2.2rem,3vw,2rem);text-align:center}.video-experience__header p{margin:0 0 .8rem;color:var(--primary);font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.video-experience__header h2{margin:0;color:var(--ink-500,#251c1d);font-size:clamp(2.2rem,4vw,4.8rem);line-height:.98;letter-spacing:-.055em}.video-experience__header>span{display:block;max-width:34rem;margin-top:1.5rem;color:var(--base-250);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55}.video-experience__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0 auto}.video-experience__card{position:relative;aspect-ratio:9/16;overflow:hidden;border:0;background:var(--base-200);color:#fff;cursor:pointer;isolation:isolate;text-align:left}.video-experience__card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.video-experience__card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,11,11,.06) 25%,rgba(16,11,11,.72))}.video-experience__label{position:absolute;right:clamp(.75rem,1.5vw,1.25rem);bottom:clamp(.75rem,1.5vw,1.25rem);max-width:calc(100% - 1.5rem);padding:.5rem .75rem;border-radius:999px;background:rgba(21,15,16,.72);color:#fff;font-size:clamp(.72rem,1vw,.9rem);font-weight:700;letter-spacing:.04em;line-height:1.2;text-align:right}.video-experience__play{position:absolute;top:50%;left:50%;display:grid;width:clamp(3.5rem,6vw,5rem);height:clamp(3.5rem,6vw,5rem);place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(35,27,28,.32);font-size:clamp(.95rem,1.5vw,1.25rem);transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease}.video-experience__card-copy{position:absolute;right:1.25rem;bottom:1.15rem;left:1.25rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.video-experience__card-copy strong{color:rgba(255,255,255,.7);font-size:.75rem;letter-spacing:.1em}.video-experience__card-copy span{max-width:15ch;font-size:clamp(1.15rem,2vw,1.8rem);font-weight:650;line-height:1}.video-experience__card:focus-visible video,.video-experience__card:hover video{transform:scale(1.06)}.video-experience__card:focus-visible .video-experience__play,.video-experience__card:hover .video-experience__play{background:var(--primary);transform:translate(-50%,-50%) scale(1.08)}.video-experience__card:focus-visible{outline:3px solid var(--primary-light);outline-offset:4px}.video-experience__overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:1.25rem;background:rgba(21,15,16,.82);backdrop-filter:blur(12px);animation:video-experience-fade .28s ease both}.video-experience__dialog{position:relative;width:min(92vw,29rem);outline:0;animation:video-experience-zoom .42s cubic-bezier(.22,1,.36,1) both}.video-experience__dialog video{display:block;width:100%;max-height:calc(100svh - 2.5rem);border-radius:1rem;background:#000;object-fit:contain}@keyframes video-experience-fade{0%{opacity:0}to{opacity:1}}@keyframes video-experience-zoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1050px){.video-experience__grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,42rem)}}@media (max-width:700px){.video-experience{padding-right:1rem;padding-left:1rem}.video-experience__grid{grid-template-columns:1fr;width:min(100%,21rem)}}@media (prefers-reduced-motion:reduce){.video-experience__dialog,.video-experience__overlay{animation:none}.video-experience__card video,.video-experience__play{transition:none}}