*{box-sizing:border-box}
body{margin:0;background:#fff;color:#000;font-family:'DM Sans',-apple-system,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;font-size:19.4px;line-height:1.6}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,3.333vw,64px)}
.narrow{max-width:640px;margin:0 auto}
header.site{text-align:center;padding:56px 16px 24px}
header.site .logo img{width:421px;margin:0 auto}
header.site p{margin:20px 0 12px;font-size:17px}
.social{list-style:none;display:flex;justify-content:center;gap:16px;padding:0;margin:0}
.social a{display:block;line-height:0}
.social svg{width:20px;height:20px}
.intro{text-align:center;padding:40px 0 20px}
.btns{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:28px 0}
.btn{display:inline-block;background:#fff;color:#000;border:2px solid #000;box-shadow:4px 4px 0 0 #000;padding:13px 25px;font-size:17.2px;font-weight:700;text-decoration:none;line-height:1.2;transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 0 #000}
.cols{display:flex;gap:clamp(24px,4vw,64px);align-items:flex-start;padding:clamp(40px,5vw,80px) 0}
.cols .a{flex-basis:42%}.cols .b{flex-basis:58%}
h2{font-size:41.6px;letter-spacing:-.03em;line-height:1.15;text-align:center;margin:40px 0 24px}
h3{font-size:35.2px;font-weight:700;letter-spacing:-1.056px;line-height:1.15;margin:0 0 16px}
h4{font-size:27px;font-weight:700;letter-spacing:-.03em;margin:0 0 16px}
.small{font-size:17.2px}.tiny{font-size:14px}
.dots{border:0;text-align:center;margin:32px 0}.dots:before{content:'\00B7 \00B7 \00B7';letter-spacing:1em;font-size:24px}
.qui{display:flex;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,3.333vw,64px) 0}
.qui .a{flex-basis:56%;text-align:right}.qui .b{flex-basis:44%}
.shaded{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;margin:24px 0;box-shadow:inset 0 0 0 2px #000;position:relative}
.shaded img{width:272px;height:272px;object-fit:cover}
.shaded .narrow{max-width:760px}
.player{max-width:760px;margin:0 auto 40px}
.player iframe{width:100%;border:0;border-radius:12px}
footer.site{text-align:center;padding:24px 16px 56px}
footer.site .tiny a{margin:0 8px}
@media (max-width:781px){
 body{font-size:17px}
 header.site{padding:32px 16px 16px}
 header.site .logo img{width:260px}
 .cols,.qui{flex-direction:column}
 .cols .a,.cols .b,.qui .a,.qui .b{flex-basis:auto;width:100%}
 .qui .a{text-align:left}
 h2{font-size:32px}h3{font-size:28px}h4{font-size:22px}
 .btns{gap:16px}
}