.company-vr{padding:66px 0 62px;background:#edf2f5;scroll-margin-top:24px}
.vr-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.vr-heading h2{font-size:clamp(32px,3.3vw,48px);line-height:1.08;font-weight:700;letter-spacing:-.035em;margin:10px 0 0;color:#0a2947}.vr-heading>p{max-width:560px;margin:0;color:#516676}
.vr-viewer{position:relative;background:#081d31;aspect-ratio:16/8;min-height:430px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}
.vr-poster,.vr-screen{position:absolute;inset:0}.vr-viewer [hidden],.vr-toolbar [hidden]{display:none!important}.vr-poster>img{width:100%;height:100%;object-fit:cover;object-position:center}.vr-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04182de8,#04182d35 85%)}
.vr-poster-copy{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#fff}.vr-orbit{display:grid;place-items:center;width:100px;height:76px;border:1px solid #aac4d7;border-radius:50%;font-size:32px;font-weight:500;letter-spacing:-.04em;color:#fff;transform:rotate(-10deg);margin-bottom:26px}.vr-poster .button{background:#fff;border-color:#fff;color:#092b4b;min-height:58px;text-transform:none;font-size:17px}.vr-poster-copy p{font-size:14px;color:#e0e9ef;max-width:400px;margin:18px 0 0}.vr-screen iframe{display:block;width:100%;height:100%;border:0}.vr-loading{position:absolute;z-index:2;top:10px;left:15px;padding:10px 16px;background:#fff;color:#092b4b;pointer-events:none}
.vr-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;font-size:13px}.vr-toolbar p{margin:0;max-width:610px;color:#526776}.vr-toolbar>div{display:flex;flex-wrap:wrap;gap:22px;align-items:center;flex-shrink:0}.vr-toolbar a,.vr-close{font:inherit;font-weight:600;color:#0b3052}.vr-close{border:0;padding:0;background:none;cursor:pointer;text-decoration:underline}
.story-vr{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px;min-height:350px;background:radial-gradient(ellipse at 100% 0,#27536d,#092a46 55%,#061b30);color:#fff;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);transition:transform .25s ease,box-shadow .25s ease}.story-vr .vr-orbit{width:80px;height:57px;font-size:25px;margin-bottom:22px}.story-vr .eyebrow{color:#b6d1e4;font-size:11px}.story-vr h3{font-size:29px;line-height:1.12;font-weight:700;letter-spacing:-.025em;color:#fff;margin:8px 0 15px}.story-vr>p{font-size:15px;color:#d1dfe8;margin:0 0 26px}.story-vr-button{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:600;border-top:1px solid #ffffff40;padding-top:18px;width:100%}.story-vr-button span{margin-left:auto;transition:transform .25s ease}.story-vr:hover{transform:translateY(-3px)}.story-vr:hover .story-vr-button span{transform:translateX(4px)}
.vr-start:focus-visible,.vr-close:focus-visible,.vr-toolbar a:focus-visible,.story-vr:focus-visible{outline:3px solid #469fe2;outline-offset:4px}
@media(max-width:820px){.vr-heading{grid-template-columns:1fr;gap:20px}.vr-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.vr-viewer{aspect-ratio:4/3;min-height:400px}.story-vr{padding:28px}}
@media(max-width:560px){.company-vr{padding:42px 0}.vr-heading{margin-bottom:24px}.vr-viewer{aspect-ratio:auto;height:440px;min-height:0}.vr-poster-copy{padding:24px}.vr-poster .button{font-size:15px}.vr-toolbar>div{flex-shrink:1}.story-vr{min-height:330px}}
@media(prefers-reduced-motion:reduce){.story-vr,.story-vr-button span{transition:none}.story-vr:hover,.story-vr:hover .story-vr-button span{transform:none}}
