/* A moving window into the existing design studios. */
.possibility-experience{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:0 4%;padding:48px 6% 28px;min-height:0;background:radial-gradient(ellipse at 75% 45%,#204457 0%,#0d1d2d 35%,#080f1a 70%);border-bottom:1px solid #3a5166}
.possibility-experience::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(#8eb7d21a 1px,transparent 1px),linear-gradient(90deg,#8eb7d21a 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000)}
.possibility-intro{z-index:2;align-self:center;padding-bottom:20px;pointer-events:none}
.possibility-intro .eyebrow{font-size:12px;letter-spacing:.18em;margin-bottom:24px;color:#b9def4}
.possibility-intro h2{font-size:clamp(44px,4.8vw,68px);line-height:1.06;letter-spacing:-.055em}
.possibility-intro>p:last-child{font-size:16px;color:#b2c8d9;margin-top:25px}
.possibility-stage{position:relative;display:grid;place-items:center;min-width:0;height:410px;perspective:1400px}
.possibility-stack{position:relative;width:90%;max-width:460px;height:auto;transform:rotateX(var(--portal-x,4deg)) rotateY(var(--portal-y,-10deg));transform-style:preserve-3d;transition:transform .35s ease-out}
.possibility-frame{position:relative;padding-top:56.28%;overflow:hidden;background:#132333;border:1px solid #a9d5eab3;border-radius:15px;box-shadow:0 0 0 5px #8dcee610,0 25px 75px #0207119c,0 0 65px #70c9ef16;transform:translateZ(20px);animation:portal-float 9s ease-in-out infinite alternate}
.possibility-backplate{position:absolute;inset:0;border:1px solid #91bfd655;background:linear-gradient(135deg,#96cee30e,#2543591a);border-radius:15px;transform:translate3d(28px,-21px,-45px);pointer-events:none}
.possibility-backplate.backplate-far{transform:translate3d(54px,-42px,-95px);border-color:#8ebad12b;background:transparent}
.possibility-image{position:absolute;inset:0 0 auto;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center;opacity:0;transition:opacity .8s ease}
.possibility-image.is-active{opacity:1}
.possibility-glow{position:absolute;inset:0 0 auto;aspect-ratio:1672/941;pointer-events:none;background:linear-gradient(115deg,#c3edff0a,transparent 40%)}
.possibility-caption{position:relative;padding:16px 20px 12px;color:white;background:#101f30;border-top:1px solid #7298b13b}
.possibility-caption>p{font-size:clamp(21px,2vw,27px);line-height:1.15;letter-spacing:-.025em;margin:0 0 5px;text-shadow:0 2px 20px #071522}
.possibility-caption>a{display:inline-flex;align-items:center;gap:25px;font-size:14px;color:#daf0ff;min-height:44px;padding:8px 0;border-bottom:1px solid #b1d7ee75}
.possibility-caption>a:hover{color:white;border-color:white}
.possibility-caption>a>span{font-size:23px}
.possibility-orbit{position:absolute;width:116%;height:78%;border:1px solid #82c1e530;border-left-color:#b9e8ffbd;border-top-color:#8dcaee66;border-radius:50%;transform:rotate(-23deg);pointer-events:none;animation:portal-orbit 32s linear infinite;box-shadow:-6px -2px 15px #8ed1ed0a}
.possibility-orbit.orbit-offset{width:98%;height:105%;border-color:#80b8d522;border-bottom-color:#b9e8ff70;animation-duration:46s;animation-direction:reverse}
.possibility-controls{grid-column:1/-1;position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:25px;padding-top:24px;border-top:1px solid #8badc32b}
.possibility-choices{display:flex;gap:8px;flex-wrap:wrap}
.possibility-choices button{position:relative;font-size:14px;color:#c3d6e4;background:#10243680;border:1px solid #5a7b944f;padding:14px 23px;min-height:48px;border-radius:40px;transition:background .2s,color .2s,border-color .2s}
.possibility-choices button:hover{background:#22445b;border-color:#a2cee6}
.possibility-choices button[aria-pressed=true]{color:#0a2132;background:#c4e6f9;border-color:#d8f1ff;box-shadow:0 0 28px #90c5e422}
.possibility-pause{font-size:13px;color:#b3cadd;background:transparent;border:0;min-height:48px;padding:10px 0;min-width:100px}
.possibility-pause:hover{color:white}
.possibility-experience button:focus-visible,.possibility-caption>a:focus-visible{outline:2px solid #daf0ff;outline-offset:5px}
.possibility-experience.is-still .possibility-image,.possibility-experience.is-still .possibility-frame,.possibility-experience.is-still .possibility-orbit{animation-play-state:paused}
.possibility-experience.is-still .possibility-stack{transform:rotateX(4deg) rotateY(-10deg)}
@keyframes portal-float{from{transform:translate3d(0,0,20px)}to{transform:translate3d(0,-12px,35px)}}
@keyframes portal-orbit{from{transform:rotate(-23deg)}to{transform:rotate(337deg)}}
@media(max-width:900px){.possibility-experience{grid-template-columns:1fr;min-height:0;padding:42px 6% 24px;gap:0}.possibility-intro{padding:0}.possibility-intro h2{font-size:clamp(42px,7vw,60px)}.possibility-intro h2 br{display:none}.possibility-intro h2 em::before{content:' '}.possibility-intro>p:last-child{margin-top:20px}.possibility-stage{width:85%;justify-self:center;height:410px}.possibility-controls{justify-content:center;margin-top:0}.possibility-stack{height:auto}.possibility-orbit{width:110%;height:80%}.possibility-orbit.orbit-offset{width:100%;height:102%}}
@media(max-width:550px){.possibility-experience{padding:36px 6% 20px}.possibility-intro .eyebrow{font-size:12px;margin-bottom:20px}.possibility-intro h2{font-size:clamp(40px,10vw,53px)}.possibility-intro h2 br{display:block}.possibility-intro h2 em::before{content:none}.possibility-stage{width:95%;height:auto;min-height:0;padding:35px 0 25px}.possibility-stack{height:auto;width:100%}.possibility-backplate{transform:translate3d(13px,-15px,-45px)}.possibility-backplate.backplate-far{transform:translate3d(27px,-30px,-95px)}.possibility-caption{padding:13px 16px 10px}.possibility-caption>p{font-size:21px}.possibility-image{object-position:center}.possibility-controls{flex-wrap:wrap;gap:9px;padding-top:19px}.possibility-choices{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.possibility-choices button{padding:12px 5px;font-size:14px;line-height:1.3;min-width:0}.possibility-pause{min-height:44px;padding:8px}.possibility-orbit{height:75%;width:108%}.possibility-orbit.orbit-offset{height:93%;width:108%}}
@media(prefers-reduced-motion:reduce){.possibility-image,.possibility-frame,.possibility-orbit{animation:none!important}.possibility-image,.possibility-stack{transition:none}.possibility-stack{transform:none!important}}
