/* Bold interactive rings, a practical tool directory, and a rough working wall. */
.thread-art{opacity:1!important;color:#243ce8!important}.thread-art>svg{opacity:1!important;filter:none}.ring-trigger{position:absolute;inset:0;z-index:3;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--ink);padding:0}.ring-trigger>span{position:absolute;bottom:3%;left:36%;font-family:var(--display)!important;font-size:23px;background:var(--paper);border-bottom:1px dashed var(--ink);padding:1px 8px;transform:rotate(-5deg)}.ring-trigger:focus-visible{outline:2px dashed var(--blue);outline-offset:-20px}.thread-art .art-center{pointer-events:none;background:var(--paper);font-size:20px;left:34%;top:41%;padding:20px}.art-center i{font-size:24px}.thread-art .orbit-label{pointer-events:none}.ring-thought{position:absolute;z-index:5;width:310px;max-width:85%;right:3%;bottom:3%;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);box-shadow:7px 8px 0 #20202014;padding:27px 25px 22px;transform:rotate(2deg);border-radius:3px 9px 2px 6px}.ring-thought .eyebrow{font-size:11px;margin:0 30px 12px 0}.ring-thought p{font-size:18px;line-height:1.55;margin-bottom:15px}.ring-close{position:absolute;right:10px;top:5px;background:none;border:0;font-size:26px;padding:3px 8px;line-height:1}.ring-next{border:0;border-bottom:1px dashed var(--ink);background:none;font-size:16px;padding:0}.thread-art.thought-open>svg{animation-duration:110s}.expanded-toolkit>p{max-width:750px}.used-tools{border:1px dashed var(--line);padding:25px;margin:35px 0 10px;transform:rotate(-.5deg)}.used-tools .eyebrow{margin-bottom:10px}.used-tools p{margin:0;font-size:21px}.tool-directory{display:grid;grid-template-columns:1fr 1fr;gap:20px 45px;margin-top:40px;align-items:start}.tool-directory details{border-top:1px solid var(--line);padding-top:19px}.tool-directory summary{cursor:pointer;font-family:var(--display)!important;font-size:29px;display:flex;justify-content:space-between;gap:20px;list-style:none}.tool-directory summary::-webkit-details-marker{display:none}.tool-directory summary b{font-size:26px;font-weight:400}.tool-directory details[open] summary b{transform:rotate(45deg)}.tool-directory details>div{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0 8px}.tool-directory details span{border:1px solid var(--line);border-radius:46% 42% 47% 44%;padding:5px 12px;font-size:17px}.rough-roadmap{position:relative;border-top:1px dashed var(--line);background:var(--paper);padding-bottom:90px}.rough-roadmap h2{font-family:var(--display)!important;font-size:74px;line-height:.95;transform:rotate(-1deg)}.roadmap-intro{max-width:690px;font-size:17px}.rough-margin{position:absolute;right:7%;top:75px;transform:rotate(9deg);font-family:var(--display)!important;font-size:25px;line-height:1.1;border:1px dashed var(--ink);padding:17px;max-width:180px}.rough-margin s{font-family:var(--display)!important;opacity:.5}.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 25px;margin-top:65px;align-items:start}.lifecycle-note{position:relative;border:1.3px solid var(--ink);padding:23px 20px 20px;min-height:235px;transform:rotate(-2deg);background:var(--paper);box-shadow:4px 5px 0 #2020200c;border-radius:2% 1% 3% 1%}.lifecycle-note:nth-child(even){transform:rotate(2deg);margin-top:13px}.lifecycle-note:before{content:'';position:absolute;left:18%;right:19%;top:-10px;height:19px;background:var(--paper);border:1px dashed var(--line);transform:rotate(-4deg)}.lifecycle-note:not(:nth-child(4n)):after{content:'↝';position:absolute;right:-28px;top:65px;font-family:var(--display)!important;font-size:31px}.lifecycle-note summary{cursor:pointer;list-style:none}.lifecycle-note summary::-webkit-details-marker{display:none}.lifecycle-note summary>span{font-size:13px}.lifecycle-note h3{font-size:31px;line-height:1;margin:16px 0}.lifecycle-note summary p{font-size:16px;line-height:1.4;margin-bottom:18px}.lifecycle-note summary b{font-family:var(--display)!important;font-size:20px;font-weight:400;border-bottom:1px dashed var(--ink)}.stage-detail{border-top:1px dashed var(--line);margin-top:20px;padding-top:10px}.stage-detail p{font-size:14px;line-height:1.6;margin-bottom:12px}.stage-detail strong{display:block;font-weight:500}.roadmap-scribbles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.roadmap-scribbles>div{border-top:1px dashed var(--ink);padding-top:15px;transform:rotate(-2deg)}.roadmap-scribbles>div:nth-child(2){transform:rotate(3deg)}.roadmap-scribbles span{font-size:12px}.roadmap-scribbles p{font-family:var(--display)!important;font-size:25px;line-height:1.2;margin-top:18px}.sketchbook-page .sketch-deck-grid{grid-template-columns:repeat(3,1fr);row-gap:65px}.sketchbook-page .deck-cover{border-radius:3% 1% 3% 1%;border-style:solid;min-height:430px}.sketchbook-page .deck-cover:nth-child(3n+2){transform:rotate(4deg);margin-top:25px}.sketchbook-page .deck-cover:nth-child(3n+3){transform:rotate(-4deg)}.sketchbook-page .deck-cover:after{content:'';position:absolute;inset:5px -3px -4px 3px;border:1px solid #20202030;pointer-events:none;transform:rotate(.7deg)}.sketchbook-page .deck-cover:hover{transform:rotate(0deg) translateY(-7px)}.rough-mark{font-family:var(--display)!important;font-size:27px;margin:5px 0 25px;transform:rotate(-7deg);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1px}.sketchbook-page .slide-cards>div{border-radius:2% 1% 3% 1%;border-width:1px}.sketchbook-page .slide-cards p{font-size:24px;line-height:1.25}.sketchbook-page .sketch-slide{min-height:560px}.sketchbook-page .deck-cover s{text-decoration-thickness:2px;opacity:.6}.sketchbook-page .sketch-desk{background-image:linear-gradient(#2020200a 1px,transparent 1px);background-size:100% 30px}.rough-roadmap .lifecycle-note[open]{transform:rotate(0)}@media(max-width:1100px){.lifecycle-grid{grid-template-columns:repeat(2,1fr);gap:35px}.lifecycle-note:not(:nth-child(4n)):after{display:none}.lifecycle-note:nth-child(odd):after{display:block;right:-35px}.rough-margin{right:5%;top:50px;font-size:22px}.rough-roadmap h2{max-width:70%;font-size:64px}.sketchbook-page .deck-cover{min-height:450px}.sketchbook-page .deck-cover h2{font-size:42px}.thread-art .art-center{font-size:18px;left:30%}}@media(max-width:700px){.hero-composition{min-height:710px}.thread-art{width:95%;height:350px;top:345px;right:-5%}.thread-art .art-center{left:31%;top:40%;font-size:19px;padding:13px}.art-center i{font-size:21px}.ring-trigger>span{bottom:0;left:33%;font-size:20px}.thread-art .label-one{left:8%;top:22%}.thread-art .label-three{left:9%;bottom:17%;font-size:8px}.ring-thought{right:4%;bottom:5%;width:290px;padding:24px 20px 20px}.ring-thought p{font-size:17px}.ring-thought .eyebrow{font-size:10px}.tool-directory{grid-template-columns:1fr;gap:20px}.tool-directory summary{font-size:29px}.tool-directory details span{font-size:16px}.used-tools p{font-size:18px}.rough-roadmap h2{font-size:54px;max-width:100%}.rough-margin{position:relative;right:auto;top:auto;display:inline-block;margin:15px 0 0 45%;font-size:22px}.lifecycle-grid{margin-top:35px;grid-template-columns:1fr;gap:30px;padding-inline:10px}.lifecycle-note{min-height:0;padding:25px}.lifecycle-note h3{font-size:36px}.lifecycle-note summary p{font-size:18px}.lifecycle-note:nth-child(odd):after{display:none}.lifecycle-note:nth-child(even){margin-top:0}.stage-detail p{font-size:17px}.roadmap-scribbles{grid-template-columns:1fr;gap:30px;margin-top:45px}.roadmap-scribbles p{font-size:28px}.sketchbook-page .sketch-deck-grid{grid-template-columns:1fr;gap:45px}.sketchbook-page .deck-cover{min-height:385px}.sketchbook-page .deck-cover:nth-child(3n+2){margin-top:0}.sketchbook-page .deck-cover h2{font-size:48px}.sketchbook-page .sketch-slide{min-height:0}.sketchbook-page .slide-cards p{font-size:24px}.hero-bottom{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}