.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-sequence-art{pointer-events:none}
.hero-scene{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 2.4s ease;overflow:hidden}
.hero-scene[hidden]{display:none}
.hero-scene.is-current{opacity:1;z-index:1}
.hero-scene.is-leaving{z-index:0}
.hero-scene-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;transform:scale(1.025);transition:transform 13.4s linear}
.hero-scene.is-current .hero-scene-image{transform:scale(1)}
.hero-scene--interface{padding:80px 3% 80px 20%;align-content:center}
.hero-scene--interface .hero-scene-image{height:auto;max-height:100%;object-fit:contain;transform:none;border:1px solid #aeb3b34a;box-shadow:0 20px 70px #0007}
.hero-sequence-controls{position:absolute;right:4.1%;bottom:21px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:24px;max-width:75%;color:#d4d3cb}
.hero-sequence-controls[hidden]{display:none}
.hero-scene-caption{display:grid;grid-template-columns:auto auto;gap:4px 10px;font:9px var(--sans);letter-spacing:.2px}
.hero-scene-count{font-family:var(--mono);color:#a5a8a6;grid-row:1/3;align-self:center;padding-right:5px}
.hero-scene-discipline{font-size:8px;text-transform:uppercase;letter-spacing:1.8px;color:#b8bcb8}
.hero-scene-title{font-size:11px;color:#f3f0e9}
.hero-scene-kind{font-size:7px;color:#a5a9a5;grid-column:2}
.hero-playback{display:flex;align-items:center;gap:3px}
.hero-playback>button{width:35px;min-height:38px;border:1px solid #b4b7ad38;background:#1417168c;color:#efeee5;font-size:14px;cursor:pointer}
.hero-playback>button:hover{background:#e9e6da14;border-color:#e5dfca99}
.hero-scene-dots{display:flex;align-items:center;margin-right:10px}
.hero-scene-dot{width:17px;min-height:38px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}
.hero-scene-dot>span{display:block;width:4px;height:4px;border-radius:50%;background:#8c938d;transition:background .2s,transform .2s}
.hero-scene-dot[aria-pressed=true]>span{background:#f3f0e9;transform:scale(1.45)}
.suite-icon-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;width:100%;height:100%;min-height:300px;color:var(--product);border:1px solid #9ea4a133;background:#ffffff02}
.suite-icon-link>.product-icon{width:140px;height:140px;stroke-width:1.1}
.suite-icon-link>span{font:9px var(--mono);letter-spacing:2px;color:#c8c9c4;text-transform:uppercase}
.suite-icon-link:hover{background:#ffffff07;border-color:#c7c9bf66}
.product-rail a>.rail-app-icon{display:grid;place-items:center;width:62px;height:62px;margin:4px 0 7px;border:1px solid #bcc3c033;border-radius:12px;background:linear-gradient(145deg,#282d30,#171b1d);box-shadow:inset 0 1px 0 #ffffff08}
.product-rail .rail-app-icon .product-icon{width:36px;height:36px;stroke-width:1.5}
.product-rail a:hover>.rail-app-icon{border-color:var(--product)}
@media(max-width:680px){.product-rail a>.rail-app-icon{width:48px;height:48px;border-radius:10px;margin:2px 0 4px}.product-rail .rail-app-icon .product-icon{width:29px;height:29px}}
@media(max-width:1000px){.hero-sequence-controls{gap:12px}.hero-scene-dots{margin-right:4px}.hero-scene-dot{width:13px}.hero-scene-title{font-size:10px}}
@media(max-width:680px){.hero-sequence-art{width:calc(100% + 70px);aspect-ratio:1.5;min-height:240px;height:auto;margin-bottom:95px}.hero-scene-image{object-fit:contain}.hero-sequence-controls{right:24px;left:24px;bottom:20px;max-width:none;justify-content:space-between;gap:8px}.hero-scene-caption{max-width:155px;gap:4px 7px}.hero-scene-title{font-size:10px}.hero-scene-discipline{font-size:7px;letter-spacing:1px}.hero-scene-count{font-size:8px}.hero-scene-kind{font-size:7px}.hero-scene-dots{position:absolute;bottom:47px;left:0;right:0;margin:0;justify-content:center;gap:6px}.hero-scene-dot{width:24px;min-height:36px}.hero-playback>button{width:33px;min-height:40px}.hero-scene--interface{padding:8% 8% 8%}.suite-icon-link{min-height:240px}.suite-icon-link>.product-icon{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-scene-image{transition:none;transform:none}}