.hero-split{display:grid;gap:1.4rem;align-items:center;padding-bottom:1.2rem;min-width:0;max-width:100%}.hero-copy .display span.today{color:var(--blue-ink)}.hero-copy .display span.tmrw{color:var(--red-ink)}.hero-copy .display.typewriter{position:relative}.typewriter-live{display:none}.typewriter.is-typing .typewriter-ghost{visibility:hidden}.typewriter.is-typing .typewriter-live{display:block;position:absolute;inset:0}.type-cursor{display:inline-block;width:.085em;height:.78em;margin-left:.08em;background:currentColor;vertical-align:.04em;animation:type-blink .72s step-end infinite}.type-cursor.is-hidden{visibility:hidden;animation:none}@keyframes type-blink{50%{opacity:0}}.hero-copy{min-width:0;max-width:100%}.hero-art{justify-self:center;width:min(100%,16rem);max-width:100%;overflow:hidden}.hero-art .mark,.hero-art svg{width:100%;max-width:100%;height:auto;overflow:hidden}.axis{display:flex;align-items:center;gap:.7rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:.4rem 0 1.2rem}.axis b{color:var(--blue-ink);font-weight:800}.axis em{color:var(--red-ink);font-style:normal;font-weight:800}.axis .line{flex:1;height:3px;background:linear-gradient(90deg,var(--blue),var(--ink) 48%,var(--red));transform-origin:left;transform:scaleX(0)}.hero-split.in .axis .line{transform:scaleX(1);transition:transform 1.1s cubic-bezier(.22,1,.36,1) .2s}.after-hero{margin-top:.4rem}.slab{font-weight:800;font-size:clamp(2rem,8vw,5rem);letter-spacing:-.06em;line-height:.9;overflow-wrap:anywhere;margin:2.4rem 0 .85rem}.slab em{font-style:normal;color:var(--blue)}.slab-rule{border-bottom:var(--seam) solid var(--ink);padding-bottom:.85rem;margin-bottom:0}.ledger{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:1fr;border-top:var(--seam) solid var(--ink);border-bottom:var(--seam) solid var(--ink);overflow:hidden;width:calc(100% + (2 * var(--stage-pad-x)));max-width:none;margin-left:calc(-1 * var(--stage-pad-x));margin-right:calc(-1 * var(--stage-pad-x))}.ledger li{padding:1.1rem 1.15rem;min-height:0}.ledger li:nth-child(1){background:linear-gradient(160deg,#eef3ff,#fff)}.ledger li:nth-child(1) strong{color:var(--ink)}.ledger li:nth-child(2){background:#fff;box-shadow:inset 0 0 0 3px var(--blue)}.ledger li:nth-child(2) strong{color:var(--blue-ink)}.ledger li:nth-child(3){background:var(--ink);color:#fff}.ledger li:nth-child(3) strong{color:#fff}.ledger li:nth-child(3) span{color:#ffffffc7}.ledger li:nth-child(4){background:linear-gradient(145deg,#1a1a1a,#3a1014);color:#fff}.ledger li:nth-child(4) strong{color:#fff}.ledger li:nth-child(4) span{color:#ffffffc7}.ledger li:not(:last-child){border-bottom:var(--seam) solid var(--ink)}.ledger strong{display:block;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800;letter-spacing:-.05em;line-height:.95}.ledger span{display:block;margin-top:.3rem;font-size:.78rem;color:var(--muted)}.live-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--red);margin-right:.35rem;vertical-align:.12rem;box-shadow:0 0 #e31c2499;animation:live 1.8s ease-out infinite}.ways-band{background:var(--ink);margin:1.5rem calc(-1 * var(--stage-pad-x)) 0;color:#fff}.ways-head{padding:.55rem 1rem .5rem;border-bottom:1px solid #2a2a2a}.ways-head .slab{margin:0;font-size:clamp(1.35rem,3.4vw,1.85rem);line-height:1;color:#fff}.ways-head .slab em{color:#8fb0ff}.ways{display:grid;grid-template-columns:1fr;gap:2px;background:var(--ink);margin:0}.way{background:#fff;color:var(--ink);padding:.8rem .9rem .9rem;display:grid;grid-template-columns:2.6rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.6rem;row-gap:.4rem;align-items:center;align-content:start;min-width:0}.way h2{margin:0;font-size:1.05rem;letter-spacing:-.03em;grid-column:2;grid-row:1}.way p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.4;grid-column:1 / -1;grid-row:2}.way-0 h2{color:var(--blue-ink)}.way-2 h2{color:var(--red-ink)}.way .mark{grid-column:1;grid-row:1;width:2.6rem;height:2.6rem;overflow:hidden}.way .mark svg{width:100%;height:100%;overflow:hidden}.way:hover .mark{transform:translateY(-.15rem) scale(1.08)}.tracks{display:grid;gap:1px;background:var(--ink);margin-bottom:1rem}.track{background:var(--paper);padding:1.3rem 1.15rem 1.5rem;display:grid;gap:.85rem;min-height:0}.track h2{font-size:clamp(1.7rem,6vw,2.5rem);line-height:.92;letter-spacing:-.045em;margin:0 0 .5rem}.track .lede{margin-bottom:.6rem;font-size:.98rem}.track-visual{width:6.4rem;transition:transform .45s cubic-bezier(.22,1.2,.36,1)}.track:hover .track-visual{transform:translate(.15rem,-.2rem) rotate(3deg)}.ticks{list-style:none;margin:.4rem 0 .9rem;padding:0;display:grid;gap:.35rem}.ticks li{display:grid;grid-template-columns:1.6rem 1fr;gap:.45rem;font-size:.88rem;color:var(--muted)}.ticks span{font-weight:800;color:var(--blue-ink);font-size:.72rem;letter-spacing:.06em}.ticks li:last-child span{color:var(--red-ink)}.mark{transition:transform .45s cubic-bezier(.22,1.2,.36,1)}.mark svg{width:100%;height:auto;display:block;overflow:hidden;max-width:100%}.mark-rise .mark-float{transform-origin:110px 208px;animation:rise-bob 5.5s ease-in-out infinite}.mark-rise .mark-pulse{animation:pulse 3.2s ease-in-out infinite}.mark-rise .mark-pulse.delay{animation-delay:1.1s}.swoop{stroke-dasharray:280;stroke-dashoffset:280;animation:draw 1.6s ease forwards}.swoop.red{animation-delay:.25s}.draw{stroke-dasharray:180;stroke-dashoffset:180;animation:draw 1.4s ease forwards}.grow{transform-box:fill-box;transform-origin:left center;animation:grow-x 1.2s ease forwards}.grow.delay{animation-delay:.2s}.bar{transform-box:fill-box;transform-origin:bottom;transform:scaleY(.2);animation:grow-y .9s cubic-bezier(.22,1.2,.36,1) forwards}.bar.delay{animation-delay:.12s}.bar.delay2{animation-delay:.24s}.reveal{opacity:0;transform:translate3d(0,1.4rem,0)}.reveal.in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}@keyframes rise-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.35);opacity:.7}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes grow-x{0%{transform:scaleX(.15)}to{transform:scaleX(1)}}@keyframes grow-y{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes live{0%{box-shadow:0 0 #e31c248c}to{box-shadow:0 0 0 .7rem #e31c2400}}@media(min-width:480px){.ledger{grid-template-columns:1fr 1fr}.ledger li{padding:1.35rem 1.5rem;min-height:6.5rem}.ledger li:not(:last-child){border-bottom:0}.ledger li:nth-child(odd){border-right:var(--seam) solid var(--ink)}.ledger li:nth-child(-n+2){border-bottom:var(--seam) solid var(--ink)}}@media(min-width:900px){.hero-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);gap:2rem;min-height:78vh;padding-bottom:0}.hero-art{width:min(100%,26rem)}.ways{grid-template-columns:repeat(3,minmax(0,1fr))}.ledger{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% + (2 * var(--stage-pad-x)));margin-left:calc(-1 * var(--stage-pad-x));margin-right:calc(-1 * var(--stage-pad-x))}.ledger li,.ledger li:nth-child(odd),.ledger li:nth-child(-n+2){border-bottom:0;border-right:var(--seam) solid var(--ink);padding:1.55rem 1.65rem}.ledger li:last-child{border-right:0}.ledger strong{font-size:clamp(1.8rem,2.4vw,2.7rem)}.tracks{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto auto}.track-graphic-design{grid-column:1;grid-row:1 / span 2;padding:1.8rem 1.6rem 2rem}.track-graphic-design h2{font-size:clamp(2.2rem,3.4vw,3.3rem)}.track-graphic-design .track-visual{width:9rem}.track-front-end-development{grid-column:2;grid-row:1}.track-backend-development{grid-column:2;grid-row:2}.track-full-stack-development{grid-column:1 / -1;grid-row:3;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.6rem;padding:1.5rem 1.6rem}.track-full-stack-development .track-visual{width:7.2rem}}@media(prefers-reduced-motion:reduce){.reveal,.timeline li{opacity:1;transform:none}.mark-rise .mark-float,.mark-rise .mark-pulse,.swoop,.draw,.grow,.bar,.live-dot{animation:none}.swoop,.draw{stroke-dashoffset:0}.bar,.axis .line{transform:none}.type-cursor{animation:none}}