.experience3d{position:relative;isolation:isolate;padding-block:105px 90px;background:#0d0b12;color:#f3f0f8;overflow:hidden}
.experience3d:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 52% 53%,#3b245033,transparent 62%);pointer-events:none}
.experience3d .experience-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.experience3d .experience-heading h2{font-size:clamp(34px,4.2vw,62px);line-height:1.3;max-width:690px;margin:0}
.experience3d .experience-heading p{font-size:16px;line-height:1.9;color:#c5bdce;max-width:350px;margin:0}
.experience3d .experience-kicker{display:block;color:#bfa4df;font-size:12px;margin-block-end:22px}
#experience-canvas-wrap{position:relative;width:100%;height:580px;isolation:isolate;margin-block:12px 0;touch-action:pan-y}
#experience-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .65s ease;z-index:2;pointer-events:none}
#experience-fallback{position:absolute;inset:5% 0;width:100%;height:90%;object-fit:cover;opacity:.76;transition:opacity .5s ease;border-radius:3px}
.experience3d[data-scene-state=ready] #experience-canvas-wrap canvas{opacity:1}
.experience3d[data-scene-state=ready] #experience-fallback{opacity:0}
.experience3d .experience-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;border-block-start:1px solid #ffffff24;padding-block-start:24px}
.experience3d .scene-modes{display:flex;gap:9px;flex-wrap:wrap}
.experience3d [data-scene-mode]{font:inherit;font-size:14px;line-height:1.5;border:1px solid #ffffff30;color:#ddd2e9;background:transparent;border-radius:99px;min-height:46px;padding:10px 24px;cursor:pointer;transition:background .2s,border-color .2s}
.experience3d [data-scene-mode][aria-pressed=true]{background:#ede3ff;color:#21132f;border-color:#ede3ff}
.experience3d [data-scene-mode]:hover{border-color:#d0b2f8}
.experience3d button:focus-visible{outline:3px solid #ceb0ff;outline-offset:5px}
.experience3d .scene-utilities{display:flex;gap:20px;flex-wrap:wrap}
.experience3d .scene-utilities button{font:inherit;font-size:12px;color:#c5bdce;background:none;border:0;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.experience3d .scene-notes{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-block-start:24px}
.experience3d [data-scene-description]{font-size:15px;line-height:1.9;color:#c8bbd6;max-width:620px;margin:0}
.experience3d [data-scene-description][hidden]{display:none}
.experience3d .scene-disclosure{font-size:11px;line-height:1.8;color:#a89bb7;max-width:290px;margin:0}
@media(min-width:1450px){#experience-canvas-wrap{height:660px}}
@media(max-width:800px){.experience3d{padding-block:70px}.experience3d .experience-heading{display:block}.experience3d .experience-heading p{margin-block-start:24px;max-width:520px}#experience-canvas-wrap{height:490px;margin-block:10px}.experience3d .experience-controls{align-items:flex-start;flex-direction:column}.experience3d .scene-notes{flex-direction:column;gap:14px}.experience3d .scene-disclosure{max-width:100%}.experience3d .scene-utilities{gap:24px}}
@media(max-width:480px){#experience-canvas-wrap{height:420px;width:calc(100% + 32px);margin-inline:-16px}.experience3d [data-scene-mode]{font-size:12px;padding-inline:16px;min-height:46px}.experience3d .scene-modes{gap:7px;width:100%;justify-content:space-between}.experience3d .experience-heading h2{font-size:34px}.experience3d .experience-heading p{font-size:15px}.experience3d .experience-kicker{margin-block-end:14px}}
@media(prefers-reduced-motion:reduce){.experience3d *{transition:none!important}}