/* v13 — Match Lobby spacing; OriginKit radial feedback. Scoped to corporate pages. */
#zp-corporate .cg4-example-gallery.cg12-fan-ready{position:relative;isolation:isolate;background:#0c1018;color:#f3f5f8;border:0;margin-top:112px;padding:72px 32px 48px;overflow:hidden}
#zp-corporate .cg12-fan-ready h3{position:relative;text-align:center;color:#f3f5f8;font-size:clamp(32px,3.4vw,48px);line-height:1.12;margin:0 auto 32px;max-width:24ch}
#zp-corporate .cg12-fan-ready .cg12-fan-viewport{position:relative;z-index:1;overflow:hidden;padding:32px 0 8px;--fan-shift:clamp(240px,27vw,370px);perspective:1600px}
#zp-corporate .cg12-fan-ready .cg4-example-grid{height:594px;margin:0;transform-style:flat}
#zp-corporate .cg12-fan-ready .cg4-example-grid article{--cg13-scale:.68;--cg13-y:48px;--cg13-z:-80px;left:50%;top:8px;width:340px;padding:0 0 28px;background:#171d28;color:#f3f5f8;border:1px solid #4b5565;border-radius:4px;overflow:hidden;transform-origin:center;opacity:.8;transform:translateX(-50%) translateX(calc(var(--fan-distance) * var(--fan-shift))) translateY(var(--cg13-y)) scale(var(--cg13-scale));transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),border-color .25s ease}
#zp-corporate .cg12-fan-ready .cg4-example-grid article[data-active=true]{--cg13-scale:1;--cg13-y:0px;--cg13-z:0px;opacity:1;border-color:#a4afc0}
#zp-corporate .cg12-fan-ready .cg4-example-grid article:hover{transform:translateX(-50%) translateX(calc(var(--fan-distance) * var(--fan-shift))) translateY(var(--cg13-y)) scale(var(--cg13-scale))}
#zp-corporate .cg12-fan-ready .cg4-example-grid .cg4-photo{margin:0}
#zp-corporate .cg12-fan-ready .cg4-example-grid .cg4-photo-slot{aspect-ratio:4/5;min-height:0;padding:24px;background:#242c39;color:#e4e9f1;border:0;border-radius:0}
#zp-corporate .cg12-fan-ready .cg4-photo-slot>span{color:#b9c3d1}
#zp-corporate .cg12-fan-ready .cg4-photo-slot svg{color:#b9c3d1}
#zp-corporate .cg12-fan-ready .cg4-example-grid h4{color:#f3f5f8;font-size:29px;line-height:1.15;margin:24px 24px 12px}
#zp-corporate .cg12-fan-ready .cg4-example-grid p{color:#c5cedc;font-size:18px;line-height:1.45;margin:0 24px;min-height:2.9em}
#zp-corporate .cg12-fan-ready .cg12-fan-controls{position:relative;z-index:1;gap:32px;margin-top:8px}
#zp-corporate .cg12-fan-ready .cg12-fan-controls button{width:56px;height:56px;color:#f3f5f8;border-color:#667184;background:transparent}
#zp-corporate .cg12-fan-ready .cg12-fan-controls button:hover{background:#f3f5f8;color:#0c1018;border-color:#f3f5f8}
#zp-corporate .cg12-fan-ready .cg12-fan-controls button:focus-visible,#zp-corporate .cg12-fan-ready .cg12-fan-select:focus-visible{outline:2px solid #dfe7f2;outline-offset:-5px}
#zp-corporate .cg12-fan-ready .cg12-fan-status{color:#f3f5f8;font-size:19px;min-width:166px}
#zp-corporate .cg12-fan-ready .cg12-fan-note{position:relative;z-index:1;color:#c5cedc;font-size:17px;margin-top:24px;max-width:48ch}
/* Keep one stationary label. The material responds; the words never roll. */
#zp-corporate .cg12-roll{overflow:visible;display:inline;line-height:inherit}
#zp-corporate [data-cg12-roll] .cg12-roll>span:first-child,#zp-corporate .cg11-post>a .cg12-roll>span:first-child{transform:none!important;transition:none!important}
#zp-corporate .cg12-roll>span:nth-child(2){display:none!important}
#zp-corporate .cg13-action{position:relative;isolation:isolate;overflow:hidden;--cg13-fill:#573373;--cg13-light:#e2e6ed;--cg13-x:50%;--cg13-y:50%}
#zp-corporate .cg13-action::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--cg13-fill);clip-path:circle(0% at var(--cg13-x) var(--cg13-y));transition:clip-path .48s cubic-bezier(.16,1,.3,1)}
#zp-corporate .cg2-hero .cg13-action,#zp-corporate .cg2-final .cg13-action,#zp-corporate .cg12-closing .cg13-action{--cg13-fill:#dce2ec}
#zp-corporate .cg12-blog-button.cg13-action{background:#3b135c;color:#fff;border-color:#3b135c}
#zp-corporate .cg13-action:focus-visible::before{clip-path:circle(150% at var(--cg13-x) var(--cg13-y))}
#zp-corporate .cg13-action:active{filter:brightness(.94)}
#zp-corporate .cg13-action>svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
#zp-corporate .cg13-link-action{position:relative;text-decoration:none!important;--cg13-line:currentColor}
#zp-corporate .cg13-link-action::after{content:"";position:absolute;bottom:7px;left:0;width:calc(100% - 40px);height:1px;background:var(--cg13-line);transform:scaleX(.35);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
#zp-corporate .cg13-link-action:focus-visible::after{transform:scaleX(1)}
#zp-corporate .cg13-link-action:focus-visible>svg{transform:translateX(4px)}
@media(hover:hover){
 #zp-corporate .cg13-action:hover::before{clip-path:circle(150% at var(--cg13-x) var(--cg13-y))}
 #zp-corporate .cg2-button.cg13-action:hover{background:#3b135c;border-color:#3b135c}
 #zp-corporate .cg2-hero .cg2-button.cg13-action:hover,#zp-corporate .cg2-final .cg2-button.cg13-action:hover,#zp-corporate .cg12-closing .cg2-button.cg13-action:hover{background:#f6f6f6;border-color:#f6f6f6;color:#262626}
 #zp-corporate .cg13-link-action:hover::after,#zp-corporate .cg11-post>a:hover .cg13-link-action::after{transform:scaleX(1)}
 #zp-corporate .cg13-link-action:hover>svg,#zp-corporate .cg11-post>a:hover .cg13-link-action>svg{transform:translateX(4px)}
}
@media(max-width:1000px){#zp-corporate .cg4-example-gallery.cg12-fan-ready{padding-inline:20px}#zp-corporate .cg12-fan-ready .cg12-fan-viewport{--fan-shift:clamp(216px,30vw,300px)}}
@media(max-width:767px){
 #zp-corporate .cg4-example-gallery.cg12-fan-ready{margin-top:64px;padding:48px 12px 36px}
 #zp-corporate .cg12-fan-ready h3{font-size:32px;margin-bottom:16px;max-width:20ch;padding-inline:8px}
 #zp-corporate .cg12-fan-ready .cg12-fan-viewport{--fan-shift:clamp(176px,49vw,240px);padding-top:24px}
 #zp-corporate .cg12-fan-ready .cg4-example-grid{height:490px}
 #zp-corporate .cg12-fan-ready .cg4-example-grid article{width:min(280px,calc(100% - 32px));--cg13-y:38px;--cg13-z:-40px;--cg13-scale:.7;padding-bottom:24px}
 #zp-corporate .cg12-fan-ready .cg4-example-grid article[data-active=true]{--cg13-y:0px;--cg13-z:0px;--cg13-scale:1}
 #zp-corporate .cg12-fan-ready .cg4-example-grid .cg4-photo-slot{padding:20px}
 #zp-corporate .cg12-fan-ready .cg4-photo-slot strong{font-size:21px}
 #zp-corporate .cg12-fan-ready .cg4-example-grid h4{font-size:26px;margin:20px 18px 10px}
 #zp-corporate .cg12-fan-ready .cg4-example-grid p{font-size:17px;margin-inline:18px}
 #zp-corporate .cg12-fan-ready .cg12-fan-controls{gap:16px;margin-top:0}
 #zp-corporate .cg12-fan-ready .cg12-fan-controls button{width:48px;height:48px;flex:none}
 #zp-corporate .cg12-fan-ready .cg12-fan-status{font-size:17px;min-width:130px}
 #zp-corporate .cg12-fan-ready .cg12-fan-note{font-size:16px;padding-inline:12px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
 #zp-corporate .cg12-fan-ready .cg4-example-grid article,#zp-corporate .cg13-action::before,#zp-corporate .cg13-link-action::after,#zp-corporate .cg13-action>svg,#zp-corporate .cg13-link-action>svg{transition:none}
 #zp-corporate .cg13-link-action>svg{transform:none!important}
}

