.rope-stage[hidden],.rope-top[hidden],.rope-cards[hidden],.rope-hint[hidden]{display:none}.rope-stage{z-index:0;position:absolute;inset:0}.hero-in{z-index:1}.rope-stage canvas{touch-action:pan-y pinch-zoom;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease);display:block}[data-live] .rope-stage canvas{opacity:1}.rope-stage canvas[data-over]{cursor:grab}.rope-stage canvas[data-held]{cursor:grabbing}.knot-label{white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--dur-ui) var(--ease), visibility 0s linear var(--dur-ui);will-change:transform;margin:0;position:absolute;top:0;left:0}.knot-label.is-on{opacity:1;visibility:visible;transition-delay:0s}[data-halo] .knot-label{color:var(--ink-headline);text-shadow:0 0 2px var(--ground), 0 0 6px var(--ground), 0 0 12px var(--ground)}.rope-top{z-index:3;top:calc(var(--header-h) + var(--s-16));right:var(--rope-inset,var(--side));align-items:flex-end;gap:var(--s-8);flex-direction:column;display:flex;position:absolute}.rope-controls{border:0;min-width:0;margin:0;padding:0;position:relative}.rope-bar{align-items:center;gap:var(--s-4) var(--s-24);display:flex}.rope-btn{align-items:center;gap:var(--s-8);cursor:pointer;min-height:44px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;white-space:nowrap;color:var(--ink-body);transition:color var(--dur-ui) var(--ease);background:0 0;border:0;padding:0;line-height:1.4;display:inline-flex}.rope-btn:hover,details[open]>.rope-btn{color:var(--ink-headline)}.rope-btn svg{flex:none;width:16px;height:16px}.rope-btn svg path{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round}.rope-btn svg circle{fill:var(--ground);stroke:currentColor;stroke-width:1.3px}summary.rope-btn{list-style:none}summary.rope-btn::-webkit-details-marker{display:none}.rope-controls:disabled .rope-btn,.rope-controls:disabled .rope-q{cursor:default;opacity:.5}.rope-btn:focus-visible,.rope-q:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.rope-quality{border:0;align-items:center;min-width:0;margin:0;padding:0;display:flex}.rope-q{width:30px;height:44px;color:var(--ink-label);cursor:pointer;transition:color var(--dur-ui) var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.rope-q:hover{color:var(--ink-body)}.rope-q:has(input:checked){color:var(--ink-headline)}.rope-q:has(input:checked):after{content:"";background:currentColor;height:1px;position:absolute;bottom:9px;left:7px;right:7px}.rope-q input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.rope-q svg{width:16px;height:16px}.rope-q rect{fill:currentColor;opacity:.28}.rope-q rect.on{opacity:1}.rope-q-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rope-q:hover .rope-q-name,.rope-q:has(input:focus-visible) .rope-q-name{clip-path:none;width:auto;height:auto;padding:var(--s-4) var(--s-8);border:1px solid var(--rule);background:var(--ground-2);color:var(--ink-headline);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;pointer-events:none;top:calc(100% - 4px);left:50%;overflow:visible;transform:translate(-50%)}.rope-panel{margin-top:var(--s-8);width:280px;max-height:var(--rope-panel-max,calc(100svh - var(--header-h) - var(--s-96)));overscroll-behavior:contain;padding:var(--s-8) var(--s-16) var(--s-16);text-align:left;border:1px solid color-mix(in srgb, var(--ink-headline) 9%, transparent);background:color-mix(in srgb, var(--ground) 72%, transparent);backdrop-filter:blur(16px)saturate(1.15);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink-headline) 6%, transparent), 0 24px 48px -24px #000000b3;border-radius:6px;font-size:13px;line-height:1.4;position:absolute;top:100%;right:0;overflow:auto}.rope-field{gap:var(--s-4);padding-block:var(--s-8);display:grid}.rope-field label,.rope-choice legend{color:var(--ink-headline)}.rope-field input[type=range]{width:100%;accent-color:var(--ink-headline);margin:0}.rope-choice{align-items:center;gap:0 var(--s-16);min-width:0;padding:var(--s-8) 0 0;border:0;flex-wrap:wrap;margin:0;display:flex}.rope-choice legend{float:left;width:100%;padding:0}.rope-option{align-items:center;gap:var(--s-8);min-height:32px;color:var(--ink-body);cursor:pointer;display:inline-flex}.rope-option input{accent-color:var(--ink-headline);margin:0}.rope-panel .rope-lab{margin-top:var(--s-8);padding-top:var(--s-8);border-top:1px solid var(--rule)}.rope-revert{top:var(--s-8);right:var(--s-8);width:28px;height:28px;color:var(--ink-label);cursor:pointer;transition:color var(--dur-ui) var(--ease);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.rope-revert:hover{color:var(--ink-headline)}.rope-revert:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rope-revert svg{width:15px;height:15px}.rope-revert path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.rope-tip{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rope-revert:hover .rope-tip,.rope-revert:focus-visible .rope-tip{clip-path:none;width:auto;height:auto;padding:var(--s-4) var(--s-8);border:1px solid var(--rule);background:var(--ground-2);color:var(--ink-headline);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;pointer-events:none;top:calc(100% + 2px);right:0;overflow:visible}.rope-panel .rope-lab .tlink{font-size:14px}.rope-hint{z-index:2;left:var(--cards-left,var(--side));right:var(--side);bottom:calc(var(--s-24) + var(--s-32));text-align:center;color:var(--ink-body);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility 0s linear .4s;margin:0;position:absolute}.rope-hint.is-on{opacity:1;visibility:visible;transition-delay:0s}[data-cards=row] .rope-hint{left:var(--side)}.rope-cards{z-index:2;left:var(--side);right:var(--side);bottom:var(--s-24);pointer-events:none;position:absolute}.rope-card-list{margin:0;padding:0;list-style:none}[data-cards=row] .rope-card-list{gap:var(--s-12);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.rope-card{gap:var(--s-8);padding:var(--s-16);border:1px solid color-mix(in srgb, var(--ink-headline) 9%, transparent);background:color-mix(in srgb, var(--ground) 62%, transparent);backdrop-filter:blur(var(--card-blur,8px)) saturate(1.15);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink-headline) 6%, transparent), 0 24px 48px -24px #000000b3;opacity:0;visibility:hidden;transform:translateY(var(--s-12));transition:opacity .4s var(--ease), transform .4s var(--ease), visibility 0s linear .4s;border-radius:6px;flex-direction:column;display:flex}.rope-card.is-on{opacity:1;visibility:visible;transition-delay:0s;transform:none}.rope-card:before{content:"";width:var(--s-24);background:var(--rope,var(--accent));border-radius:1px;height:2px}.rope-card-meta{gap:var(--s-12);margin:0;display:flex}.rope-card-name{letter-spacing:-.01em;color:var(--ink-headline);margin:0;font-size:18px;font-weight:500;line-height:1.2}.rope-card-text{color:var(--ink-body);text-wrap:pretty;margin:0;font-size:13px;line-height:1.5}[data-cards=carousel] .rope-cards{left:var(--cards-left,var(--side))}[data-cards=carousel] .rope-card-list{gap:var(--s-12);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}[data-cards=carousel] .rope-card-list::-webkit-scrollbar{display:none}[data-cards=carousel] .rope-card{scroll-snap-align:start;flex:0 0 min(300px,82%)}[data-cards=carousel] .rope-card:not(.is-on){display:none}[data-cards=carousel] .rope-card.is-on{pointer-events:auto;animation:rope-card-in .4s var(--ease)}[data-cards=carousel] .rope-card-list:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes rope-card-in{0%{opacity:0;transform:translateY(var(--s-12))}}.rope-arrow{border:1px solid color-mix(in srgb, var(--ink-headline) 14%, transparent);width:32px;height:32px;color:var(--ink-headline);cursor:pointer;pointer-events:auto;background:color-mix(in srgb, var(--ground) 72%, transparent);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;padding:0;display:none;position:absolute;top:50%}.rope-arrow .arrow{width:14px;height:14px}.rope-arrow-prev{left:calc(-1 * var(--s-16))}.rope-arrow-prev .arrow{transform:rotate(180deg)}.rope-arrow-next{right:calc(-1 * var(--s-16))}@media (hover:hover) and (pointer:fine){[data-cards=carousel] .rope-card-list[data-overflow]~.rope-arrow{display:flex}}@media (prefers-reduced-motion:reduce){.rope-card{transform:none}[data-cards=carousel] .rope-card.is-on{animation:none}}.hero{--rope-inset:max(var(--side), calc((100% - var(--content-max)) / 2));--rope-stage-h:clamp(320px, 56svh, 560px);--rope-band-h:4rem}.hero[data-cards-on]{--rope-band-h:13.5rem}.hero .rope-stage{--knot-x:.7;--knot-y:.72;--knot-zoom:.65}@media (height<=819.98px){.hero .rope-stage{--knot-x:.68;--knot-y:.8;--knot-zoom:.6}}@media (width>=1280px){.hero .rope-stage{--knot-x:.62;--knot-y:.72;--knot-zoom:.8}}@media (width>=1280px) and (height<=819.98px){.hero .rope-stage{--knot-x:.62;--knot-y:.8;--knot-zoom:.75}}@media (width>=1024px){.hero.hero-rope:before{flex:0 0 var(--s-48)}.hero.hero-rope:after{flex:1 1 0}.hero-rope .hero-in{max-width:min(62%,44rem)}.hero-rope .h1-l1{display:block}.hero-rope .h1-home{font-size:min(64px, calc(100cqi / var(--h1-em-l2)))}.hero-rope .rope-top{top:calc(var(--header-h) + var(--s-48) + var(--s-48) + .7 * var(--fs-label) - 22px)}}@media (width<=1023.98px){.hero.hero-rope{min-height:0}.hero.hero-rope:before{flex:0 0 var(--s-32)}.hero.hero-rope:after{flex:0 0 0}}.hero[data-live] .hero-in{pointer-events:none}.hero[data-live] .hero-in a{pointer-events:auto}.hero[data-live]{-webkit-user-select:none;user-select:none}@media screen{.hero[data-live] .hero-light{display:none}}@media screen and (width<=1023.98px){.hero[data-drawn]{margin-bottom:calc(var(--rope-stage-h) + var(--rope-band-h));transition:margin-bottom .4s var(--ease);overflow:visible}.hero .rope-stage{height:var(--rope-stage-h);--knot-x:.5;--knot-y:.5;--knot-zoom:2;top:100%;bottom:auto}@media (width>=600px){.hero .rope-stage{--knot-zoom:1.3}}.hero .rope-top{top:calc(100% + var(--s-8));right:var(--side);--rope-panel-max:calc(var(--rope-stage-h) - var(--s-64))}.hero .rope-cards{top:calc(100% + var(--rope-stage-h));bottom:auto;left:var(--side);right:var(--side)}.hero .rope-hint{top:calc(100% + var(--rope-stage-h) + var(--s-24));bottom:auto;left:var(--side);right:var(--side)}}@media (width<=559.98px){.rope-bar{gap:var(--s-4) var(--s-12)}.rope-btn .rope-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media print{.rope-stage,.rope-top,.rope-cards,.rope-hint{display:none}}