@layer components{.k-story,.k-story__frame{position:relative}.k-story__column{display:none}.k-story__hero{position:relative;display:flex;flex-direction:column;padding-block:3rem 2.5rem}.k-story__radio-box{position:relative;width:150%;max-width:none;margin-top:2.5rem;margin-right:-1.25rem}.k-story__radio{position:relative;transform-origin:0 50%}.k-story__rings{left:30%;top:52%;width:1500px;height:1500px;translate:-50% -50%}.k-story__beat{position:relative;padding-block:3.5rem;border-top:1px solid var(--k-line)}.k-story__beat-grid{display:flex;flex-direction:column;gap:2rem}.k-story__fill{position:absolute;inset:0;clip-path:inset(0 0 0 0)}@media (min-width:640px){.k-story__hero{padding-top:4rem}.k-story__radio-box{width:118%;margin-top:3.5rem}}@media (min-width:1024px){.k-story__hero{min-height:calc(100vh - 4rem);justify-content:center;padding-block:3rem}.k-story__radio-box{position:absolute;left:calc(50% + 16px);top:50%;width:min(980px,84vw,calc((100vh - 6rem) * 1.4));margin:0;translate:0 -50%}.k-story__beat{padding-block:5.5rem}.k-story__beat-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start}}@keyframes k-story-copy{0%,7%{opacity:1;transform:none}14%,to{opacity:0;transform:translateY(-40px)}}@keyframes k-story-radio{0%,8%{transform:none}20%,to{transform:translateX(var(--k-radio-dx,0)) scale(var(--k-radio-s,1))}}@keyframes k-story-beat-1{0%,14%{opacity:0;transform:translateY(36px)}20%,41%{opacity:1;transform:none}45%,to{opacity:0;transform:translateY(-36px)}}@keyframes k-story-beat-2{0%,46%{opacity:0;transform:translateY(36px)}51%,76%{opacity:1;transform:none}80%,to{opacity:0;transform:translateY(-36px)}}@keyframes k-story-beat-3{0%,81%{opacity:0;transform:translateY(36px)}86%,to{opacity:1;transform:none}}@keyframes k-story-ink{0%{opacity:.16;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes k-story-print{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes k-story-fill{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.k-story__line.k-scroll-anim,.k-story__point.k-scroll-anim{animation:k-story-ink ease-out both;animation-timeline:view();animation-range:entry 10% entry 70%}.k-story__fill.k-scroll-anim{animation:k-story-fill linear both;animation-timeline:view();animation-range:cover 20% cover 60%}}}@supports (animation-timeline:view()){@media (min-width:1024px) and (min-height:640px) and (prefers-reduced-motion:no-preference){.k-story{height:300vh;view-timeline-name:--k-story;view-timeline-inset:4rem 0}.k-story__stage{position:sticky;top:4rem;height:calc(100vh - 4rem);overflow:hidden}.k-story__frame{height:100%;display:grid;grid-template-columns:min(36rem,46vw) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center}.k-story__column{display:block;grid-area:1/1;align-self:stretch}.k-story__hero{display:contents}.k-story__beat,.k-story__copy{grid-area:1/1;min-width:0}.k-story__beat{padding:0;border:0}.k-story__frame:not([data-beat="1"]) .k-story__beat--1,.k-story__frame:not([data-beat="2"]) .k-story__beat--2,.k-story__frame:not([data-beat="3"]) .k-story__beat--3,.k-story__frame[data-beat]:not([data-beat="0"]) .k-story__copy{pointer-events:none}.k-story__beat-grid{display:flex;flex-direction:column;gap:1.5rem}.k-story__beat.k-scroll-anim,.k-story__copy.k-scroll-anim,.k-story__radio.k-scroll-anim{animation-timing-function:ease-out;animation-fill-mode:both;animation-timeline:--k-story;animation-range:contain 0 contain 100%}.k-story__copy.k-scroll-anim{animation-name:k-story-copy}.k-story__radio.k-scroll-anim{animation-name:k-story-radio;animation-timing-function:ease-in-out}.k-story__beat--1.k-scroll-anim{animation-name:k-story-beat-1}.k-story__beat--2.k-scroll-anim{animation-name:k-story-beat-2}.k-story__beat--3.k-scroll-anim{animation-name:k-story-beat-3}.k-story__fill.k-scroll-anim{animation-timeline:--k-story;animation-range:contain 50% contain 70%}.k-story__line.k-scroll-anim{animation-timeline:--k-story}.k-story__line.k-scroll-anim[data-i="0"]{animation-range:contain 53% contain 57%}.k-story__line.k-scroll-anim[data-i="1"]{animation-range:contain 57% contain 61%}.k-story__line.k-scroll-anim[data-i="2"]{animation-range:contain 61% contain 65%}.k-story__line.k-scroll-anim[data-i="3"]{animation-range:contain 65% contain 69%}.k-story__point.k-scroll-anim{animation-timeline:--k-story}.k-story__point.k-scroll-anim[data-i="0"]{animation-range:contain 84% contain 87%}.k-story__point.k-scroll-anim[data-i="1"]{animation-range:contain 86% contain 89%}.k-story__point.k-scroll-anim[data-i="2"]{animation-range:contain 88% contain 91%}.k-story__point.k-scroll-anim[data-i="3"]{animation-range:contain 90% contain 93%}.k-story__point.k-scroll-anim[data-i="4"]{animation-range:contain 92% contain 96%}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.k-rise-in.k-scroll-anim{animation:k-story-print ease-out both;animation-timeline:view();animation-range:entry calc(var(--i, 0) * 8%) entry calc(55% + var(--i, 0) * 8%)}}}.k-close__radio{transform:none}@keyframes k-close-radio{0%{transform:translateY(28px)}to{transform:translateY(-28px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.k-close__radio.k-scroll-anim{animation:k-close-radio linear both;animation-timeline:view();animation-range:cover 0 cover 100%}}}.k-nav-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:color-mix(in oklab,var(--k-marigold) 45%,var(--k-line-strong));display:none}.k-nav-progress__ink{position:absolute;inset:0;background:var(--k-lotus);transform-origin:left center;transform:scaleX(0)}@keyframes k-nav-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.k-nav-progress{display:block}.k-nav-progress__ink.k-scroll-anim{animation:k-nav-fill linear both;animation-timeline:scroll(root)}}}.k-brass-rule{height:1px;background:color-mix(in oklab,var(--k-marigold) 40%,var(--k-line-strong))}}@supports (animation-timeline:view()){@media (min-width:1024px) and (min-height:640px) and (max-height:840px) and (prefers-reduced-motion:no-preference){.k-story__head h2{font-size:clamp(1.75rem,2.7vw,2.3rem)}.k-story__beat-grid{gap:1.1rem}.k-story__extra,.k-story__line[data-i="3"],.k-story__point[data-i="3"]{display:none}.k-story__line{padding-block:.55rem}}}