.showreel-trigger{cursor:pointer}.showreel-trigger:focus-visible{outline:3px solid #42208f;outline-offset:5px}.showreel-trigger:after{position:absolute;bottom:15px;left:17px;z-index:9;padding:7px 10px;border:1px solid rgba(22,22,22,.15);border-radius:99px;background:rgba(255,255,255,.7);font:500 8px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;content:'Play showreel';opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.showreel-trigger:hover:after,.showreel-trigger:focus-visible:after{opacity:1;transform:translateY(0)}.showreel-modal{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:24px;background:rgba(12,10,16,.95);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .25s ease}.showreel-modal.is-open{opacity:1;pointer-events:auto}.showreel-frame{width:min(1200px,100%);opacity:0;transform:scale(.97);transition:transform .28s ease,opacity .28s ease}.showreel-modal.is-open .showreel-frame{opacity:1;transform:scale(1)}.showreel-media-shell{overflow:hidden;border:1px solid rgba(247,242,255,.42);border-radius:16px;background:#090612;box-shadow:0 30px 85px rgba(0,0,0,.52)}.showreel-media-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:54px;padding:0 13px 0 17px;border-bottom:1px solid rgba(247,242,255,.2);background:linear-gradient(90deg,#3d277a,#16102e);color:#f7f2ff;font:500 10px/1 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.showreel-media-header>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showreel-resolution{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid rgba(216,255,97,.72);border-radius:99px;background:rgba(216,255,97,.12);color:#d8ff61;font:700 10px/1 Manrope,Arial,sans-serif;letter-spacing:.01em;text-transform:none;pointer-events:none;white-space:nowrap}.showreel-frame iframe{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 150px);border:0;background:#000}.showreel-close{position:static;display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0!important;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font:300 26px/1 Arial,sans-serif;line-height:1!important;cursor:pointer}.showreel-close:hover,.showreel-close:focus-visible{border-color:#d8ff61;background:#d8ff61;color:#171423;outline:0}@media(max-width:760px){.showreel-modal{padding:18px 12px}.showreel-media-shell{border-radius:12px}.showreel-media-header{gap:7px;min-height:48px;padding:0 9px 0 12px;font-size:9px}.showreel-resolution{min-height:28px;padding:0 8px;font-size:9px}.showreel-close{width:30px;height:30px;min-width:30px;font-size:24px}.showreel-frame iframe{max-height:calc(100vh - 136px)}.showreel-trigger:after{opacity:1;transform:none}}