/* Photographic media panels. Only inner-page components use the in-media prefix. */
.in-media{--in-media-radius:24px;position:relative;isolation:isolate;display:block;width:100%;min-width:0;margin:0;overflow:hidden;border-radius:var(--in-media-radius);background:#d7d7d2;aspect-ratio:3/2;line-height:1.5;color:#fff;box-shadow:0 22px 65px #15151512;text-align:left}
.in-media *{box-sizing:border-box}
.in-media.in-art{margin:0;line-height:1.5}
.in-media.in-media-individual .in-media-shade{background:linear-gradient(180deg,transparent 58%,#09090965)}
.in-media-service-label{position:absolute;left:20px;bottom:18px;max-width:calc(100% - 40px);margin:0;padding:7px 11px;border:1px solid #ffffff42;border-radius:8px;background:#171717b8;color:#fff;font-size:11px;font-weight:500;line-height:1.5;backdrop-filter:blur(9px);text-wrap:balance}
.in-media-card .in-media-service-label{left:15px;bottom:14px;max-width:calc(100% - 30px);padding:6px 9px;font-size:10px}
.in-media-picture{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-3}
.in-media-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.in-media-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#12121224 0%,transparent 32%,#11111145 100%)}
.in-media-kicker{position:absolute;top:23px;left:23px;max-width:calc(100% - 46px);display:flex;align-items:center;gap:10px;padding:8px 13px 8px 9px;border:1px solid #ffffff45;border-radius:50px;background:#202020b3;backdrop-filter:blur(15px);font-size:10px;letter-spacing:.025em;font-weight:500;line-height:1.4;color:#fff}
.in-media-mark{position:relative;display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#ffffff14}
.in-media-mark>svg{position:static;display:block;max-width:none;width:17px;height:17px}
.in-media-caption{position:absolute;left:25px;bottom:25px;display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;font-weight:500;color:#fff;max-width:37%;text-shadow:0 1px 9px #0006}
.in-media-caption-line{display:block;width:23px;height:1px;flex:none;background:#fff;opacity:.8}
.in-media-console{position:absolute;right:22px;bottom:22px;width:56%;max-width:350px;min-width:180px;background:#fffffff2;border:1px solid #ffffffb3;box-shadow:0 17px 42px #00000026,inset 0 1px #fff;border-radius:14px;color:#242424;backdrop-filter:blur(16px);overflow:hidden;transform-origin:center;animation:in-float 7s ease-in-out infinite}
.in-media-console-top{display:flex;align-items:center;gap:7px;padding:12px 14px 9px;color:#666660;font-size:8px;letter-spacing:.02em;line-height:1.3;border-bottom:1px solid #d9d9d64a;white-space:nowrap;overflow:hidden}
.in-media-console-top>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}
.in-media-console-dot{width:5px;height:5px;background:#3b3b37;border-radius:50%;flex:none}
.in-media-console-corner{margin-left:auto;font-size:13px;line-height:1;flex:none;color:#333}
.in-media-graphic{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible;aspect-ratio:32/19}
.in-media-orbit{position:absolute;inset:13px;z-index:-1;border:1px solid #ffffff22;border-radius:calc(var(--in-media-radius) - 10px);pointer-events:none}
.in-media-card{--in-media-radius:14px;aspect-ratio:16/10;box-shadow:none}
.in-media-card .in-media-kicker{top:14px;left:14px;padding:5px 10px 5px 6px;gap:7px;font-size:8px;max-width:calc(100% - 28px)}
.in-media-card .in-media-mark{width:21px;height:21px}
.in-media-card .in-media-mark>svg{width:14px;height:14px}
.in-media-card .in-media-console{right:14px;bottom:14px;width:48%;min-width:140px;max-width:240px;border-radius:10px}
.in-media-card .in-media-console-top{padding:8px 10px 6px;font-size:7px}
.in-media-card .in-media-caption{left:16px;bottom:18px;font-size:8px;gap:6px;max-width:39%}
.in-media-card .in-media-caption-line{width:14px}
.in-media-card .in-media-orbit{inset:8px;border-radius:8px}
.in-media-band{aspect-ratio:16/9;--in-media-radius:20px}
.in-media-band .in-media-console{width:46%;max-width:330px}
.in-media-band .in-media-caption{font-size:11px;max-width:38%}
.in-media-workplace .in-media-picture img{object-position:48% 48%}
.in-media-infrastructure .in-media-shade{background:linear-gradient(180deg,#10101016,transparent 35%,#08080875)}
.in-media-global .in-media-shade{background:linear-gradient(180deg,#10101020,transparent 35%,#0808086b)}
.in-media .in-flow{stroke-dasharray:5 10;animation:in-flow 4.8s linear infinite}
.in-media .in-pulse{transform-box:fill-box;transform-origin:center;animation:in-pulse 4s ease-in-out infinite}
.in-media.in-art-paused *,.in-page.in-motion-paused .in-media *,.in-page.in-motion-offscreen .in-media *,.in-page.in-document-hidden .in-media *,.in-art.in-art-paused .in-media *{animation-play-state:paused!important}
@media(hover:hover){.in-media:hover .in-media-picture img{transform:scale(1.025)}}
@media(max-width:1023px) and (min-width:768px){.in-media-kicker{top:16px;left:16px;font-size:9px;padding:6px 10px 6px 7px;gap:7px}.in-media-console{right:14px;bottom:14px;min-width:156px}.in-media-console-top{padding:9px 11px 7px;font-size:7px}.in-media-caption{left:17px;bottom:18px;font-size:9px;max-width:36%}.in-media-caption-line{width:15px}}
@media(max-width:767px){.in-media{--in-media-radius:19px}.in-media-kicker{top:16px;left:16px;padding:6px 11px 6px 7px;gap:8px;font-size:9px;max-width:calc(100% - 32px)}.in-media-mark{width:23px;height:23px}.in-media-mark>svg{width:15px;height:15px}.in-media-console{right:15px;bottom:15px;width:55%;min-width:162px;max-width:310px;border-radius:12px}.in-media-console-top{padding:9px 11px 7px;font-size:7px;gap:6px}.in-media-caption{left:17px;bottom:20px;font-size:9px;max-width:34%;gap:7px}.in-media-caption-line{width:15px}.in-media-orbit{inset:9px;border-radius:11px}.in-media-card{--in-media-radius:13px}.in-media-card .in-media-console{width:48%;min-width:144px}.in-media-card .in-media-caption{font-size:8px;max-width:37%}.in-media-band{aspect-ratio:3/2}.in-media-band .in-media-console{width:55%}.in-media-band .in-media-caption{font-size:9px;max-width:34%}}
@media(max-width:359px){.in-media-console{min-width:144px;width:53%}.in-media-kicker{font-size:8px}.in-media-caption{font-size:8px;left:15px;max-width:33%}.in-media-caption-line{display:none}.in-media-card .in-media-console{min-width:132px}}
@media(prefers-reduced-motion:reduce){.in-media *{animation:none!important;transition:none!important}.in-media:hover .in-media-picture img{transform:none}.in-media .in-flow{stroke-dasharray:none}}