.hc{--canvas:#f7f3ed;--card:#fdfbf7;--ink:#1c1916;--muted:#6b6154;--faint:#9a9084;--line:#ddd5c8;--teal:#0f6e56;--teal-t:#0f6e561f;--orange:#ea4e2a;--oil:#2b6c2b;--hero-ink:#efe9e0;--serif:var(--font-reading,Georgia,serif);--sans:var(--font-ui,system-ui,sans-serif);--mono:var(--font-code,monospace);--w:min(36rem,92vw)}.hc *{box-sizing:border-box}.hc-stage{height:calc(var(--w)*.72);perspective:1400px;max-width:76rem;margin:3rem auto 0;position:relative}.hc-slide{width:var(--w);height:100%;margin-left:calc(var(--w)/-2);cursor:pointer;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s,filter .7s;position:absolute;top:0;left:50%}.hc-slide[data-pos="0"]{z-index:3;opacity:1;cursor:default;transform:none}.hc-slide[data-pos="1"]{z-index:2;opacity:.45;filter:saturate(.5);transform:translate(64%)scale(.8)rotateY(-16deg)}.hc-slide[data-pos="-1"]{z-index:2;opacity:.45;filter:saturate(.5);transform:translate(-64%)scale(.8)rotateY(16deg)}.hc-tile{background:var(--canvas);width:100%;height:100%;color:var(--ink);text-align:left;font-family:var(--sans);border-radius:.6rem;grid-template-columns:1fr 1.05fr;gap:6%;padding:6% 6% 6% 9%;font-size:min(1rem,2.6vw);display:grid;position:relative;overflow:hidden;box-shadow:0 2rem 4rem -1.5rem #000000a6}.hc-tile:before{content:"";background:var(--orange);width:1.6%;position:absolute;top:0;bottom:0;left:0}.hc-copy{flex-direction:column;display:flex}.hc-kicker{font-family:var(--mono);letter-spacing:.16em;color:var(--orange);font-size:.68em;font-weight:500}.hc-tile h2{font-family:var(--serif);margin:.55em 0 .6em;font-size:2.05em;font-weight:700;line-height:1.08}.hc-lead{font-family:var(--serif);color:var(--muted);margin:0;font-size:.95em;line-height:1.45}.hc-bottom{color:var(--ink);border-top:1px solid var(--line);margin-top:auto;padding-top:.8em;font-size:.82em;font-weight:600}.hc-bottom span{color:var(--muted);font-weight:400}.hc-visual{flex-direction:column;justify-content:center;gap:.6em;display:flex}.hc-rv{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(.5em)}.hc-stage[data-live] .hc-slide[data-pos="0"] .hc-rv{opacity:1;transform:none}.hc-stage[data-live] .hc-slide[data-pos="0"] .d1{transition-delay:.35s}.hc-stage[data-live] .hc-slide[data-pos="0"] .d2{transition-delay:.9s}.hc-stage[data-live] .hc-slide[data-pos="0"] .d3{transition-delay:1.5s}.hc-stage[data-live] .hc-slide[data-pos="0"] .d4{transition-delay:2.1s}.hc-stage[data-live] .hc-slide[data-pos="0"] .d5{transition-delay:2.7s}.hc-q{background:var(--teal);color:#fff;border-radius:.6em .6em .15em;align-self:flex-end;max-width:90%;padding:.5em .8em;font-size:.72em}.hc-a{background:var(--card);border:1px solid var(--line);border-radius:.6em;padding:.7em .8em;font-size:.72em;line-height:1.5}.hc-pill{font-family:var(--mono);color:var(--teal);background:var(--teal-t);white-space:nowrap;border:1px solid #0f6e564d;border-radius:1em;padding:0 .5em;font-size:.82em;display:inline-block}.hc-page{border:1px solid var(--line);background:#fff;border-radius:.3em;padding:.7em .8em;box-shadow:0 .6em 1.2em -.8em #00000059}.hc-page-h{font-family:var(--mono);color:var(--faint);margin-bottom:.5em;font-size:.55em}.hc-ln{background:#e5ded3;border-radius:.2em;height:.32em;margin:.35em 0}.hc-ln.hit{outline:2px solid var(--orange);outline-offset:1px;background:#ea4e2a59}.hc-chain{gap:.35em}.hc-step{background:var(--card);border:1px solid var(--line);border-radius:.45em;align-items:center;gap:.6em;padding:.45em .6em;font-size:.74em;display:flex}.hc-step b{font-family:var(--mono);color:var(--faint);width:1.4em;font-size:.85em;font-weight:500}.hc-step em{color:var(--muted);margin-left:auto;font-size:.88em;font-style:normal}.hc-step.on{border-color:var(--teal);box-shadow:inset .2em 0 0 var(--teal)}.hc-chips{flex-wrap:wrap;gap:.3em;margin:0;padding:0;list-style:none;display:flex}.hc-chips li{font-family:var(--mono);border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:.3em;padding:.2em .45em;font-size:.58em}.hc-chips li.on{border-color:var(--teal);color:var(--teal);background:var(--teal-t)}.hc-plot{border:1px solid var(--line);background:#fff;border-radius:.4em;padding:.4em}.hc-plot svg{width:100%;height:auto;display:block}.hc-draw{stroke-dasharray:300;stroke-dashoffset:300px;transition:stroke-dashoffset 1.6s 1.2s}.hc-stage[data-live] .hc-slide[data-pos="0"] .hc-draw{stroke-dashoffset:0}.hc-code{font-family:var(--mono);color:#e6dfd4;white-space:pre;background:#1c1916;border-radius:.4em;margin:0;padding:.55em .7em;font-size:.56em;line-height:1.55}.hc-code i{color:#7fb8a5;font-style:normal}.hc-ctrl{justify-content:center;align-items:center;gap:1rem;margin-top:1.8rem;display:flex}.hc-dot{cursor:pointer;background:#5a5249;border:0;border-radius:1rem;width:.55rem;height:.55rem;padding:0;transition:all .3s}.hc-dot[aria-current=true]{background:#45c39b;width:1.8rem}.hc-arr{color:#bdb3a6;cursor:pointer;background:0 0;border:1px solid #4a433c;border-radius:50%;width:2.2rem;height:2.2rem}.hc-dot:focus-visible,.hc-arr:focus-visible{outline-offset:3px;outline:2px solid #45c39b}@media not (min-width:52.8rem){.hc-stage{perspective:none;height:auto;display:grid}.hc-slide{grid-area:1/1;height:auto;margin:0 auto;position:relative;left:auto}.hc-slide[data-pos="1"],.hc-slide[data-pos="-1"]{opacity:0;pointer-events:none;transform:none}}@media not (min-width:44rem){.hc{--w:92vw}.hc-tile{grid-template-columns:1fr;gap:1.2em;padding:7% 6% 7% 9%;font-size:3.6vw}}@media (prefers-reduced-motion:reduce){.hc-slide,.hc-rv,.hc-draw,.hc-dot{transition:none!important}.hc-rv{opacity:1;transform:none}.hc-draw{stroke-dashoffset:0}}