#tu-orbit{position:relative;width:min(660px,100%);height:285px;isolation:isolate;margin:0 auto}
.orbit-logo{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:clamp(92px,19vw,156px);z-index:4;filter:drop-shadow(0 0 25px #62acda50)}
.orbit-ring{position:absolute;left:8%;right:8%;top:17%;height:64%;border:1px solid #83bde435;border-radius:50%;box-shadow:0 0 50px #487ea41b,inset 0 0 45px #487ea414}
.orbit-item{position:absolute;left:50%;top:47%;min-width:102px;padding:15px 10px;border:1px solid color-mix(in srgb,var(--component-color) 50%,transparent);border-radius:14px;color:#f3f7ff;text-decoration:none;font-size:17px;font-weight:650;background:linear-gradient(135deg,#233c50,#101c2c);box-shadow:0 8px 24px #0005;white-space:nowrap;text-align:center}
.orbit-item em{color:var(--component-color)}.orbit-item:hover{border-color:var(--component-color);box-shadow:0 0 22px color-mix(in srgb,var(--component-color) 30%,transparent)}

.seeit-nav{white-space:nowrap;font-size:14px;text-decoration:none;color:#d4e8fc!important;font-weight:600}
.tu-film-open{overflow:hidden}.tu-film-dialog{padding:0;width:min(1200px,94vw);max-width:94vw;max-height:94dvh;border:1px solid #7ba5cb66;border-radius:18px;background:#0b1724;color:#eef5ff;box-shadow:0 35px 120px #000b;overflow:auto}.tu-film-dialog::backdrop{background:#020912e8;backdrop-filter:blur(7px)}
.tu-film-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 18px}.tu-film-heading h2{font:600 18px system-ui;margin:0}.tu-film-close{width:44px;height:44px;font-size:32px;border:0;border-radius:50%;background:#ffffff10;color:white;cursor:pointer}.tu-film-dialog video{display:block;width:100%;max-height:calc(94dvh - 65px);background:black;object-fit:contain}
@media(max-width:600px){#tu-orbit{height:265px}.orbit-item{min-width:86px;font-size:13px;padding:13px 6px}.site-nav{gap:9px!important}.seeit-nav{font-size:12px}.tu-film-dialog{width:96vw;max-width:96vw;border-radius:12px}}

/* Perspective carousel matching the film's Six scene. */
#tu-orbit{width:min(960px,100%);height:365px;transform-style:preserve-3d;isolation:auto;perspective-origin:50% 55%}
.orbit-items{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.orbit-logo{top:12%;width:clamp(105px,18vw,180px);filter:drop-shadow(0 0 24px #6fb7ed55)}
.orbit-ring{left:14%;right:14%;top:37%;height:52%;transform:rotateX(72deg);border-color:#77add64d;box-shadow:0 0 35px #508abd24}
.orbit-item{top:58%;width:250px;height:140px;min-width:0;padding:0;border:0;background:none;box-shadow:none;transform-style:preserve-3d;pointer-events:auto;font-size:29px}
.orbit-item:hover{box-shadow:none}.orbit-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:25px 22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--component-color) 50%,#526479);background:linear-gradient(155deg,#345065f2,#142436f5);box-shadow:inset 0 1px 1px #ffffff38,0 18px 40px -16px var(--component-color);backface-visibility:hidden;-webkit-backface-visibility:hidden}.orbit-back{transform:rotateY(180deg);background:linear-gradient(155deg,#203a50,#112235)}
.orbit-name{display:flex;align-items:center}.orbit-name i{width:10px;height:10px;margin-right:10px;background:var(--component-color);border-radius:50%;box-shadow:0 0 15px var(--component-color)}.orbit-face small{font:12px system-ui;letter-spacing:2px;text-transform:uppercase;color:#b6cbdc}
@media(max-width:600px){#tu-orbit{height:285px}.orbit-item{width:154px;height:104px;font-size:18px}.orbit-face{padding:18px 12px;border-radius:14px}.orbit-face small{font-size:9px;letter-spacing:1px}.orbit-name i{width:7px;height:7px;margin-right:6px}.orbit-logo{top:13%}}

/* Softer translucent carousel surfaces; labels remain readable. */
.orbit-face{background:linear-gradient(155deg,rgba(52,80,101,.76),rgba(20,36,54,.70));border-color:color-mix(in srgb,var(--component-color) 38%,transparent);box-shadow:inset 0 1px 1px #ffffff25,0 18px 40px -16px color-mix(in srgb,var(--component-color) 65%,transparent)}.orbit-back{background:linear-gradient(155deg,rgba(32,58,80,.76),rgba(17,34,53,.70))}

/* Balanced hero spacing without the motion control. */
#top{padding-top:clamp(38px,5vw,68px)!important}#tu-orbit{height:310px;margin-bottom:8px}.orbit-logo{top:12%}.orbit-item{top:59%}.orbit-ring{top:37%}
@media(max-width:600px){#top{padding-top:40px!important}#tu-orbit{height:230px;margin-bottom:6px}.orbit-logo{top:12%}.orbit-item{top:61%}#top>div:last-child{gap:22px!important}}
