.corporate-story{height:2600px}
.corporate-portal{height:min(65vh,670px);min-height:440px;background:radial-gradient(ellipse at 50% 30%,#33301c,#111518 65%);isolation:isolate}
.brand-web{position:absolute;inset:5% 8% 6%;border:1px solid #63645a;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 30px 90px #0008;transform-origin:50% 40%;will-change:transform}
.brand-web .browser-top{height:29px;background:#202528;color:#c7ccc9;font-size:9px}
.site-viewport{height:calc(100% - 29px);overflow:hidden;position:relative;background:#000}
.site-preview{border:0;display:block;width:1280px;height:6700px;transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}
.brand-slide,.brand-billboard{position:absolute;margin:0;opacity:0;visibility:hidden;will-change:transform,opacity;box-shadow:0 24px 65px #0009;border:1px solid #ffffff30;border-radius:8px;overflow:hidden;background:#10161b}
.brand-slide img,.brand-billboard img{display:block;width:100%;height:auto}
.brand-slide figcaption,.brand-billboard figcaption{padding:9px 13px;background:#11181eee;color:#e2e9e9;font-size:10px;letter-spacing:.8px;line-height:1.5}
.brand-slide-cover{width:42%;left:3%;top:7%;z-index:3}
.brand-slide-science{width:46%;right:3%;bottom:6%;z-index:4}
.brand-billboard{height:89%;width:auto;aspect-ratio:.75;right:12%;top:5%;z-index:5;transform-origin:90% 80%}
.brand-billboard img{height:calc(100% - 50px);object-fit:contain;background:#0b1013}
.brand-billboard figcaption{height:50px;font-size:8px;letter-spacing:.5px;display:flex;align-items:center}
.brand-progress{height:2px;background:#ffffff10;position:absolute;bottom:0;left:0;right:0;z-index:7}
.brand-progress span{display:block;width:100%;height:100%;background:#dfb748;transform:scaleX(0);transform-origin:left}
.asset-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:22px 15px;font-size:11px;color:var(--muted)}
.asset-links a{border-bottom:1px solid var(--line);padding-bottom:4px}.asset-links a:hover{color:var(--text)}
.corporate-story .stage-footer{margin-top:16px}.corporate-story .stage-footer p{font-size:12px;letter-spacing:0}
@media(max-width:600px){.corporate-story{height:2100px}.corporate-portal{height:65vh;min-height:430px;max-height:620px}.brand-web{inset:4% 4% 5%}.brand-slide-cover{width:76%;top:7%;left:3%}.brand-slide-science{width:83%;right:3%;bottom:9%}.brand-billboard{width:94%;right:3%;top:22%}.brand-slide figcaption,.brand-billboard figcaption{font-size:8px;padding:7px 9px}.case-study-eyebrow{font-size:8px;letter-spacing:1px}.asset-links{gap:14px;font-size:10px}.corporate-story .stage-footer p{font-size:10px}.corporate-story .sticky-stage{top:78px}}
@media(max-width:600px){.brand-billboard{height:82%;width:auto;max-width:94%;top:9%;right:3%}}
@media(prefers-reduced-motion:reduce){.corporate-story{height:auto}.corporate-story .sticky-stage{position:relative;top:auto}.corporate-portal{height:auto;min-height:0;padding:18px;display:grid;gap:18px}.brand-web{position:relative;inset:auto;height:390px;transform:none!important}.brand-slide,.brand-billboard{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;max-width:none;opacity:1!important;visibility:visible!important;transform:none!important}.brand-billboard img{height:auto}.brand-progress,.corporate-story .scene-dots,.corporate-story .stage-footer>span{display:none}}