.story-tone--ting{--story-color:#e9d8ff;--story-accent:#5b22a6}.story-tone--paykit{--story-color:#a0ffbe;--story-accent:#121212}.story-tone--own{--story-color:var(--color-signal);--story-accent:var(--color-ink)}.story-portal{isolation:isolate;background:var(--color-ink);color:var(--color-bone);position:relative;overflow:clip}.story-portal__wash{z-index:-1;background:var(--story-color);opacity:.09;position:absolute;inset:0 0 0 52%}.story-portal__inner{flex-direction:column;min-height:calc(100svh - 4.4rem);padding-block:2rem 1.4rem;display:flex}.story-portal__byline,.story-portal__foot{font:.65rem/1.5 var(--font-spec);justify-content:space-between;gap:1rem;display:flex}.story-portal__byline>:first-child>span{color:var(--color-signal);margin-inline:.75rem}.story-portal__composition{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;padding-block:2.5rem;display:grid}.story-portal h1{z-index:2;font:550 clamp(3.5rem,6.7vw,7.5rem)/.98 var(--font-body);letter-spacing:-.07em;max-width:14ch;position:relative}.story-portal h1 span{display:block}.story-portal__words>p{max-width:34ch;margin-top:2rem;font-size:1rem}.story-portal__words>a{border-bottom:1px solid;align-items:center;gap:2rem;margin-top:2rem;padding-block:.75rem;font-size:.75rem;display:inline-flex}.story-portal__object{transform:rotate(-5deg)}.story-portal__object img{width:100%;height:auto;box-shadow:0 2rem 5rem #0003}.story-portal--phone .story-portal__object{width:min(58%,17rem);margin-inline:auto}.story-portal--phone .story-portal__object img{border:5px solid #121212;border-radius:1.5rem}.story-portal__foot{opacity:.7;border-top:1px solid #8885;padding-top:1.5rem}.story-sculpture{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.story-sculpture i{background:var(--story-color,var(--color-signal));border:2px solid;width:23%;height:72%;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s;position:absolute;transform:rotate(28deg);box-shadow:1rem 1rem #0002}.story-sculpture i:first-child{transform:translate(-85%)rotate(28deg)}.story-sculpture i:nth-child(2){transform:translate(-28%)rotate(28deg)}.story-sculpture i:nth-child(3){transform:translate(28%)rotate(28deg)}.story-sculpture i:nth-child(4){transform:translate(85%)rotate(28deg)}.story-sculpture>span{color:var(--color-ink);font:650 clamp(4rem,9vw,8rem) var(--font-body);letter-spacing:-.08em;position:relative}.story-notes{border-top:1px solid #8886;border-bottom:1px solid #8886;margin-block:2rem}.story-notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;font-size:1rem;display:flex}.story-notes summary span{font:.65rem/1.5 var(--font-spec);color:var(--color-fog)}.story-notes>div{max-width:70rem;padding:0 0 2rem}.story-notes>div>p{max-width:65ch;margin-bottom:1rem;font-size:.85rem}.story-notes[open] summary{color:var(--color-signal)}.story-playground,.story-versions{padding-block:clamp(3rem,7vw,7rem)}.story-playground__top{justify-content:space-between;align-items:end;gap:2rem;display:flex}.story-playground__top h2{font:550 clamp(2.5rem,5vw,4.8rem)/1 var(--font-body);letter-spacing:-.055em}.story-playground__top>p:last-child{font:.7rem var(--font-spec);color:var(--color-fog)}.story-machine{min-height:27rem;color:var(--story-color);background:color-mix(in srgb,var(--story-color) 7%,var(--color-ink));place-items:center;margin-block:2rem;display:grid;position:relative;overflow:hidden}.story-machine>.story-sculpture{max-width:27rem}[data-state="1"] .story-machine .story-sculpture i:nth-child(odd){transform:rotate(90deg)scale(.85)}[data-state="1"] .story-machine .story-sculpture i:nth-child(2n){transform:rotate(0)scale(.85)}[data-state="2"] .story-machine .story-sculpture i:first-child{transform:translate(-85%,-20%)rotate(45deg)}[data-state="2"] .story-machine .story-sculpture i:nth-child(2){transform:translate(-28%,10%)rotate(-25deg)}[data-state="2"] .story-machine .story-sculpture i:nth-child(3){transform:translate(28%,-10%)rotate(25deg)}[data-state="2"] .story-machine .story-sculpture i:nth-child(4){transform:translate(85%,20%)rotate(-45deg)}.story-controls{border-block:1px solid #8886;display:flex}.story-controls button{border:0;min-height:4.5rem;color:inherit;text-align:left;cursor:pointer;font:.65rem var(--font-spec);background:0 0;border-right:1px solid #8886;flex:1;align-items:center;gap:1rem;padding:.85rem;display:flex}.story-controls button>span:first-child{font:500 1rem var(--font-body);flex:1}.story-controls button[aria-pressed=true]{background:var(--story-color);color:var(--color-ink)}.story-playground__caption{min-height:4rem;margin-top:1.5rem;font-size:1.15rem}.story-home-link{border-bottom:1px solid #8886;justify-content:space-between;padding-block:1.5rem;font-size:1.4rem;display:flex}.story-disclaimer,.story-version-note{color:var(--color-fog);font:.65rem/1.7 var(--font-spec)}.story-machine__track{background:currentColor;width:80%;height:1px;position:absolute;top:47%;left:10%}.story-machine__ticket{background:var(--story-color);width:15%;height:40%;color:var(--color-ink);font:.55rem var(--font-spec);flex-direction:column;justify-content:space-between;padding:1rem;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:25%;left:6%}.story-machine__ticket strong{font-size:4rem;line-height:1}[data-state="1"] .story-machine__ticket{transform:translate(160%)}[data-state="2"] .story-machine__ticket{transform:translate(320%)}[data-state="3"] .story-machine__ticket{transform:translate(480%)}.story-machine__station{bottom:18%;left:calc(6% + var(--station)*24%);font:.6rem var(--font-spec);position:absolute}.story-version-stage{--split:50%;aspect-ratio:1.55;background:#f1f1f1;margin-top:3rem;position:relative;overflow:hidden}.story-version-stage figure{position:absolute;inset:0}.story-version-stage img{object-fit:contain;object-position:top;width:100%;height:100%}.story-version-overlay{clip-path:inset(0 0 0 var(--split));background:#f1f1f1}.story-version-divider{left:var(--split);background:var(--color-ink);width:2px;color:var(--color-ink);place-items:center;font-size:2rem;display:grid;position:absolute;top:0;bottom:0}.story-version-slider{font:.7rem/1.5 var(--font-spec);align-items:center;gap:1.5rem;margin-block:2rem;display:flex}.story-version-slider input{accent-color:var(--story-color);cursor:ew-resize;flex:1;min-width:5rem;min-height:2.75rem}.work-timeline{padding-block:6rem 2rem}.work-timeline h2{font:550 clamp(3rem,7.5vw,7.5rem)/.95 var(--font-body);letter-spacing:-.065em;margin:3rem 0}.work-timeline h2 em{color:var(--color-signal);font-style:normal}.timeline-nav{font:.75rem var(--font-spec);gap:2rem;margin-bottom:3rem;display:flex}.timeline-nav a{border-bottom:1px solid #8886;padding-block:.8rem}.timeline-chapter{background:var(--story-color);color:var(--color-ink);overflow:clip}.timeline-chapter__inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:48rem;padding-block:5rem;display:grid}.timeline-year{font:550 clamp(2.5rem,4vw,4rem)/1 var(--font-body);letter-spacing:-.055em;margin-bottom:3rem}.timeline-year span{font:.7rem var(--font-spec);letter-spacing:0}.timeline-chapter h3{font:550 clamp(3rem,5.8vw,5.5rem)/.98 var(--font-body);letter-spacing:-.065em;margin-block:1.5rem}.timeline-chapter__copy>p:not([class]){max-width:30ch;font-size:1rem}.timeline-chapter__copy>a{border-bottom:1px solid;margin-top:2rem;padding-block:.8rem;display:inline-block}.timeline-chapter__visual{display:block;position:relative}.timeline-chapter__visual img{width:100%;position:relative;transform:rotate(-5deg);box-shadow:0 2rem 3rem #0002}.timeline-chapter__visual--phone img{border:4px solid var(--color-ink);border-radius:1.5rem;width:min(54%,15rem);margin:auto}.timeline-word{font:700 clamp(5rem,12vw,12rem)/1 var(--font-body);letter-spacing:-.075em;opacity:.2;position:absolute;top:30%;left:50%;transform:translate(-50%)}.timeline-branches{margin-top:2rem}.timeline-branches a,.timeline-other a{border-bottom:1px solid #1114;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.85rem;display:flex}.timeline-other a{border-color:#8886}.story-case .plate--bone{background:var(--story-color)}.story-case.pk{--color-signal:#a0ffbe}@media (width<=47.99rem){.story-portal__wash{inset:54% 0 0}.story-portal__inner{min-height:auto;padding-block:1.5rem}.story-portal__byline{flex-wrap:wrap;font-size:.53rem}.story-portal__composition{grid-template-columns:1fr;gap:3rem;padding-block:3rem}.story-portal h1{max-width:15ch;font-size:clamp(3rem,12vw,5rem)}.story-portal__words>p{margin-top:1.2rem;font-size:.9rem}.story-portal__words>a{margin-top:1rem}.story-portal__object{width:90%;margin:auto}.story-portal--phone .story-portal__object{width:48%;max-width:13rem}.story-portal__foot{font-size:.5rem}.story-portal__foot>:last-child{text-align:right;max-width:12ch}.story-playground__top{display:block}.story-playground__top>p:last-child{margin-top:1rem}.story-machine{min-height:20rem}.story-controls{flex-wrap:wrap}.story-controls button{flex-basis:45%;gap:.5rem;min-height:3.75rem}.story-controls button>span:first-child{font-size:.85rem}.story-machine__ticket{width:18%;padding:.5rem;font-size:.4rem;left:3%}.story-machine__station{left:calc(3% + var(--station)*25%);font-size:.42rem}[data-state="1"] .story-machine__ticket{transform:translate(139%)}[data-state="2"] .story-machine__ticket{transform:translate(278%)}[data-state="3"] .story-machine__ticket{transform:translate(417%)}.story-version-slider{grid-template-columns:1fr 1fr;gap:.6rem;font-size:.55rem;display:grid}.story-version-slider input{grid-area:2/1/auto/-1;width:100%}.story-version-slider>span{text-align:right}.story-notes summary{font-size:.85rem}.story-notes summary span{text-align:right;max-width:16ch;font-size:.5rem}.timeline-nav{gap:1rem;font-size:.55rem}.timeline-chapter__inner{grid-template-columns:1fr;gap:3rem;min-height:0;padding-block:3rem}.timeline-chapter__visual{padding-block:1rem}.timeline-year{margin-bottom:2rem}.timeline-chapter h3{font-size:3.7rem}.timeline-word{font-size:27vw}.timeline-chapter__visual .story-sculpture{max-width:22rem;margin:auto}}@media (prefers-reduced-motion:reduce){.story-sculpture i,.story-machine__ticket{transition:none}}.story-inline-note{margin-top:.85rem}.story-inline-note summary{font:.7rem/1.6 var(--font-body);cursor:pointer;text-underline-offset:.2em;padding-block:.5rem;text-decoration:underline}.story-inline-note[open]{padding-bottom:1rem}.story-inline-note p{margin-top:.5rem}.story-portal__words{background:var(--color-ink);padding:1rem 1rem 1rem 0}@media (width<=47.99rem){.story-portal__words{background:0 0}}.story-portal__byline>:last-child,.story-portal__foot{background:var(--color-ink)}.story-portal__byline>:last-child{padding:.3rem .5rem}.story-portal__foot{opacity:1;color:var(--color-fog);padding-bottom:.4rem}.story-made{background:var(--color-ink);color:var(--color-bone);opacity:0;pointer-events:none;border:1px solid #8885;padding:1.5rem;transition:transform .7s,opacity .5s;position:absolute;inset:2rem 9%;transform:translateY(30px)scale(.9)}[data-state="2"] .story-made{opacity:1;transform:none}[data-state="2"] .story-machine:has(.story-made)>.story-sculpture{opacity:0}.story-made__nav{font:650 .7rem var(--font-body);align-items:center;display:flex}.story-made__nav>span{color:var(--color-signal)}.story-made__nav small{margin-left:auto;font-size:.5rem}.story-made__content{grid-template-columns:1.1fr 1fr;align-items:center;height:78%;display:grid}.story-made__content p{font:650 clamp(2rem,4vw,4rem)/.95 var(--font-body);letter-spacing:-.06em;z-index:1;position:relative}.story-made__content em{color:var(--color-signal);font-style:normal}.story-made__orb{aspect-ratio:1;border:2px solid var(--color-signal);width:100%;box-shadow:inset 1.5rem 0 0 var(--color-signal),inset -1.5rem 0 0 var(--color-signal);border-radius:50%;transform:rotate(-30deg)}.story-made__bottom{font:.55rem var(--font-spec);border-top:1px solid #8885;justify-content:space-between;padding-top:.8rem;display:flex}@media (width<=47.99rem){.story-made{padding:1rem;inset:2rem .75rem}.story-made__nav small{font-size:.35rem}.story-made__bottom{font-size:.4rem}}@media (prefers-reduced-motion:reduce){.story-made{transition:none}}.work-timeline .case-kicker{font:.65rem/1.5 var(--font-spec);letter-spacing:.05em;text-transform:uppercase}.story-home-link{gap:1.25rem}.story-home-link>span{flex-shrink:0}@media (width<=47.99rem){.story-home-link{font-size:1.15rem;line-height:1.4}}@media (prefers-reduced-motion:no-preference){[data-story-motion] .story-portal__wash{opacity:calc(.09 + .86 * var(--p,0))}[data-story-motion] .story-portal__object{transform:rotate(calc(-5deg * (1 - var(--p,0)))) translateY(calc(-8% * var(--p,0))) scale(calc(1 + .04 * var(--p,0)))}[data-story-motion] .story-portal__words{transform:translateY(calc(-8% * var(--pw,0)))}[data-story-motion] .timeline-chapter__visual{transform:translateY(calc(35px - 60px * var(--p,0))) rotate(calc(3deg - 4deg * var(--p,0)))}}