@font-face{font-family:Vatora;src:url('font/Vatora.ttf') format('truetype');font-display:block}@font-face{font-family:Artifakt;src:url('font/Artifakt Element Light.ttf') format('truetype');font-weight:300;font-display:block}
:root{--gold:#b6782d;--text:#ddd9d4;--muted:#8c8883}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{width:min(100%,1200px);min-height:100vh;margin:auto;background:#050606;color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:.08em;border-inline:1px solid #282828;box-shadow:0 0 70px #000}a{color:inherit;text-decoration:none}.video-header{height:92px;padding:24px 40px;display:grid;grid-template-columns:185px 1fr;align-items:start;border-bottom:1px solid #181818}.brand{display:flex;flex-direction:column}.brand span{font:35px/.9 Vatora,Arial,sans-serif;letter-spacing:.12em}.brand small{font:300 12px Artifakt,Arial,sans-serif;letter-spacing:.2em;margin-top:-1px;color:#aaa}.video-header nav{display:flex;justify-content:flex-end;gap:34px;padding-top:13px}.video-header nav a{position:relative;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.video-header nav a:after{content:"";position:absolute;left:0;bottom:-11px;width:0;height:1px;background:var(--gold)}.video-header nav a:hover:after,.video-header nav a.active:after{width:100%}
main{padding:70px 50px 100px}.video-intro{margin-bottom:55px}.video-intro p,.video-copy p{text-transform:uppercase;color:#b68650;font-size:9px;letter-spacing:.3em;margin:0 0 13px}.video-intro h1{font:300 46px/1 Artifakt,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin:0 0 13px}.video-intro span{font:300 14px Artifakt,Arial,sans-serif;color:var(--muted);letter-spacing:.1em}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.video-card{display:block;background:#080909;border:1px solid #191919;box-shadow:0 18px 55px rgba(0,0,0,.3);transition:transform .35s,border-color .35s}.video-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.55fr .45fr}.video-card:hover{transform:translateY(-4px);border-color:#53391f}.visual{position:relative;overflow:hidden;aspect-ratio:16/8}.featured .visual{aspect-ratio:16/7}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}.visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .5s}.video-card:hover .visual img{transform:scale(1.025)}.play,.locked-mark{position:absolute;z-index:2;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;background:rgba(5,5,5,.65);transform:translate(-50%,-50%);color:#fff;font-size:16px;transition:background .25s,transform .25s}.video-card:hover .play{background:var(--gold);transform:translate(-50%,-50%) scale(1.08)}.visual i{position:absolute;z-index:2;left:22px;bottom:18px;color:#bbb;font-style:normal;text-transform:uppercase;font-size:8px;letter-spacing:.2em}.video-copy{padding:25px 27px}.featured .video-copy{display:flex;flex-direction:column;justify-content:center}.video-copy h2{font:300 28px/1 Artifakt,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;margin:0 0 13px}.video-copy>span{text-transform:uppercase;color:#77736f;font-size:8px;letter-spacing:.16em}.locked{opacity:.58}.locked .visual img{filter:grayscale(.45)}.locked-mark{border-color:#6b5338;color:#a27b4e;font-size:27px}.locked:hover{transform:none;border-color:#191919}
footer{min-height:90px;padding:30px 40px;border-top:1px solid #282828;display:flex;align-items:center;gap:42px;text-transform:uppercase;color:#888;font-size:8px;letter-spacing:.18em}footer span{margin-left:auto;color:#a47a4b}
@media(max-width:850px){.video-header{height:76px;padding:20px 22px;grid-template-columns:1fr}.brand span{font-size:29px}.brand small{font-size:10px}.video-header nav{display:none}main{padding:45px 20px 70px}.video-intro{margin-bottom:35px}.video-intro h1{font-size:37px}.video-grid{grid-template-columns:1fr}.video-card.featured{grid-column:auto;display:block}.featured .visual,.visual{aspect-ratio:16/10}}
@media(max-width:520px){.visual,.featured .visual{aspect-ratio:4/3}.play,.locked-mark{width:52px;height:52px}footer{flex-wrap:wrap;gap:22px;padding:28px 20px}footer span{width:100%;margin:0}}
.video-header{height:96px;padding:22px 42px;grid-template-columns:180px 1fr 180px}.video-header nav{justify-content:center;gap:38px;padding-top:17px}.socials{display:flex;justify-content:flex-end;gap:22px;padding-top:13px;font-size:17px}.socials a{transition:color .2s}.socials a:hover{color:#c78b43}
.video-header .brand span{font-size:42px}.video-header .brand small{font-size:15px;margin-top:-3px}
@media(max-width:850px){.video-header{height:76px;padding:18px 22px;grid-template-columns:1fr}.video-header .brand span{font-size:32px}.video-header .brand small{font-size:11.5px}.socials{display:none}}
body{width:100%;max-width:none;border-inline:0;box-shadow:none}
.video-header .brand span{font:42px/1 Vatora,Arial,sans-serif;letter-spacing:.12em}.video-header .brand small{font:300 15px/normal Artifakt,Arial,sans-serif;letter-spacing:.2em;margin-top:-3px;color:#aaa}
@media(min-width:1500px) and (min-aspect-ratio:16/10){body{max-width:1200px;border-inline:1px solid #282828;box-shadow:0 0 70px #000}}
@media(max-width:850px){.video-header .brand span{font-size:32px}.video-header .brand small{font-size:11.5px}}
.visual .play{font-size:0;color:transparent;background-color:rgba(5,5,5,.65)}
.visual .play:before{content:"";display:block;width:0;height:0;margin-left:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff}
.video-card:hover .visual .play{background-color:var(--gold)}
@media(max-width:520px){.visual .play:before{margin-left:4px;border-top-width:8px;border-bottom-width:8px;border-left-width:13px}}