.how-hero{background:var(--white);padding:clamp(130px,16vh,170px) 0 clamp(4rem,8vw,6.5rem)}.how-title{letter-spacing:-.035em;max-width:15em;font-size:clamp(2.6rem,1.6rem + 3.6vw,4.5rem);line-height:1}.how-lede{max-width:34em;font-size:var(--step-lede);color:var(--ink-soft);margin-top:1.5rem;line-height:1.55}.doors{gap:1rem;margin-top:clamp(2.5rem,5vw,3.5rem);display:grid}@media (min-width:800px){.doors{grid-template-columns:1fr 1fr}}.door{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);transition:translate .5s var(--ease), box-shadow .5s var(--ease);gap:.45rem;padding:clamp(1.5rem,3vw,2.25rem) 4.5rem clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3vw,2.25rem);text-decoration:none;display:grid;position:relative}.door:hover{translate:0 -3px;box-shadow:0 30px 60px -40px #0a0a0c73}.door svg{width:22px;height:14px;transition:translate .4s var(--ease);position:absolute;top:clamp(1.5rem,3vw,2.25rem);right:clamp(1.5rem,3vw,2.25rem)}.door:hover svg{translate:5px}.door-tag,.story-tag,.chap-stage-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem;font-weight:800}.door-name{letter-spacing:-.035em;font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem);font-weight:300;line-height:1.05}.door-line{color:var(--ink-soft)}.door-dark{border-color:var(--ink);background:var(--ink);color:var(--white)}.door-dark .door-tag{color:var(--gold)}.door-dark .door-line{color:var(--mute)}.door-dark:focus-visible{outline-color:var(--gold)}.story-sec{padding-block:var(--section);scroll-margin-top:80px}.story-own{background:var(--paper)}.story-ours{background:var(--ink);color:var(--white)}.story-ours .lede{color:var(--mute)}.story-ours .story-tag,.story-ours .chap-stage-tag{color:var(--gold)}.story-ours :focus-visible{outline-color:var(--gold)}.story-grid{gap:3rem;display:grid}.story-side .lede{margin-top:1.25rem}.story-tag{margin-bottom:1rem}.story-media{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--line);margin:2rem 0;position:relative;overflow:hidden}.story-media img{object-fit:cover}@media (min-width:960px){.story-grid{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(3rem,7vw,7rem)}.story-side{position:sticky;top:110px}.story-ours .story-side{order:2}}.chapters{position:relative}.chapters:before,.chapters:after{content:"";border-radius:2px;width:2px;position:absolute;top:24px;bottom:24px;left:23px}.chapters:before{background:var(--line)}.chapters:after{background:var(--ink);transform-origin:top}.story-ours .chapters:before{background:#ffffff24}.story-ours .chapters:after{background:var(--gold)}.chap{padding:0 0 2.75rem 4.25rem;position:relative}.chap:last-child{padding-bottom:0}.chap-num{z-index:var(--z-raised);border:1.5px solid var(--line);background:var(--white);border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid;position:absolute;top:0;left:0}.story-ours .chap-num{background:var(--ink);border-color:#ffffff38}.story-ours .chap-stage .chap-num{border-color:var(--gold);background:var(--gold);color:var(--ink)}.chap h3{margin:.65rem 0 .5rem;font-size:clamp(1.3rem,1.15rem + .5vw,1.55rem)}.chap>p{max-width:36em;color:var(--ink-soft)}.story-ours .chap>p{color:var(--mute)}.chap-stage-tag{padding-top:.75rem}.chap-stage h3{margin-top:.35rem}.chap-who{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.chap-who span{border:1px solid var(--line);background:var(--white);color:var(--ink-soft);border-radius:999px;padding:.35rem .85rem;font-size:.88rem}.chap-who strong{color:var(--ink);margin-right:.3rem;font-weight:800}.chap-who .who-you strong{color:var(--violet)}.story-ours .chap-who span{color:var(--mute);background:0 0;border-color:#ffffff2e}.story-ours .chap-who strong{color:var(--white)}.story-ours .chap-who .who-you strong{color:var(--gold)}.mini-meters{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:30rem;margin:1.1rem 0 1rem;display:grid}.mini-label{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:.3rem;font-size:.72rem;font-weight:800;display:block}.mini-track{background:#ffffff24;border-radius:999px;height:6px;display:block;overflow:hidden}.mini-fill{width:calc(var(--lvl) / 4 * 100%);background:var(--white);transform-origin:0;border-radius:999px;height:100%;display:block}.mini-equity .mini-fill{background:var(--gold)}.mini-stipend .mini-fill{background:var(--violet)}.chap-unlocks{gap:.3rem;display:grid}.chap-unlocks li{padding-left:1.4rem;position:relative}.chap-unlocks li:before{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fdb022' d='M12 0c0 7 5 12 12 12-7 0-12 5-12 12 0-7-5-12-12-12 7 0 12-5 12-12Z'/></svg>") 50%/contain no-repeat;width:.8em;height:.8em;position:absolute;top:.4em;left:0}.how-compare{background:var(--white)}.cmp{border-collapse:collapse;width:100%}.cmp thead th{letter-spacing:.14em;text-align:left;text-transform:uppercase;color:var(--ink-soft);padding:0 1rem 1rem;font-size:.78rem;font-weight:800}.cmp tbody tr{border-top:1px solid var(--line)}.cmp tbody tr:last-child{border-bottom:1px solid var(--line)}.cmp tbody th{text-align:left;vertical-align:top;width:26%;padding:1.15rem 1rem 1.15rem 0;font-weight:700}.cmp td{vertical-align:top;color:var(--ink-soft);padding:1.15rem 1rem}@media (max-width:699px){.cmp thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cmp tbody tr{gap:.6rem;padding:1.2rem 0;display:grid}.cmp tbody th,.cmp td{width:auto;padding:0;display:block}.cmp td:before{content:attr(data-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:800;display:block}}.how-end{background:var(--ink);color:var(--white)}.how-end-inner{text-align:center;justify-items:center;display:grid}.how-end h2 em{color:var(--gold)}.how-end .lede{color:var(--mute);margin:1.25rem auto 0}.how-end .cta-row{justify-content:center}.how-end :focus-visible{outline-color:var(--gold)}.dock{z-index:var(--z-float);-webkit-backdrop-filter:blur(14px);max-width:calc(100% - 1.5rem);color:var(--white);opacity:0;transition:opacity .4s var(--ease), translate .6s var(--ease-slow);background:#0a0a0ce0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem;display:flex;position:fixed;bottom:clamp(.75rem,2.5vw,1.5rem);left:50%;translate:-50% 160%;box-shadow:0 24px 50px -24px #0009}.dock[data-show=true]{opacity:1;translate:-50%}.dock-label{color:var(--mute);white-space:nowrap;padding:0 .5rem 0 .9rem;font-size:.82rem;font-weight:700;display:none}.dock-seg{background:#ffffff14;border-radius:999px;padding:3px;display:flex}.dock-seg a{color:var(--mute);white-space:nowrap;transition:background-color .35s var(--ease), color .35s var(--ease);border-radius:999px;padding:.6rem .95rem;font-size:.9rem;font-weight:700;text-decoration:none}.dock-seg a:hover{color:var(--white)}.dock-seg a[aria-current=true]{background:var(--white);color:var(--ink)}.dock-long{display:none}.dock-start{background:var(--gold);color:var(--ink);white-space:nowrap;transition:background-color .3s var(--ease);border-radius:999px;align-items:center;gap:.4rem;padding:.65rem 1.05rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.dock-start:hover{background:var(--gold-bright)}.dock-start svg{width:16px;height:10px;transition:translate .35s var(--ease)}.dock-start:hover svg{translate:3px}.dock :focus-visible{outline-color:var(--gold)}@media (min-width:560px){.dock-long{display:inline}.dock-short{display:none}}@media (min-width:860px){.dock-label{display:inline}}@media (prefers-reduced-motion:no-preference){.how-title,.how-lede,.doors{animation:how-rise 1s var(--ease-slow) both}.how-lede{animation-delay:.1s}.doors{animation-delay:.2s}@keyframes how-rise{0%{opacity:0;transform:translateY(22px)}}@supports (animation-timeline:view()){.chapters{view-timeline-name:--chapters}.chapters:after{animation:linear both how-draw;animation-timeline:--chapters;animation-range:entry 40% exit 60%}.chap{animation:how-rise var(--ease-slow) both;animation-timeline:view();animation-range:entry entry 70%}.mini-fill{animation:how-fill var(--ease-slow) both;animation-timeline:view();animation-range:entry 20% cover 40%}@keyframes how-draw{0%{transform:scaleY(0)}}@keyframes how-fill{0%{transform:scaleX(0)}}}}
