.case-study-page{min-height:100vh;padding:0 1rem}@media (min-width:640px){.case-study-page{padding:0 1.5rem}}.case-study-page__content{flex-direction:column;gap:1.5rem;max-width:72rem;margin-inline:auto;display:flex}.inline-video{--media-accent-color:var(--inline-video-accent,var(--color-text-secondary));background-color:color-mix(in srgb, var(--color-inverted-surface) 35%, var(--color-inverted-surface));border-radius:.75rem;width:100%;margin-bottom:4.5rem;position:relative;overflow:hidden}.inline-video__frame{background-color:#0a0a09;width:100%;position:relative}.inline-video__lightbox{z-index:3;background-color:color-mix(in srgb, var(--color-inverted-surface) 55%, transparent);width:2.25rem;height:2.25rem;color:var(--color-text-secondary);cursor:pointer;border:1px solid #ffffff2e;border-radius:4px;place-items:center;margin:0;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:grid;position:absolute;bottom:.5rem;right:.5rem}.inline-video__lightbox:hover{color:var(--color-accent-primary);border-color:#ffffff52}.inline-video__lightbox:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.inline-video__player{width:100%;display:block;position:relative}.inline-video .next-video-container{aspect-ratio:inherit}.inline-video__skeleton{z-index:1;background:linear-gradient(110deg,#ffffff0a 0%,#ffffff17 45%,#ffffff0a 90%) 0 0/200% 100%;animation:1.2s ease-in-out infinite inline-video-skeleton;position:absolute;inset:0}.inline-video__caption{text-transform:uppercase;color:var(--color-text-primary);border-top:1px solid var(--color-border-subtle);margin:0;padding:.65rem 1rem;font-size:.75rem}.inline-video-lightbox{z-index:2000;-webkit-backdrop-filter:blur(10px);background-color:#000000c7;place-items:center;padding:clamp(1rem,4vw,2.5rem);display:grid;position:fixed;inset:0}.inline-video-lightbox__panel{background-color:#0a0a09;border-radius:8px;flex-direction:column;width:min(92vw,72rem);max-height:min(88dvh,56rem);display:flex;overflow:hidden;box-shadow:0 24px 80px #0000008c}.inline-video-lightbox__chrome{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .65rem .65rem 1rem;display:flex}.inline-video-lightbox__title{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;min-width:0;color:var(--color-inverted-text-primary);margin:0;font-size:.75rem;overflow:hidden}.inline-video-lightbox__title--placeholder{flex:1}.inline-video-lightbox__close{background-color:color-mix(in srgb, var(--color-inverted-surface) 45%, transparent);width:2.25rem;height:2.25rem;color:var(--color-inverted-text-secondary);cursor:pointer;border:1px solid #ffffff2e;border-radius:4px;flex-shrink:0;place-items:center;margin:0;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:grid}.inline-video-lightbox__close:hover{color:var(--color-accent-primary);border-color:#ffffff47}.inline-video-lightbox__close:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.inline-video-lightbox__stage{flex:1;width:100%;min-height:0;position:relative}.inline-video-lightbox__stage .next-video-container{aspect-ratio:16/9;max-height:min(80dvh,52rem)}@keyframes inline-video-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}
.case-study-hero{--case-study-hero-margin:1rem}@media (min-width:640px){.case-study-hero{--case-study-hero-margin:1.5rem}}.case-study-hero{--site-var-height:calc(4rem + var(--case-study-hero-margin) + 1rem);margin:var(--site-var-height) 0;height:calc(100svh - var(--site-var-height) - var(--case-study-hero-margin));background-color:var(--color-inverted-surface);border-radius:1.5rem;grid-template-rows:1fr auto;grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.case-study-hero__stage-bg{z-index:0;grid-area:1/1/3/2;width:100%;height:100%;position:relative;overflow:hidden}.case-study-hero__scrim{z-index:1;pointer-events:none;background:linear-gradient(#0000 35%,#0000009e 100%);grid-area:1/1/3/2;width:100%;height:100%;position:relative}.case-study-hero__frame{z-index:2;flex-direction:column;flex:1;grid-area:1/1/2/2;display:flex;position:relative}.case-study-hero__frame-title{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;padding:1.5rem;display:flex}.case-study-hero__frame-title-heading{color:var(--color-text-primary-inverted);text-transform:uppercase;font-size:clamp(3rem,12vw,15rem);font-weight:700;line-height:.9}.case-study-hero__frame-rail{box-sizing:border-box;cursor:default;border-top:1px solid var(--color-border-subtle);background-color:color-mix(in srgb, var(--color-inverted-surface) 40%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex:none;justify-content:flex-start;align-items:center;padding:1.5rem;display:flex;position:relative}.case-study-hero__frame-rail-text{color:var(--color-inverted-text-secondary);font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--font-size-xsm);font-weight:500}