.cp-section{padding-top:40px}.cp-shell{max-width:min(calc(100% - var(--site-pad) * 2), 1120px)}.cp-viewer{gap:1.15rem;display:grid}.cp-stage{border-radius:14px;outline:none;position:relative}.cp-frame{background-color:#0b1422;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ced5e024;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000075,inset 0 1px #ffffff0f}.cp-slide{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.cp-slide.is-current{opacity:1}.cp-turn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:clamp(56px,9%,104px);padding:0 clamp(10px,2.4vw,30px);display:grid;position:absolute;top:0;bottom:0}.cp-turn-prev{justify-items:start;left:0}.cp-turn-next{justify-items:end;right:0}.cp-turn:disabled{cursor:default}.cp-turn-mark{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:linear-gradient(145deg,#e37b3af2,#d7633780),#0e1728b8;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:clamp(38px,4.4vw,52px);height:clamp(38px,4.4vw,52px);transition:opacity .22s,transform .22s;display:grid;transform:scale(.9);box-shadow:0 18px 44px #0006}.cp-turn:hover .cp-turn-mark,.cp-turn:focus-visible .cp-turn-mark,.cp-stage:hover .cp-turn:not(:disabled) .cp-turn-mark{opacity:1;transform:scale(1)}.cp-turn:disabled .cp-turn-mark{opacity:0!important}.cp-turn:focus-visible .cp-turn-mark{outline:2px solid var(--blu-ocean);outline-offset:3px}.cp-turn-mark svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}.cp-tools{align-items:center;gap:8px;display:flex}.cp-tool{color:#ced5e0db;min-height:44px;font:inherit;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ced5e02e;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:.68rem;font-weight:700;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.cp-tool:hover,.cp-tool:focus-visible{color:#fff;background:#e37b3a1a;border-color:#e37b3a99}.cp-tool[aria-pressed=true]{color:#fff;background:#e37b3a29;border-color:#e37b3ab3}.cp-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}@media (hover:none){.cp-turn-mark{opacity:1;transform:scale(1)}}.cp-viewer:fullscreen,.cp-viewer.is-expanded{background:#08101c;padding:0;display:block}.cp-viewer.is-expanded{z-index:1200;position:fixed;inset:0}.cp-viewer:fullscreen .cp-stage,.cp-viewer.is-expanded .cp-stage{place-items:center;width:100%;height:100dvh;padding:clamp(8px,2vh,26px);display:grid}.cp-viewer:fullscreen .cp-frame,.cp-viewer.is-expanded .cp-frame{border-radius:10px;width:min(100%,177.778dvh - 56.8889px);max-height:calc(100dvh - 32px)}.cp-viewer:fullscreen .cp-bar,.cp-viewer.is-expanded .cp-bar{z-index:3;background:linear-gradient(#0000,#040911d1 46%);padding:26px clamp(14px,3vw,34px) clamp(14px,2.4vh,24px);position:absolute;bottom:0;left:0;right:0}.cp-viewer.is-idle .cp-bar,.cp-viewer.is-idle .cp-turn-mark{opacity:0;pointer-events:none;transition:opacity .4s}:is(.cp-viewer.is-idle:has(:focus-visible) .cp-bar,.cp-viewer.is-idle:has(:focus-visible) .cp-turn-mark){opacity:1;pointer-events:auto}.cp-viewer.is-idle .cp-stage{cursor:none}body.cp-is-expanded{overflow:hidden}.cp-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(14px,2.4vw,28px);display:grid}.cp-count{letter-spacing:.16em;color:#ced5e080;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin:0;font-size:.78rem;font-weight:700;display:flex}.cp-count strong{color:var(--blu-ocean);font-size:1.06rem;font-weight:800}.cp-count span{opacity:.4}.cp-rail{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cp-rail li{flex:1 1 0;min-width:0}.cp-seg{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:22px;padding:9px 0;display:block;position:relative}.cp-seg:before{content:"";background:#ced5e029;border-radius:99px;height:4px;transition:background .22s,transform .22s;display:block}.cp-seg.is-read:before{background:#e37b3a6b}.cp-seg.is-current:before{background:var(--blu-accent-gradient);transform:scaleY(1.75)}.cp-seg:hover:before{background:#e37b3ab8}.cp-seg:focus-visible{outline:2px solid var(--blu-ocean);outline-offset:3px;border-radius:4px}.cp-seg-tip{z-index:5;color:#fff;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;background:#09111ef5;border:1px solid #ced5e029;border-radius:6px;padding:5px 10px;font-size:.66rem;font-weight:700;transition:opacity .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.cp-seg:hover .cp-seg-tip,.cp-seg:focus-visible .cp-seg-tip{opacity:1}@media (min-width:768px) and (max-width:1024px){.cp-count{font-size:clamp(.72rem,1.5vw,.9rem)}.cp-count strong{font-size:clamp(1rem,2.1vw,1.24rem)}.cp-seg-tip{font-size:clamp(.64rem,1.3vw,.78rem)}.cp-tool{font-size:clamp(.62rem,1.3vw,.76rem)}}@media (max-width:767.98px){.cp-viewer{gap:.9rem}.cp-bar{grid-template-columns:auto auto;justify-content:space-between;row-gap:.9rem}.cp-rail{order:3;grid-column:1/-1;gap:3px}.cp-count{font-size:.68rem}.cp-count strong{font-size:.95rem}.cp-tool{letter-spacing:.06em;padding:0 11px;font-size:.6rem}.cp-tool span{display:none}.cp-tool{padding:0 13px}.cp-frame{border-radius:10px}.cp-seg-tip{display:none}}@media (prefers-reduced-motion:reduce){.cp-slide,.cp-turn-mark,.cp-tool,.cp-seg:before,.cp-seg-tip{transition:none}.cp-seg.is-current:before{transform:none}}@media (orientation:landscape) and (max-height:560px){.cp-page .page-hero{display:none}.cp-section{padding-top:calc(var(--nav-h) + 8px);padding-bottom:10px}.cp-shell{width:100%;max-width:100%}.cp-viewer{gap:.5rem}.cp-frame{max-height:calc(100dvh - var(--nav-h) - 74px);border-left:0;border-right:0;border-radius:0;margin-inline:auto}.cp-bar{padding-inline:var(--site-pad)}.cp-count{font-size:.62rem}.cp-count strong{font-size:.86rem}.cp-tool{min-height:38px;padding:0 11px}.cp-tool span{display:none}}
