@layer components{.feather-slot{filter:drop-shadow(0 18px 22px #1f1f1f2e)}.feather-card{aspect-ratio:5/8;clip-path:url(#feather);background:radial-gradient(110% 70% at 32% 22%, #ffffff47, transparent 62%), linear-gradient(to bottom, var(--feather), color-mix(in srgb, var(--feather) 72%, #000));display:block;position:relative;overflow:hidden}.feather-card:before,.feather-card:after{content:"";pointer-events:none;width:50%;position:absolute;inset-block:0}.feather-card:before{background:repeating-linear-gradient(-32deg, color-mix(in srgb, var(--feather-ink) 15%, transparent) 0 1px, transparent 1px 9px);left:0}.feather-card:after{background:repeating-linear-gradient(32deg, color-mix(in srgb, var(--feather-ink) 15%, transparent) 0 1px, transparent 1px 9px);right:0}.feather-quill{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--feather-ink) 45%, transparent) 30%);border-radius:2px;width:2px;position:absolute;top:6%;bottom:0;left:50%;translate:-50%}@media (width>=768px){.values-track{height:240vh}.values-stage{justify-content:center;height:100svh;position:sticky;top:0}.values-fan{--card-w:clamp(150px, 16vw, 240px);height:calc(var(--card-w) * 1.6 + 56px);position:relative}.feather-slot{--t:clamp(0, calc((var(--fan,0) - var(--i) * .1) / .7), 1);--e:calc(var(--t) * var(--t) * (3 - 2 * var(--t)));--k:calc(var(--i) - 1.5);width:var(--card-w);margin-left:calc(var(--card-w) / -2);transform-origin:50% 160%;transform:translateX(calc(var(--k) * var(--card-w) * 1.06 * var(--e))) translateY(calc(var(--k) * var(--k) * 9px * var(--e))) rotate(calc(var(--k) * (3deg + 4deg * var(--e))));will-change:transform;position:absolute;bottom:28px;left:50%}[dir=rtl] .feather-slot{--k:calc(1.5 - var(--i))}}.process-path{fill:none;stroke:var(--color-brand);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.1 12}.process-path.is-faint{stroke:#f7f4ee24}.process-number{transition:-webkit-text-stroke-color .6s}.process-card{transition:border-color .6s}@media (width>=1024px){.process-track{height:270vh}.process-stage{justify-content:center;height:100svh;position:sticky;top:0}.process-step{opacity:.38;transition:opacity .6s}.process-step[data-reached]{opacity:1}}.flock-icon{color:#1f1f1f8c;background:#1f1f1f0f;transition:background-color .4s,color .4s,rotate .5s cubic-bezier(.22,1,.36,1)}.flock-bar{background:var(--flock);transform-origin:0;transition:scale .5s cubic-bezier(.22,1,.36,1);scale:0 1}[dir=rtl] .flock-bar{transform-origin:100%}.flock-card{transition:translate .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}@media (hover:hover){.flock-card:hover{translate:0 -6px;box-shadow:0 24px 40px -24px #1f1f1f59}.flock-card:hover .flock-icon{background:var(--flock);color:var(--flock-ink);rotate:-8deg}.flock-card:hover .flock-bar{scale:1}}@media (hover:none){.flock-icon{background:var(--flock);color:var(--flock-ink)}}@media (prefers-reduced-motion:reduce){.story-word{opacity:1!important}.values-track,.process-track{height:auto}.values-stage,.process-stage{height:auto;position:static}.feather-slot{--t:1}.process-step{opacity:1}.process-reveal{stroke-dasharray:none!important}}}