.about-hanging-page{min-height:calc(100svh - 68px);padding:clamp(42px,6vh,76px) 0 36px;overflow-x:clip}.about-rope-heading{text-align:center;padding-inline:24px}.about-rope-eyebrow{color:var(--color-muted);font:11px/1.5 var(--font-sans);letter-spacing:.24em;margin-bottom:16px}.about-rope-heading h1{color:var(--color-ink);font:500 clamp(48px, 6vw, 80px)/1.1 var(--font-serif-display);letter-spacing:-.025em}.about-rope-rack{width:min(100%,1240px);margin:clamp(32px,6vh,64px) auto 0;overflow:visible}.about-rope-line{min-width:0;height:470px;position:relative}.about-rope-cord{fill:none;width:100%;height:112px;position:absolute;inset:0 0 auto;overflow:visible}.about-cord-shadow{stroke:var(--color-ink);stroke-width:4px;opacity:.07;transform:translateY(2px)}.about-cord-thread{stroke:#97805b;stroke-width:2.4px}.about-cord-fiber{stroke:#d6c7aa;stroke-width:1px;stroke-dasharray:3 3}.about-note-anchor{top:var(--rope-y);left:var(--at);width:clamp(94px,9vw,116px);padding:var(--hang) 0 0;color:var(--color-ink);cursor:pointer;transform:translateX(-50%) rotate(var(--lean));transform-origin:50% 0;-webkit-tap-highlight-color:transparent;background:0 0;border:0;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute}.about-note-anchor:before{content:"";width:2px;height:calc(var(--hang) + 20px);background:#97805b;position:absolute;top:-3px;left:calc(50% - 1px)}.about-note-paper{width:100%;height:var(--paper-height);background:var(--note-paper);background:color-mix(in srgb, var(--note-tint) 30%, var(--note-paper));color:var(--note-ink);border:1px solid color-mix(in srgb, var(--note-accent) 35%, var(--note-paper));border-radius:3px 3px 1px 1px;justify-content:center;padding:40px 16px 66px;transition:box-shadow .3s,translate .2s;display:flex;position:relative;box-shadow:3px 6px 12px #402f1914,inset 0 0 0 4px #ffffff21}.about-note-paper:before{content:"";border:1px solid color-mix(in srgb, var(--note-accent) 70%, var(--note-paper));background:var(--color-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:13px;left:calc(50% - 4px)}.about-note-paper:after{content:"";border:1px solid #97805b;border-radius:3px;width:4px;height:24px;position:absolute;top:-6px;left:calc(50% - 2px)}.about-note-ornament{width:100%;height:100%;color:var(--note-accent);fill:none;stroke:currentColor;stroke-width:.9px;opacity:.7;pointer-events:none;position:absolute;inset:0}.about-ornament-faint{opacity:.48}.about-ornament-stitches{stroke-width:1.3px}.about-ornament-solid{fill:currentColor;stroke:none;opacity:.55}.about-ornament-band{fill:currentColor;stroke:none;opacity:.75}.about-ornament-perforation{stroke-dasharray:2 3}.about-note-label{z-index:1;writing-mode:vertical-rl;text-orientation:upright;font:400 23px/1.5 var(--font-serif-cn);letter-spacing:.2em;position:relative}.about-note-label--ai{writing-mode:horizontal-tb;letter-spacing:0;grid-auto-rows:1.2em;align-content:center;place-items:center;line-height:1;display:grid}.about-note-latin{text-combine-upright:none;letter-spacing:0;font-size:.86em}.about-note-anchor:hover{transform:translate(-50%)rotate(0)}.about-note-anchor:hover .about-note-paper{box-shadow:4px 9px 18px #402f191f,inset 0 0 0 4px #ffffff21}.about-note-anchor:active .about-note-paper{translate:0 3px}.about-note-anchor:focus-visible{outline:2px solid var(--color-accent);outline-offset:8px;border-radius:4px}.about-rope-colophon{color:var(--color-border);font:12px/1.8 var(--font-sans);justify-content:center;gap:18px;margin-top:38px;display:flex}.about-rope-colophon a{min-height:44px;color:var(--color-muted);align-items:center;padding:10px 4px;text-decoration:none;display:inline-flex}.about-rope-colophon a:hover{color:var(--color-ink)}.about-rope-colophon a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.about-note-dialog{border:1px solid var(--color-hairline);background:var(--color-surface);width:min(760px,100% - 48px);max-height:min(820px,100svh - 72px);color:var(--color-text);border-radius:4px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 100px #26221d33}.about-note-dialog[open]{flex-direction:column;animation:.22s ease-out about-note-open;display:flex}.about-note-dialog::backdrop{backdrop-filter:blur(2px);background:#26221d40}.about-dialog-header{border-bottom:1px solid var(--color-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px 18px 36px;display:flex}.about-dialog-header h2{font:500 27px/1.45 var(--font-serif-cn);text-wrap:balance}.about-dialog-close{width:44px;height:44px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.about-dialog-close:hover{color:var(--color-ink);background:var(--color-bg-deep)}.about-dialog-close:focus-visible,.about-note-platforms a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.about-dialog-body{overscroll-behavior:contain;scrollbar-width:thin;padding:28px 36px 36px;overflow-y:auto}.about-note-prose{color:var(--color-reading-text);font:400 17px/1.95 var(--font-serif-cn)}.about-note-prose+.about-note-prose,.about-note-platforms{margin-top:22px}.about-note-platforms a{border-top:1px solid var(--color-border-soft);min-height:76px;color:var(--color-text);align-items:center;gap:16px;text-decoration:none;display:flex}.about-note-platforms a:last-child{border-bottom:1px solid var(--color-border-soft)}.about-note-platform-icon{width:28px;color:var(--color-text-soft);flex-shrink:0;place-items:center;display:grid}.about-note-platforms a>span:nth-child(2){flex:1;min-width:0}.about-note-platforms strong{font:500 16px/1.6 var(--font-sans);display:block}.about-note-platforms small{color:var(--color-text-soft);font:12px/1.6 var(--font-sans);display:block}.about-note-platforms a>svg{color:var(--color-muted)}.about-note-dialog .about-ai-prompt{width:100%;padding:0}.about-note-dialog .about-ai-prompt-header{background:0 0;border:0;grid-template-columns:1fr;gap:20px;padding:0}.about-note-dialog .about-ai-prompt-status{background:0 0;border:0;padding:8px 0}.about-note-dialog .about-ai-prompt-status:not(.is-error){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-note-dialog .about-ai-prompt-details{background:0 0;border:0;margin-top:12px}.about-note-dialog .about-ai-prompt-details summary{padding-inline:0}.about-note-dialog .about-ai-prompt-details pre{margin:0 0 8px;padding:18px}.about-note-dialog .about-ai-prompt-copy{justify-self:start}@keyframes about-note-open{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (width<=940px){.about-note-anchor{width:102px}}@media (width<=520px){.about-hanging-page{padding-top:40px}.about-rope-rack{margin-top:34px}.about-rope-line{height:458px}.about-note-dialog{width:calc(100% - 28px);max-height:calc(100svh - 40px)}.about-dialog-header{gap:8px;padding:16px 12px 14px 22px}.about-dialog-header h2{font-size:22px}.about-dialog-body{padding:22px}.about-note-prose{font-size:16px;line-height:1.9}}@media (prefers-reduced-motion:reduce){.about-note-anchor,.about-note-paper{transition:none}.about-note-dialog[open]{animation:none}}.about-rope-rack[data-layout=loop] .about-rope-line{height:570px}.about-rope-rack[data-layout=loop] .about-rope-cord{height:590px}.about-rope-support-base,.about-rope-support{pointer-events:none}.about-support-shadow{fill:#5b4834;opacity:.13}.about-support-flange{fill:#d1bc94;stroke:#9c8256;stroke-width:.65px}.about-support-head{fill:#b99c68;stroke:#836b45;stroke-width:.7px}.about-support-slot{fill:none;stroke:#78603d;stroke-width:.75px;stroke-linecap:round}.about-support-glint{fill:#f5e8cc;opacity:.8}.about-rope-rack[data-layout=loop] .about-note-anchor{width:clamp(76px,23vw,92px)}.about-rope-rack[data-layout=loop] .about-note-paper{padding:32px 10px 44px}.about-rope-rack[data-layout=loop] .about-note-label{letter-spacing:.1em;font-size:18px}.about-rope-rack[data-layout=responsive] .about-rope-cord--loop{display:none}.about-rope-rack[data-layout=responsive] .about-note-anchor{--at:var(--row-at);--rope-y:var(--row-y);--hang:var(--row-hang);--paper-height:var(--row-height)}@media (width<=768px){.about-responsive-page{max-width:460px;min-height:calc(100svh - 68px);padding:20px 12px max(22px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;margin-inline:auto;display:flex}.about-responsive-page .about-rope-heading,.about-responsive-page .about-rope-rack,.about-responsive-page .about-rope-colophon{flex-shrink:0}.about-responsive-page .about-rope-eyebrow{margin-bottom:8px;font-size:9px}.about-responsive-page .about-rope-heading h1{font-size:40px}.about-responsive-page .about-rope-colophon{margin-top:8px}.about-rope-rack[data-layout=responsive]{margin-top:12px;overflow:visible}.about-rope-rack[data-layout=responsive] .about-rope-line{min-width:0;height:570px}.about-rope-rack[data-layout=responsive] .about-rope-cord--row{display:none}.about-rope-rack[data-layout=responsive] .about-rope-cord--loop{height:590px;display:block}.about-rope-rack[data-layout=responsive] .about-note-anchor{--at:var(--loop-at);--rope-y:var(--loop-y);--hang:16px;--paper-height:var(--loop-height);width:clamp(76px,23vw,92px)}.about-rope-rack[data-layout=responsive] .about-note-paper{padding:32px 10px 44px}.about-rope-rack[data-layout=responsive] .about-note-label{letter-spacing:.1em;font-size:18px}}
