/* A photographic instrument: choose a panel and the entire composition opens. */
.atlas-ready .practices{scroll-margin-top:95px}
.atlas-ready .practice-theatre{overflow:visible!important;padding:12px 0 0}
.practice-atlas.practice-deck{display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0;padding:0;perspective:none;transform:none;overflow:visible}
.atlas-panels{display:grid;gap:9px;width:100%;height:clamp(520px,74svh,850px);perspective:1800px;transition:grid-template-columns 1100ms cubic-bezier(.16,1,.3,1);isolation:isolate}
.atlas-panels{touch-action:pan-y}.atlas-panels.atlas-dragging{transition:none;cursor:grabbing}.atlas-dragging .atlas-panel{transition:none!important;cursor:grabbing}.atlas-dragging .atlas-panel:before{display:none}
.atlas-panel{position:relative;display:block;min-width:0;width:100%;height:100%;padding:0;border:0;border-radius:80px 80px 10px 10px;overflow:hidden;background:#dedbd7;text-align:left;color:#313130;cursor:pointer;touch-action:pan-y;box-shadow:0 16px 26px #31313017;transform:translateY(calc(12px * var(--distance)));transition:transform 1100ms cubic-bezier(.16,1,.3,1),border-radius 1100ms cubic-bezier(.16,1,.3,1);isolation:isolate}
.atlas-panel.active{border-radius:12px;transform:translateY(0);z-index:3}
.atlas-panel>img{position:absolute;top:0;left:50%;width:calc(var(--atlas-width,1200px) * .66);max-width:none;height:100%;object-fit:cover;object-position:center;transform:translateX(-50%);pointer-events:none}
.atlas-panel:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 2px 0 2px #ffffffc0,inset -3px 0 8px #31313035;background:linear-gradient(180deg,transparent 38%,#edebe9a8 68%,#edebe9f5 100%)}
.atlas-panel:before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,#ffffff55 49%,transparent 58%);transform:translateX(-160%)}
.motion-enabled .atlas-panel.active:before{animation:atlas-light 1300ms cubic-bezier(.16,1,.3,1) both}
.atlas-spine{position:absolute;z-index:2;left:50%;bottom:25px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font:17px/1.1 Prata,serif;white-space:nowrap;opacity:1;transition:opacity .2s}
.active .atlas-spine{opacity:0}
.atlas-copy{position:absolute;z-index:2;left:6%;right:6%;bottom:30px;display:flex;flex-direction:column;align-items:start;gap:15px;opacity:0;transform:translateY(35px);transition:opacity .18s,transform .3s;pointer-events:none;width:calc(var(--atlas-width,1200px) * .48)}
.active .atlas-copy{opacity:1;transform:translateY(0);transition:opacity .5s .22s,transform .8s .15s}
.atlas-name{display:block;font:clamp(2.6rem,4.6vw,5rem)/1.08 Prata,serif;letter-spacing:-.035em;text-wrap:balance}
.atlas-short{font-size:14px;line-height:1.6;max-width:38ch}.atlas-open{font-size:13px;padding-bottom:6px;border-bottom:1px solid #31313070}
.atlas-panel:focus-visible{outline:3px solid #313130;outline-offset:4px}.atlas-panel:not(.active):hover{transform:translateY(-12px)}
.atlas-status{font-size:12px;line-height:1.6;text-align:center;margin:35px auto 0;max-width:52ch}
.atlas-ready .class-track{margin-top:16px;gap:6px;padding:0 0 12px}.atlas-ready .class-track>button{font-size:12px!important;padding:12px 15px!important;border:0;border-radius:24px;background:transparent;min-height:44px}
.atlas-ready .class-track>button[aria-pressed=true]{background:#313130;color:#edebe9}.atlas-ready .class-track .practice-thumb{display:none}
.motion-enabled .atlas-arriving .atlas-panel{animation:atlas-unfold 1400ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--order) * 55ms)}
@keyframes atlas-unfold{from{transform:translateY(110px) rotateZ(calc((var(--order) - 3) * 7deg));border-radius:110px}to{transform:translateY(calc(12px * var(--distance)))}}
@keyframes atlas-light{from{transform:translateX(-160%)}to{transform:translateX(160%)}}
.motion-paused .atlas-panels,.motion-paused .atlas-panel,.motion-paused .atlas-copy,.motion-paused .atlas-spine{transition:none!important;animation:none!important}.motion-paused .atlas-panel:before{animation:none!important;display:none}
@media(max-width:800px){
 .atlas-panels{height:clamp(430px,65svh,650px);display:block!important;position:relative;perspective:1200px;overflow:hidden;border-radius:12px}
 .atlas-panel{position:absolute;inset:0;border-radius:12px;width:100%;opacity:0;pointer-events:none;transform:translateX(calc(var(--travel,1) * 105%)) rotateZ(calc(var(--travel,1) * 9deg)) scale(.86);transition:transform 1000ms cubic-bezier(.16,1,.3,1),opacity .5s,border-radius 1s;box-shadow:none}
 .atlas-panel.active{opacity:1;pointer-events:auto;transform:translateX(0) rotateZ(0) scale(1);z-index:3}
 .atlas-panel.drag-preview{opacity:1;z-index:2}.atlas-panel.drag-preview .atlas-copy{opacity:1;transform:none}
 .atlas-panel>img{width:100%;object-position:center}.atlas-spine{display:none}.atlas-copy{width:auto;left:7%;right:7%;bottom:26px;gap:12px}.atlas-name{font-size:clamp(2.5rem,10vw,4rem);max-width:100%}.atlas-short{font-size:13px;max-width:31ch}.atlas-open{font-size:12px}
 .atlas-ready .class-track{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;margin-top:18px;scroll-snap-type:x proximity;padding:5px 3px 12px!important}
 .atlas-ready .class-track>button{flex:0 0 76px;width:76px;display:flex;flex-direction:column;gap:8px;padding:0!important;border-radius:0;background:transparent!important;color:#313130!important;white-space:normal;scroll-snap-align:center;font-size:10px!important;line-height:1.25;text-align:center}
 .atlas-ready .class-track .practice-thumb{display:block;width:70px;height:82px;border-radius:32px 32px 5px 5px;overflow:hidden;opacity:.58;transition:opacity .3s,transform .5s}
 .atlas-ready .class-track .practice-thumb img{width:100%;height:100%;object-fit:cover}.atlas-ready .class-track>button[aria-pressed=true] .practice-thumb{opacity:1;transform:translateY(-4px);outline:2px solid #313130;outline-offset:2px}
 .atlas-status{margin:16px auto 0;font-size:11px;padding:0 15px}.atlas-ready .practice-stage .section-heading{margin-bottom:20px;display:block;position:relative;padding-right:0}.atlas-ready .practice-stage h2{font-size:2.45rem;max-width:100%;padding-right:0}.atlas-ready .section-heading .slider-nav{position:absolute;right:0;top:0;gap:0}.atlas-ready .slider-nav .round{width:40px;height:40px}
 .motion-enabled .atlas-arriving .atlas-panel:not(.active){animation:none}.motion-enabled .atlas-arriving .atlas-panel.active{animation:atlas-mobile-enter 1200ms cubic-bezier(.16,1,.3,1) both}
 @keyframes atlas-mobile-enter{from{transform:translateY(80px) rotateZ(-8deg) scale(.85);border-radius:100px}to{transform:none;border-radius:12px}}
}