.playbook-section{--playbook-gutter:clamp(1rem,3vw,2rem);--playbook-gap:clamp(10px,5vw,48px);--playbook-offset:0}@media (max-width:640px){.playbook-section{--playbook-offset:-1}}.playbook-scroll-area{min-height:100vh}.playbook-content{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.playbook-grid{width:min(1600px,calc(100% - 2*var(--playbook-gutter)));max-width:calc(100% - 2*var(--playbook-gutter));gap:var(--playbook-gap);grid-template-rows:repeat(3,auto);grid-template-columns:repeat(5,1fr);align-content:center;margin:0 auto;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.playbook-grid{grid-template-columns:repeat(3,1fr)}.playbook-grid .playbook-layer:first-of-type{display:none}}.playbook-layer{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;display:grid}.playbook-layer:first-of-type .playbook-cell:nth-child(odd){grid-column:1}.playbook-layer:first-of-type .playbook-cell:nth-child(2n){grid-column:-2}.playbook-layer:nth-of-type(2) .playbook-cell:nth-child(odd){grid-column:calc(2 + var(--playbook-offset))}.playbook-layer:nth-of-type(2) .playbook-cell:nth-child(2n){grid-column:calc(-3 - var(--playbook-offset))}.playbook-layer:nth-of-type(3) .playbook-cell{grid-column:calc(3 + var(--playbook-offset))}.playbook-layer:nth-of-type(3) .playbook-cell:last-child{grid-row:2/-1}.playbook-scaler-wrap{grid-area:2/calc(3 + var(--playbook-offset));z-index:2;isolation:isolate;position:relative}.playbook-scaler-wrap img{-o-object-fit:cover;object-fit:cover;border-radius:1rem;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playbook-scaler-caption{color:#f8f8f8;z-index:3;pointer-events:none;background:linear-gradient(#0000,#050505f2);border-radius:0 0 1rem 1rem;flex-direction:column;gap:.15rem;padding:1rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.playbook-scaler-caption span:first-child{color:#cf0}.playbook-cell{border-radius:1rem;overflow:hidden}.playbook-cell img{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;border-radius:1rem;width:100%;display:block}@keyframes playbook-fade{0%,55%{opacity:0}to{opacity:1}}@keyframes playbook-reveal{0%,30%{scale:0}to{scale:1}}@keyframes playbook-scale-x{0%,10%{width:calc(100vw - 2*var(--playbook-gutter))}to{width:100%}}@keyframes playbook-scale-y{0%,10%{height:calc(100vh - 2*var(--playbook-gutter))}to{height:100%}}.playbook-runner{view-timeline:--playbook-runner block}@media (prefers-reduced-motion:no-preference){.playbook-section[data-enhanced=true] .playbook-scroll-area{min-height:220vh}@supports (animation-timeline:view()) and (animation-range:0 100%){.playbook-section[data-enhanced=true] .playbook-scroll-area{view-timeline:--playbook-runner block}.playbook-section[data-enhanced=true][data-center=true] .playbook-scaler-wrap img{animation:linear both playbook-scale-x,linear both playbook-scale-y;animation-timeline:--playbook-runner,--playbook-runner;animation-range:entry 100% exit -20%,entry 100% exit -20%}.playbook-section[data-enhanced=true][data-layers=true] .playbook-layer{animation:ease-out both playbook-fade,ease-out both playbook-reveal;animation-timeline:--playbook-runner,--playbook-runner;animation-range:entry 100% exit 0%,entry 100% exit 0%}.playbook-section[data-enhanced=true][data-layers=true][data-stagger=range] .playbook-layer:first-of-type{animation-range:entry 100% exit 0%,entry 100% exit 0%}.playbook-section[data-enhanced=true][data-layers=true][data-stagger=range] .playbook-layer:nth-of-type(2){animation-range:entry 100% exit -10%,entry 100% exit -10%}.playbook-section[data-enhanced=true][data-layers=true][data-stagger=range] .playbook-layer:nth-of-type(3){animation-range:entry 100% exit -20%,entry 100% exit -20%}}}