.video-page{background:var(--base-400);min-height:100vh;padding:clamp(6.5rem,11vw,7.5rem)clamp(1.25rem,4vw,4rem)calc(3.5rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow-x:clip}.video-page__inner{width:100%;max-width:1480px;margin:0 auto}.video-page__header{border-bottom:1px solid #ffffff0f;margin-bottom:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(1.25rem,3vw,2rem)}.video-page__title{flex-wrap:wrap;align-items:baseline;gap:.35em 1.25rem;margin:0;line-height:.92;display:flex}.video-page__title .title-wrapper{margin-bottom:-.08em;padding-bottom:.12em;display:block;overflow:hidden}.video-page__title .title-line{color:var(--text-primary);text-transform:uppercase;letter-spacing:-.03em;font-family:Geist Mono,monospace;font-size:clamp(2.75rem,7.5vw,6.25rem);font-weight:300;display:block}.video-page__list{flex-direction:column;display:flex}.video-project{border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,5.5rem);padding:clamp(2.75rem,5vw,4.5rem) 0;display:grid}.video-project--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.video-project:first-child{padding-top:.5rem}.video-project:last-child{border-bottom:none;padding-bottom:0}.video-project--flip .video-project__media{order:2}.video-project--flip .video-project__copy{order:1}.video-project__media{aspect-ratio:16/9;background:#000;border:1px solid #ffffff12;border-radius:2px;width:100%;min-width:0;transition:border-color .45s;position:relative;overflow:hidden}.video-project__media:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff08}.video-project:hover .video-project__media,.video-project:focus-within .video-project__media{border-color:#ffffff24}.video-project__media .video-player-container{z-index:2;width:100%;height:100%;position:absolute;inset:0}.video-page .video-thumbnail-wrapper:hover .video-thumbnail-image{transform:scale(1.02)}.video-page .video-thumbnail-wrapper:hover .custom-play-button{transform:scale(1.06)}.video-project__copy{flex-direction:column;gap:1.1rem;width:100%;min-width:0;max-width:32rem;display:flex}.video-project__meta{letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);opacity:.62;flex-wrap:wrap;align-items:center;gap:.5rem .85rem;margin:0;font-size:.68rem;font-weight:300;display:flex}.video-project__meta-sep{opacity:.45;background:currentColor;border-radius:50%;flex-shrink:0;width:3px;height:3px}.video-project__heading{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(1.65rem,2.8vw,2.35rem);font-weight:300;line-height:1.15}.video-project__text{color:#ffffffb8;max-width:42ch;margin:0;font-size:.98rem;line-height:1.75}.video-project__footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:.75rem;padding-top:1.35rem;display:flex}.video-project__tags{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);opacity:.5;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;font-size:.68rem;font-weight:300;list-style:none;display:flex}.video-project__tags li{align-items:center;display:inline-flex}.video-project__tags li+li:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 .7rem}.video-project__watch{letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);cursor:pointer;opacity:.82;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;font-family:inherit;font-size:.72rem;font-weight:400;text-decoration:none;transition:opacity .3s;display:inline-flex}.video-project__watch:hover,.video-project__watch:focus-visible{opacity:1}@media (max-width:1024px){.video-page{padding-top:5.75rem}.video-project,.video-project--flip{grid-template-columns:1fr;gap:1.75rem;padding:2.5rem 0}.video-project--flip .video-project__media,.video-project--flip .video-project__copy{order:unset}.video-project__copy,.video-project__text{max-width:none}}@media (max-width:768px){.video-page__title .title-line{font-size:clamp(2.25rem,11vw,3.25rem)}.video-project__footer{flex-direction:column;align-items:flex-start;gap:1.25rem}.video-project__watch{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.video-project__media,.video-project__watch{transition:none}}