.hvid{background:var(--roast);padding:clamp(56px,8vw,112px) var(--gutter)}.hvid__in{gap:clamp(24px,3vw,36px);max-width:1180px;margin-inline:auto;display:grid}.hvid__head{text-align:center;justify-items:center;gap:14px;display:grid}.hvid__head .eyebrow{color:var(--champ-2)}.hvid__head .h2{color:#fff}.hvid__frame{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3}.hvid__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hvid__controls{gap:10px;display:flex;position:absolute;bottom:clamp(12px,2vw,22px);left:clamp(12px,2vw,22px)}.hvid__btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;width:48px;height:48px;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);background:#17100a8c;border:1px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hvid__btn:hover{background:var(--champ);border-color:var(--champ);color:var(--roast)}.hvid__btn:focus-visible{outline:2px solid var(--champ);outline-offset:3px}.hvid__btn svg{width:20px;height:20px}@media (width<=760px){.hvid__frame{aspect-ratio:4/3}.hvid__btn{width:44px;height:44px}}