.social-hero{height:calc(900*var(--u));overflow:hidden;background:#000}
.social-hero__yt{position:absolute;left:50%;top:50%;width:max(100%,calc(900*var(--u)*16/9));height:max(100%,calc(100vw*9/16));transform:translate(-50%,-50%);border:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity .8s}
.social-hero__yt.is-ready{opacity:1}
.rule{border:0;border-top:1px solid rgba(255,255,255,.55);margin:0;height:0}
.abs.rule{width:calc(var(--w)*var(--u))}
.phone{object-fit:contain}
.brand{object-fit:cover}
em{font-style:italic}
.vthumb{padding:0;border:0;background:#000;cursor:pointer;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.45)}
.vthumb img{width:100%;height:100%;object-fit:cover}
.vthumb::after{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(0,0,0,.55)}
.vthumb::before{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -7px;border-left:19px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;z-index:1}
.vthumb:hover::after{background:rgba(0,0,0,.8)}
.lightbox--video .lightbox__frame{width:min(92vw,960px);aspect-ratio:16/9;max-height:86vh}
.lightbox--video .lightbox__frame.is-portrait{aspect-ratio:9/16;width:auto;height:min(86vh,900px)}
.lightbox--video iframe{width:100%;height:100%;border:0}
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:20px}
.lightbox[hidden]{display:none}
.lightbox__close{position:absolute;right:16px;top:8px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}
@media (max-width:799px){
  .social-hero{height:calc(100vw*1.2)}
  .social-hero__yt{width:max(100%,calc(100vw*1.2*16/9));height:calc(100vw*1.2)}
  .phone{width:min(60%,260px);height:auto!important;margin:24px auto}
  .brand{width:min(70%,260px);height:auto!important;margin:12px auto}
  .vthumb{display:inline-block;position:relative;width:30%!important;height:auto!important;aspect-ratio:4/5;margin:6px 1%}
  .rule{margin:24px 0}
}
@media (max-width:799px){
  .phone,.brand,.vthumb{height:calc(var(--mah)*var(--u))!important}
  .phone,.brand{margin:0;object-fit:contain}
  .brand{object-fit:cover}
  .vthumb{display:block;position:absolute;margin:0;aspect-ratio:auto}
  .vthumb::after{width:calc(56*var(--u));height:calc(56*var(--u));margin:calc(-28*var(--u)) 0 0 calc(-28*var(--u))}
  .rule{margin:0}
  .abs.rule{width:calc(var(--mw)*var(--u))}
  .social-hero{height:calc(844*var(--u))}
  .social-hero__yt{width:max(100%,calc(844*var(--u)*16/9));height:calc(844*var(--u))}
}