
:root{--c:56px;--ch:#1c1c1c;--bg:#fafafa;--g:#dcdcdc}
*{box-sizing:border-box}
body{margin:0;font:300 1.1rem/1.55 Poppins,sans-serif;background:var(--bg);color:#000}
h1,h2,h3{font-weight:600;line-height:1.15;margin:0 0 .6em}
h1{font-size:clamp(2.4rem,7vw,4.6rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}
img{max-width:100%;display:block}p{margin:0 0 1em}
header{background:var(--ch);display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;position:sticky;top:0;z-index:9}
header img{height:48px}
nav a{color:#fff;text-decoration:none;margin-left:1.2rem;font-size:1rem}nav a.on{text-decoration:underline}
#m,.bg{display:none}
.band{position:relative;margin-top:calc(var(--c)*-1);padding:calc(var(--c) + 64px) 6vw 80px;text-align:center;clip-path:polygon(0 var(--c),50% 0,100% var(--c),100% 100%,0 100%)}
.band.sl{clip-path:polygon(0 0,100% var(--c),100% 100%,0 100%)}
.band.first{margin-top:0;padding-top:72px;clip-path:none}
.hero{height:80vh;min-height:420px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--c) + 40px);background:linear-gradient(#0007,#0007),url(images/hero.jpg) center/cover}
.hero .btn{color:#fff}
.dark{background:var(--ch);color:#fff}.gray{background:var(--g)}.blk{background:#000;color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;text-align:left;max-width:1000px;margin:0 auto 1.5rem}
.two h1,.two h2{margin:0}.sm{font-size:.95rem;font-style:italic;font-weight:300}
.round{width:min(320px,72vw);aspect-ratio:1;border-radius:50%;object-fit:cover;margin:0 auto}
.round.top{object-position:top;background:#fff}
.btn{display:inline-block;font:1.35rem 'Fjalla One',sans-serif;border:1.5px solid currentColor;padding:14px 38px;color:inherit;text-decoration:none;background:none;cursor:pointer;margin-top:1.2rem}.btn:hover{opacity:.65}
.circ{border:2px solid #000;border-radius:50%;padding:0 .3em}
.narrow{max-width:760px;margin:0 auto}.lead{font-size:clamp(1.4rem,3vw,2rem);font-weight:300}
.u{text-decoration:underline;font-weight:400;font-size:1.5rem;text-transform:uppercase}
.logos{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:center;margin-top:2rem}.logos img{height:70px;width:auto;max-width:200px;object-fit:contain}
.f{max-width:900px;margin:2rem auto 0;text-align:left;display:grid;gap:22px}
.f label{display:block;font-size:1rem}.f small{opacity:.6}
.f input,.f select,.f textarea{width:100%;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;padding:8px 0}
.f select option{color:#000}.f .r{display:grid;grid-template-columns:1fr 1fr;gap:20px}.f .btn{justify-self:center}
.post{max-width:860px;margin:0 auto 56px;text-align:left}.post h2{font-weight:400;margin:.2em 0 .5em}
.vids{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1100px;margin:0 auto}
.vids iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}.vids p{font-weight:400;margin:.7rem 0 0}
.ic{display:inline-flex;width:52px;height:52px;border-radius:50%;background:#000;color:#fff;align-items:center;justify-content:center;margin:0 6px}
footer a.t{display:block;color:#000;margin-top:.8rem}
@media(max-width:760px){
.two,.vids,.f .r{grid-template-columns:1fr}.two{text-align:center}
.bg{display:block;width:34px;height:2px;background:#fff;box-shadow:0 9px #fff,0 -9px #fff;cursor:pointer}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ch);flex-direction:column;padding:12px 4vw}
nav a{margin:0;padding:.7rem 0}#m:checked~nav{display:flex}}

.shot{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:4px}.dk{grid-template-columns:auto 1fr}
@media(max-width:760px){.dk{grid-template-columns:1fr}.logos{gap:28px}}
