.intro-video-frame{--video-cut:28px;background:var(--ink);padding:10px;clip-path:polygon(var(--video-cut) 0,100% 0,100% calc(100% - var(--video-cut)),calc(100% - var(--video-cut)) 100%,0 100%,0 var(--video-cut));position:relative}
.intro-video-frame:before,.intro-video-frame:after{content:'';position:absolute;z-index:2;background:var(--acid);pointer-events:none}
.intro-video-frame:before{width:90px;height:2px;top:0;left:var(--video-cut)}
.intro-video-frame:after{width:2px;height:90px;right:0;bottom:var(--video-cut)}
.intro-video-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#090a09;clip-path:polygon(calc(var(--video-cut) - 8px) 0,100% 0,100% calc(100% - var(--video-cut) + 8px),calc(100% - var(--video-cut) + 8px) 100%,0 100%,0 calc(var(--video-cut) - 8px))}
.intro-video-media{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:#090a09}
.intro-video-play{position:absolute;inset:0;border:0;padding:28px 28px 30px;background:linear-gradient(180deg,rgba(8,10,8,.02),rgba(8,10,8,.04) 54%,rgba(8,10,8,.72));color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px;font:inherit}
.intro-video-play span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:var(--acid);color:var(--ink);font-size:25px;box-shadow:0 12px 35px rgba(0,0,0,.28);transition:transform .2s ease,background .2s ease}
.intro-video-play strong{position:absolute;left:24px;bottom:30px;width:auto;text-align:left;white-space:nowrap;font-size:11px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.intro-video-play:hover span{transform:scale(1.06);background:#fff}
.intro-video-play:focus-visible{outline:3px solid var(--cyan);outline-offset:-6px}
.intro-video-stage.is-playing .intro-video-play{display:none}
.intro-video-speed{position:absolute;z-index:4;top:18px;right:18px;display:flex;padding:3px;background:rgba(9,10,9,.78);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.intro-video-speed button{min-width:42px;height:34px;padding:0 9px;border:0;background:transparent;color:#fff;font:700 12px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease}
.intro-video-speed button[aria-pressed="true"]{background:var(--acid);color:var(--ink)}
.intro-video-speed button:hover{color:var(--acid)}
.intro-video-speed button[aria-pressed="true"]:hover{color:var(--ink)}
.intro-video-speed button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
.about-portrait{position:relative;width:100%;min-width:0;margin:38px 0 0;aspect-ratio:4/5;overflow:hidden;background:#d9d8d1;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}
.about-portrait:after{content:'';position:absolute;inset:0;border:1px solid rgba(17,19,16,.18);pointer-events:none}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(.9) contrast(1.03)}

@media(max-width:900px) and (min-width:601px){
  .intro-video-play strong{bottom:30px;font-size:9px;letter-spacing:.055em}
}

@media(max-width:600px){
  .intro-video-frame{--video-cut:20px;padding:7px}
  .intro-video-stage{aspect-ratio:16/9}
  .intro-video-media{object-position:50% 50%}
  .intro-video-play span{width:64px;height:64px;font-size:22px}
  .intro-video-play{padding:20px 18px 22px;gap:8px}
  .intro-video-play strong{left:18px;bottom:22px;width:auto;font-size:11px;letter-spacing:.055em}
  .intro-video-speed{top:13px;right:13px}
  .intro-video-speed button{min-width:38px;height:32px;padding:0 7px}
  .about-portrait{margin-top:28px;aspect-ratio:1/1;max-height:none}
  .about-portrait img{object-position:50% 39%}
}

@media(max-width:360px){
  .intro-video-play strong{font-size:9px;letter-spacing:.035em}
}