.jdi-section{--jdi-bg:#141719;--jdi-ink:#f3f3f3;--jdi-line:#ffffff26;box-sizing:border-box;background:var(--jdi-bg);color:var(--jdi-ink);padding:clamp(50px,7vw,100px) clamp(22px,6vw,90px);font-family:Outfit,system-ui,sans-serif;isolation:isolate;overflow:hidden}
[data-school-theme=light] .jdi-section{--jdi-bg:#f2f0eb;--jdi-ink:#161719;--jdi-line:#0002}
.jdi-kicker{font:600 12px/1.7 monospace;letter-spacing:.14em;color:#8895ff;text-transform:uppercase}.jdi-section h2{font-size:clamp(30px,5.3vw,70px);line-height:1.06;letter-spacing:-.035em;margin:16px 0 24px;max-width:1000px}.jdi-intro{font-size:18px;line-height:1.7;max-width:740px;margin:0 0 20px;opacity:.85}.jdi-stage{height:clamp(330px,44vw,500px);position:relative;perspective:1200px;margin:30px auto 0;max-width:1100px}.jdi-orbit{position:absolute;left:50%;top:20px;width:clamp(196px,23vw,294px);aspect-ratio:4/5;padding:0;border:0;background:transparent;transform-origin:center;transition:transform .7s cubic-bezier(.2,.65,.3,1),opacity .6s;cursor:pointer;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #0007}.jdi-orbit img{display:block;width:100%;height:100%;object-fit:contain}.jdi-orbit:focus-visible{outline:3px solid #ef8624;outline-offset:5px}.jdi-caption{text-align:center;min-height:72px}.jdi-caption h3{font-size:25px;margin:0 0 8px}.jdi-caption p{font-size:16px;margin:0;opacity:.8}.jdi-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.jdi-controls button,.jdi-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid var(--jdi-line);border-radius:999px;background:transparent;color:inherit;font:600 14px/1.5 system-ui;cursor:pointer;text-decoration:none}.jdi-controls button:hover,.jdi-link:hover{background:#6974f044}.jdi-count{text-align:center;font:12px/1.6 monospace;opacity:.65}.jdi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin-top:44px}.jdi-tile{border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer;font:inherit;min-width:0}.jdi-tile img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:12px;background:#24272a}.jdi-tile strong{display:block;font-size:18px;margin:16px 0 7px}.jdi-tile small{display:block;font-size:14px;opacity:.75;line-height:1.5}.jdi-note{max-width:760px;line-height:1.75;font-size:14px;opacity:.7;margin-top:38px}.jdi-dialog{box-sizing:border-box;width:min(96vw,980px);max-height:94dvh;border:1px solid #ffffff30;border-radius:18px;background:#141719;color:#fff;padding:24px;font-family:system-ui}.jdi-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.jdi-dialog header{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:20px}.jdi-dialog h2{font-size:24px;margin:0}.jdi-dialog button{background:#fff;color:#141719;border:0;border-radius:30px;padding:12px 20px;font:600 15px system-ui;cursor:pointer}.jdi-dialog img{display:block;max-width:100%;width:auto;height:min(68dvh,850px);object-fit:contain;margin:auto}.jdi-dialog p{font-size:16px;line-height:1.6}.jdi-app-link{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:85;max-width:calc(100% - 36px);box-sizing:border-box;background:#303fc1;color:#fff;text-decoration:none;padding:14px 20px;border:1px solid #ffffff40;border-radius:30px;font:600 13px/1.5 system-ui;text-align:center;box-shadow:0 6px 24px #0003}.jdi-app-link[hidden]{display:none}
@media(max-width:700px){.jdi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.jdi-stage{margin-left:-22px;margin-right:-22px;height:330px}.jdi-tile strong{font-size:16px}.jdi-intro{font-size:16px}.jdi-dialog{padding:18px}.jdi-dialog header{align-items:flex-start}.jdi-dialog img{height:auto;max-height:68dvh}}
@media(prefers-reduced-motion:reduce){.jdi-orbit{transition:none}}