.sptl-module{--sptl-bg:#f5f5f5;--sptl-card-bg:#fff;--sptl-card-border:#e0e0e0;--sptl-card-hover:#f9f9f9;--sptl-spine:#d0d0d0;--sptl-node:#aaa;--sptl-node-active:#000;--sptl-year:#000;--sptl-text:#444;--sptl-text-muted:#999;--sptl-accent:#000;--sptl-nav-bg:#fff;--sptl-nav-border:#ddd;--sptl-progress-bg:#e0e0e0;--sptl-progress-bar:#000;--sptl-card-gap:40px;--sptl-track-pad-v:60px;--sptl-radius:2px;background-color:var(--sptl-bg);color:var(--sptl-text);overflow:hidden;padding:80px 0 60px;position:relative}.sptl-module:before{background-image:radial-gradient(circle,#ccc 1px,transparent 0);background-size:28px 28px;content:"";inset:0;opacity:.45;pointer-events:none;position:absolute;z-index:0}.sptl-intro{letter-spacing:.02em;margin:0 auto;max-width:720px;padding:0 40px 56px;position:relative;text-align:center;z-index:1}.sptl-intro h1,.sptl-intro h2,.sptl-intro h3{color:#000;font-weight:300;letter-spacing:.12em;line-height:1.2;margin:0 0 12px;text-transform:uppercase}.sptl-intro p{color:var(--sptl-text);font-weight:400;line-height:1.65;margin:0}.sptl-wrapper{gap:0;position:relative;z-index:1}.sptl-nav,.sptl-wrapper{align-items:center;display:flex}.sptl-nav{background:var(--sptl-nav-bg);border:1px solid var(--sptl-nav-border);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.08);color:#888;cursor:pointer;flex-shrink:0;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease,border-color .2s ease,box-shadow .2s ease;width:44px;z-index:10}.sptl-nav svg{height:18px;width:18px}.sptl-nav:hover{border-color:#aaa;box-shadow:0 2px 8px rgba(0,0,0,.12);color:#000}.sptl-nav:focus-visible{outline:2px solid #000;outline-offset:3px}.sptl-nav[disabled]{opacity:.25;pointer-events:none}.sptl-nav--prev{left:16px}.sptl-nav--next{right:16px}.sptl-track-outer{container-type:inline-size;flex:1;overflow:hidden;padding:var(--sptl-track-pad-v) 80px;position:relative}.sptl-spine{background:var(--sptl-spine);height:1px;left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.sptl-track{align-items:flex-start;display:flex;flex-direction:row;gap:var(--sptl-card-gap);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding-bottom:4px}.sptl-track:active{cursor:grabbing}.sptl-track::-webkit-scrollbar{display:none}.sptl-item{align-items:center;display:flex;flex:0 0 var(--sptl-card-w,calc(33.33333cqi - 26.66667px));flex-direction:column;gap:24px;position:relative;scroll-snap-align:start}.sptl-node{flex-shrink:0;height:14px;position:relative;width:14px}.sptl-node-ring{border:1px solid var(--sptl-node);inset:-5px;transition:border-color .3s ease}.sptl-node-dot,.sptl-node-ring{border-radius:50%;position:absolute}.sptl-node-dot{background:var(--sptl-node);inset:3px;transition:background .3s ease}.sptl-item:hover .sptl-node-ring{border-color:#666}.sptl-item:hover .sptl-node-dot{background:#000}.sptl-card{background:var(--sptl-card-bg);border:1px solid var(--sptl-card-border);border-radius:var(--sptl-radius);box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;width:100%;will-change:transform}.sptl-item:hover .sptl-card{border-color:#bbb;box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.sptl-card__media{aspect-ratio:16/9;background:#eee;overflow:hidden;position:relative;width:100%}.sptl-card__img{display:block;filter:grayscale(20%) brightness(1.02);height:100%;object-fit:cover;transition:filter .3s ease,transform .5s ease;width:100%}.sptl-item:hover .sptl-card__img{filter:grayscale(0) brightness(1.05);transform:scale(1.03)}.sptl-card__body{padding:20px}.sptl-card__year{color:var(--sptl-year);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.22em;margin-bottom:10px;text-transform:uppercase}.sptl-card__content{color:var(--sptl-text);line-height:1.65}.sptl-card__content h1,.sptl-card__content h2,.sptl-card__content h3,.sptl-card__content h4,.sptl-card__content h5,.sptl-card__content h6{color:#111;font-weight:500;letter-spacing:.02em;margin:0 0 6px}.sptl-card__content p{margin:0 0 8px}.sptl-card__content p:last-child{margin-bottom:0}.sptl-card__content a{border-bottom:1px solid #ccc;color:#333;text-decoration:none;transition:color .2s,border-color .2s}.sptl-card__content a:hover{border-color:#555;color:#000}.sptl-progress{background:var(--sptl-progress-bg);border-radius:1px;height:1px;margin:24px auto 0;max-width:calc(100% - 160px);overflow:hidden;position:relative;z-index:1}.sptl-progress__bar{background:var(--sptl-progress-bar);border-radius:1px;height:100%;transition:width .1s linear;width:0;will-change:width}@media (max-width:1024px){.sptl-item{flex-basis:calc(50cqi - 20px)!important}}@media (max-width:640px){.sptl-module{padding:60px 0 40px}.sptl-item{flex-basis:100cqi!important}.sptl-nav--prev{left:8px}.sptl-nav--next{right:8px}.sptl-track-outer{padding:48px 60px}.sptl-progress{max-width:calc(100% - 40px)}}