.concepts-page{background:#0c0a0d;--lab-accent:#cf523c;--lab-rgb:207,82,60}.lab-header{height:82px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5b08820;gap:25px}.lab-label{font-size:0.6875rem;letter-spacing:.17em;color:#a3968c}.lab-back{font-size:0.8125rem;border-bottom:1px solid #826449;padding:7px 0}.lab-navigation{min-height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:35px;background:#151114;position:relative;z-index:5}.lab-tabs{display:flex;gap:26px}.lab-tabs button{min-height:98px;display:flex;align-items:center;gap:12px;background:none;border-bottom:2px solid transparent;font-size:1rem;color:#a99c90;transition:color .3s,border-color .3s;white-space:nowrap}.lab-tabs button span{font-size:0.6875rem;color:#a06c4e}.lab-tabs button[aria-selected=true]{color:#f2dec5;border-color:#d58c5d}.lab-navigation>p{font-size:0.8125rem;line-height:1.6;color:#a09387;max-width:345px;text-align:right}.concept-panel{position:relative}.lab-stage{height:calc(100svh - 180px);min-height:620px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#0c0a0d;--portal-radius:0px;--portal-x:64%;--portal-y:45%;--rift-amount:0}.scene-base,.rift-world,.scene-vignette,.journey-layers{position:absolute;inset:0;pointer-events:none}.scene-base{z-index:-6;overflow:hidden}.scene-base img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.65) brightness(.58);transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.035);transition:transform 1s var(--ease),filter 1.2s}.rift-world{z-index:-5;clip-path:circle(var(--portal-radius) at var(--portal-x) var(--portal-y));overflow:hidden;will-change:clip-path}.rift-world img{width:100%;height:100%;object-fit:cover;object-position:55% 32%;filter:saturate(.95) brightness(.65);transform:scale(calc(1.17 - var(--rift-amount)*.12));transition:transform .2s linear}.scene-vignette{z-index:-3;background:linear-gradient(0deg,#0c0a0def 0%,transparent 55%,#0c0a0d80),linear-gradient(90deg,#0c0a0dc4 0%,#0c0a0d20 65%,#0c0a0d70);box-shadow:inset 0 0 140px #0008}.portal-edge{position:absolute;z-index:-2;left:var(--portal-x);top:var(--portal-y);width:calc(var(--portal-radius)*2);height:calc(var(--portal-radius)*2);border-radius:50%;transform:translate(-50%,-50%);border:2px solid #d9ffc7bb;box-shadow:0 0 30px #8acb7090,inset 0 0 40px #8acb7040,0 0 100px #619d5233;opacity:clamp(0,calc(var(--rift-amount)*8),.8);pointer-events:none}.scene-shockwave{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(circle at 65% 50%,transparent 10%,rgba(var(--lab-rgb),.25) 50%,transparent 70%)}#lab-particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.scene-copy{position:absolute;left:8%;top:17%;z-index:2;max-width:840px;pointer-events:none}.scene-kicker{font-family:Cinzel,Georgia,serif;letter-spacing:.25em;font-size:0.875rem;color:#d4baa0;margin-bottom:24px}.scene-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.75rem,7.5vw,7.25rem);line-height:1.06;letter-spacing:-.05em;text-shadow:0 3px 45px #0005}.scene-copy h1 span,.scene-copy h1 em{display:block}.scene-copy h1 em{font-style:normal;color:#c39676}.scene-copy>p:last-child{font-size:1rem;color:#beac9c;margin-top:24px;line-height:1.7}.lab-side-label{position:absolute;right:25px;top:40px;bottom:40px;display:flex;align-items:center;gap:20px;writing-mode:vertical-rl;font-size:0.5625rem;letter-spacing:.15em;color:#bba38b7a;pointer-events:none}.lab-side-label i{height:80px;width:1px;background:#cbb0894a}.rift-controls{position:absolute;bottom:35px;left:8%;z-index:4;display:flex;flex-direction:column;align-items:flex-start;max-width:390px}.rift-hold{position:relative;padding:19px 25px 16px;width:360px;max-width:100%;overflow:hidden;background:#1f1518c9;border:1px solid #b47555;color:#e8d6bd;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 0 45px rgba(var(--lab-rgb),.07)}.rift-hold>span:not(.hold-progress){position:relative;font-size:1rem;font-weight:600;z-index:1}.rift-hold small{position:relative;display:block;font-size:0.625rem;letter-spacing:.14em;margin-top:7px;color:#b18b6e;z-index:1}.hold-progress{position:absolute;inset:0;background:linear-gradient(90deg,#8c3e28b3,#bf724580);transform:scaleX(var(--rift-amount));transform-origin:left;pointer-events:none}.rift-slider-row{display:flex;gap:13px;align-items:center;width:100%;font-size:0.75rem;color:#af9078;margin-top:14px}.rift-slider-row input{min-width:0;flex:1;accent-color:#c18e65;height:4px;cursor:pointer}.rift-slider-row output{width:40px;text-align:right;font-variant-numeric:tabular-nums}.lab-text-button{background:none;padding:6px 0;font-size:0.75rem;color:#ae8d74;border-bottom:1px solid #9b6b484d}.rift-controls>.lab-text-button{margin-top:12px}.concept-explanation{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:65px 55px}.concept-explanation h2{font-size:2rem;font-weight:400;line-height:1.35;letter-spacing:-.04em;margin-top:17px}.concept-explanation>div>p:not(.eyebrow){font-size:0.9375rem;line-height:1.9;color:#b1a090}.lab-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.lab-tags span{font-size:0.6875rem;letter-spacing:.04em;border:1px solid #73543e66;padding:6px 11px;color:#c0a087}.concept-explanation .lab-note{font-size:0.75rem!important;color:#837367!important;margin-top:22px}.lab-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:25px;border-top:1px solid #ccb89e1f}.lab-footer>span{font-size:0.625rem;letter-spacing:.15em;color:#766556}.lab-footer>a{font-size:0.75rem;color:#b9a794}.scene-status{position:absolute;bottom:15px;right:55px;font-size:0.75rem;color:#b9b399;z-index:2;max-width:380px;text-align:right;pointer-events:none}.concepts-page [hidden]{display:none!important}
/* Scroll-controlled camera. The document scroll is native, never intercepted. */
.concept-panel.journey-active{height:320svh}.journey-active .lab-stage{position:sticky;top:0;height:100svh;max-height:none}.journey-layers{z-index:-5;overflow:hidden}.journey-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.6);will-change:transform,opacity}.journey-layer:nth-child(2){object-position:center 35%}.journey-layer:nth-child(3){object-position:center 30%}.journey-controls{position:absolute;bottom:36px;left:8%;right:8%;z-index:4}.journey-controls>p{color:#c0aa96;font-size:0.8125rem;margin-bottom:20px}.journey-track{height:1px;background:#c8a5813b}.journey-track>span{display:block;height:2px;background:#ddba8c;width:100%;transform-origin:left;transform:scaleX(0);box-shadow:0 0 14px #d7a77477}.journey-chapters{display:flex;justify-content:space-between;gap:24px;margin-top:14px}.journey-chapters button{background:none;font-size:0.75rem;color:#877767;padding:5px 0}.journey-chapters button[aria-pressed=true]{color:#efdbbd}.journey-foreground{position:absolute;inset:0;z-index:1;pointer-events:none;perspective:1000px}.journey-card{position:absolute;width:18%;height:42%;top:37%;border:1px solid #c69a65aa;padding:6px;background:#231918;box-shadow:0 0 0 3px #131013,0 20px 80px #000a;will-change:transform,opacity}.journey-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.8)}.card-left{left:4%}.card-right{right:4%}.lab-stage[data-mode=journey] .scene-copy{left:15%;right:15%;top:27%;text-align:center;max-width:none}.lab-stage[data-mode=journey] .scene-copy h1{font-size:clamp(3.75rem,7.7vw,7.25rem)}
/* Cards change the entire stage; drag is optional, click and keyboard also work. */
.lab-stage[data-mode=choice]{--lab-rgb:154,72,65;min-height:830px}.lab-stage[data-mode=choice] .scene-copy{top:7%;left:0;right:0;text-align:center;max-width:none}.lab-stage[data-mode=choice] .scene-copy h1{font-size:clamp(3rem,5.5vw,4.875rem)}.lab-stage[data-mode=choice] .scene-kicker{margin-bottom:15px}.lab-stage[data-mode=choice] .scene-copy>p:last-child{margin-top:12px}.choice-controls{position:absolute;inset:0;z-index:4;pointer-events:none}.drop-zone{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:1px solid rgba(var(--lab-rgb),.55);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,rgba(var(--lab-rgb),.15),transparent 65%);box-shadow:0 0 55px rgba(var(--lab-rgb),.1);transition:box-shadow .3s,background .3s;pointer-events:auto}.drop-zone:before,.drop-zone:after{content:'';position:absolute;inset:8px;border:1px dashed rgba(var(--lab-rgb),.3);border-radius:50%;pointer-events:none}.drop-zone:after{inset:-9px;border-style:solid;border-color:rgba(var(--lab-rgb),.15)}.drop-zone.ready{box-shadow:0 0 75px rgba(var(--lab-rgb),.6);background:radial-gradient(ellipse,rgba(var(--lab-rgb),.45),transparent)}.drop-symbol{font-size:2.25rem;line-height:1.2;color:#ddc39c}.drop-zone>span:not(.drop-symbol){font-family:Georgia,serif;font-size:1.25rem;margin-top:5px}.drop-zone small{font-size:0.5rem;letter-spacing:.09em;color:#ac9377;margin-top:7px}.choice-deck{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;gap:14px;width:min(860px,90%);perspective:1000px;pointer-events:auto}.choice-card{position:relative;width:170px;flex:0 1 170px;aspect-ratio:.66;max-height:265px;padding:5px;background:#241b1b;border:1px solid #a47a56;box-shadow:0 10px 40px #0007;transform:translateY(var(--fan-y,0px)) rotate(var(--fan-angle,0deg));transition:transform .4s var(--ease),box-shadow .35s,border-color .35s;user-select:none;-webkit-user-select:none;touch-action:none;isolation:isolate;cursor:grab}.choice-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;filter:saturate(.65) brightness(.75);transition:filter .35s}.choice-card:after{content:'';position:absolute;inset:6px;background:linear-gradient(0deg,#100e10e8,transparent 60%);z-index:1;pointer-events:none}.choice-card span{position:absolute;bottom:20px;left:4px;right:4px;text-align:center;z-index:2;font-family:Georgia,serif;font-size:1.3125rem;color:#e6d1b3}.choice-card small{display:block;font-family:Manrope,sans-serif;font-size:0.5625rem;letter-spacing:.16em;color:#b89a7b;margin-top:4px}.choice-card:hover,.choice-card:focus-visible{transform:translateY(-25px) rotate(0deg) scale(1.06);box-shadow:0 0 35px rgba(var(--lab-rgb),.25),0 25px 60px #000a;z-index:5}.choice-card:hover img{filter:saturate(.95) brightness(.95)}.choice-card[aria-pressed=true]{border-color:#ead0a4;box-shadow:0 0 25px rgba(var(--lab-rgb),.3)}.choice-card.dragging{transition:none!important;cursor:grabbing;z-index:20;box-shadow:0 20px 65px #000a}.choice-instruction{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:0.75rem;color:#bcaa95;pointer-events:none}.lab-stage[data-mode=choice] .scene-status{bottom:auto;top:20px;right:45px;font-size:0.6875rem}.motion-muted .scene-base img{transform:none}.motion-muted .portal-edge{box-shadow:none}.motion-muted *{transition:none!important;animation:none!important}.motion-muted #lab-particles{display:none}
@media(min-width:1600px){.scene-copy{top:20%}.lab-stage{min-height:760px}.rift-controls{bottom:55px}.lab-stage[data-mode=choice]{min-height:900px}.choice-deck{bottom:75px}.choice-card{max-height:300px;width:195px;flex-basis:195px}}
@media(max-width:1000px){.lab-header{padding-inline:25px}.lab-label{font-size:0.5625rem}.lab-navigation{padding-inline:25px;gap:25px}.lab-tabs{gap:18px}.lab-tabs button{font-size:0.875rem;gap:8px}.lab-navigation>p{max-width:240px;font-size:0.75rem}.scene-copy{left:7%;top:17%}.scene-copy h1{font-size:4.625rem}.concept-explanation{gap:50px}.choice-deck{gap:12px}.choice-card{width:150px;flex-basis:150px;max-height:235px}.lab-stage[data-mode=choice]{min-height:790px}}
@media(max-width:760px){.lab-header{height:68px;padding-inline:20px}.lab-label{display:none}.lab-back{font-size:0.75rem}.lab-navigation{padding:0 20px 16px;display:block;min-height:120px}.lab-tabs{justify-content:space-between;gap:14px}.lab-tabs button{min-height:68px;font-size:0.875rem;gap:7px}.lab-tabs button span{font-size:0.625rem}.lab-navigation>p{max-width:none;font-size:0.75rem;text-align:left;margin-top:12px}.lab-stage{height:calc(100svh - 188px);min-height:640px;max-height:none}.scene-copy{top:12%;left:23px;right:23px}.scene-kicker{font-size:0.6875rem;letter-spacing:.13em;margin-bottom:20px}.scene-copy h1{font-size:clamp(2.8125rem,10.7vw,4.375rem)}.scene-copy>p:last-child{font-size:0.875rem;max-width:270px}.scene-base img{object-position:63% 35%;filter:brightness(.55)}.rift-world img{object-position:55% center}.scene-vignette{background:linear-gradient(0deg,#0c0a0de8,transparent 65%,#0c0a0d77),linear-gradient(90deg,#0c0a0d90,transparent)}.lab-side-label{display:none}.rift-controls{left:23px;right:23px;bottom:30px;max-width:none}.rift-hold{width:100%;padding:16px}.rift-hold>span:not(.hold-progress){font-size:0.9375rem}.rift-slider-row{font-size:0.75rem}.rift-hold small{font-size:0.625rem}.concept-explanation{grid-template-columns:1fr;gap:22px;padding-block:40px}.concept-explanation h2{font-size:1.6875rem}.concept-explanation>div>p:not(.eyebrow){font-size:0.9375rem}.lab-footer{flex-wrap:wrap;gap:15px;padding-block:22px}.lab-footer>span{width:100%;font-size:0.5625rem}.scene-status{right:23px;bottom:9px;font-size:0.625rem}.journey-active .lab-stage{min-height:600px}.lab-stage[data-mode=journey] .scene-copy{left:22px;right:22px;top:26%}.lab-stage[data-mode=journey] .scene-copy h1{font-size:clamp(2.5rem,10.5vw,4.0625rem)}.lab-stage[data-mode=journey] .scene-copy>p:last-child{max-width:none}.journey-controls{left:23px;right:23px;bottom:30px}.journey-chapters{gap:10px}.journey-chapters button{font-size:0.625rem;max-width:85px;text-align:left}.journey-controls>p{font-size:0.75rem}.journey-card{width:24%;height:26%;top:48%}.card-left{left:-9%}.card-right{right:-9%}.lab-stage[data-mode=choice]{min-height:690px}.lab-stage[data-mode=choice] .scene-copy{top:8%;left:20px;right:20px}.lab-stage[data-mode=choice] .scene-copy h1{font-size:2.625rem}.lab-stage[data-mode=choice] .scene-copy>p:last-child{max-width:none;font-size:0.8125rem}.lab-stage[data-mode=choice] .scene-kicker{font-size:0.625rem}.drop-zone{width:132px;height:132px;top:47%}.drop-symbol{font-size:1.75rem}.drop-zone>span:not(.drop-symbol){font-size:1.125rem}.drop-zone small{font-size:0.4375rem}.choice-deck{gap:6px;width:94%;bottom:67px}.choice-card{flex:1 1 0;min-width:0;width:23%;padding:3px;max-height:180px;aspect-ratio:.55}.choice-card span{font-size:0.875rem;bottom:15px;left:0;right:0}.choice-card small{font-size:0.4375rem;letter-spacing:.06em}.choice-card:after{inset:4px}.choice-instruction{bottom:20px;left:20px;right:20px;font-size:0.75rem}.choice-card:hover{transform:translateY(-9px) rotate(0deg)}.lab-stage[data-mode=choice] .scene-status{top:12px;right:23px;font-size:0.625rem}.concept-panel.journey-active{height:270svh}}
.lab-stage[data-mode=choice]{--lab-rgb:inherit}.concept-explanation h2{max-width:450px}.scene-copy h1{overflow-wrap:anywhere}.choice-card:focus-visible{outline-offset:8px}.lab-tabs button{white-space:normal;min-width:0}.lab-tabs{min-width:0}.lab-header{min-height:82px;height:auto;flex-wrap:wrap;padding-block:12px}.lab-label{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){#lab-particles{display:none}.scene-base img{transform:none}.portal-edge{box-shadow:none}}