@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Oswald:wght@300;400;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
html{background:#000}
body{color:#fff;font-family:'Oswald',sans-serif;font-weight:300;font-size:15px;letter-spacing:.4px;line-height:1.5;min-height:100vh}
a{color:inherit}
.bg{position:fixed;inset:0;background:url('/images/bg.jpg') center 20%/cover no-repeat;z-index:-2}
.bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.72)}
.home .bg::after{background:rgba(10,8,20,.35)}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 34px;padding:34px 20px 0}
nav a{font-family:'Montserrat',sans-serif;font-weight:300;font-size:13px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.7);transition:color .2s}
nav a:hover,nav a.active{color:#fff}
.logo{display:block;text-align:center;font-family:'Montserrat',sans-serif;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:-2px;font-size:60px;line-height:1;margin:60px 0 50px}
main{width:100%;max-width:820px;margin:0 auto;padding:0 20px}
.home-hero{min-height:calc(100vh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px 80px}
.home-hero h1{font-family:'Montserrat',sans-serif;font-weight:700;font-size:120px;letter-spacing:-3px;line-height:1;text-transform:uppercase;margin-bottom:60px}
.home-hero p{font-family:'Montserrat',sans-serif;font-weight:300;font-size:16px;letter-spacing:3px;line-height:2.4;text-transform:uppercase;color:rgba(255,255,255,.5);max-width:720px}
h1.page-h1{font-family:'Montserrat',sans-serif;font-weight:600;font-size:30px;letter-spacing:5px;text-transform:uppercase;text-align:center;margin-bottom:24px}
h2{font-family:'Montserrat',sans-serif;font-weight:600;font-size:24px;letter-spacing:4px;text-transform:uppercase;text-align:center;margin-bottom:40px}
.caps h3,h3.caps{font-family:'Montserrat',sans-serif;font-weight:600;font-size:16px;letter-spacing:3px;line-height:1.2;text-transform:uppercase;margin-bottom:18px}
.center{text-align:center}
.block{margin-bottom:34px}
.block p{margin-bottom:12px}
.card{position:relative;display:flex;align-items:center;min-height:320px}
.card img{margin-left:auto;width:62%;height:340px;object-fit:cover;display:block}
.card .label{position:absolute;left:0;top:50%;transform:translateY(-50%);width:42%;padding:30px 30px;}
.card .label.white{background:#fff;color:#000}
.card .label.black{background:#000;color:#fff}
.card .title{font-family:'Montserrat',sans-serif;font-weight:600;font-size:21px;letter-spacing:1px;text-transform:uppercase}
.card .black .title{font-size:30px}
.card .sub{font-family:'Montserrat',sans-serif;font-size:12px;margin-top:10px;opacity:.85}
.cols{display:flex;gap:0;align-items:flex-start}
.cols>*{flex:1;min-width:0}
.cols img{width:100%;display:block}
.cols .text{padding:0 20px}
.embed{position:relative;width:100%;aspect-ratio:16/9;margin-bottom:24px}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sc iframe{width:100%;height:420px;border:0;margin-bottom:24px;display:block}
hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:24px 0}
blockquote{font-family:'Montserrat',sans-serif;font-weight:300;font-size:18px;letter-spacing:1px;line-height:1.6;padding:0 40px;margin:36px 0}
blockquote cite{display:block;text-align:right;font-style:normal;margin-top:18px}
.press ul{list-style:disc;padding-left:30px}
.press li{margin-bottom:6px;word-break:break-all}
form{max-width:660px;margin:0 auto}
form label{display:block;font-size:15px;margin-bottom:6px}
form label small{font-size:11px;opacity:.7;margin-left:6px}
form .row{display:flex;gap:10px}
form .row>div{flex:1}
form .field{margin-bottom:22px}
form .sublabel{font-size:12px}
input,textarea{width:100%;padding:12px;font:inherit;color:#000;background:#fafafa;border:1px solid #ccc}
textarea{min-height:120px;resize:vertical}
button{font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:2px;font-size:14px;background:#fff;color:#000;border:0;padding:16px 34px;cursor:pointer;text-transform:uppercase}
footer{display:flex;justify-content:center;gap:10px;padding:80px 0 40px}
footer a{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
footer svg{width:16px;height:16px;fill:#000}
.home footer{position:fixed;bottom:0;left:0;right:0;padding:30px 0}
@media(max-width:767px){
 nav{gap:8px 18px;padding-top:24px}
 nav a{font-size:11px;letter-spacing:2px}
 .home-hero h1{font-size:64px;letter-spacing:-2px}
 .home-hero p{font-size:13px;line-height:2}
 .logo{font-size:42px;margin:40px 0}
 .cols{flex-direction:column}
 .cols .text{padding:20px 0}
 .card{flex-direction:column;min-height:0}
 .card img{width:100%;height:260px}
 .card .label{position:relative;transform:none;width:85%;margin-top:-40px}
 blockquote{padding:0 10px}
 form .row{flex-direction:column;gap:0}
}