.motion-page{background:#101210;color:#e8edcf}.motion-page .masthead{background:linear-gradient(180deg,#101210 30%,#10121000)}.motion-main{padding:140px var(--space) 0}.motion-heading{position:relative;padding-bottom:68px}.motion-eyebrow{font:12px var(--pixel);opacity:.7}.motion-heading h1{font:650 clamp(52px,7.5vw,120px)/1 var(--sans);letter-spacing:-.065em;margin:30px 0}.motion-heading p{font-size:18px;line-height:1.5}.motion-heading>button{position:absolute;bottom:68px;right:0;font:12px var(--pixel);border-bottom:1px solid #e8edcf77;padding:12px 0}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 24px}.motion-tile{min-width:0}.motion-media{position:relative;display:block;width:100%;aspect-ratio:4/5;background:#1b1e18;overflow:hidden}.motion-media video{width:100%;height:100%;object-fit:contain}.motion-play{position:absolute;right:16px;bottom:16px;padding:10px 12px;font:12px var(--pixel);background:#101210e0;color:#e8edcf;border:1px solid #e8edcf66;opacity:0;translate:0 4px;transition:opacity .2s,translate .2s}.motion-media:hover .motion-play,.motion-media:focus-visible .motion-play{opacity:1;translate:0 0}.motion-tile h2{font:550 20px/1.3 var(--sans);letter-spacing:-.03em;margin:20px 0 9px}.motion-tile p{font:12px/1.6 var(--mono);color:#e8edcf99;display:flex;justify-content:space-between;gap:20px}.motion-end{padding:110px 0 75px}.motion-end p{font-size:clamp(30px,4vw,60px);font-weight:550;line-height:1.2;letter-spacing:-.05em}.motion-end a{display:inline-block;margin-top:25px;border-bottom:1px solid #e8edcf88;padding-bottom:8px;font-size:18px}.motion-footer{min-height:0;padding:25px var(--space);display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e8edcf33;font:12px var(--pixel)}#motion-dialog{width:min(1000px,calc(100% - 40px));max-height:calc(100svh - 40px);border:1px solid #e8edcf44;background:#101210;color:#e8edcf;padding:24px;overscroll-behavior:contain}#motion-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.motion-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;position:sticky;top:-24px;background:#101210;z-index:2;padding-block:14px}#motion-title{font:550 20px var(--sans)}#motion-close{font:12px var(--pixel);padding:8px 0}#motion-close span{font:22px var(--sans);margin-left:16px}#motion-player{width:100%;height:66svh;object-fit:contain;background:#060806}#motion-role{font:12px var(--mono);opacity:.7;margin-top:18px}
@media(max-width:900px){.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-heading>button{position:static;margin-top:24px}.motion-heading{padding-bottom:40px}}
@media(max-width:520px){.motion-main{padding-top:120px}.motion-heading h1{font-size:52px;margin:25px 0}.motion-heading p{font-size:16px}.motion-grid{grid-template-columns:1fr;gap:40px}.motion-tile h2{font-size:20px}.motion-play{opacity:1;translate:none}.motion-end{padding-block:80px 50px}.motion-footer{font-size:11px;line-height:1.6}#motion-dialog{width:calc(100% - 20px);padding:16px;max-height:calc(100svh - 20px)}.motion-dialog-bar{top:-16px}#motion-title{font-size:17px}#motion-player{height:62svh}}
@media(hover:none){.motion-play{opacity:1;translate:none}}

.motion-tile-wide{grid-column:1/-1;scroll-margin-top:110px}.motion-tile-wide .motion-media{aspect-ratio:16/9}.motion-tile-wide h2{font-size:clamp(24px,3vw,42px);margin-top:24px}.motion-tile-wide p{font-size:13px}.motion-post{display:inline-block;margin-top:16px;padding-bottom:6px;border-bottom:1px solid #e8edcf66;font:13px/1.5 var(--mono)}.motion-post[hidden]{display:none}.motion-dialog-meta{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.motion-dialog-meta #motion-role{line-height:1.5}.motion-dialog-meta .motion-post{flex-shrink:0}
