body.home-page{overflow-x:clip}main.home{--sage: color-mix(in srgb, var(--leaf) 11%, var(--canvas));--sage-line: color-mix(in srgb, var(--leaf) 7%, transparent);--peach: color-mix(in srgb, var(--tomato) 10%, var(--canvas));--note: color-mix(in srgb, var(--leaf) 72%, var(--edge));padding-bottom:0}.kicker{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:var(--text-caption);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--note)}.kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--leaf)}.home h2,.start h3{margin:0;font:800 clamp(1.625rem,2.6vw,2rem)/1.15 var(--ui);letter-spacing:-.03em}.cover{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:24px;padding:clamp(32px,5vw,58px) 0 clamp(28px,4vw,46px)}.cover .kicker{margin-bottom:22px;color:var(--edge)}.cover h1{margin:0;font-size:clamp(2.75rem,5vw,4.25rem);font-weight:850;line-height:1.06;letter-spacing:-.045em}.cover h1 b{color:var(--tomato)}.discovery{position:relative;z-index:0;display:inline-block}.discovery svg{position:absolute;z-index:-1;left:0;bottom:-.14em;width:100%;height:.24em;fill:none;stroke:var(--leaf);stroke-width:3;stroke-linecap:round}.how{margin:26px 0 24px;max-width:34em;font-size:var(--text-lead);line-height:1.7;color:var(--soft)}.cover-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}.cover-actions a{display:inline-flex;align-items:center;gap:22px;min-height:48px;color:var(--edge);font-weight:800;text-decoration:none}.cover-actions .go{padding:0 20px;background:var(--mustard);border:2px solid var(--outline);box-shadow:var(--pop);transition:background-color .15s,box-shadow .15s var(--out),transform .15s var(--out)}.cover-actions .go:hover{background:color-mix(in srgb,var(--mustard) 80%,var(--mustard-deep))}.cover-actions .go:active{transform:translate(2px,2px);box-shadow:none}.cover-actions a:not(.go):hover{text-decoration:underline;text-underline-offset:5px}.stamp{margin:20px 0 0;font-size:var(--text-caption);color:var(--soft);font-variant-numeric:tabular-nums}.cover-art{position:relative;min-width:0;height:380px}.cover-art .disc{position:absolute;top:36px;left:12%;width:310px;aspect-ratio:1;border-radius:50%;background:var(--sage)}.cover-art .caption{position:absolute;top:-6px;left:16%;margin:0;font:400 var(--text-label)/1 var(--read);color:var(--note);transform:rotate(-6deg)}.cover-art .thumbs{--scale: .3;position:absolute;inset:0;height:auto;overflow:visible;background:none;border:0}.cover-art .thumbs .paper{top:18px;left:70px;box-shadow:0 0 0 2px var(--rule),12px 20px 36px color-mix(in srgb,var(--edge) 14%,transparent)}.cover-art .thumbs .paper:first-child{transform:translate(60px,10px) rotate(10deg) scale(var(--scale))}.cover-art .thumbs .paper:last-child{transform:rotate(-6deg) scale(var(--scale))}.seal{position:absolute;z-index:2;left:0;bottom:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:128px;aspect-ratio:1;margin:0;border-radius:50%;background:var(--mustard);color:var(--edge);outline:1.5px dashed color-mix(in srgb,var(--edge) 45%,transparent);outline-offset:-9px;transform:rotate(-12deg);text-align:center}.seal span{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seal strong{margin:3px 0 5px;font:700 1.6rem/1 var(--read)}.note{position:absolute;z-index:2;right:0;top:84px;margin:0;font:400 1.125rem/1.35 var(--read);color:var(--note);transform:rotate(6deg)}.note span{display:block;font-size:2rem;line-height:1}.home-demo{position:relative;isolation:isolate;margin-top:8px;padding:34px 28px 20px;scroll-margin-top:24px}.home-demo:before{content:"";position:absolute;z-index:-1;inset:0 -14px;border-radius:10px;background-color:var(--sage);background-image:repeating-linear-gradient(90deg,var(--sage-line) 0 13px,transparent 13px 26px),repeating-linear-gradient(0deg,var(--sage-line) 0 13px,transparent 13px 26px)}.demo-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:20px}.demo-heading>p{margin:0 0 3px;font-size:var(--text-label);line-height:1.6;color:var(--soft)}.home-demo .card{margin-top:0;border-radius:5px;overflow:hidden}.board-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 8px 24px;background:var(--paper);border-bottom:1px solid var(--rule)}.board-name{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-caption);font-weight:var(--weight-heading);letter-spacing:.14em;text-transform:uppercase}.board-name svg{width:20px;height:20px}.board-bar .btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;background:none;border:0;box-shadow:none;font-size:var(--text-label);color:var(--edge)}.board-bar .btn:hover{background:var(--paper-deep)}.home .card{margin-top:12px}.solo .line.cur{font-size:min(calc(var(--avail) / (var(--wide) + var(--reading-fit-buffer))),var(--big))}body:not(.projecting) .home .tool .stage{block-size:auto;min-block-size:20rem;grid-template-rows:minmax(var(--sampler-content-size, 17rem),1fr) auto}.home .tool .slide{justify-content:flex-start}.home .tool .slide .label{min-block-size:var(--sampler-label-size, 0px);align-content:start}body:not(.projecting) .home .controls .reveal{background:var(--paper);box-shadow:none}.home .under-acts{display:flex;flex-wrap:wrap;gap:8px}.home .under a.btn{color:var(--edge);text-decoration:none}.home .under .print-this{background:var(--mustard);box-shadow:var(--pop)}.home-demo .keys{justify-content:center;margin:16px 0 0}.home-prints{margin-top:72px}.prints-heading{max-width:40rem}.prints-heading>p:last-child{margin:10px 0 0;line-height:1.7;color:var(--soft)}.print-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:28px 0 0;padding:0;list-style:none}.print-card{position:relative;display:flex;flex-direction:column}.print-card h3{margin:20px 0 0;font:var(--weight-heading) var(--text-card)/1.2 var(--ui)}.print-card h3 a{color:var(--edge);text-decoration:none}.print-card h3 a:after{content:"";position:absolute;inset:0}.print-card h3 a:before{content:"\2192";float:right;margin-left:8px;transition:transform .2s var(--out)}.print-card:hover h3 a:before{transform:translate(4px)}.print-card h3 a:focus-visible{outline:none}.print-card:has(a:focus-visible){outline:3px solid var(--edge);outline-offset:6px}.print-card p{margin:8px 0 0;font-size:var(--text-label);line-height:1.6;color:var(--soft)}.thumbs{--scale: .26;position:relative;height:260px;overflow:hidden;border-radius:6px;background:var(--paper-deep)}.print-card:nth-child(2) .thumbs{background:var(--sage)}.print-card:nth-child(3) .thumbs{background:var(--peach)}.thumbs .papers{display:block}.thumbs .paper{position:absolute;top:26px;left:calc(50% - 408px * var(--scale));zoom:1;transform-origin:0 0;box-shadow:0 0 0 2px color-mix(in srgb,var(--edge) 15%,transparent),14px 16px color-mix(in srgb,var(--edge) 7%,transparent);transition:transform .25s var(--out)}.thumbs .paper:first-child{transform:translate(26px,8px) rotate(6deg) scale(var(--scale))}.thumbs .paper:last-child{transform:rotate(-2deg) scale(var(--scale))}.print-card:hover .paper:last-child{transform:translate(-4px,-8px) rotate(-3deg) scale(var(--scale))}.start{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:48px;padding:30px 0;border-block:1px solid var(--rule);scroll-margin-top:20px}.start p{margin:8px 0 0;font-size:var(--text-label);color:var(--soft)}.start .grades{display:flex;flex-wrap:wrap;gap:10px}.start .grades a{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:52px;padding:0 16px;background:var(--paper);border:1.5px solid color-mix(in srgb,var(--edge) 45%,transparent);color:var(--edge);font-size:var(--text-label);font-weight:var(--weight-heading);text-decoration:none;transition:background-color .15s,border-color .15s}.start .grades a:hover{background:var(--mustard);border-color:var(--outline)}.seek{margin-top:40px}.bar{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:0;min-height:56px;background:transparent;border:0;border-bottom:1.5px solid color-mix(in srgb,var(--edge) 45%,transparent);border-radius:0;font:var(--weight-body) var(--text-body)/1.5 var(--ui);color:var(--soft);text-align:left;cursor:pointer;transition:border-color .18s}.bar svg{width:21px;height:21px;color:var(--edge)}.bar span{flex:1}.bar:hover{border-color:var(--outline)}.browse-home{margin-top:42px;scroll-margin-top:24px}.browse-heading{margin-bottom:18px}.home .groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0;padding:0;list-style:none}.home .groups a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;height:100%;min-height:112px;padding:22px 40px 22px 0;border-top:1px solid var(--rule);color:var(--edge);text-decoration:none;transition:background-color .18s}.home .groups .name{font:var(--weight-heading) var(--text-card)/1.3 var(--ui)}.home .groups .eg{font-size:var(--text-label);line-height:1.5;color:var(--soft);overflow-wrap:anywhere}.home .groups .pattern-arrow{position:absolute;right:8px;top:24px;font-size:20px}.home .groups a:hover{background:var(--sage)}.home-more{display:flex;flex-wrap:wrap;gap:8px 32px;margin-block:26px}.home-more a{display:inline-flex;align-items:center;gap:12px;min-height:var(--control-size);color:var(--edge);font-size:var(--text-label);text-decoration:none}.home-more a:hover{text-decoration:underline;text-underline-offset:4px}.home-extras{border-top:1px solid var(--rule)}.home-disclosure{border-bottom:1px solid var(--rule)}.home-disclosure>summary{min-height:60px;padding:18px 0;color:var(--soft);font-size:var(--text-label);font-weight:var(--weight-control);cursor:pointer}.home-disclosure>summary:hover{color:var(--edge)}.home-disclosure .all-topics{margin:12px 0 28px}.solo.projecting :is(.cover,.demo-heading,.home-prints,.home-extras,.home-ways,.seek,.browse-home,.foot,.board-bar),.projecting .home-demo:before{display:none}.projecting .home-demo,.projecting .home-demo .card{margin:0;padding:0;border-radius:0}@media(prefers-reduced-motion:reduce){.thumbs .paper,.print-card h3 a:before{transition:none}}@media(max-width:1000px){.note{display:none}.cover-art .thumbs .paper{left:42px}}@media(max-width:640px){.cover{display:block;padding:32px 0 12px}.cover .kicker{margin-bottom:18px}.how{margin:22px 0;font-size:var(--text-body)}.cover-art{width:320px;max-width:100%;height:280px;margin:36px auto 0}.cover-art .thumbs{--scale: .23}.cover-art .thumbs .paper{left:64px}.cover-art .disc{top:12px;left:38px;width:245px}.cover-art .caption{top:-14px}.seal{left:4px;bottom:6px;width:104px}.seal strong{font-size:1.3rem}.seal span{font-size:7px}.home-demo{padding:24px 0 16px}.home-demo:before{inset:0 calc(-1 * var(--page-gutter));border-radius:0}.demo-heading{display:block}.demo-heading>p,.home-demo .keys{display:none}.board-bar{padding-left:14px}body:not(.projecting) .home .tool .stage{min-block-size:24rem}.home .under-acts{flex-basis:100%;flex-wrap:nowrap}.home .under-acts .print-this{flex:1;min-width:0}.home .under-acts .newset{min-width:44px}.home .under-acts .newset .word{display:none}.home-prints{margin-top:44px}.print-cards{grid-template-columns:minmax(0,1fr);gap:20px}.print-card{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px}.print-card .thumbs{--scale: .12;grid-row:1 / 3;height:140px}.thumbs .paper{top:14px}.print-card h3{margin:12px 0 0;font-size:var(--text-body)}.print-card p{margin:4px 0 0}.start{display:block;padding:24px 0}.start .grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.start .grades a{min-height:48px;padding:0 6px}.bar kbd{display:none}.home .groups{grid-template-columns:minmax(0,1fr)}.home .groups a{min-height:96px}.home-more{display:grid;gap:0}}