.chp{column-gap:var(--gap);padding:calc(var(--nav-h) + calc(16px * var(--s))) var(--m) calc(24px * var(--s));background:var(--night);min-height:100svh;color:var(--snow);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid;position:relative}.chp-side{top:calc(var(--nav-h) + calc(16px * var(--s)));min-height:calc(100svh - var(--nav-h) - calc(40px * var(--s)));padding:calc(20px * var(--s)) calc(8px * var(--s)) calc(8px * var(--s)) 0;animation:chp-in 1s var(--expo) 1.35s backwards;flex-direction:column;grid-area:1/1/auto/span 4;display:flex;position:sticky}html[data-intro=done] .chp-side{animation-delay:50ms}.chp-panel{animation:chp-rise 1.1s var(--expo) 1.25s backwards;grid-area:1/5/auto/span 8}html[data-intro=done] .chp-panel{animation-delay:0s}@keyframes chp-in{0%{transform:translateY(calc(20px * var(--s)))}}@keyframes chp-rise{0%{transform:translateY(calc(48px * var(--s))) scale(.985)}}.chp-eyebrow{align-items:center;gap:calc(10px * var(--s));margin:0 0 calc(24px * var(--s));color:var(--snow-2);display:flex}.chp-title{font-size:clamp(calc(40px * var(--s)), 4.4vw, calc(76px * var(--s)));letter-spacing:-.058em;text-wrap:balance;margin:0 0 0 -.05em;font-weight:600;line-height:.92}.chp-lede{margin:calc(22px * var(--s)) 0 0;font-size:clamp(calc(15.5px * var(--s)), 1.15vw, calc(17.5px * var(--s)));color:var(--snow-2);max-width:38ch;line-height:1.5}.chp-how{padding:calc(40px * var(--s)) 0 0;margin:auto 0 0;list-style:none}.chp-how li{grid-template-columns:calc(112px * var(--s)) 1fr;gap:calc(12px * var(--s));padding:calc(12px * var(--s)) 0;border-top:1px solid var(--snow-line);display:grid}.chp-how .mono{padding-top:calc(3px * var(--s));color:var(--snow-2)}.chp-how b{color:var(--red-glow);margin-right:calc(4px * var(--s));font-weight:400}.chp-how p{font-size:calc(14px * var(--s));color:var(--snow-2);margin:0;line-height:1.45}.chp-links{gap:calc(10px * var(--s)) calc(24px * var(--s));margin:calc(22px * var(--s)) 0 0;flex-wrap:wrap;display:flex}.chp-link{font-size:calc(14px * var(--s));color:var(--snow);border-bottom:1px solid var(--snow-line);padding-bottom:calc(3px * var(--s));font-weight:500;transition:border-color .3s}@media (hover:hover){.chp-link:hover{border-color:var(--red)}}.chp-side :focus-visible{outline-color:var(--snow)}@media (max-width:1279px){.chp-side{grid-column:1/span 5}.chp-panel{grid-column:6/span 7}.chp-how li{gap:calc(4px * var(--s));grid-template-columns:1fr}}@media (max-width:1023.98px){.chp{min-height:100dvh;display:block}.chp-side{min-height:0;animation:none;position:static}.chp-panel{animation:none}}@media (prefers-reduced-motion:reduce){.chp-side,.chp-panel{animation:none}}@media (max-width:1023.98px){html[data-chat-sheet],html[data-chat-sheet] body,html[data-chat-sheet] .chp{background:var(--paper)}html[data-chat-sheet] .chp-side,html[data-chat-sheet] #site-footer{display:none}}.chp-panel[data-short] .kai-chat-head{height:calc(2.75rem + env(safe-area-inset-top,0px))}.chp-panel[data-short] .kai-composer-note{display:none}.chp-panel[data-short] .kai-composer{padding-top:.375rem;padding-bottom:calc(.375rem + env(safe-area-inset-bottom,0px))}