/* Portrait-stage orbit motion follows the reference page's two rotating 3D rings. */
.hero-art.photo-stage .orb{display:none}
.hero-art.photo-stage .art-noise:after{opacity:0}
.hero-art.photo-stage{perspective:1200px;transform-style:preserve-3d}
.hero-art.photo-stage .orbit{z-index:3;left:50%;top:50%;box-sizing:border-box;border:1px solid #ffffff59;border-radius:50%;transform-style:preserve-3d;pointer-events:none}
.hero-art.photo-stage .orbit i{position:absolute;display:block;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 28px #ffffffe6}
.hero-art.photo-stage .orbit-one{width:min(68vw,840px);height:min(30vw,360px);transform:translate(-50%,-50%) rotateX(72deg) rotateZ(-12deg);animation:orbitOne 18s linear infinite}
.hero-art.photo-stage .orbit-one i:nth-child(1){top:18%;left:5%}
.hero-art.photo-stage .orbit-one i:nth-child(2){top:72%;right:10%;background:#5e9fff}
.hero-art.photo-stage .orbit-one i:nth-child(3){top:2%;left:63%;width:8px;height:8px}
.hero-art.photo-stage .orbit-two{width:min(40vw,520px);height:min(40vw,520px);transform:translate(-50%,-50%) rotateY(68deg) rotateZ(20deg);animation:orbitTwo 14s linear infinite reverse!important}
.hero-art.photo-stage .orbit-two i:nth-child(1){left:8%;top:26%;background:#5e9fff}
.hero-art.photo-stage .orbit-two i:nth-child(2){right:8%;bottom:23%}
.hero-art .art-label{border-color:#d3e2ff52;background:#121b39a8;box-shadow:0 8px 22px #070d2540;color:#f8fbff;animation:labelHover 7s ease-in-out infinite alternate;padding:8px 13px;letter-spacing:.06em}
.hero-art .art-center strong{text-shadow:0 4px 25px #080f33c9}
.hero-art .label-one{left:12%;top:13%}.hero-art .label-two{right:8%;left:auto;top:17%}.hero-art .label-three{right:7%;left:auto;top:auto;bottom:16%}.hero-art .label-four{left:35%;bottom:12%;top:auto}
@keyframes orbitOne{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(348deg)}}
@keyframes orbitTwo{to{transform:translate(-50%,-50%) rotateY(68deg) rotateZ(380deg)}}
@keyframes labelHover{from{transform:translateY(0)}to{transform:translateY(-5px)}}
.film-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;min-height:250px;overflow:hidden;border:1px solid #cbd2ef;border-radius:23px;background:#f8f9ff;color:#172044;box-shadow:0 16px 38px #2c3d850e;transition:transform .25s ease,box-shadow .25s ease}
.film-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px #2c3d8524}
.brand-film{margin-top:38px}.film-image{position:relative;display:block;min-height:250px;overflow:hidden;background:#18234e}.film-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 23%;filter:brightness(.78)}.film-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15234b16,#0b17415e)}.film-image i{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid #e7efffd6;background:#eef3ff31;backdrop-filter:blur(10px);color:#fff;font-size:24px;font-style:normal;box-shadow:0 0 34px #85baff55}
.brand-film .film-image img{object-position:center;filter:none}.brand-film .film-image:after{background:none}
.film-copy{display:flex;flex-direction:column;justify-content:center;padding:33px 5vw}.film-copy small{font-size:10px;font-weight:800;letter-spacing:.17em;color:#3753db}.film-copy strong{display:block;margin:15px 0 24px;font-size:clamp(25px,2.8vw,37px);line-height:1.35;letter-spacing:-.04em}.film-copy em{font-size:12px;color:#2b47d8;font-style:normal;font-weight:800}
.launch-video.film-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:0;margin-top:20px;background:#f8f9ff}.launch-video .film-image{min-height:260px}.launch-video .film-image img{object-position:center 35%}
.resource-views{display:block;margin-top:12px;font-size:10px;line-height:1.5;color:#697898}.resource-card.featured .resource-views{color:#b9c6ee}
@media(max-width:760px){.film-card,.launch-video.film-card{grid-template-columns:1fr}.film-image,.launch-video .film-image{min-height:200px;height:200px}.film-copy{padding:25px 26px 28px}.film-copy strong{font-size:27px;margin:11px 0 18px}.hero-art.photo-stage .orbit-one{width:130vw;height:65vw}.hero-art.photo-stage .orbit-two{width:98vw;height:98vw}.hero-art .label-one{left:8%;top:12%}.hero-art .label-two{right:5%;top:22%}.hero-art .label-three{right:5%;bottom:18%}.hero-art .label-four{left:9%;bottom:15%}}
@media(max-width:520px){.brand-film{margin-top:30px}.film-image,.launch-video .film-image{height:180px;min-height:180px}.hero-art .art-label{font-size:8px;padding:7px 9px;letter-spacing:0}.hero-art .label-two{top:19%}.hero-art .label-three{bottom:22%}.hero-art .label-four{bottom:15%}}
@media(prefers-reduced-motion:reduce){.hero-art.photo-stage .orbit,.hero-art .art-label,.film-card{animation:none!important;transition:none!important}}

/* Brand history is shown as a complete image; the lower wordmark is never cropped. */
.hero-art.brand-history-stage{height:auto;min-height:0;overflow:hidden;background:#eef0f8;border-radius:28px}
.hero-history-frame{position:relative;display:block;overflow:hidden;isolation:isolate;perspective:1200px;background:#eef0f8}
.hero-history-image{display:block;width:100%;height:auto;aspect-ratio:7874/4452;object-fit:contain}
.hero-art.brand-history-stage .hero-history-frame .orbit{border-color:#4265d26e;opacity:.65;box-shadow:0 0 1px #8fa7ff88}
.hero-art.brand-history-stage .hero-history-frame .orbit i{background:#2451e9;box-shadow:0 0 20px #315df1aa}
.hero-art.brand-history-stage .hero-history-frame .orbit-one i:nth-child(2),.hero-art.brand-history-stage .hero-history-frame .orbit-two i:nth-child(1){background:#183891}
.hero-value-strip{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#233464;color:#f4f6ff;border-top:1px solid #9cb4ee55}
.hero-value-strip span{display:flex;align-items:center;justify-content:center;min-height:58px;background:#111d43;padding:10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-align:center}
.intro-opening .bio-tags a{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 15px;border:1px solid #bdc5e9;border-radius:100px;background:#f5f6ff;color:#293561;font-size:12px;font-weight:700;line-height:1.5;transition:border-color .2s ease,background .2s ease}
.intro-opening .bio-tags a:hover,.intro-opening .bio-tags a:focus-visible{border-color:#536bec;background:#edf0ff}
.intro-opening .bio-tags a small{color:#3b55d4;font-size:10px;white-space:nowrap}
.brand-film .film-image img{object-position:center 46%}
@media(max-width:760px){.hero-art.brand-history-stage{height:auto;min-height:0;border-radius:20px}.hero-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-value-strip span{min-height:39px;font-size:9px}}
@media(max-width:520px){.intro-opening .bio-tags a{width:100%;border-radius:12px;font-size:11px}}