/* Everywhere Dog Workshop native player — premium editorial presentation, manual playback only. */
#video .video-shell{position:relative;overflow:hidden;padding:10px;border:1px solid rgba(221,235,245,.26);border-radius:24px;background:linear-gradient(145deg,#173f63 0%,#0b2743 45%,#071b30 100%);box-shadow:0 28px 70px rgba(2,13,26,.38),inset 0 1px 0 rgba(255,255,255,.12)}
#video .workshop-video-frame{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#061626;box-shadow:0 18px 40px rgba(0,0,0,.32)}
#video .workshop-video{display:block;width:100%;height:100%;margin:0;border-radius:inherit;background:#061626;object-fit:contain}
#video .workshop-video:focus-visible{outline:3px solid #ff9c56;outline-offset:-3px}
#video .workshop-video-frame::after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(5,20,35,.80) 0%,rgba(5,20,35,.24) 48%,rgba(5,20,35,.08) 100%),linear-gradient(0deg,rgba(4,17,30,.54),transparent 52%);transition:opacity .35s ease}
#video .video-identity{position:absolute;z-index:2;top:clamp(15px,2.4vw,29px);left:clamp(15px,2.5vw,31px);display:flex;align-items:center;gap:9px;color:#fff;font-size:clamp(9px,1vw,12px);font-weight:900;letter-spacing:.12em;line-height:1.1;text-transform:uppercase;transition:opacity .28s ease,transform .28s ease}
#video .video-identity::before{width:26px;height:3px;content:"";background:#f66c28;box-shadow:0 0 14px rgba(246,108,40,.7)}
#video .video-launch{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:32px;background:transparent;border:0;color:#fff;cursor:pointer;transition:opacity .34s ease,transform .34s ease}
#video .video-launch:focus-visible{outline:3px solid #ffaf75;outline-offset:-8px}
#video .video-launch__card{display:flex;align-items:center;gap:15px;padding:13px 21px 13px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,24,42,.76);box-shadow:0 12px 34px rgba(0,0,0,.32);backdrop-filter:blur(8px);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
#video .video-launch:hover .video-launch__card{transform:translateY(-2px);background:rgba(5,24,42,.9);box-shadow:0 17px 38px rgba(0,0,0,.42)}
#video .video-launch__icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;padding-left:3px;border-radius:50%;background:#f66c28;box-shadow:0 6px 18px rgba(246,108,40,.45);color:#082039;font-size:16px}
#video .video-launch__copy{display:grid;gap:3px;text-align:left}
#video .video-launch__copy strong{color:#fff;font-size:clamp(11px,1.15vw,14px);font-weight:900;letter-spacing:.055em;line-height:1.1;text-transform:uppercase}
#video .video-launch__copy span{color:#ffcbab;font-size:9px;font-weight:800;letter-spacing:.13em;line-height:1.1;text-transform:uppercase}
#video .workshop-video-frame.is-started::after,#video .workshop-video-frame.is-started .video-identity,#video .workshop-video-frame.is-started .video-launch{opacity:0;pointer-events:none}
#video .workshop-video-frame.is-started .video-identity{transform:translateY(-8px)}
#video .workshop-video-frame.is-started .video-launch{transform:scale(.98)}
#video .video-details{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:4px 3px 1px;border:0;background:transparent}
#video .video-details span{padding:7px 9px;border:1px solid rgba(210,229,242,.18);border-radius:999px;background:rgba(255,255,255,.055);color:#d8e7f1;font-size:9px;font-weight:850;letter-spacing:.015em;line-height:1;transition:border-color .2s ease,background .2s ease}
#video .video-details span:hover{border-color:rgba(255,171,112,.55);background:rgba(246,108,40,.10)}
@media (max-width:760px){
  #video .video-shell{padding:7px;border-radius:17px;box-shadow:0 20px 45px rgba(3,14,26,.32)}
  #video .workshop-video-frame{border-radius:12px}
  #video .video-launch{padding:16px}
  #video .video-launch__card{gap:11px;padding:10px 15px 10px 10px}
  #video .video-launch__icon{width:40px;height:40px;font-size:13px}
  #video .video-launch__copy strong{font-size:10px}
  #video .video-launch__copy span{font-size:7px}
  #video .video-details{gap:5px;margin-top:8px;padding:2px 1px 0}
  #video .video-details span{padding:5px 6px;font-size:7px}
}
@media (prefers-reduced-motion:reduce){
  #video .workshop-video-frame::after,#video .video-identity,#video .video-launch,#video .video-launch__card,#video .video-details span{transition:none}
}
