html[data-design=pinboard]{--display-weight:700;--display-tracking:-.035em;--wide:72rem;--measure:34rem;--r:10px;--gap:clamp(3.5rem, 2.5rem + 4vw, 6rem);--edge:2px;--pop:5px}html[data-design=pinboard] body{line-height:1.55}html[data-design=pinboard] h1{font-size:clamp(2.7rem,1.6rem + 4.6vw,5rem);line-height:.95}html[data-design=pinboard] h2{font-size:clamp(1.9rem,1.3rem + 2.4vw,3.1rem);line-height:1.02}html[data-design=pinboard] h3{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}html[data-design=pinboard] .head{text-align:center;margin-inline:auto;max-width:46rem;margin-bottom:2.5rem}html[data-design=pinboard] .head .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1.5px solid var(--ink);border-radius:3px;margin-bottom:1.2rem;padding:.3rem .7rem;font-size:.68rem;display:inline-block}html[data-design=pinboard] .head .sub{max-width:34rem;color:var(--ink-soft);margin-inline:auto;font-size:1.05rem}html[data-design=pinboard] .card,html[data-design=pinboard] .lane,html[data-design=pinboard] .tile,html[data-design=pinboard] .qa{background:var(--card);border-radius:var(--r);box-shadow:0 10px 22px color-mix(in srgb, var(--ink) 14%, transparent), 0 2px 5px color-mix(in srgb, var(--ink) 10%, transparent);border:0;padding:1.5rem 1.5rem 1.4rem;position:relative}html[data-design=pinboard] .card:before,html[data-design=pinboard] .lane:before,html[data-design=pinboard] .tile:before,html[data-design=pinboard] .qa:before{content:"";background:var(--accent);width:14px;height:14px;box-shadow:0 2px 3px color-mix(in srgb, var(--ink) 26%, transparent);border-radius:50%;position:absolute;top:-7px;left:50%;translate:-50%}html[data-design=pinboard] .card:nth-child(5n+1){rotate:-1.2deg}html[data-design=pinboard] .card:nth-child(5n+2){rotate:.9deg}html[data-design=pinboard] .card:nth-child(5n+3){rotate:-.5deg}html[data-design=pinboard] .card:nth-child(5n+4){rotate:1.6deg}html[data-design=pinboard] .card:nth-child(5n+5){rotate:-1.5deg}html[data-design=pinboard] .card:nth-child(5n+2):before{background:var(--stamp)}html[data-design=pinboard] .card:nth-child(5n+3):before{background:var(--ink)}html[data-design=pinboard] .card:nth-child(5n+4):before{background:color-mix(in srgb, var(--stamp) 50%, var(--accent))}html[data-design=pinboard] .card:nth-child(5n+5):before{background:color-mix(in srgb, var(--ink) 55%, var(--accent))}html[data-design=pinboard] .grid{gap:1.9rem}@media (prefers-reduced-motion:reduce){html[data-design=pinboard] .card,html[data-design=pinboard] .lane,html[data-design=pinboard] .tile,html[data-design=pinboard] .qa{rotate:0deg}}html[data-design=pinboard] .band-tint{background:var(--tint)}html[data-design=pinboard] .band-card{background:color-mix(in srgb, var(--tint) 88%, var(--ink))}html[data-design=pinboard] .btn{border:var(--edge) solid var(--ink);background:var(--ink);color:var(--paper);border-radius:6px;padding:.85rem 1.6rem;font-weight:600}html[data-design=pinboard] .btn-ghost{background:var(--card);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}html[data-design=pinboard] .btn:active{translate:2px 2px}@media (prefers-reduced-motion:reduce){html[data-design=pinboard] .btn:active{translate:none}}html[data-design=pinboard] input,html[data-design=pinboard] select{border:var(--edge) solid var(--ink);border-radius:6px}html[data-design=pinboard] .hero .inner .panel,html[data-design=pinboard] .block .cd.cd-compact .scroll,html[data-design=pinboard] .block .pd.pd-spotlight,html[data-design=pinboard] .block .panel.panel-deck{border:var(--edge) solid var(--ink);border-radius:var(--r);box-shadow:var(--pop) var(--pop) 0 var(--ink);background:var(--card);padding:clamp(1.4rem,1rem + 1.6vw,2rem)}html[data-design=pinboard] .block .sd.sd-offset .lanes .lane{background:var(--card);border-radius:var(--r);box-shadow:0 10px 22px color-mix(in srgb, var(--ink) 14%, transparent);border:0;padding:1.6rem 1.6rem 1.4rem;position:relative}html[data-design=pinboard] .block .sd.sd-offset .lanes .lane:first-child{rotate:-.9deg}html[data-design=pinboard] .block .sd.sd-offset .lanes .lane:nth-child(2){rotate:.8deg}html[data-design=pinboard] .block .hd2.hd2-neon .list li{border:var(--edge) solid var(--ink);border-radius:var(--r);box-shadow:var(--pop) var(--pop) 0 var(--ink);background:var(--card)}html[data-design=pinboard] .block .hd2.hd2-neon .list li .n,html[data-design=pinboard] .block .hd2.hd2-neon .list li .t,html[data-design=pinboard] .block .hd2.hd2-neon .list li .b{color:inherit}html[data-design=pinboard] .block .cd.cd-compact .drow{border-bottom:1px solid color-mix(in srgb, var(--ink) 22%, transparent)}html[data-design=pinboard] .block .cd.cd-compact .hrow{border-bottom:var(--edge) solid var(--ink)}html[data-design=pinboard] .block .pd.pd-spotlight .fig .n{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:-.04em}html[data-design=pinboard] .block .pd.pd-spotlight .pills li{border:1.5px solid var(--ink);border-radius:999px}html[data-design=pinboard] .block .panel .cf.cf-block{box-shadow:none;background:0 0;border:0;padding:0}html[data-design=pinboard] .fd.fd-wordmark .mega{font-size:clamp(2.4rem,1rem + 5vw,5rem)}html[data-design=pinboard] .hero .inner .panel .row{border-top:1px solid color-mix(in srgb, var(--ink) 20%, transparent);padding-block:.9rem;display:block}html[data-design=pinboard] .hero .inner .panel .row:first-of-type{border-top:0;padding-top:0}html[data-design=pinboard] .hero .inner .panel .row .v{text-align:left;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:-.03em;line-height:1.1;display:block}html[data-design=pinboard] .hero .inner .panel .row .l{text-align:left;color:var(--ink-soft);margin-top:.3rem;display:block}html[data-design=pinboard] .hero .fig .ring,html[data-design=pinboard] .hero .fig .core,html[data-design=pinboard] .hero .fig .callout,html[data-design=pinboard] .hero .fig .node{stroke:var(--ink);stroke-width:2.5px}html[data-design=pinboard] .hero .fig .ring{fill:var(--card)}html[data-design=pinboard] .hero .fig .ring.faint{stroke:var(--ink);fill:var(--paper)}html[data-design=pinboard] .hero .fig .dim{stroke:color-mix(in srgb, var(--ink) 38%, transparent);stroke-width:2px}html[data-design=pinboard] .hero .fig .pip,html[data-design=pinboard] .hero .fig .dot{fill:var(--accent)}html[data-design=pinboard] .hero .fig .bolt-fill,html[data-design=pinboard] .hero .fig .bolt,html[data-design=pinboard] .hero .fig .chip{fill:var(--stamp)}html[data-design=pinboard] .hero .fig .heavy{stroke:var(--ink);stroke-width:3px}html[data-design=pinboard] .hero .inner .panel .row .l{margin-top:0;margin-bottom:.3rem}html[data-design=pinboard] .band-dark .head .sub{color:color-mix(in srgb, var(--on-band) 72%, transparent)}html[data-design=pinboard] .band-dark .panel.panel-deck{background:color-mix(in srgb, var(--on-band) 7%, var(--band));border-color:var(--on-band);box-shadow:var(--pop) var(--pop) 0 var(--on-band);color:var(--on-band)}html[data-design=pinboard] .band-dark .panel.panel-deck p,html[data-design=pinboard] .band-dark .panel.panel-deck .dis,html[data-design=pinboard] .band-dark .panel.panel-deck label{color:inherit}html[data-design=pinboard] .band-dark .panel.panel-deck .dis{opacity:.72}html[data-design=pinboard] .card .ico{color:var(--ink)}html[data-design=pinboard] .block .pd.pd-spotlight{padding-top:clamp(1.9rem,1.4rem + 1.8vw,2.6rem)}html[data-design=pinboard] .fd.fd-sitemap{background:var(--tint);color:var(--ink)}html[data-design=pinboard] .fd.fd-sitemap a,html[data-design=pinboard] .fd.fd-sitemap h3,html[data-design=pinboard] .fd.fd-sitemap p{color:var(--ink)}html[data-design=pinboard] .fd.fd-sitemap .cols .col:not(.brandcol){border:var(--edge) solid var(--ink);border-radius:var(--r);box-shadow:var(--pop) var(--pop) 0 var(--ink);background:var(--card);padding:1.1rem 1.2rem 1.3rem}html[data-design=pinboard] .fd.fd-sitemap .cols .col:nth-of-type(3),html[data-design=pinboard] .fd.fd-sitemap .cols .col:nth-of-type(5){background:var(--paper)}html[data-design=pinboard] .fd.fd-sitemap .brandcol .nm{font-size:2.1rem}html[data-design=pinboard] .fd.fd-sitemap .brandcol .lede{color:var(--ink-soft);font-size:.9rem}html[data-design=pinboard] .fd.fd-sitemap .base{border-top:var(--edge) solid var(--ink);font-family:var(--font-mono);font-size:.72rem}html[data-design=pinboard] .fd.fd-sitemap .base .mono{background:var(--ink);color:var(--paper);border-radius:999px;padding:.3rem .9rem}html[data-design=pinboard] .hero .kicker{color:color-mix(in srgb, var(--stamp) 70%, var(--ink))}html[data-design=pinboard] .block .statement .prose>p{background:var(--card);border-radius:var(--r);box-shadow:0 10px 22px color-mix(in srgb, var(--ink) 14%, transparent), 0 2px 5px color-mix(in srgb, var(--ink) 10%, transparent);color:var(--ink);margin-top:1.9rem;padding:1.3rem 1.4rem 1.2rem;position:relative}html[data-design=pinboard] .block .statement .prose>p:before{content:"";background:var(--accent);width:14px;height:14px;box-shadow:0 2px 3px color-mix(in srgb, var(--ink) 26%, transparent);border-radius:50%;position:absolute;top:-7px;left:50%;translate:-50%}html[data-design=pinboard] .block .statement .prose>p:first-child{rotate:-1deg}html[data-design=pinboard] .block .statement .prose>p:nth-child(2){rotate:.8deg}html[data-design=pinboard] .block .statement .prose>p:nth-child(3){rotate:-.6deg}html[data-design=pinboard] .block .statement .prose>p:nth-child(2):before{background:var(--stamp)}html[data-design=pinboard] .block .statement .prose>p:nth-child(3):before{background:var(--ink)}@media (prefers-reduced-motion:reduce){html[data-design=pinboard] .block .statement .prose>p{rotate:0deg}}html[data-design=pinboard] .hero .grab input[type=email]{border:var(--edge) solid var(--ink);background:var(--card);border-radius:6px}html[data-design=pinboard] .hero .grab .btn{padding-inline:1.4rem}