.column-finale{position:relative;height:320svh;background:var(--cobalt);color:var(--paper);isolation:isolate}.columns-pin{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#4475ae 0%,#1f4e8c 60%,#153b6c 100%)}.columns-topline,.columns-bottomline{position:absolute;left:5%;right:5%;z-index:12;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.12em;color:#d1dcff}.columns-topline{top:30px;border-bottom:1px solid #ffffff30;padding-bottom:20px}.columns-bottomline{bottom:30px;align-items:center;gap:35px}.columns-progress{height:1px;background:#ffffff30;flex:1;max-width:360px;overflow:hidden}.columns-progress i{display:block;width:100%;height:1px;background:#14375f;transform-origin:left;transform:scaleX(var(--passage-progress,0))}.columns-vault{position:absolute;inset:0;overflow:hidden}.columns-horizon{position:absolute;left:50%;top:44%;width:28vw;height:28vw;border:1px solid #ffffff18;border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--passage-progress,0)*3));box-shadow:0 0 100px #d1deff17,inset 0 0 100px #d1deff12}.columns-floor{position:absolute;bottom:-40%;left:-50%;width:200%;height:90%;transform:perspective(450px) rotateX(65deg);transform-origin:center top;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#ffffff16 10%),repeating-linear-gradient(0deg,transparent 0,transparent 14%,#ffffff16 15%);mask-image:linear-gradient(transparent,#000 35%);opacity:.7}.passage-column{position:absolute;left:50%;top:52%;width:29svh;height:104svh;object-fit:contain;max-width:none;transform-origin:center;will-change:transform,opacity;filter:drop-shadow(14px 25px 18px #0b1b6c40);pointer-events:none}.passage-column[data-depth="2.5"]{opacity:.45;transform:translate(-50%,-50%) translateX(calc(var(--side,1)*14vw)) scale(.4)}.passage-column[data-depth="1.65"]{opacity:.65;transform:translate(-50%,-50%) translateX(calc(var(--side,1)*23vw)) scale(.6)}.passage-column[data-depth="1"]{opacity:1;transform:translate(-50%,-50%) translateX(calc(var(--side,1)*38vw)) scale(1)}.passage-column[data-side="-1"]{--side:-1}.columns-glow{position:absolute;inset:0;background:radial-gradient(ellipse 22% 36% at center,#1f4e8c20,#1f4e8c00 100%);pointer-events:none}.columns-intro,.columns-outro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9;text-align:center;padding:80px 5% 100px;pointer-events:none}.columns-intro>span,.columns-outro>span{font:9px monospace;letter-spacing:.15em;color:#e0e8ff}.columns-intro p{font-size:clamp(48px,7.8vw,115px);line-height:.98;letter-spacing:-.055em;font-weight:400;color:white;margin:30px 0}.columns-intro em,.columns-outro em{font-family:'Instrument Serif',serif;letter-spacing:-.035em}.columns-outro{opacity:var(--outro-opacity,0);transform:translateY(var(--outro-y,30px)) scale(var(--outro-scale,.94));visibility:hidden}.columns-outro.is-revealed{visibility:visible}.columns-outro h2{font-size:clamp(48px,7vw,108px);font-family:'DM Sans',sans-serif;font-weight:400;color:white;line-height:1.04;letter-spacing:-.06em;margin:30px 0 35px}.columns-outro a{display:inline-flex;align-items:center;gap:30px;background:var(--paper);color:var(--ink);padding:17px 24px;font-size:12px;pointer-events:auto;min-height:48px;transition:background .25s}.columns-outro a:hover{background:#14375f}.columns-skip{position:absolute;z-index:12;bottom:65px;right:5%;font-size:11px;color:#d8e2ff;min-height:44px;display:flex;align-items:center;opacity:.75}.columns-skip:hover{opacity:1}.motion-reduced .column-finale{height:100svh;min-height:650px}.motion-reduced .columns-pin{position:relative}.motion-reduced .columns-intro{display:none}.motion-reduced .columns-outro{visibility:visible;opacity:1;transform:none}.motion-reduced .columns-progress,.motion-reduced .columns-bottomline>span:first-child{display:none}.motion-reduced .passage-column{will-change:auto}
@media(max-width:760px){.column-finale{height:280svh}.columns-topline,.columns-bottomline{left:6%;right:6%;font-size:7px;letter-spacing:.08em}.columns-topline{top:24px;padding-bottom:16px}.columns-topline span:last-child{max-width:115px;text-align:right}.columns-bottomline{bottom:23px;gap:20px}.columns-bottomline>span:last-child{display:none}.columns-progress{max-width:150px}.passage-column{height:90svh;width:25svh}.columns-intro p{font-size:clamp(44px,11vw,65px);margin-top:23px}.columns-intro>span,.columns-outro>span{font-size:8px;letter-spacing:.06em}.columns-outro h2{font-size:clamp(40px,10vw,62px);line-height:1.08;max-width:390px}.columns-outro a{font-size:11px;padding:15px 18px;gap:20px}.columns-intro,.columns-outro{padding-bottom:90px}.columns-skip{right:6%;bottom:55px;font-size:10px}.columns-floor{opacity:.4}}
@media(prefers-reduced-motion:reduce){.column-finale{height:100svh;min-height:650px}.columns-pin{position:relative}.columns-intro{display:none}.columns-outro{visibility:visible;opacity:1;transform:none}.columns-progress{display:none}}
.passage-column{width:70svh;height:105svh;object-fit:fill}.columns-glow{background:radial-gradient(ellipse 26% 44% at center,#1f4e8cbd 0%,#1f4e8c45 68%,transparent 100%)}.columns-intro p,.columns-outro h2{text-shadow:0 4px 30px #163e7480}@media(max-width:760px){.passage-column{width:60svh;height:90svh}.columns-glow{background:radial-gradient(ellipse 36% 37% at center,#1f4e8ce0 0%,#1f4e8c50 70%,transparent 100%)}}
.columns-outro em{margin-left:.05em}
@media(max-width:760px){.columns-glow{background:radial-gradient(ellipse 80% 32% at center,#1f4e8cf0 0%,#1f4e8cbd 45%,#1f4e8c00 100%)}}