.mk-phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.25rem,2.4vw,2.25rem);max-width:1226px;margin-inline:auto}@media(max-width:900px){.mk-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1.1rem;max-width:520px}}.mk-phone{--mk-phone-bezel: clamp(6px, .9vw, 10px);--mk-phone-radius: clamp(26px, 3vw, 38px);margin:0;text-align:center}.mk-phone__frame{position:relative;padding:var(--mk-phone-bezel);border-radius:var(--mk-phone-radius);background:var(--wp--preset--color--ink);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--wp--preset--color--ink) 70%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent)}.mk-phone__frame:before{content:"";position:absolute;z-index:2;top:calc(var(--mk-phone-bezel) + .55rem);left:0;right:0;width:26%;height:clamp(6px,.8vw,9px);margin-inline:auto;border-radius:999px;background:var(--wp--preset--color--ink);pointer-events:none}.mk-phone__frame .wp-block-video{position:relative;margin:0;aspect-ratio:9 / 16;overflow:hidden;border-radius:calc(var(--mk-phone-radius) - var(--mk-phone-bezel));background:var(--wp--preset--color--ink)}.mk-phone__frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.mk-phone--wide .mk-phone__frame video{object-fit:contain}.mk-phone__name{margin:1rem 0 0;line-height:1.25;letter-spacing:.02em;color:inherit}.mk-phone__role{margin:.25rem 0 0;line-height:1.4;opacity:.78;color:inherit}.mk-clip{margin:0;overflow:hidden}.mk-clip video{display:block;width:100%;height:100%;object-fit:cover}.mk-sound,.mk-pause{position:absolute;z-index:3;right:.6rem;bottom:.6rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--ink) 62%,transparent);color:var(--wp--preset--color--white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(pointer:coarse){.mk-sound,.mk-pause{width:2.9rem;height:2.9rem}}.mk-sound svg,.mk-pause svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mk-sound__on,.mk-pause__on{display:none}.mk-sound[aria-pressed=true] .mk-sound__on,.mk-pause[aria-pressed=true] .mk-pause__on{display:block}.mk-sound[aria-pressed=true] .mk-sound__off,.mk-pause[aria-pressed=true] .mk-pause__off{display:none}.mk-pause{right:3.4rem}@media(pointer:coarse){.mk-pause{right:4.2rem}}.mk-pause .mk-pause__on{fill:currentColor}.mk-sound:focus-visible,.mk-pause:focus-visible{outline:2px solid var(--wp--preset--color--white);outline-offset:2px}html.mk-motion .mk-sound,html.mk-motion .mk-pause{transition:background-color .2s ease,scale .2s var(--tce-ease)}@media(hover:hover){html.mk-motion .mk-sound:hover,html.mk-motion .mk-pause:hover{background:color-mix(in srgb,var(--wp--preset--color--ink) 82%,transparent);scale:1.1}}html.mk-motion .mk-sound:active,html.mk-motion .mk-pause:active{scale:.92}
