/* Original Nosolocolor implementation of a scroll-driven story rail. */
.story-rail{--story-cream:#ffedd7;--story-ink:#100904;--story-accent:#dc5000;--story-line:rgba(255,237,215,.42);--story-pad:3.125vw;--story-gap:1.77778svh;--story-height:80svh;--story-parallax:14.8148svh;position:relative;background:transparent;color:var(--story-cream);isolation:isolate;padding:100px var(--story-pad)}
.story-rail,.story-rail *{box-sizing:border-box}.story-rail h2,.story-rail h3,.story-rail p,.story-rail figure{margin:0}.story-rail button,.story-rail a{font:inherit;color:inherit}.story-rail a{text-decoration:none}.story-rail img,.story-rail video{display:block;max-width:none}.story-rail button{cursor:pointer}.story-rail button:disabled{cursor:default;opacity:.3}.story-rail :focus-visible{outline:2px solid var(--story-cream);outline-offset:5px}.story-rail__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.story-rail__meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.story-rail__meta h2,.story-rail__skip{font-size:11px;font-weight:750;line-height:1.3;letter-spacing:.015em;text-transform:uppercase}.story-rail__skip{display:flex;align-items:center;gap:9px;min-height:34px}.story-rail__skip svg{width:15px;height:15px}.story-rail__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-card{position:relative;height:580px;min-width:0;background:#181615}.story-card__clipper,.story-card__inner{position:relative;width:100%;height:100%;overflow:hidden}.story-card__backdrop{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(30px) brightness(.32);opacity:.48;pointer-events:none}.story-card__media{position:absolute;inset:8% 8% 13%;min-width:0}.story-card__foreground{width:100%;height:100%;object-fit:contain;object-position:center}.story-card__copy{position:absolute;left:5%;right:5%;top:5%;pointer-events:none}.story-card__number{font-size:10px;font-weight:750;letter-spacing:.04em;margin-bottom:20px!important}.story-card h3{font-size:clamp(36px,4vw,70px);line-height:1.02;letter-spacing:-.055em;font-weight:750}.story-card h3 span{display:block}.story-card__note{font-size:15px;line-height:1.4;max-width:220px;margin-top:25px!important}.story-card__caption{position:absolute;bottom:4%;left:5%;right:5%;font-size:11px;line-height:1.35;font-weight:750;text-transform:uppercase;letter-spacing:.025em;pointer-events:none}.story-card--portrait .story-card__copy{display:none}.story-card--wide .story-card__copy{padding-right:10%;text-shadow:0 1px 15px #10090466}.story-card--hellboy{background:#1c1b19}.story-card--rabbit{background:#31242f}.story-card--marvel{background:#36190e}.story-card--maple{background:#34211c}.story-card--chameleon{background:#20251b}.story-card--orca{background:#16211f}.story-card--haine{background:#1b1b1b}.story-card--fairy{background:#24221b}.story-card__play{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:calc(100% - 20px);padding:10px 17px;border:1px solid var(--story-line);border-radius:100px;background:#100904d9;color:var(--story-cream);font-size:10px!important;font-weight:750!important;line-height:1.2;text-transform:uppercase;white-space:nowrap;z-index:3}.story-card__play svg{width:17px;height:17px;flex-shrink:0}.story-card.is-playing .story-card__play{background:#1009048c}.story-card.is-playing .story-card__play svg{display:none}.story-card.is-playing .story-card__play:before{content:"";width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}.story-card__play[hidden]{display:none!important}.story-rail__bottom{display:none}.story-rail__end{position:absolute;bottom:0;left:0;width:1px;height:1px;pointer-events:none}
/* Enhancement keeps the page's normal vertical scroll as the only timeline. */
.story-rail.is-ready{padding:0;min-height:100svh}.story-rail.is-ready .story-rail__sticky{position:sticky;top:0;height:100svh;overflow:hidden}.story-rail.is-ready .story-rail__meta{position:absolute;top:4.7%;left:var(--story-pad);right:var(--story-pad);z-index:5;margin:0}.story-rail.is-ready .story-rail__viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.story-rail.is-ready .story-rail__viewport:before{content:"";position:absolute;z-index:4;pointer-events:none;left:var(--story-pad);right:var(--story-pad);top:calc(10% + 7px);bottom:calc(10% + 7px);border:1px dashed rgba(255,237,215,.22)}
.story-rail.is-ready .story-rail__track{position:absolute;left:0;top:10%;height:80%;display:flex;flex-direction:row;gap:var(--story-gap);will-change:transform}.story-rail.is-ready .story-card{height:100%;width:calc(var(--story-height) * var(--story-ratio));flex:0 0 auto}.story-rail.is-ready .story-card__clipper{clip-path:inset(0 calc((1 - var(--story-reveal,1)) * 100%) 0 0);will-change:clip-path}.story-rail.is-ready .story-card__backdrop{inset:-10% auto -10% -7%;width:calc(114% + var(--story-parallax));height:120%;will-change:transform}.story-rail.is-ready .story-card__media{inset:0 1.8% 0 39%;padding:2.7% 1.4%}.story-rail.is-ready .story-card--portrait .story-card__media{inset:0;padding:4% 4% 11%}.story-rail.is-ready .story-card--wide .story-card__copy{left:4.4%;right:53%;top:8%;padding:0}.story-rail.is-ready .story-card--wide h3{font-size:clamp(45px,calc(var(--story-height) * .105),96px);line-height:1.01;letter-spacing:-.06em;overflow-wrap:normal}.story-rail.is-ready .story-card--wide .story-card__note{margin-top:30px!important;font-size:clamp(14px,1.3vw,19px);max-width:300px;font-weight:600}.story-rail.is-ready .story-card__number{font-size:clamp(10px,1.05vw,15px);margin-bottom:25px!important}.story-rail.is-ready .story-card__caption{left:4.4%;right:4.4%;bottom:4%;font-size:clamp(10px,1.05vw,14px)}.story-rail.is-ready .story-card--portrait .story-card__caption{padding:9px 10px;background:#100904b3;bottom:2%;font-size:12px}.story-rail.is-ready .story-card--marvel .story-card__media{left:43%;right:3%}.story-rail.is-ready .story-card--marvel .story-card__copy{right:51%}.story-rail.is-ready .story-card--fairy .story-card__media{left:42%;right:5%}.story-rail.is-ready .story-card--fairy .story-card__copy{right:49%}.story-rail.is-ready .story-rail__bottom{position:absolute;z-index:5;left:var(--story-pad);right:var(--story-pad);bottom:1.8%;display:flex;align-items:center;justify-content:space-between;gap:20px}.story-rail__controls{display:flex;align-items:center;gap:10px}.story-rail__controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px dashed var(--story-line);border-radius:50%;padding:8px;background:#10090470}.story-rail__controls button svg{width:21px;height:21px}.story-rail__controls [data-story-counter]{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}.story-rail__instruction{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:10px;font-weight:750}.story-rail__instruction svg{width:24px;height:24px}.story-rail__progress{display:none}
@supports not(height:100svh){.story-rail{--story-height:80vh;--story-gap:1.77778vh;--story-parallax:14.8148vh}.story-rail.is-ready .story-rail__sticky{height:100vh}}
@media(max-width:1000px) and (min-width:768px){.story-rail.is-ready .story-card--wide h3{font-size:clamp(38px,7svh,72px)}.story-rail.is-ready .story-card__caption{font-size:11px}.story-rail.is-ready .story-card__number{font-size:11px}.story-rail__meta h2,.story-rail__skip{font-size:11px}}
@media(max-width:767px){.story-rail{--story-pad:4.26667vw;padding:70px var(--story-pad)}.story-rail__track{grid-template-columns:1fr}.story-card{height:650px}.story-rail__meta h2,.story-rail__skip{font-size:10px}.story-rail.is-ready .story-rail__meta{top:5%;gap:12px}.story-rail.is-ready .story-rail__skip{font-size:9px}.story-rail.is-ready .story-rail__viewport:before{left:calc(var(--story-pad) - 6px);right:calc(var(--story-pad) - 6px);top:calc(10% - 6px);bottom:calc(10% - 6px)}.story-rail.is-ready .story-rail__track{display:block;left:var(--story-pad);right:var(--story-pad);top:10%;width:calc(100% - 2 * var(--story-pad));height:80%;gap:0;will-change:auto}.story-rail.is-ready .story-card{position:absolute;inset:0;width:100%;height:100%;background:var(--story-ink);will-change:transform}.story-rail.is-ready .story-card__clipper{clip-path:none;will-change:auto}.story-rail.is-ready .story-card__backdrop{inset:-5%;width:110%;height:110%;will-change:auto;filter:blur(26px) brightness(.25)}.story-rail.is-ready .story-card__inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:17px 14px 14px;gap:12px}.story-rail.is-ready .story-card--wide .story-card__copy,.story-rail.is-ready .story-card--portrait .story-card__copy{position:relative;inset:auto;z-index:2;grid-row:1;padding:0}.story-rail.is-ready .story-card--wide .story-card__number{margin-bottom:7px!important;font-size:9px}.story-rail.is-ready .story-card--wide h3{font-size:clamp(29px,8.5vw,41px);line-height:1;letter-spacing:-.055em}.story-rail.is-ready .story-card--wide .story-card__note{display:none}.story-rail.is-ready .story-card__media,.story-rail.is-ready .story-card--portrait .story-card__media,.story-rail.is-ready .story-card--marvel .story-card__media,.story-rail.is-ready .story-card--fairy .story-card__media{position:relative;inset:auto;grid-row:2;min-height:0;padding:0;z-index:1}.story-rail.is-ready .story-card--portrait .story-card__inner{grid-template-rows:minmax(0,1fr) auto}.story-rail.is-ready .story-card--portrait .story-card__media{grid-row:1}.story-rail.is-ready .story-card__foreground{width:100%;height:100%;object-fit:contain}.story-rail.is-ready .story-card__caption,.story-rail.is-ready .story-card--portrait .story-card__caption{position:relative;inset:auto;grid-row:3;z-index:2;padding:0;background:none;font-size:10px;line-height:1.3}.story-rail.is-ready .story-card--portrait .story-card__caption{grid-row:2}.story-card__play{bottom:7px;min-height:40px;padding:9px 12px;font-size:9px!important}.story-rail.is-ready .story-rail__bottom{bottom:1.5%;gap:12px}.story-rail__controls{gap:5px}.story-rail__controls button{width:44px;height:44px;min-width:44px}.story-rail__controls [data-story-counter]{min-width:44px;font-size:10px}.story-rail__instruction{display:none}.story-rail__progress{display:flex;align-items:center;gap:4px;width:45%;height:24px;flex-shrink:0}.story-rail__progress span{height:2px;min-width:0;flex:1;background:#6c5f51;transition:flex-grow .3s,background-color .3s}.story-rail__progress span.is-active{flex-grow:3;background:var(--story-accent)}}
@media(max-height:650px) and (min-width:768px){.story-rail.is-ready .story-card--wide h3{font-size:clamp(30px,9svh,60px)}.story-rail.is-ready .story-card__note{display:none}.story-rail.is-ready .story-card__caption{font-size:10px}.story-rail.is-ready .story-rail__meta{top:3%}}
@media(prefers-reduced-motion:reduce){.story-rail *{scroll-behavior:auto!important}.story-rail.is-ready .story-card__clipper{clip-path:none}.story-rail.is-ready .story-card__backdrop{will-change:auto;transform:none!important}.story-rail__progress span{transition:none}}
@media print{.story-rail,.story-rail.is-ready{height:auto!important;min-height:0;padding:30px;color:#100904;background:#ffedd7}.story-rail.is-ready .story-rail__sticky{position:relative;height:auto;overflow:visible}.story-rail.is-ready .story-rail__meta{position:relative;inset:auto;margin-bottom:20px}.story-rail.is-ready .story-rail__viewport{position:relative;inset:auto;overflow:visible}.story-rail.is-ready .story-rail__track{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;height:auto;transform:none!important;gap:15px}.story-rail.is-ready .story-card{position:relative;inset:auto;width:auto!important;height:420px;visibility:visible!important;opacity:1!important;transform:none!important;break-inside:avoid}.story-rail.is-ready .story-card__clipper{clip-path:none}.story-rail.is-ready .story-rail__bottom,.story-rail__skip,.story-card__play,.story-rail__viewport:before{display:none!important}}

.story-rail .story-rail__skip{font-size:11px;font-weight:750;line-height:1.3;text-transform:uppercase}@media(max-width:767px){.story-rail .story-rail__skip{font-size:9px}}