.pl-preview{--pl-preview-line:color-mix(in srgb, var(--pl-ink) 18%, var(--pl-bg));--pl-preview-muted:color-mix(in srgb, var(--pl-ink) 74%, var(--pl-bg));border:1px solid var(--pl-preview-line);background:var(--pl-bg);color:var(--pl-ink);font-family:var(--font-ui);border-radius:12px;flex-direction:column;margin:.8rem .8rem 0;display:flex;overflow:hidden;box-shadow:0 7px 20px #00000014}.pl-preview-caption{color:var(--pl-preview-muted);font-family:var(--font-data);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;padding:.5rem .8rem;font-size:.64rem;line-height:1.4;display:flex}.pl-preview-theme{letter-spacing:.035em;align-items:center;gap:.45rem;display:inline-flex}.pl-preview-mark{background:var(--pl-accent);border-radius:2px;width:.65rem;height:.65rem;transform:rotate(-8deg)}.pl-preview-example{border:1px solid var(--pl-preview-line);border-radius:3px;padding:.1rem .35rem}.pl-preview-cover{isolation:isolate;background:color-mix(in srgb, var(--pl-accent) 12%, var(--pl-bg));border-block:1px solid var(--pl-preview-line);align-items:flex-end;min-height:4rem;padding:.9rem 1rem;display:flex;position:relative;overflow:hidden}.pl-preview-cover img{z-index:-2;object-fit:cover}.pl-preview-cover[data-photo=true]:after{content:"";z-index:-1;background:linear-gradient(#00000014,#000000c2);position:absolute;inset:0}.pl-preview-wordmark{width:100%;font-family:var(--pl-font);letter-spacing:-.045em;justify-content:space-between;align-items:center;gap:1rem;font-size:1.45rem;font-weight:600;line-height:1.1;display:flex}.pl-preview-cover[data-photo=true] .pl-preview-wordmark{color:#fff;text-shadow:0 1px 5px #00000059}.pl-preview-brand-symbol{border:1px solid;border-radius:50% 50% 4px;flex:none;width:1.2rem;height:1.2rem;transform:rotate(-25deg)}.pl-preview-cover-art{z-index:-1;font-family:var(--pl-font);letter-spacing:-.08em;color:color-mix(in srgb, var(--pl-accent) 22%, var(--pl-bg));font-size:6rem;font-weight:400;line-height:1;position:absolute;inset:auto 1.2rem -.7rem auto}.pl-preview-cover-art>svg{width:7.5rem;height:7.5rem;transform:rotate(-12deg)}.pl-preview-main{flex-direction:column;min-height:10rem;padding:.8rem .9rem .65rem;display:flex}.pl-preview-meta{color:var(--pl-preview-muted);font-family:var(--font-data);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.65rem;line-height:1.35;display:flex}.pl-preview-meta>:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.pl-preview-question{max-width:31ch;color:var(--pl-ink);font-family:var(--pl-font);letter-spacing:-.02em;text-wrap:pretty;overflow-wrap:anywhere;margin:.5rem 0 .7rem;font-size:clamp(1rem,.95rem + .15vw,1.15rem);font-weight:600;line-height:1.26}.pl-preview-answer{margin-top:auto}.pl-preview-scale,.pl-preview-stars,.pl-preview-choices,.pl-preview-ranking{margin-bottom:0;padding:0;list-style:none}.pl-preview-scale{grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin-top:0;display:grid}.pl-preview-scale li{border:1px solid var(--pl-preview-line);background:color-mix(in srgb, var(--pl-accent) 5%, var(--pl-bg));min-height:2rem;font-family:var(--font-data);border-radius:5px;place-items:center;font-size:.68rem;font-weight:600;display:grid}.pl-preview-range{color:var(--pl-preview-muted);justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.5rem;font-size:.63rem;line-height:1.4;display:flex}.pl-preview-range>span{max-width:49%}.pl-preview-range>:last-child{text-align:right}.pl-preview-choices,.pl-preview-ranking{gap:.3rem;display:grid}.pl-preview-choices li,.pl-preview-ranking li{border:1px solid var(--pl-preview-line);border-radius:var(--pl-btn-radius);align-items:center;gap:.65rem;min-height:1.85rem;padding:.3rem .65rem;font-size:.77rem;line-height:1.3;display:flex}.pl-preview-radio{border:1px solid color-mix(in srgb, var(--pl-ink) 50%, var(--pl-bg));vertical-align:middle;border-radius:50%;flex-shrink:0;width:.8rem;height:.8rem;display:inline-block}.pl-preview-rank{background:color-mix(in srgb, var(--pl-accent) 10%, var(--pl-bg));width:1.2rem;height:1.2rem;font-family:var(--font-data);border-radius:2px;flex-shrink:0;place-items:center;font-size:.65rem;display:grid}.pl-preview-grip{background:radial-gradient(circle, var(--pl-preview-muted) 1px, transparent 1.2px) 0 0 / 4px 4px;flex-shrink:0;width:7px;height:13px;margin-left:auto}.pl-preview-fields{gap:.6rem;margin-bottom:0;display:grid}.pl-preview-fields dt{color:var(--pl-ink);margin-bottom:.25rem;font-size:.7rem;font-weight:600}.pl-preview-fields dd{border:1px solid var(--pl-preview-line);border-radius:var(--pl-btn-radius);min-height:2.1rem;color:var(--pl-preview-muted);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.4rem .65rem;font-size:.7rem;display:flex}.pl-preview-at{font-family:var(--font-data);font-size:.85rem}.pl-preview-chevron{border-bottom:1px solid;border-right:1px solid;flex-shrink:0;width:.4rem;height:.4rem;transform:translateY(-2px)rotate(45deg)}.pl-preview-matrix{border-collapse:collapse;table-layout:fixed;width:100%;font-family:var(--font-ui);font-size:.63rem}.pl-preview-matrix th,.pl-preview-matrix td{border-bottom:1px solid var(--pl-preview-line);text-align:center;padding:.45rem .1rem;font-weight:400}.pl-preview-matrix th:first-child{text-align:left;overflow-wrap:anywhere;width:46%}.pl-preview-matrix thead{color:var(--pl-preview-muted)}.pl-preview-matrix tbody th{font-weight:500}.pl-preview-matrix .pl-preview-radio{width:.65rem;height:.65rem}.pl-preview-stars{justify-content:space-between;gap:.4rem;margin-top:0;display:flex}.pl-preview-stars li{color:var(--pl-preview-muted);font-family:var(--font-data);justify-items:center;gap:.25rem;font-size:.65rem;display:grid}.pl-preview-stars svg{width:clamp(1.9rem,3vw,2.5rem);height:auto;color:var(--pl-accent)}.pl-preview-footer{align-items:center;gap:1rem;padding:.4rem .9rem .7rem;display:flex}.pl-preview-progress{background:var(--pl-preview-line);border-radius:2px;flex:1;height:3px;overflow:hidden}.pl-preview-progress span{background:var(--pl-accent);height:100%;display:block}.pl-preview-next{border:1px solid var(--pl-preview-line);border-radius:var(--pl-btn-radius);background:color-mix(in srgb, var(--pl-accent) 12%, var(--pl-bg));color:var(--pl-ink);font-family:var(--font-ui);justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem .7rem;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex}.pl-sheet-heading{flex-wrap:wrap;align-items:baseline;gap:.5rem .7rem;display:flex}.pl-sheet-title{color:var(--mk-ink);font-family:var(--font-display);letter-spacing:-.02em;flex:11rem;margin:0;font-size:1.22rem;font-weight:400;line-height:1.18}.pl-sheet-featured{color:var(--mk-ink-2);font-family:var(--font-data);border:1px solid var(--mk-line);border-radius:3px;padding:.18rem .35rem;font-size:.6rem}.pl-gallery .pl-sheet-body{gap:.65rem;padding:.9rem 1rem 1rem}.pl-gallery .pl-types-list{gap:.3rem}.pl-gallery .pl-type-glyph{width:1.5rem;height:1.5rem}@media (min-width:1060px){.pl-gallery .pl-sheets{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-gallery .pl-sheets>.pl-sheet{grid-column:auto}}@media (max-width:379px){.pl-preview{margin-inline:.55rem}.pl-preview-main{padding-inline:.65rem}.pl-preview-scale{gap:2px}}
.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:minmax(0,1fr);gap:0;display:grid}.tpldir-cat{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-accent-text);margin:0;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)}.tpldir-group{border-top:1px solid var(--mk-line)}.tpldir-group:last-child{border-bottom:1px solid var(--mk-line)}.tpldir-summary{cursor:pointer;align-items:center;gap:1rem;min-height:64px;padding-block:1rem;list-style:none;display:flex}.tpldir-summary::-webkit-details-marker{display:none}.tpldir-summary:focus-visible{outline:2px solid var(--mk-accent);outline-offset:4px}.tpldir-count{color:var(--mk-ink-3);margin-left:auto;font-size:.8rem}.tpldir-toggle{font-size:1.4rem}.tpldir-group[open] .tpldir-toggle{transform:rotate(45deg)}.tpldir-group .tpldir-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem 2rem;padding-block:.5rem 1.75rem}
.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{flex-direction:column;justify-content:center;padding-block:clamp(2rem,1.5rem + 2vh,3.5rem);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}.pl-hero .pl-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.pl-hero-copy{min-width:0}.pl-hero-preview{--dpp-max-height:min(52svh, 28rem)}.pl-hero-grid .pl-hero-head{font-size:clamp(2rem,1rem + 2.8vw,3.8rem)}.pl-hero-grid .pl-hero-lede{font-size:clamp(1rem,.9rem + .3vw,1.15rem)}#pl-gallery{scroll-margin-top:calc(var(--mk-nav-h) + 1rem)}.pl-demo-section{padding-block:clamp(1.5rem,3vw,3rem)}.pl-design-demo{border-block:1px solid var(--mk-line)}.pl-design-demo>summary{cursor:pointer;padding:1.5rem 3rem 1.5rem 0;list-style:none;position:relative}.pl-design-demo>summary::-webkit-details-marker{display:none}.pl-design-demo>summary:focus-visible{outline:2px solid var(--mk-accent);outline-offset:6px}.pl-design-demo>summary .mk-h2{margin-top:.6rem;font-size:clamp(1.4rem,2.1vw,2rem)}.pl-demo-toggle{font-size:2rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pl-design-demo[open] .pl-demo-toggle{transform:translateY(-50%)rotate(45deg)}.pl-design-demo>.mk-lede{max-width:58ch;padding-block:.5rem 1rem}.pl-design-demo>section{padding-block:2rem}@media (max-width:899px){.pl-hero .pl-hero-grid{grid-template-columns:minmax(0,1fr)}.pl-hero-preview{--dpp-max-height:24rem}.pl-hero-head{max-width:22ch}}