@font-face{font-family:Bricolage;src:url(/fonts/bricolage-grotesque-latin-var.woff2)format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}:root{color-scheme:light dark;--ground:#f1e8d8;--ink:#191640;--muted:#474264;--cloth:#23206b;--cloth-2:#1a1752;--cotton:#f4ecdd;--c0:#e39500;--c1:#2260e0;--c2:#d42a82;--c3:#7a4fe0;--c4:#f0621a;--c5:#1c9bd8;--c6:#9c2e7a;--c7:#b9821f;--pad:clamp(1rem, 4vw, 3rem);--bar:4rem}@media (prefers-color-scheme:dark){:root{--ground:#0d0c22;--ink:#f1e8d8;--muted:#bab4d2;--cloth:#2b2785;--cloth-2:#201d66;--cotton:#f1e8d8;--c0:#ffb21f;--c1:#4d8bff;--c2:#f2559e;--c3:#a07cff;--c4:#ff7a3a;--c5:#47bdf5;--c6:#cc4fa4;--c7:#d9a645}}.t0{--thread:var(--c0)}.t1{--thread:var(--c1)}.t2{--thread:var(--c2)}.t3{--thread:var(--c3)}.t4{--thread:var(--c4)}.t5{--thread:var(--c5)}.t6{--thread:var(--c6)}.t7{--thread:var(--c7)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);margin:0;font:400 1.0625rem/1.5 Bricolage,ui-sans-serif,system-ui,sans-serif;overflow-x:clip}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:2px}main,footer,.bar{z-index:1;position:relative}.skip{left:var(--pad);z-index:10;background:var(--ink);color:var(--ground);padding:.75rem 1rem;font-weight:600;position:absolute;top:-4rem}.skip:focus{top:.75rem}.bar{height:var(--bar);padding-inline:var(--pad);justify-content:space-between;align-items:center;gap:1rem;display:flex}.bar a{align-items:center;gap:.4rem;min-height:44px;text-decoration:none;display:inline-flex}.mark{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-stretch:75%}.to-family{font-weight:500}.to-family:hover{text-underline-offset:.25em;text-decoration:underline}.hero{height:max(32rem, calc(100svh - var(--bar)));position:relative}.hero h1{text-transform:uppercase;letter-spacing:.01em;color:var(--cotton);place-items:center;margin:0;font-size:clamp(3.25rem,17vw,16rem);font-weight:800;font-stretch:75%;line-height:.8;display:grid;position:absolute;inset:0 0 28%}.cloth-still{background:repeating-linear-gradient(0deg, #f4ecdd24 0 3px, transparent 3px 9px), linear-gradient(var(--c0) 0 10px, var(--cloth) 10px 16px, var(--c2) 16px 26px, transparent 26px calc(100% - 26px), var(--c2) calc(100% - 26px) calc(100% - 16px), var(--cloth) calc(100% - 16px) calc(100% - 10px), var(--c0) calc(100% - 10px)), repeating-linear-gradient(90deg, var(--cloth) 0 54px, var(--c0) 54px 64px, var(--cloth) 64px 70px, var(--c2) 70px 74px, var(--cloth-2) 74px 128px, var(--c1) 128px 138px, var(--cloth) 138px 190px, var(--c3) 190px 194px, var(--cloth) 194px 240px);position:absolute;inset:0 0 28%}.cloth-still:after{content:"";background:repeating-linear-gradient(90deg, var(--cloth) 0 2px, transparent 2px 9px);height:3.5rem;position:absolute;top:100%;left:0;right:0;mask:linear-gradient(#000,#0000)}.cloth{width:100%;height:100%;position:absolute;inset:0}@media (scripting:enabled){html:not(.no-gl) .cloth-still{display:none}html:not(.no-gl) .hero h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;inset:auto;overflow:hidden}}.family{padding:clamp(3rem, 8vw, 6rem) var(--pad) 0}.intro{max-width:36rem}h2{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,3rem);font-weight:750;font-stretch:80%;line-height:1}.lead{max-width:30ch;margin:0;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.35}.hint{color:var(--muted);margin:1rem 0 0;font-size:.9375rem}.tree,.kids{margin:0;padding:0;list-style:none}.tree{max-width:50rem;margin-top:3rem}.branch{border-left:3px solid var(--thread);padding-left:clamp(1rem,3vw,2rem)}.kids .branch{margin-top:1.75rem}.member{min-height:44px;padding-block:.5rem;text-decoration:none;display:block}.name{letter-spacing:-.01em;text-underline-offset:.12em;font-size:clamp(2.5rem,6.5vw,5.25rem);font-weight:750;font-stretch:78%;line-height:.92;text-decoration:underline 0 #0000;transition:text-decoration-color .3s;display:block}.full{margin-top:.4rem;font-size:1.0625rem;font-weight:550;display:block}.meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin-top:.35rem;font-size:.9375rem;display:flex}.relation{letter-spacing:.14em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.host{text-decoration:underline 2px var(--thread);text-underline-offset:.3em;align-items:center;gap:.3rem;display:inline-flex}.member:hover .name,.member:focus-visible .name,.member.lifted .name{text-decoration:underline .07em var(--thread)}.member:hover .host,.member:focus-visible .host{color:var(--ink)}.band{height:7rem;margin:4rem calc(-1 * var(--pad)) 0;background:repeating-linear-gradient(0deg, #f4ecdd33 0 3px, transparent 3px 9px), repeating-linear-gradient(90deg, var(--cloth) 0 24px, var(--c0) 24px 36px, var(--cloth) 36px 44px, var(--c1) 44px 56px, var(--cloth) 56px 64px, var(--c2) 64px 76px, var(--cloth) 76px 84px, var(--c3) 84px 96px, var(--cloth-2) 96px 140px)}.selvedge{text-align:center;text-wrap:balance;margin:0;padding:2rem 0 clamp(4rem,10vw,7rem);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:650;font-stretch:85%}.threads{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.loom .tree{max-width:none;margin-top:0}.loom .branch{border:0;margin:0;padding:0}.loom .member{margin:34vh 0 0 var(--gutter)}.loom .tree>.branch>.member{margin-top:22vh}.loom .intro{margin-left:var(--gutter)}.loom .band{height:var(--band-h);background:0 0;margin-top:38vh}.loom .member{opacity:0;transition:opacity .8s,translate .8s cubic-bezier(.2,.7,.2,1);translate:0 1.25rem}.loom .member.woven,.loom .member:focus-visible{opacity:1;translate:none}.loom .tree.lifting .member.woven:not(.lifted){opacity:.28}.loom .tree.lifting .member{transition-duration:.35s}@media (width>=760px){.loom .member,.loom .intro{margin-left:0}.loom .side-r{margin-left:calc(50% + var(--half))}.loom .side-l{margin-right:calc(50% + var(--half));text-align:right}.loom .side-l .meta{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loom .member,.name{transition:none}}footer{padding:1.5rem var(--pad) 2rem;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font-size:.9375rem;display:flex}footer p{margin:0}.lost{padding:clamp(3rem, 10vw, 8rem) var(--pad);max-width:44rem}.lost h1{margin:0 0 1rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;font-stretch:75%;line-height:.95}.lost .lead a{text-decoration-color:var(--c0);text-underline-offset:.2em;text-decoration-thickness:2px}.loose{width:min(100%,36rem);height:auto;color:var(--c0);margin-bottom:2rem;display:block;overflow:visible}.loose path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round}.loose .fray{stroke-width:1.5px}.loose .tail{stroke-dasharray:700;transform-origin:0;animation:3.2s cubic-bezier(.3,.6,.2,1) both unravel,5s ease-in-out 3.2s infinite alternate sway}@keyframes unravel{0%{stroke-dashoffset:700px}}@keyframes sway{to{transform:rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.loose .tail{animation:none}}