.landing{overflow-x:clip}:where(.landing) p{text-wrap:pretty}.landing canvas{direction:ltr}html:has(main.landing) .page-rail .ot-trail-head .ot-trail-num{color:var(--ot-ink)}.wm-set{width:max-content;font-size:var(--H,1em);color:var(--ot-ink);margin:0;line-height:1}.wm-set .wm-lockup{margin-block-end:-.338em}.zero{--pitch:24px;height:calc(175svh + var(--n) * var(--pitch) + 80px);grid-column:1/-1;position:relative}.zero-at{inset-inline:0;pointer-events:none;height:1px;scroll-margin-top:0;position:absolute;top:calc(75svh + 20px)}.zero-stage{--pad:max(var(--ot-margin), calc((100vw - var(--site-max)) / 2));direction:ltr;width:100vw;height:100svh;margin-inline:calc(50% - 50vw);position:sticky;top:0;overflow:clip}.zero-hands,.zero-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.zero-hands{pointer-events:none}.zero-ring{cursor:default;will-change:opacity}.zero-ring[data-pointing]{cursor:pointer}.zero-ring .nm{font-family:var(--ot-voice);fill:var(--ot-pencil);dominant-baseline:central;transition:fill var(--ot-allegro);font-weight:460}.zero-ring .nm[data-near]{fill:var(--ot-graphite)}.zero-ring .nm[data-hover]{fill:var(--ot-ink);font-weight:640}.zero-ring .nm[data-sel]{fill:var(--ot-ink);font-weight:760}.zero-ring .faint{fill:none;stroke:var(--ot-rule);stroke-width:var(--ot-hairline)}.zero-ring .dot{fill:var(--ot-rule-strong)}.zero-ring .dot[data-sel]{fill:var(--ot-ink)}.zero-ring .index-dot,.zero-ring .mk-dot{fill:var(--ot-accent)}.zero-ring .mk-o{fill:var(--ot-ink)}.zero-ring .call-line{stroke:var(--ot-pencil);stroke-width:var(--ot-hairline)}.zero-ring .call-dot{fill:var(--ot-pencil)}.zero-ring .call-name{font-family:var(--ot-voice);letter-spacing:-.01em;fill:var(--ot-ink);font-size:22px;font-weight:560}.zero-ring .call-meta{font-family:var(--ot-voice);letter-spacing:.06em;text-transform:uppercase;fill:var(--ot-pencil);font-size:11px}.zero-tunnel{pointer-events:none;position:absolute;inset:0}.tunnel-spin{will-change:transform;position:absolute}.tunnel-disc{transform-origin:50%;will-change:transform;position:absolute;inset:0}.tunnel-ring{transform-origin:50%;will-change:transform, opacity;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tunnel-ring text{font-family:var(--ot-voice);dominant-baseline:central;text-anchor:middle;font-weight:420;font-stretch:87.5%}.tunnel-ring .nm{fill:var(--ot-graphite);transition:fill var(--ot-allegro) var(--ot-exhale)}.tunnel-ring .nm.on{fill:var(--ot-ink);font-weight:560}.zero-stage[data-dial] .tunnel-ring text{pointer-events:auto;cursor:pointer}.tunnel-ring .nm:hover{fill:var(--ot-ink)}.tunnel-ring .rule{fill:none;stroke:var(--ot-graphite);opacity:0}.tunnel-sprites{pointer-events:none;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.tunnel-dot{background:var(--ot-accent);opacity:0;will-change:transform, opacity;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0}.zero-hands canvas{--away:calc(min(1, var(--h,0) * 5));opacity:calc(1 - max(0, var(--away) * 2 - 1));display:block;position:absolute}.zero-hands canvas:not([style]){display:none}.zero-hands .hand-a{translate:calc(var(--away) * -42vw) 0}.zero-hands .hand-g{translate:calc(var(--away) * 42vw) 0}.hero-band{left:var(--pad);right:var(--pad);column-gap:var(--ot-gutter);padding-top:var(--ot-space-5);border-top:var(--ot-hairline) solid var(--ot-rule);opacity:calc(1 - var(--out,0));transform:translateY(calc(var(--out,0) * -30px));grid-template-columns:repeat(12,minmax(0,1fr));align-items:last baseline;display:grid;position:absolute;bottom:32px;container-type:inline-size}.zero-stage:not([data-hero]) .hero-band{pointer-events:none}.hero-band{--H:max(56px, min(calc((100vw - 2 * var(--pad)) * .1), calc((100svh - 520px) / 1.9), 132px));bottom:max(32px, calc(var(--H) * .338 + 12px))}.hero-mark{grid-column:1/7}.hero-side{padding-bottom:var(--ot-space-1);grid-column:7/-1;align-content:end;justify-items:start;display:grid}.hero-count{max-width:60ch;font-size:var(--ot-pp);line-height:var(--ot-pp-lh);color:var(--ot-graphite);text-wrap:pretty}.hero-docs{block-size:100%;min-block-size:112px;color:var(--ot-ink);text-decoration:none;display:block;position:relative}.hd-words{font-family:var(--ot-voice);font-size:var(--ot-mf);transition:opacity var(--ot-moderato) var(--ot-breath);justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.hero-docs[data-laid] .hd-words{opacity:0}.hd-field{width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hd-words{transition:none}}@media (min-width:761px){.hero-band{--H:max(56px, min(calc((100vw - 2 * var(--pad)) * .135), calc((100svh - 96px) / 6.5), 184px));border-top:0;border-inline-end:var(--ot-hairline) solid var(--ot-rule);border-block-end:var(--ot-hairline) solid var(--ot-rule);grid-template-rows:1fr 1fr auto;grid-template-columns:max-content minmax(0,1fr);align-items:stretch;column-gap:0;padding-top:0;bottom:32px}.hero-side{display:contents}.hero-mark,.hero-count,.hero-cta,.hero-install{border-block-start:var(--ot-hairline) solid var(--ot-rule);border-inline-start:var(--ot-hairline) solid var(--ot-rule);min-width:0;margin:0}.hero-mark{width:auto;padding:var(--ot-space-4);grid-area:1/1/-1;align-items:flex-end;display:flex;overflow:clip}.hero-mark .wm-lockup{margin-block-end:0}.hero-count,.hero-cta,.hero-install{padding:var(--ot-space-4);display:grid;container-type:inline-size}.hero-count{align-items:end;column-gap:var(--ot-space-4);grid-area:1/2;grid-template-columns:auto minmax(0,1fr);max-width:none}.hero-n{font-size:calc(var(--H) * .78);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ot-ink);font-weight:200;line-height:.78;display:block}.hero-what{max-width:24ch;display:block}.hero-cta{grid-area:2/2;padding:0}.hero-install{padding-block:var(--ot-space-3);grid-area:3/2;align-content:end}}.hero-install .copy-cmd{padding-block:0}.hero-install .copy-cmd-text{font-size:var(--ot-pp)}.hero-plate{--c:var(--ot-rule-strong);--l:14px;--t:var(--ot-hairline);inset-inline:0;height:var(--plate,0px);pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%,50% 0,50% 100%;background-size:var(--l) var(--t), var(--t) var(--l), var(--l) var(--t), var(--t) var(--l), var(--l) var(--t), var(--t) var(--l), var(--l) var(--t), var(--t) var(--l), var(--t) var(--l), var(--t) var(--l);position:absolute;bottom:calc(100% + 20px)}.zero .hero-skip{left:50%;top:calc((var(--bar) - 100svh + 32px + 100% - var(--ot-hairline)) / 2);min-block-size:44px;font-size:var(--ot-pp);place-self:start;display:none;position:absolute;transform:translate(-50%,-50%)}html[data-overture-at] .zero .hero-skip{display:inline-flex}.pieces-part{opacity:var(--inn,0);pointer-events:none;position:absolute;inset:0}.zero-stage[data-dial] :is(.pieces-head,.readout,.pieces-foot){pointer-events:auto}.pieces-head,.readout,.pieces-keys{left:62vw;right:var(--pad);position:absolute}.pieces-head{top:calc(var(--bar) + 7svh)}.pieces-title{letter-spacing:-.035em;color:var(--ot-ink);margin:0;font-size:clamp(56px,6.2vw,96px);font-weight:800;font-stretch:72%;line-height:.86}.ro-swap{display:block;position:relative;overflow:hidden}.ro-swap>span{display:block}.ro-swap>.out{width:100%;position:absolute;top:0;left:0}.readout{top:54svh}.ro-row{align-items:flex-start;gap:var(--ot-space-5);margin-top:var(--ot-space-5);display:flex}.ro-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;height:1em;color:var(--ot-ink);flex:none;font-size:clamp(84px,8vw,124px);font-weight:700;font-stretch:80%;line-height:1;display:flex;overflow:hidden}.ro-dg{height:1em;display:block;overflow:hidden}.ro-dg i{transition:transform var(--ot-andante) var(--ot-exhale), color var(--ot-moderato) var(--ot-exhale);flex-direction:column;font-style:normal;display:flex}.ro-dg b{height:1em;font-weight:inherit;display:block}.ro-dg[data-lead] i{color:var(--ot-pencil);font-weight:200}.ro-body{min-width:0;padding-top:6px}.ro-name{letter-spacing:-.01em;white-space:nowrap;height:1.15em;color:var(--ot-ink);font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.15}.ro-desc{max-width:38ch;height:7.5em;margin-top:var(--ot-space-2);color:var(--ot-graphite);font-size:15px;line-height:1.5}.ro-desc>span{-webkit-line-clamp:5;text-wrap:pretty;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ro-cmd{margin-top:var(--ot-space-5);padding-top:var(--ot-space-4);border-top:var(--ot-hairline) solid var(--ot-rule)}.ro-cmd .copy-cmd-text{font-size:var(--ot-pp)}.ro-cmd .copy-cmd-text i{display:inline-block}.pieces-foot{left:var(--pad);right:var(--pad);justify-content:space-between;align-items:baseline;gap:var(--ot-space-5);display:flex;position:absolute;bottom:24px}.pieces-groups{flex-wrap:wrap;gap:0 22px;display:flex}.pieces-group{padding:var(--ot-space-1) 0 6px;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--ot-pencil);cursor:pointer;transition:color var(--ot-moderato) var(--ot-exhale);background:0 0;border:0;margin:0;font-size:11.5px;line-height:1.2;position:relative}.pieces-group:after{content:"";height:var(--ot-hairline);background:var(--ot-ink);transform-origin:0;transition:transform var(--ot-andante) var(--ot-exhale);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.pieces-group:is(:hover,:focus-visible){color:var(--ot-graphite)}.pieces-group[aria-current]{color:var(--ot-ink)}.pieces-group[aria-current]:after{transform:scaleX(1)}.pieces-skip{gap:var(--ot-space-5);font-size:var(--ot-pp);flex:none;display:flex}.pieces-keys{font-size:var(--ot-pp);color:var(--ot-pencil);opacity:0;transition:opacity var(--ot-allegro);bottom:72px}.zero-stage[data-keys] .pieces-keys{opacity:1}@media (max-width:1200px){.pieces-group-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-height:780px) and (min-width:761px){.ro-desc{height:6em}.ro-desc>span{-webkit-line-clamp:4}.pieces-keys{display:none}}.pieces-sheet{display:contents}.pt-preview{display:none}@media (min-width:761px) and (min-height:481px){.pieces-sheet{left:62vw;right:var(--pad);top:calc(var(--bar) + 4svh);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;bottom:100px}.zero-stage[data-dial] .pieces-sheet{pointer-events:auto}.pieces-head,.readout{display:contents}.pieces-title{padding:var(--ot-space-4);margin:0;font-size:min(clamp(40px,4.4vw,72px),7svh)}.pt-preview{min-height:0;margin:0 var(--ot-space-4);--ot-accent:var(--ot-ink);place-items:start center;display:grid;overflow:clip}.pt-preview-body.doc-example{transform-origin:50% 0;width:100%;scale:var(--pt-k,1);translate:0 var(--pt-y,0px);align-content:start;justify-items:center;padding:0;display:grid}.pt-preview-body>*{width:100%}.pt-preview-body>.grid{grid-template-columns:minmax(0,1fr)}.pt-preview-body{overflow:clip}.pt-preview-body [data-pt-out]{visibility:hidden}@media (prefers-reduced-motion:no-preference){.pt-preview-body[data-leaving]{opacity:0;translate:0 calc(var(--pt-y,0px) - 6px);transition:opacity var(--ot-moderato) var(--ot-breath), translate var(--ot-moderato) var(--ot-breath)}.pt-preview-body>*{animation:pt-arrive var(--ot-andante) var(--ot-exhale) both}}.ro-row{grid-template-columns:auto minmax(0,1fr);gap:0;margin:0;display:grid}.ro-num{margin:var(--ot-space-4);font-size:min(clamp(84px,8vw,124px),14svh)}.ro-body{padding:var(--ot-space-4)}.ro-cmd{padding:var(--ot-space-3) var(--ot-space-4);border-top:0;margin:0;container-type:inline-size}.ro-cmd .copy-cmd{flex-direction:column;align-items:flex-start}.ro-cmd .copy-cmd-text{font-size:min(var(--ot-pp), 100cqi / 33.5);white-space:nowrap}}@media (min-width:761px) and (max-height:780px){.pieces-sheet{bottom:64px}}@keyframes pt-arrive{0%{opacity:0;translate:0 8px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.zero{view-timeline:--zero block;view-timeline-inset:0px}.hero-band{animation:linear both zero-lift;animation-timeline:--zero;animation-range:contain 0 contain 12svh}.pieces-part{animation:zero-arrive var(--ot-breath) both;animation-timeline:--zero;animation-range:contain 64.5svh contain 75svh}}}@keyframes zero-lift{to{opacity:0;transform:translateY(-30px)}}@keyframes zero-arrive{0%{opacity:0}to{opacity:1}}.pieces-list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;list-style:none;position:absolute;overflow:hidden}.zero-stage[data-keys] .ro-name{-webkit-text-decoration:underline var(--ot-stroke) var(--ot-ink);text-decoration:underline var(--ot-stroke) var(--ot-ink);text-underline-offset:.12em}@media (prefers-reduced-motion:no-preference){html[data-overture-at] .zero-ring :is(.index-dot,.mk-dot){animation:zero-light var(--ot-allegro) var(--ot-exhale) both;animation-delay:calc(var(--ot-moderato) - var(--late,0s))}}@keyframes zero-light{0%{fill:var(--ot-ink)}}@media (prefers-reduced-motion:no-preference){.hero-mark :is(.wm-nly,.wm-type,.wm-stop){transform-box:fill-box}.hero-mark .wm-nly{animation:wm-rise var(--ot-moderato) var(--ot-exhale) both;animation-delay:calc(0s - var(--hero-late,0s))}.hero-mark .wm-type{animation:wm-write .3s var(--ot-breath) both;animation-delay:calc(80ms - var(--hero-late,0s))}.hero-mark .wm-stop{transform-origin:50%;animation:wm-land var(--ot-allegro) var(--ot-spiccato) both;animation-delay:calc(.32s - var(--hero-late,0s))}}html[data-hero-settled] :is(.hero-mark .wm-nly,.hero-mark .wm-type,.hero-mark .wm-stop,.zero-ring .index-dot,.zero-ring .mk-dot){animation:none}@keyframes wm-rise{0%{opacity:0;transform:translateY(14%)}}@keyframes wm-write{0%{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}}@keyframes wm-land{0%{opacity:0;transform:scale(.2)}}@media (prefers-reduced-motion:reduce){html[data-overture-at] .zero .hero-skip{display:none}}@media (max-height:480px) and (orientation:landscape){.hero-install{display:none}}@media (max-width:760px){.zero{--pitch:20px}.hero-band{row-gap:var(--ot-space-4);padding-top:var(--ot-space-4);grid-template-columns:1fr;bottom:20px}.hero-plate{--l:10px}.zero .hero-skip{top:max(calc(-46px - var(--ot-hairline)), calc(var(--bar) + 22px + 20px + 100% - 100svh))}.hero-mark,.hero-side{grid-column:1}.hero-band{--H:min(calc((100vw - 2 * var(--pad)) * .22), 96px)}.hero-mark .wm-lockup{margin-block-end:0}.hero-band{border-top:0;row-gap:0;padding-top:0}.hero-mark{width:auto;padding:var(--ot-space-3);border:var(--ot-hairline) solid var(--ot-rule);border-bottom:0;overflow:clip}.hero-side{border:var(--ot-hairline) solid var(--ot-rule);justify-items:stretch}.hero-cta{padding:0}.hero-install{padding:var(--ot-space-3);border-top:var(--ot-hairline) solid var(--ot-rule)}.hero-count{display:none}.pieces-head{left:var(--pad);right:calc(var(--pad) + 24px);top:calc(var(--bar) + var(--ot-space-3))}.pieces-title{font-size:40px}.readout{left:var(--pad);right:var(--pad);top:auto;bottom:92px}.ro-row{gap:var(--ot-space-4);margin-top:var(--ot-space-2)}.ro-num{font-size:56px}.ro-body{padding-top:2px}.ro-name{font-size:var(--ot-mp)}.ro-desc{max-width:none;height:4.2em;margin-top:var(--ot-space-1);font-size:13px;line-height:1.4}.ro-desc>span{-webkit-line-clamp:3}.ro-cmd{margin-top:var(--ot-space-3);padding-top:var(--ot-space-2)}.ro-cmd .copy-cmd-text{font-size:11px}.pieces-foot{align-items:stretch;gap:var(--ot-space-1);flex-direction:column;bottom:12px}.pieces-groups{justify-content:space-between;gap:0}.pieces-group{min-width:32px;min-height:32px;font-size:11px}.pieces-skip{justify-content:space-between}.pieces-keys{display:none}}@media (max-width:760px) and (max-height:480px) and (orientation:landscape){.hero-band{--H:min(calc((100vw - 2 * var(--pad)) * .07), 40px);grid-template-columns:max-content minmax(0,1fr);align-items:stretch}.hero-mark{border-bottom:var(--ot-hairline) solid var(--ot-rule);border-inline-end:0;grid-column:1}.hero-side{grid-column:2;align-content:stretch}.hero-docs{min-block-size:80px}}@media (max-width:760px) and (orientation:landscape){.pieces-head,.readout{left:50%;right:calc(var(--pad) + 24px)}.pieces-head{top:calc(var(--bar) + var(--ot-space-2))}.pieces-title{font-size:24px;line-height:1}.pieces-title br{display:none}.readout{bottom:52px}.ro-num{font-size:44px}.ro-name{font-size:18px}.ro-desc{height:2.8em;font-size:12px}.ro-desc>span{-webkit-line-clamp:2}.pieces-foot{align-items:baseline;gap:var(--ot-space-4);flex-direction:row;bottom:6px}.pieces-groups{flex:1}}.sec{grid-column:1/-1;grid-template-columns:subgrid;padding-block:var(--ot-space-7) var(--ot-space-9);border-top:var(--ot-hairline) solid var(--ot-rule);align-items:start;display:grid}.sec-margin{align-content:start;justify-items:start;row-gap:var(--ot-space-3);display:grid}.sec-label{justify-items:start;row-gap:var(--ot-space-3);display:grid}.sec-num{font-size:clamp(var(--ot-ff), calc(8.4 * var(--site-vw)), 150px);letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;color:var(--ot-ink);font-weight:200;line-height:.8}.sec-name{margin-top:var(--ot-space-3);font-size:var(--ot-pp);letter-spacing:.08em;text-transform:uppercase;color:var(--ot-ink);font-weight:600;line-height:1}.sec-note{margin-top:var(--ot-space-3);max-width:28ch;font-size:var(--ot-pp);line-height:var(--ot-pp-lh);color:var(--ot-graphite);text-wrap:pretty}.sec-title{max-width:16em;font-size:clamp(var(--ot-ff), calc(5.2 * var(--site-vw)), 120px);line-height:var(--ot-ff-lh);letter-spacing:var(--ot-ff-tr);color:var(--ot-ink);text-wrap:balance;padding-top:.04em;font-weight:300}.sec-body{margin-top:var(--ot-space-7);justify-items:start;row-gap:var(--ot-space-7);display:grid}.sec-body>*{max-width:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:is(.sec-label,.sec-note,.sec-title,.sec-body,.coda>*){animation:linear both sec-rise;animation-timeline:view();animation-range:entry entry 220px}.sec-title{animation-range:entry 20px entry 240px}.sec-body{animation-range:entry 40px entry 260px}}}@keyframes sec-rise{0%{opacity:0;translate:0 var(--ot-space-4)}}.sec-body{content-visibility:auto;contain-intrinsic-size:auto 360px;overflow-clip-margin:var(--ot-space-4)}.leaves-kept{font-size:var(--ot-mf);line-height:var(--ot-mf-lh);letter-spacing:var(--ot-mf-tr);color:var(--ot-graphite)}.leaves-k{color:var(--ot-ink)}.leaves-sign{max-width:44ch;font-size:var(--ot-p);line-height:var(--ot-p-lh);color:var(--ot-graphite)}.sec-wide{grid-column:1/-1;grid-template-columns:subgrid;margin-top:var(--ot-space-7);display:grid}.cta{font-size:var(--ot-f);letter-spacing:-.025em;color:var(--ot-ink);background:linear-gradient(currentColor, currentColor) no-repeat 0 100% / 100% var(--ot-hairline);transition:background-size var(--ot-moderato) var(--ot-breath);align-items:baseline;padding-block:.08em .14em;font-weight:250;line-height:1.1;text-decoration:none;display:inline-flex}.cta-word{display:inline-grid}.cta-word>*,.cta-word:after{white-space:pre;grid-area:1/1}.cta-word:after{content:attr(data-text);visibility:hidden;font-weight:720}.cta-letters>span{transition:font-weight var(--ot-andante) var(--ot-exhale);transition-delay:calc(var(--i) * var(--ot-arpeggio))}.cta-stop{color:var(--ot-accent);opacity:0;transition:opacity var(--ot-allegro), translate var(--ot-moderato) var(--ot-spiccato);font-weight:720;translate:0 -.4em}.cta:is(:hover,:focus-visible){background-size:100% var(--ot-stroke)}.cta:is(:hover,:focus-visible) .cta-letters>span{font-weight:720}.cta:is(:hover,:focus-visible) .cta-stop{opacity:1;transition-delay:calc(13 * var(--ot-arpeggio));translate:0}.cta:active .cta-letters>span{font-weight:560;transition-delay:0s}.copy-cmd{align-items:baseline;column-gap:var(--ot-space-4);row-gap:var(--ot-space-1);max-width:100%;padding:var(--ot-space-2) 0;font:inherit;color:var(--ot-ink);text-align:start;cursor:copy;background:0 0;border:0;flex-wrap:wrap;margin:0;display:inline-flex}.copy-cmd-text{font-family:var(--ot-voice);font-stretch:88%;font-size:var(--ot-mp);color:var(--ot-graphite);overflow-wrap:anywhere;background:linear-gradient(var(--ot-accent), var(--ot-accent)) no-repeat 0 100% / 0% var(--ot-stroke), linear-gradient(var(--ot-rule-strong), var(--ot-rule-strong)) no-repeat 0 100% / 100% var(--ot-hairline);transition:color var(--ot-allegro);padding-bottom:.12em;line-height:1.35}.copy-cmd-text i{font-family:var(--ot-expression);font-size:calc(var(--ot-expression-scale) * 1em);color:var(--ot-ink)}.copy-cmd:is(:hover,:focus-visible) .copy-cmd-text{color:var(--ot-ink)}.copy-cmd[data-copied] .copy-cmd-text{background-size:100% var(--ot-stroke), 100% var(--ot-hairline);transition:background-size var(--ot-andante) var(--ot-exhale)}.copy-cmd-word{font-size:var(--ot-p);color:var(--ot-ink);display:inline-grid}.copy-cmd-word>span,.copy-cmd-word:after{grid-area:1/1}.copy-cmd-word:after{content:"( " attr(data-text) " )";visibility:hidden}.copy-cmd-word>span:before{content:"(";transition:translate var(--ot-allegro) var(--ot-spiccato);margin-inline-end:.3em;display:inline-block}.copy-cmd-word>span:after{content:")";transition:translate var(--ot-allegro) var(--ot-spiccato);margin-inline-start:.3em;display:inline-block}.copy-cmd:is(:hover,:focus-visible) .copy-cmd-word>span:before{translate:-.12em}.copy-cmd:is(:hover,:focus-visible) .copy-cmd-word>span:after{translate:.12em}.copy-cmd:active .copy-cmd-word>span:before{transition-duration:var(--ot-arpeggio);translate:.08em}.copy-cmd:active .copy-cmd-word>span:after{transition-duration:var(--ot-arpeggio);translate:-.08em}.copy-cmd[data-copied] .copy-cmd-word{color:var(--ot-accent);font-family:var(--ot-expression);font-style:italic}.share{background:linear-gradient(currentColor, currentColor) no-repeat 0 100% / 100% var(--ot-hairline);font:inherit;color:var(--ot-ink);cursor:pointer;transition:background-size var(--ot-moderato) var(--ot-breath);border:0;margin:0;padding:0 0 .12em}.share:hover{background-size:100% var(--ot-stroke)}.share[data-copied]{color:var(--ot-accent);font-family:var(--ot-expression);font-style:italic}.places{font-size:var(--ot-p);color:var(--ot-ink);transition:opacity var(--ot-moderato) var(--ot-exhale) var(--ot-allegro);line-height:1.3}.places:not([data-open]){visibility:hidden;opacity:0;transition:none}.places-list{margin:0;padding:0;list-style:none}.places-more{font:inherit;color:inherit;cursor:pointer;-webkit-text-decoration:underline var(--ot-hairline) var(--ot-rule);text-decoration:underline var(--ot-hairline) var(--ot-rule);text-underline-offset:.2em;background:0 0;border:0;margin:0;padding:0}.places-more:is(:hover,:focus-visible){text-decoration-color:currentColor}.places-line{align-items:baseline;gap:var(--ot-space-2) var(--ot-space-4);flex-wrap:wrap;max-width:44ch;display:flex}.places-line .places-list{gap:var(--ot-space-2) var(--ot-space-4);flex-wrap:wrap;display:flex}.share-call{text-align:start;cursor:pointer;border:0;margin:0;padding-inline:0;font-family:inherit}.share-swap{display:grid}.share-swap>*{grid-area:1/1}.share-swap[data-open]>.help-note{visibility:hidden}.landing-foot{justify-content:space-between;gap:var(--ot-space-3) var(--ot-space-6);padding-block:var(--ot-space-6) var(--ot-space-7);border-top:var(--ot-hairline) solid var(--ot-rule);font-size:var(--ot-pp);line-height:var(--ot-pp-lh);color:var(--ot-pencil);flex-wrap:wrap;grid-column:1/-1;display:flex}@media (max-width:860px){.sec>*,.coda>*{grid-column:1/-1}.sec>:is(.sec-margin,.stave){display:contents}.sec :is(.sec-label,.sec-title,.sec-note,.sec-body){grid-column:1/-1}.sec-label{margin-bottom:var(--ot-space-6);column-gap:var(--ot-space-4);grid-template-columns:auto 1fr;align-items:last baseline}.sec-num{font-size:var(--ot-ff)}.sec-name{margin-top:0}.sec-title{order:1}.sec-note{max-width:40ch;margin-top:var(--ot-space-4);font-size:var(--ot-p);line-height:var(--ot-p-lh);order:2}.sec-body{order:3}.sec-wide{order:4}.sec{padding-block:var(--ot-space-6) var(--ot-space-8)}}@media (max-width:760px){.sec,.coda,.landing-foot{padding-inline-end:28px}}@media (max-width:560px){.sec-title{font-size:var(--ot-f);line-height:var(--ot-f-lh)}.cta{font-size:min(var(--ot-f), 12vw)}.copy-cmd-text{font-size:var(--ot-p)}}
.leaves-run{grid-column:1/-1;grid-template-columns:subgrid;height:270svh;display:grid}.leaves-stage{grid-column:1/-1;grid-template-columns:subgrid;align-content:center;height:100svh;display:grid;position:sticky;top:0}.leaves-pictures{z-index:1;pointer-events:none;width:100vw;height:100%;position:absolute;top:0;left:calc(50% - 50vw)}.leaves-list{max-width:10em;margin-top:var(--ot-space-6);font-size:clamp(var(--ot-f), calc(4.2 * var(--site-vw)), 100px);letter-spacing:var(--ot-ff-tr);color:var(--ot-pencil);text-align:center;text-wrap:balance;grid-column:1/-1;justify-self:center;font-weight:300;line-height:1.12}.leaves-strike{text-decoration:none;position:relative}.leaves-strike:after{content:"";height:max(var(--ot-stroke), .05em);background:var(--ot-ink);transform-origin:0;position:absolute;top:.56em;left:-.04em;right:-.04em}:is([dir=rtl],[dir=rtl] *).leaves-strike:after{transform-origin:100%}.leaves-kept{margin-top:var(--ot-space-6);grid-column:4/-1}.leaves-sign{margin-top:var(--ot-space-5);grid-column:4/-1}.leaves-stop{color:var(--ot-accent)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.leaves-run{view-timeline:--leaves block}.leaves-strike{animation:linear both leaves-land;animation-timeline:--leaves;animation-range:contain calc(var(--a) + 8%) contain calc(var(--a) + 34%)}.leaves-strike:after{animation:leaves-draw var(--ot-breath) both;animation-timeline:--leaves;animation-range:contain calc(var(--a) + 26%) contain calc(var(--a) + 34%)}}}@keyframes leaves-land{0%{color:var(--ot-rule)}69%{color:var(--ot-ink)}to{color:var(--ot-pencil)}}@keyframes leaves-draw{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.leaves-run,.leaves-stage{height:auto}.leaves-stage{position:relative}.leaves-pictures{width:100%;height:clamp(220px,22vw,340px);margin-bottom:var(--ot-space-6);grid-column:1/-1;position:relative;left:auto}}@media (max-width:860px){.leaves-list,.leaves-kept,.leaves-sign{grid-column:1/-1}}@media (max-width:560px){.leaves-list{font-size:var(--ot-mf)}}@media (max-width:560px) and (prefers-reduced-motion:reduce){.leaves-pictures{height:460px}}
.sea{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.sea>*{grid-row:1}.sea-canvas{touch-action:pan-y;grid-column:1/-1;justify-self:center;width:100vw;height:clamp(600px,92svh,900px);display:block}.sea-float{pointer-events:none;grid-column:4/-1;align-self:start;margin-top:clamp(200px,28svh,290px);position:relative}.sea-float .tune-sentence{pointer-events:auto}.tune-sentence{max-width:22em;font-size:clamp(var(--ot-f), calc(3.6 * var(--site-vw)), 104px);letter-spacing:var(--ot-f-tr);color:var(--ot-ink);text-wrap:pretty;font-weight:300;line-height:1.3}.tune-sentence .ot-select,.tune-sentence .ot-switch{font-size:inherit;line-height:inherit;color:inherit}.tune-key select{color:var(--ot-accent)}.tune-bind{white-space:nowrap}.tune-sentence :is(.ot-select-box,.ot-mode .ot-mode-art):after{color:var(--ot-pencil);transition:color var(--ot-allegro) var(--ot-breath)}.tune-sentence :is(.ot-select,.ot-mode):is(:hover,:focus-within) :is(.ot-select-box,.ot-mode-art):after{color:var(--ot-ink)}@media (max-width:860px){.sea-float{grid-column:1/-1}}@media (max-width:560px){.tune-sentence{font-size:min(var(--ot-mf), 7.2vw)}.sea-canvas{height:clamp(620px,96svh,760px)}.sea-float{margin-top:clamp(200px,30svh,260px)}}
.install-run{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.install-run:after{content:"";grid-column:1/-1;height:110svh}.install-run>.install{top:min(var(--bar), var(--install-fit,var(--bar)));align-self:start;position:sticky}.install{position:relative}.install-knot{z-index:0;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.install .sec-wide{margin:0}.install :is(.sec-label,.sec-note,.sec-title,.sec-body){z-index:1;position:relative}.install .sec-body{pointer-events:none;content-visibility:visible}.install .sec-body>:not(.install-room){pointer-events:auto}.install-room{width:100%;height:clamp(170px,100svh - 580px,400px);margin-bottom:calc(-1 * var(--ot-space-5))}.install .ot-command-line-text{opacity:var(--install-land,1)}.install-line{width:min(100%,48rem)}.install-then{font-size:var(--ot-mp);line-height:var(--ot-mp-lh);color:var(--ot-ink)}.install-links{font-size:var(--ot-p)}@media (max-width:860px){.install-room{height:clamp(150px,30svh,240px)}.install-run:after{height:90svh}}@media (prefers-reduced-motion:reduce){.install-run:after{display:none}.install-run>.install{position:relative;top:auto}.install-knot,.install-room{display:none}.install .ot-command-line-text{opacity:1}}
.ask-steps{row-gap:var(--ot-space-7);counter-reset:ask;grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}.ask-steps>li{justify-items:start;row-gap:var(--ot-space-3);counter-increment:ask;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.ask-step{font-size:var(--ot-p);line-height:var(--ot-p-lh);color:var(--ot-ink)}.ask-step:before{content:counter(ask) "  ";white-space:pre;font-family:var(--ot-expression);font-style:italic;font-size:calc(var(--ot-expression-scale) * 1em);color:var(--ot-pencil)}.ask-cmd{width:min(100%,48rem)}.ask-links{font-size:var(--ot-p)}.ask{justify-items:start;row-gap:var(--ot-space-5);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid;position:relative}.ask-line{max-width:100%;font-size:clamp(var(--ot-f), calc(3.6 * var(--site-vw)), 104px);line-height:var(--ot-f-lh);letter-spacing:var(--ot-f-tr);color:var(--ot-ink);flex-wrap:wrap;align-items:baseline;column-gap:.3em;font-weight:300;display:flex}.ask-fill{min-width:0;max-width:100%;display:inline-flex}.ask .ask-what{field-sizing:content;width:auto;min-width:4ch;max-width:100%;font-size:calc(var(--ot-expression-scale) * 1em);letter-spacing:0;padding-block:0 .08em}.ask .ask-what::placeholder{font-size:1em;font-family:var(--ot-expression);font-style:italic}.ask-picks{max-width:64ch;font-size:var(--ot-p);line-height:var(--ot-p-lh);color:var(--ot-pencil)}.ask-picks-name{color:var(--ot-graphite)}.ask-pick{font:inherit;color:var(--ot-pencil);cursor:pointer;-webkit-text-decoration:underline var(--ot-hairline) transparent;text-decoration:underline var(--ot-hairline) transparent;text-underline-offset:.25em;transition:color var(--ot-allegro), text-decoration-color var(--ot-allegro);background:0 0;border:0;margin:0;padding:.2em 0}.ask-pick:is(:hover,:focus-visible){color:var(--ot-ink);-webkit-text-decoration-color:var(--ot-rule-strong);text-decoration-color:var(--ot-rule-strong)}.ask-pick[aria-pressed=true]{color:var(--ot-ink);font-family:var(--ot-expression);font-style:italic;font-size:calc(var(--ot-expression-text-scale,1.15) * 1em);line-height:1}.ask-pick-item{white-space:nowrap}.ask-pick-sep{color:var(--ot-rule-strong)}.ask-sketch{aspect-ratio:3/2;width:100%;margin-block:var(--ot-space-3) var(--ot-space-2)}.ask-canvas{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:760px){.ask-sketch{aspect-ratio:5/7}}@media (max-width:560px){.ask-line{font-size:min(var(--ot-mf), 8vw)}}
.help-poster{--narrow:1;--size:calc(var(--narrow) * clamp(84px, calc(15.5 * var(--site-vw)), 280px));grid-column:1/-1;grid-template-columns:subgrid;margin:var(--ot-space-7) 0 0;align-items:start;padding:0;list-style:none;display:grid}.help-call{--s:1;--r:0deg;rotate:var(--r);grid-template-columns:max-content;align-content:start;justify-items:start;display:grid;position:relative}html[data-pair=press] .help-poster{--narrow:.68}.help-poster .cta{font-size:calc(var(--s) * var(--size));letter-spacing:-.03em;background:0 0;grid-row:2;padding:0;font-weight:860;font-stretch:62%;line-height:.8}.help-poster .cta-word:after{display:none}.help-poster .cta-letters>span{transition:font-stretch var(--ot-andante) var(--ot-exhale), font-weight var(--ot-andante) var(--ot-exhale);transition-delay:calc(var(--i) * var(--ot-arpeggio))}.help-poster .cta-stop{font-weight:900}.help-poster :is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true]) .cta-letters>span{font-weight:900;font-stretch:74%}.help-poster .cta:active .cta-letters>span{font-weight:760;transition-delay:0s}.help-dim{block-size:11px;inline-size:0;min-inline-size:100%;margin:0 0 var(--ot-space-4);border-inline:var(--ot-hairline) solid var(--ot-rule-strong);font-size:var(--ot-pp);letter-spacing:.02em;white-space:nowrap;color:var(--ot-pencil);transition:color var(--ot-allegro), border-color var(--ot-allegro);grid-row:1;align-items:center;column-gap:.7em;line-height:1;display:flex}.help-dim:before,.help-dim:after{content:"";border-block-start:var(--ot-hairline) solid var(--ot-rule-strong);transition:border-color var(--ot-allegro);flex:1}.help-cross{z-index:1;pointer-events:none;inline-size:max-content;font-family:var(--ot-expression);font-style:italic;font-weight:400;font-size:calc(var(--ot-expression-scale) * .2 * var(--size) / var(--narrow));letter-spacing:-.015em;white-space:nowrap;color:var(--ot-ink);-webkit-text-stroke:.07em var(--ot-paper);paint-order:stroke fill;transition:font-weight var(--ot-moderato) var(--ot-exhale);margin:0;line-height:1;position:absolute;inset-block-start:calc(11px + var(--ot-space-4) + .42 * var(--s) * var(--size));inset-inline-start:var(--cx,.6em)}.help-why,.help-call .share-swap{inline-size:0;min-inline-size:26ch;max-inline-size:30ch;margin:var(--ot-space-6) 0 0 var(--wx,0px);font-size:var(--ot-pp);line-height:var(--ot-pp-lh);color:var(--ot-graphite);text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;grid-row:3;padding-inline-start:var(--ot-space-3);position:relative}.help-why:before,.help-call .share-swap:before{content:"";inset-inline-start:0;inset-block:calc(-1 * var(--ot-space-6)) calc(100% - 1lh);border-inline-start:var(--ot-hairline) solid var(--ot-rule-strong);transition:border-color var(--ot-allegro);position:absolute}.help-call .help-note{max-width:none;font-size:inherit;line-height:inherit;color:inherit}.help-call .places-line{font-size:var(--ot-pp)}.help-call:has(:is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true])) .help-dim{color:var(--ot-ink);border-color:var(--ot-ink)}.help-call:has(:is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true])) .help-dim:before{color:var(--ot-ink);border-color:var(--ot-ink)}.help-call:has(:is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true])) .help-dim:after{color:var(--ot-ink);border-color:var(--ot-ink)}.help-call:has(:is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true])) :is(.help-why,.share-swap):before{color:var(--ot-ink);border-color:var(--ot-ink)}.help-call:has(:is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true])) :is(.help-why,.help-note){color:var(--ot-ink)}.help-call:has(:is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true])) .help-cross{font-weight:640}.help-hl{color:var(--ot-paper);-webkit-text-stroke-color:transparent;background:linear-gradient(var(--ot-accent), var(--ot-accent)) no-repeat 0 70% / 100% .6em;transition:background-size var(--ot-moderato) var(--ot-breath), color var(--ot-allegro)}.help-poster:has(:is(.cta:is(:hover,:focus-visible),.share-call[aria-expanded=true])) .help-hl{color:inherit;-webkit-text-stroke-color:var(--ot-paper);background-position:100% 70%;background-size:0% .6em}.help-call[data-call=report]{writing-mode:vertical-rl;text-orientation:sideways;--s:1.1;--r:180deg;--cx:1.6em;--from:0 35vh;--from-r:186deg;grid-area:1/1/span 3/4;place-self:start end}.help-call[data-call=report] .help-dim{margin-block-end:var(--ot-space-3)}.help-call[data-call=report] .help-why{--gap:calc(.27 * var(--s) * var(--size));min-inline-size:64ch;max-inline-size:64ch;margin-block-start:var(--gap)}.help-call[data-call=report] .help-why:before{inset-block-start:calc(-1 * var(--gap))}.help-call[data-call=request]{--cx:2.6em;--from:-60vw 0;--from-r:-8deg;grid-area:1/4/auto/-1}.help-call[data-call=star]{--s:1.3;--r:-4deg;--cx:-2.6em;--wx:.4em;--from:55vw -10vh;--from-r:10deg;grid-area:2/7/auto/-1;justify-self:end;margin-block-start:calc(-.4 * var(--size))}.help-call[data-call=share]{--cx:2.4em;--from:40vw 10vh;--from-r:6deg;grid-area:3/4/auto/-1;margin-block-start:calc(-.36 * var(--size))}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.help-call{view-timeline:--help-call block;animation:linear both help-set;animation-timeline:--help-call;animation-range:entry}.help-cross{animation:linear both help-cross;animation-timeline:--help-call;animation-range:entry}.help-dim{animation:linear both help-measure;animation-timeline:--help-call;animation-range:entry 30%}}}@keyframes help-set{0%{translate:var(--from);rotate:var(--from-r);opacity:0}35%{opacity:1}}@keyframes help-cross{0%{opacity:0;translate:4em}50%{opacity:1}}@keyframes help-measure{0%{clip-path:inset(0 50%)}}@media (max-width:760px){.help-poster{row-gap:var(--ot-space-7);grid-template-columns:minmax(0,1fr);container-type:inline-size}.help-call,.help-call[data-call]{writing-mode:horizontal-tb;grid-area:auto/1;place-self:start;margin:0}.help-call[data-call=request]{--r:0deg;--from:-60vw 0;--from-r:-5deg}.help-call[data-call=report]{--r:-2deg;--from:60vw 0;--from-r:6deg}.help-call[data-call=star]{--r:2.5deg;--from:60vw 0;--from-r:8deg;justify-self:end}.help-call[data-call=share]{--r:-1.5deg;--from:-60vw 0;--from-r:-6deg}.help-poster .cta{font-size:calc(var(--narrow) * var(--fit) * 100cqi)}.help-call[data-call=request] .cta{--fit:.36}.help-call[data-call=report] .cta{--fit:.43}.help-call[data-call=star] .cta{--fit:.64}.help-call[data-call=share] .cta{--fit:.5}.help-cross{font-size:calc(var(--ot-expression-scale) * 26px);grid-row:3;margin-block-start:-.35em;position:static}.help-why,.help-call .share-swap{grid-row:4;margin-block-start:var(--ot-space-4)}.help-call[data-call=report] .help-why{--gap:var(--ot-space-4);min-inline-size:26ch;max-inline-size:30ch}.help-why:before,.help-call .share-swap:before,.help-call[data-call=report] .help-why:before{inset-block-start:calc(-1 * var(--ot-space-4))}}
.coda{--pin:90svh;grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--ot-space-7);padding-block:0 var(--ot-space-9);border-top:var(--ot-hairline) solid var(--ot-rule);display:grid}.coda>*{grid-column:4/-1}.coda>.coda-pool{grid-column:1/-1;grid-template-columns:subgrid;height:calc(100svh - var(--bar) + var(--pin));align-items:start;display:grid}.coda-stage{top:var(--bar);grid-column:1/-1;grid-template-columns:subgrid;height:calc(100svh - var(--bar));align-content:center;min-height:560px;display:grid;position:sticky}.coda-rings{top:0;touch-action:pan-y;width:100vw;height:100%;position:absolute;inset-inline-start:calc(50% - 50vw)}.coda-title{font-size:clamp(var(--ot-ff), calc(10 * var(--site-vw)), 200px);letter-spacing:-.045em;color:var(--ot-ink);pointer-events:none;grid-column:1/-1;margin-block-end:.9em;font-weight:250;line-height:.9;position:relative}.coda-line{pointer-events:auto;width:max-content;display:block}.coda-stop{color:var(--ot-accent);transform:scale(var(--coda-stop,1));display:inline-block}.coda-actions{align-items:baseline;gap:var(--ot-space-6);flex-wrap:wrap;display:flex}.coda-licence{font-size:var(--ot-pp);line-height:var(--ot-pp-lh);color:var(--ot-graphite)}@media (prefers-reduced-motion:reduce){.coda{--pin:0px}}@media (max-width:860px){.coda{--pin:70svh}.coda-title{grid-column:1/-1}}@media (max-width:760px){.coda-rings{inset-inline-start:calc(50% + 14px - 50vw)}}@media (max-width:560px){.coda-title{font-size:min(var(--ot-ff), 19vw);margin-block-end:.5em}}@media (max-width:860px) and (prefers-reduced-motion:reduce){.coda{--pin:0px}}
.sec-pin{--k:0;contain:layout;inset:var(--bar) 0 auto;z-index:39;padding-inline:max(var(--ot-margin), calc((100% - var(--site-max)) / 2));padding-block:calc(var(--k) * var(--ot-space-3)) calc(var(--k) * var(--ot-space-4));color:var(--ot-ink);cursor:pointer;align-items:start;display:grid;position:fixed}.sec-pin:before{content:"";z-index:-1;opacity:min(1, 3 * var(--k));background:color-mix(in srgb, var(--ot-paper) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 calc(-1 * var(--ot-hairline)) 0 var(--ot-rule);position:absolute;inset:0}.sec-pin-margin{align-items:start;column-gap:var(--ot-space-4);grid-column:1;min-inline-size:0;display:flex}.sec-pin-num{white-space:nowrap;flex:none}.sec-pin-side{--show:clamp(0, (var(--k) - .55) / .4, 1);min-inline-size:0;opacity:var(--show);translate:0 calc((1 - var(--show)) * .6em);align-content:start;justify-items:start;display:grid}.sec-pin-name{color:var(--ot-ink)}.sec-pin-note{color:var(--ot-graphite);text-wrap:pretty}.sec-pin-base{block-size:0;inline-size:0;display:inline-block}.sec-pin-title{text-wrap:balance;grid-column:2;min-inline-size:0}.sec-pin[data-alone] .sec-pin-num,.sec-pin[data-bare] .sec-pin-note{display:none}.sec-pin[data-stack] .sec-pin-margin{max-block-size:calc(var(--k) * 1.5em);grid-column:1/-1;margin-block-end:calc(var(--k) * var(--ot-space-2));overflow:clip}.sec-pin[data-stack] .sec-pin-num{display:none}.sec-pin[data-stack] .sec-pin-side{--show:1}.sec-pin[data-stack] .sec-pin-title{grid-column:1/-1}.bar{box-shadow:inset 0 calc(-1 * var(--ot-hairline)) 0 color-mix(in srgb, var(--ot-rule) calc((1 - var(--pin-k,0)) * 100%), transparent)}@media screen{.sec[data-pinned]>.stave>.sec-title,.sec[data-pinned]>.sec-margin .sec-num{clip-path:inset(0 0 100%)}}@media screen and (prefers-reduced-motion:reduce){.sec[data-pinned]>.sec-margin .sec-name,.sec[data-pinned~=note]>.sec-margin .sec-note{clip-path:inset(0 0 100%)}}@media print{.sec-pin{display:none}}@media (forced-colors:active){.sec-pin:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;box-shadow:inset 0 -1px canvastext}}