.tpldir{border-top:1px solid var(--mk-line);padding:clamp(2.5rem,6vw,4.5rem) 0}.tpldir-title{margin-bottom:2rem}.tpldir-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem 2.5rem;display:grid}.tpldir-cat{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-accent-text);border-bottom:1px solid var(--mk-line-soft);margin:0 0 .9rem;padding-bottom:.5rem;font-size:.72rem}.tpldir-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.tpldir-list a{color:var(--mk-ink-2);font-size:.95rem;line-height:1.4;text-decoration:none;transition:color .15s}.tpldir-list a:hover{color:var(--mk-accent-text)}
.tsb{border-top:1px solid var(--mk-line);padding:clamp(2.5rem,6vw,4.5rem) 0 0}.tsb-title{margin-bottom:.75rem}.tsb-lede{max-width:46ch;color:var(--mk-ink-2);margin:0 0 2rem;line-height:1.6}.tsb-list{border-top:1px solid var(--mk-line-soft);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:0 2.5rem;margin:0;padding:0;list-style:none;display:grid}.tsb-list li{border-bottom:1px solid var(--mk-line-soft)}.tsb-link{color:var(--mk-ink);transition:color .15s ease, padding-left .2s var(--mk-ease);justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem .25rem .85rem 0;text-decoration:none;display:flex}.tsb-link:hover{color:var(--mk-accent-text);padding-left:.5rem}.tsb-name{text-wrap:pretty;font-size:.98rem;line-height:1.35}.tsb-count{letter-spacing:.06em;color:var(--mk-ink-3);white-space:nowrap;font-size:.7rem}@media (prefers-reduced-motion:reduce){.tsb-link{transition:none}.tsb-link:hover{padding-left:0}}
.pl-hero{min-height:calc(100svh - var(--mk-nav-h));flex-direction:column;justify-content:center;padding-block:clamp(3rem,2rem + 4vh,6rem);display:flex;position:relative;overflow:clip}.pl-hero-bleed{z-index:0;pointer-events:none;opacity:.55;background:radial-gradient(38% 36% at 92% 6%, var(--mk-glow) 0%, transparent 70%), repeating-linear-gradient(90deg, transparent 0, transparent calc(100% / 12 - 2px), color-mix(in srgb, var(--mk-sage-soft) 16%, transparent) calc(100% / 12 - 2px), color-mix(in srgb, var(--mk-sage-soft) 16%, transparent) calc(100% / 12));position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080 0%,#0000 42%);mask-image:linear-gradient(#00000080 0%,#0000 42%)}.pl-hero .mk-shell{z-index:1;position:relative}.pl-hero-head{max-width:18ch;margin:.9rem 0 0;font-size:clamp(2rem,1.35rem + 2.9vw,4.6rem)}.pl-hero-accent{color:var(--pl-page-accent,var(--mk-accent));white-space:nowrap}.pl-hero-lede{max-width:54ch;margin-top:1.4rem}.pl-hero-ctas{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.pl-head{flex-direction:column;gap:.85rem;max-width:56ch;display:flex}.pl-head .mk-lede{max-width:56ch}.pl-band{background:var(--mk-paper-2);border-block:1px solid var(--mk-line)}.pl-design-link{color:var(--mk-accent-text);align-items:center;gap:.4rem;width:fit-content;margin-top:.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.pl-design-link svg{transition:transform .3s var(--mk-ease-expo)}.pl-design-link:hover svg,.pl-design-link:focus-visible svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.pl-design-link svg{transition:none}}.pl-gallery{margin-top:clamp(2rem,1rem + 3vw,3.25rem)}.pl-filter-wrap{flex-direction:column;gap:.85rem;margin-bottom:clamp(1.75rem,1rem + 2vw,2.75rem);display:flex}.pl-segmented{border:1px solid var(--mk-line);background:var(--mk-surface);box-shadow:var(--mk-shadow);border-radius:14px;flex-wrap:wrap;gap:.25rem;width:fit-content;max-width:100%;padding:.3rem;display:inline-flex}.pl-seg{appearance:none;color:var(--mk-ink-2);font-family:var(--font-ui);letter-spacing:-.005em;cursor:pointer;transition:color .22s var(--mk-ease), background .22s var(--mk-ease), box-shadow .22s var(--mk-ease);background:0 0;border:0;border-radius:10px;padding:.5rem .95rem;font-size:.88rem;font-weight:600;position:relative}.pl-seg:hover{color:var(--mk-ink)}.pl-seg[data-active=true]{color:var(--mk-ink);background:color-mix(in srgb, var(--mk-sage-soft) 18%, var(--mk-surface));box-shadow:var(--mk-shadow)}.pl-seg[data-active=true]:after{content:"";background:var(--pl-page-accent,var(--mk-accent));border-radius:2px;height:1.5px;position:absolute;bottom:.3rem;left:.95rem;right:.95rem}.pl-filter-blurb{color:var(--mk-ink-2);flex-wrap:wrap;align-items:baseline;gap:.5rem .85rem;margin:0;font-size:.92rem;display:flex}.pl-filter-count{letter-spacing:.12em;text-transform:uppercase;color:var(--mk-ink-3);border:1px solid var(--mk-line);border-radius:999px;flex-shrink:0;padding:.2rem .55rem;font-size:.72rem}.pl-sheets{grid-template-columns:1fr;gap:clamp(.9rem,.6rem + 1vw,1.4rem);margin:0;padding:0;list-style:none;display:grid}@media (min-width:680px){.pl-sheets{grid-template-columns:repeat(2,1fr)}}@media (min-width:1060px){.pl-sheets{grid-template-columns:repeat(6,1fr)}.pl-sheet{grid-column:span 2}.pl-sheet[data-featured=true]{grid-column:span 3}}.pl-sheet{border:1px solid var(--mk-line);background:var(--mk-surface);box-shadow:var(--mk-shadow);isolation:isolate;transition:transform .34s var(--mk-ease-expo), box-shadow .34s var(--mk-ease), border-color .3s var(--mk-ease);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.pl-sheet:hover{box-shadow:var(--mk-shadow-float);border-color:color-mix(in srgb, var(--mk-sage-soft) 45%, var(--mk-line));transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.pl-sheet{transition:none}.pl-sheet:hover{transform:none}}.pl-sheet-wash{z-index:-1;background:var(--pl-wash,transparent);pointer-events:none;height:60%;position:absolute;inset:0 0 auto}.pl-mock{background:var(--pl-bg);color:var(--pl-ink);border:1px solid color-mix(in srgb, var(--pl-ink) 10%, transparent);font-family:var(--pl-font);border-radius:14px;margin:.9rem .9rem 0;padding:.95rem 1rem 1rem;box-shadow:0 6px 20px #1f1d1a14}.pl-mock-top{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.pl-mock-logo{align-items:center;gap:.45rem;display:inline-flex}.pl-mock-mark{background:var(--pl-accent);border-radius:5px;flex-shrink:0;width:1.05rem;height:1.05rem}.pl-mock-skin{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--pl-ink) 55%, transparent);font-size:.6rem}.pl-mock-star{font-family:var(--font-data);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-accent);border:1px solid color-mix(in srgb, var(--pl-accent) 45%, transparent);border-radius:999px;padding:.16rem .45rem;font-size:.54rem}.pl-mock-q{letter-spacing:-.01em;color:var(--pl-ink);margin:0 0 .85rem;font-size:1.02rem;line-height:1.2}.pl-mock-row{gap:.4rem;margin-bottom:1rem;display:flex}.pl-mock-pill{border-radius:var(--pl-btn-radius);background:color-mix(in srgb, var(--pl-ink) 8%, transparent);border:1px solid color-mix(in srgb, var(--pl-ink) 10%, transparent);flex:1;height:1.6rem}.pl-mock-pill[data-on=true]{background:var(--pl-accent);border-color:var(--pl-accent)}.pl-mock-foot{align-items:center;gap:.7rem;display:flex}.pl-mock-progress{background:color-mix(in srgb, var(--pl-ink) 12%, transparent);border-radius:4px;flex:1;height:4px;overflow:hidden}.pl-mock-progress span{background:var(--pl-accent);border-radius:4px;width:45%;height:100%;display:block}.pl-mock-btn{border-radius:var(--pl-btn-radius);background:var(--pl-accent);height:1.7rem;color:var(--pl-on);flex-shrink:0;align-items:center;padding-inline:.85rem;font-size:.7rem;font-weight:600;display:inline-flex}.pl-sheet-body{flex-direction:column;flex:1;gap:.85rem;padding:1.05rem 1.1rem 1.15rem;display:flex}.pl-sheet-key{letter-spacing:.14em;text-transform:uppercase;color:var(--mk-ink-3);margin-bottom:.3rem;font-size:.6rem;display:block}.pl-sheet-measures{color:var(--mk-ink);margin:0;font-size:.92rem;line-height:1.45}.pl-types-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pl-type{color:var(--mk-ink-2);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.pl-type-glyph{background:color-mix(in srgb, var(--mk-sage-soft) 14%, var(--mk-surface));border:1px solid var(--mk-line);width:1.7rem;height:1.7rem;color:var(--mk-sage);border-radius:7px;flex-shrink:0;place-items:center;display:inline-grid}:root[data-theme=dark] .pl-type-glyph{color:var(--mk-sage-soft)}.pl-type-glyph svg{width:16px;height:16px}.pl-sheet-meta{justify-content:space-between;align-items:flex-end;gap:.85rem;margin-top:auto;padding-top:.4rem;display:flex}.pl-sheet-signal{color:var(--mk-ink-2);max-width:24ch;font-size:.82rem;line-height:1.4}.pl-sheet-count{letter-spacing:.06em;color:var(--mk-ink-3);white-space:nowrap;flex-shrink:0;font-size:.66rem}.pl-sheet-cta{background:color-mix(in srgb, var(--mk-sage-soft) 12%, var(--mk-surface));border:1px solid var(--mk-line);height:2.7rem;color:var(--mk-ink);transition:background .24s var(--mk-ease), border-color .24s var(--mk-ease), color .24s var(--mk-ease);border-radius:11px;justify-content:center;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.pl-sheet-cta svg{transition:transform .3s var(--mk-ease-expo)}.pl-sheet-cta:hover,.pl-sheet-cta:focus-visible{background:color-mix(in srgb, var(--mk-accent) 12%, var(--mk-surface));border-color:color-mix(in srgb, var(--mk-accent) 38%, var(--mk-line));color:var(--mk-accent-text)}.pl-sheet-cta:hover svg,.pl-sheet-cta:focus-visible svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.pl-sheet-cta,.pl-sheet-cta svg{transition:none}.pl-sheet-cta:hover svg,.pl-sheet-cta:focus-visible svg{transform:none}}.pl-head--ring{max-width:60ch}.pl-ring{grid-template-columns:1fr;align-items:start;gap:clamp(1.5rem,1rem + 2vw,2.5rem);margin-top:clamp(2rem,1rem + 3vw,3.25rem);display:grid}@media (min-width:920px){.pl-ring{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}.pl-ring-preview{flex-direction:column;gap:.65rem;display:flex;position:sticky;top:5.5rem}.pl-pr-card{background:var(--pr-bg);color:var(--pr-ink);border:1px solid color-mix(in srgb, var(--pr-ink) 12%, transparent);box-shadow:var(--mk-shadow-float);font-family:var(--pr-font);transition:background .45s var(--mk-ease), color .45s var(--mk-ease), border-color .45s var(--mk-ease);border-radius:18px;padding:1.3rem 1.4rem 1.45rem}.pl-pr-top{align-items:center;gap:.55rem;margin-bottom:1.1rem;display:flex}.pl-pr-mark{background:var(--pr-accent);width:1.5rem;height:1.5rem;transition:background .45s var(--mk-ease);border-radius:7px}.pl-pr-logo{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--pr-ink) 55%, transparent);font-size:.72rem}.pl-pr-q{letter-spacing:-.01em;color:var(--pr-ink);margin:0 0 1.25rem;font-size:1.32rem;line-height:1.16}.pl-pr-scale{gap:.5rem;margin-bottom:1.4rem;display:flex}.pl-pr-dot{border-radius:var(--pr-btn-radius);background:color-mix(in srgb, var(--pr-ink) 7%, transparent);border:1px solid color-mix(in srgb, var(--pr-ink) 12%, transparent);width:2.1rem;height:2.1rem;transition:border-radius .45s var(--mk-ease), background .45s var(--mk-ease)}.pl-pr-dot[data-on=true]{background:var(--pr-accent);border-color:var(--pr-accent)}.pl-pr-btn{border-radius:var(--pr-btn-radius);background:var(--pr-accent);height:2.6rem;color:var(--pr-on);transition:border-radius .45s var(--mk-ease), background .45s var(--mk-ease);align-items:center;padding-inline:1.3rem;font-size:.88rem;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.pl-pr-card,.pl-pr-mark,.pl-pr-dot,.pl-pr-btn{transition:none}}.pl-pr-applied{letter-spacing:.1em;text-transform:uppercase;color:var(--mk-ink-3);padding-left:.2rem;font-size:.7rem}.pl-swatches{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:520px){.pl-swatches{grid-template-columns:repeat(3,1fr)}}@media (min-width:920px){.pl-swatches{grid-template-columns:repeat(3,1fr)}}.pl-swatch{text-align:left;appearance:none;cursor:pointer;background:var(--mk-surface);border:1px solid var(--mk-line);width:100%;color:var(--mk-ink-2);font-family:var(--font-ui);transition:border-color .22s var(--mk-ease), color .22s var(--mk-ease), background .22s var(--mk-ease), transform .22s var(--mk-ease-expo), box-shadow .22s var(--mk-ease);border-radius:12px;align-items:center;gap:.55rem;padding:.6rem .7rem;font-size:.82rem;font-weight:600;display:flex;position:relative}.pl-swatch:hover{color:var(--mk-ink);transform:translateY(-1px)}.pl-swatch[data-active=true]{color:var(--mk-ink);border-color:color-mix(in srgb, var(--sw-accent) 60%, var(--mk-line));background:color-mix(in srgb, var(--sw-accent) 7%, var(--mk-surface));box-shadow:var(--mk-shadow)}@media (prefers-reduced-motion:reduce){.pl-swatch{transition:border-color .18s linear}.pl-swatch:hover{transform:none}}.pl-swatch-chip{background:var(--sw-bg);border-radius:7px;flex-shrink:0;width:1.65rem;height:1.65rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1f1d1a24}.pl-swatch-chip:after{content:"";background:var(--sw-accent);border-top-left-radius:7px;width:62%;height:62%;position:absolute;bottom:0;right:0}.pl-swatch-name{min-width:0;line-height:1.15}.pl-swatch-star{background:var(--sw-accent);width:.4rem;height:.4rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--sw-accent) 18%, transparent);border-radius:999px;flex-shrink:0;margin-left:auto}.pl-ring-foot{letter-spacing:.1em;text-transform:uppercase;color:var(--mk-ink-3);margin:1rem 0 0;font-size:.7rem}.pl-finale{text-align:center}.pl-finale .pl-head{text-align:center;align-items:center;margin-inline:auto}.pl-finale .mk-lede{text-align:center;margin-inline:auto}.pl-finale-ctas{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:2rem;display:flex}.pl-finale-micro{color:var(--mk-ink-3);margin-top:1.1rem;max-width:60ch;margin-inline:auto;font-size:.82rem}