:root{--bg:#fff;--fg:#111;--muted:rgba(17, 17, 17, 0.7);--year:#2a2a2a;--cardBg:rgba(255, 255, 255, 0);--cardBorder:rgba(0, 0, 0, 0.08);--yearLayerOpacity:1;--panel-pad:6vh 2vw;--tile-radius:6px;--shadow:0 18px 50px rgba(0, 0, 0, 0.14)}body{background-color:var(--bg);color:var(--fg);overflow-x:hidden}.spacing-section{height:100vh;padding:5rem;display:flex;justify-content:center;align-items:center}.spacing-section h1{font-size:7rem;text-transform:uppercase}.timeline{position:relative}.panels{list-style-type:none;margin:0;padding:0}.panel{height:100svh;padding:var(--panel-pad);margin-bottom:50vh;position:relative}.panel__stage{position:relative;width:100%;height:100%}.tile{position:absolute;width:var(--w,30vw);z-index:var(--z,1)}.tile__box{position:relative;width:100%;aspect-ratio:var(--ratio,16/9);overflow:hidden;border-radius:var(--tile-radius);box-shadow:var(--shadow);background-color:rgba(127,127,127,.12)}.tile__box.text-only__box{aspect-ratio:unset}.tile__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);will-change:transform,opacity}.tile__text{padding:clamp(14px,2vw,22px);display:grid;gap:10px;align-content:start;opacity:0;transform:translateY(24px);will-change:opacity,transform;background:var(--cardBg);border:1px solid var(--cardBorder);backdrop-filter:blur(10px)}.tile__text h3{font-size:32px}.tile__text p{font-size:18px}.pos-top-left{top:0;left:0}.pos-top-left-10{top:10%;left:0}.pos-bottom-left-0{left:0;bottom:0}.pos-top-right{top:0;right:0}.pos-bottom-left{left:0;bottom:0}.pos-top-right-10{right:0;top:2%}.pos-bottom-left-10{left:10%;bottom:10%}.pos-bottom-right{bottom:0;right:0}.pos-bottom-right-10{bottom:0;right:10%}.pos-top-quarter-left{left:0;top:25%}.pos-bottom-center-lg{bottom:0;left:50%;transform:translateX(-50%)}.pos-bottom-center-lg-10{bottom:-10%;left:50%;transform:translateX(-50%)}.pos-center-bottom{bottom:50%;left:50%;transform:translate(-50%,-50%)}.years-layer{position:absolute;inset:0;z-index:-1;opacity:var(--yearLayerOpacity);pointer-events:none}.years-wrapper{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.year{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;clip-path:inset(2% 0 2% 0);color:var(--year);line-height:.86}.char{display:inline-block;font-weight:400;letter-spacing:.02rem;font-size:25rem;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.tile__media,.tile__text{opacity:1!important;transform:none!important}}