.videography-page{background-color:var(--primary-color);flex-direction:column;align-items:center;width:100%;padding:0 0 120px;display:flex;overflow-x:hidden}.videography-hero{text-align:center;flex-direction:column;align-items:center;padding:72px 120px 56px;display:flex}.videography-hero-label{letter-spacing:.3em;color:var(--secondary-color);opacity:.5;margin:0 0 14px;font-size:.72rem;font-weight:600}.videography-hero-title{letter-spacing:.35em;color:var(--secondary-color);margin:0 0 20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:300}.videography-hero-bio{font-family:var(--font-geist-mono), monospace;color:var(--secondary-color);opacity:.75;max-width:580px;margin:0;font-size:.92rem;line-height:1.85}.videography-marquee-outer{width:100%;padding:20px 0 40px;overflow:hidden}.videography-marquee-track{flex-wrap:nowrap;align-items:flex-start;gap:24px;width:max-content;animation:30s linear infinite videography-marquee;display:flex}.videography-marquee-outer:hover .videography-marquee-track{animation-play-state:paused}.videography-marquee-track--static{justify-content:center;width:100%;animation:none}@keyframes videography-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.videography-card-wrapper{flex-direction:column;flex-shrink:0;align-items:center;width:300px;display:flex;position:relative}.videography-card{cursor:pointer;z-index:1;border:1.5px solid #ffffff59;border-radius:20px;width:260px;height:420px;margin-top:15px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #fff3}.videography-video{object-fit:cover;width:100%;height:100%}.videography-label{text-align:center;z-index:1;width:260px;margin-top:50px}.videography-label-title{color:#e3e1cd;letter-spacing:1px;margin-bottom:6px;font-size:20px;font-weight:600}.videography-label-desc{color:#fffdeaa6;font-size:13px;font-weight:300;line-height:1.6}@media (max-width:768px){.videography-hero{padding:56px 24px 40px}.videography-hero-bio{max-width:100%}.videography-marquee-track{gap:16px}.videography-card-wrapper{width:220px}.videography-card{width:190px;height:310px;margin-top:12px}.videography-label{width:190px;margin-top:36px}}@media (max-width:420px){.videography-card-wrapper{width:180px}.videography-card{width:154px;height:254px}.videography-label{width:154px}.videography-label-title{font-size:17px}}