.presentation-section{padding:0 48px;margin-top:76px;margin-bottom:70px;isolation:isolate}
.presentation-section h2{margin:0 0 38px}
.presentation-player{position:relative;isolation:isolate;background:transparent}
.presentation-player:before{content:"";position:absolute;inset:-45px;z-index:-2;background:radial-gradient(ellipse,#dfebfb 15%,#eef4fc80 55%,transparent 75%);pointer-events:none}
.presentation-glow{position:absolute;inset:-3%;width:106%;height:106%;filter:blur(34px);opacity:.65;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse,black 48%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse,black 48%,transparent 77%)}
.presentation-section .presentation-player video{width:100%;aspect-ratio:16/9;border-radius:12px;box-shadow:none;background:#e8f0fc;display:block;position:relative;z-index:0}
.presentation-play{position:absolute;z-index:1;bottom:16%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;padding:16px 23px;border:1px solid #ffffff60;border-radius:50px;background:#12365f;color:#fff;box-shadow:0 8px 26px #16396924;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s}
.presentation-play svg{height:19px;width:19px;fill:currentColor;flex:none}
.presentation-play:hover{background:#255bdb;box-shadow:0 10px 32px #255bdb30}
.presentation-play:focus-visible{outline:3px solid #255bfa;outline-offset:5px}
@media(max-width:700px){.presentation-section{padding:0 24px;margin:54px auto 42px}.presentation-section h2{margin-bottom:26px}.presentation-player:before{inset:-22px}.presentation-glow{filter:blur(20px)}.presentation-play{padding:11px 15px;font-size:12px;gap:8px;bottom:11%}.presentation-play svg{width:15px;height:15px}.presentation-section .presentation-player video{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.presentation-play{transition:none}}
.presentation-glow{mask-image:none;-webkit-mask-image:none}
@media(min-width:701px){.studio .after-hero>.presentation-section{max-width:min(1040px,calc((100svh - 300px)*1.7778 + 96px))!important}}

/* Use an actual transparent CSS blur, not the opaque rectangular canvas surface. */
.presentation-player{--ambient-color:#e8f0fc}
.presentation-glow{display:none!important}
.presentation-player:before{inset:-4px;z-index:-1;border-radius:24px;background:var(--ambient-color);filter:blur(32px);opacity:.78;box-shadow:0 0 48px 10px var(--ambient-color);transition:background-color .45s ease,box-shadow .45s ease;transform:translateZ(0);pointer-events:none}
@media(max-width:700px){.presentation-player:before{inset:0;filter:blur(20px);box-shadow:0 0 25px 5px var(--ambient-color)}}
@media(prefers-reduced-motion:reduce){.presentation-player:before{transition:none}}
/* Feather the pixels of the video itself into the page, rather than shadowing its box. */
.presentation-player:before{display:none}
.presentation-section .presentation-player video{
 border-radius:0;box-shadow:none;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.07) 1%,rgba(0,0,0,.26) 2%,rgba(0,0,0,.5) 3%,rgba(0,0,0,.74) 4%,rgba(0,0,0,.93) 5%,#000 6%,#000 94%,rgba(0,0,0,.93) 95%,rgba(0,0,0,.74) 96%,rgba(0,0,0,.5) 97%,rgba(0,0,0,.26) 98%,rgba(0,0,0,.07) 99%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 1%,rgba(0,0,0,.5) 2%,rgba(0,0,0,.85) 3%,#000 4%,#000 96%,rgba(0,0,0,.85) 97%,rgba(0,0,0,.5) 98%,rgba(0,0,0,.15) 99%,transparent 100%);
 mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.07) 1%,rgba(0,0,0,.26) 2%,rgba(0,0,0,.5) 3%,rgba(0,0,0,.74) 4%,rgba(0,0,0,.93) 5%,#000 6%,#000 94%,rgba(0,0,0,.93) 95%,rgba(0,0,0,.74) 96%,rgba(0,0,0,.5) 97%,rgba(0,0,0,.26) 98%,rgba(0,0,0,.07) 99%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 1%,rgba(0,0,0,.5) 2%,rgba(0,0,0,.85) 3%,#000 4%,#000 96%,rgba(0,0,0,.85) 97%,rgba(0,0,0,.5) 98%,rgba(0,0,0,.15) 99%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
.presentation-section .presentation-player video:fullscreen{-webkit-mask-image:none;mask-image:none}
.presentation-section .presentation-player video:-webkit-full-screen{-webkit-mask-image:none;mask-image:none}