.pv{--pv-head:77px;--pv-g:1.25rem;--pv-ink:var(--color-ink)}@media (min-width:640px){.pv{--pv-g:1.5rem}}@media (max-width:639px){.pv{--pv-head:73px}}.pv-lead{max-width:42rem;color:var(--color-ink-muted);margin-top:1.25rem;font-size:1.125rem;line-height:1.625}.pv-facts{color:var(--color-ink-faint);margin-top:1rem;font-size:.875rem}.pv-buttons{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.pv-btn{border-radius:.5rem;justify-content:center;align-items:center;min-height:48px;padding:0 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .12s;display:inline-flex}.pv-btn:active{transform:translateY(1px)}.pv-btn:focus-visible{outline:2px solid var(--color-ember);outline-offset:3px}.pv-btn--primary{background:var(--color-ember);color:var(--color-canvas)}.pv-btn--primary:hover{background:color-mix(in srgb, var(--color-ember) 86%, var(--color-ink))}.pv-btn--secondary{border:1px solid color-mix(in srgb, var(--color-ember) 40%, transparent);color:var(--color-ember)}.pv-btn--secondary:hover{background:color-mix(in srgb, var(--color-ember) 10%, transparent)}.pv-more{margin-top:5rem}.pc{--pc-line:var(--color-line);--pc-ring:var(--color-ember)}.pc button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.pc-view,.pc-canvas{cursor:grab}.pc-view{background:radial-gradient(ellipse at 50% 78%, color-mix(in srgb, var(--color-ember) 9%, transparent), transparent 62%), var(--color-surface-2);touch-action:none;border-radius:1rem;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ece3d61a,inset 0 0 0 1px #0000004d,inset 0 -8px 10px -10px #0003}.pc-canvas:active{cursor:grabbing}.pc-canvas.is-hot{cursor:pointer}.pc-canvas{touch-action:none;position:absolute;inset:0}.pc-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pc-msg{text-align:center;color:var(--color-ink-muted);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.pc-hint{color:var(--color-ink-faint);pointer-events:none;font-size:.875rem;position:absolute;bottom:.875rem;left:1rem}.pc-home{position:absolute;bottom:.625rem;right:.75rem}.pc-btn{border:1px solid color-mix(in srgb, var(--color-ember) 40%, transparent);min-height:48px;color:var(--color-ember);background:0 0;border-radius:.5rem;padding:0 1.125rem;font-size:.9375rem;font-weight:600;transition:background-color .2s,transform .12s}.pc-btn:hover{background:color-mix(in srgb, var(--color-ember) 10%, transparent)}.pc-btn:active{transform:translateY(1px)}.pc-btn:focus-visible,.pc-part:focus-visible,.pc-key:focus-visible,.pc-chip:focus-visible{outline:2px solid var(--color-ember);outline-offset:3px}.pc-intro{margin-bottom:1.5rem}.pc-h2{font-family:var(--font-serif);color:var(--color-ink);font-size:1.375rem;line-height:1.2}.pc-intro p{color:var(--color-ink-muted);margin-top:.5rem;font-size:.9375rem;line-height:1.55}.pc-h3{font-family:var(--font-serif);color:var(--color-ink-muted);margin-bottom:.75rem;font-size:.9375rem;font-weight:400}.pc-parts{gap:.5rem;display:grid}.pc-part,.pc-key{border:1px solid var(--pc-line);background:var(--color-surface);color:var(--color-ink);text-align:left;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .12s}.pc-part{border-radius:.75rem;grid-template-columns:40px 1fr auto;align-items:center;gap:.875rem;min-height:56px;padding:.5rem .875rem .5rem .5rem;display:grid}.pc-part:hover,.pc-key:hover{border-color:color-mix(in srgb, var(--color-ember) 35%, var(--pc-line))}.pc-part:active,.pc-key:active{transform:translateY(1px)}.pc-part[aria-pressed=true],.pc-key[aria-pressed=true]{box-shadow:0 0 0 2px var(--pc-ring);border-color:#0000}.pc-sw{border-radius:.375rem;width:40px;height:40px;display:block;box-shadow:inset 0 0 0 1px #ffffff24}.pc-sw-sm{border-radius:4px;width:18px;height:18px}.pc-part b{font-size:1rem;font-weight:600;line-height:1.15;display:block}.pc-part small{color:var(--color-ink-muted);margin-top:2px;font-size:.875rem;line-height:1.25;display:block}.pc-part em{white-space:nowrap;color:var(--color-ink-faint);font-size:.875rem;font-style:normal}.pc-lines{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.pc-key{border-radius:.625rem;min-height:48px;padding:.625rem .75rem;font-size:.9375rem}.pc-picked{min-height:22px;margin:1rem 0 .75rem;font-size:.9375rem}.pc-picked b{font-weight:600}.pc-picked span{color:var(--color-ink-muted)}.pc-mats{grid-template-columns:repeat(auto-fill,44px);justify-content:start;gap:.625rem;display:grid}.pc-chip{border:0;border-radius:.375rem;width:44px;height:44px;padding:0;transition:transform .12s;position:relative;box-shadow:inset 0 0 0 1px #ffffff29}.pc-chip:hover{transform:translateY(-1px)}.pc-chip[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-canvas), 0 0 0 2px var(--pc-ring)}.pc-actions{flex-wrap:wrap;gap:.625rem;margin-top:1.125rem;display:flex}.pc-status{min-height:20px;color:var(--color-ink-muted);margin-top:.625rem;font-size:.875rem}.pc-table{border-collapse:collapse;width:100%;font-size:.9375rem}.pc-table td{border-bottom:1px solid var(--pc-line);vertical-align:top;padding:.5625rem .625rem .5625rem 0}.pc-table td:first-child{width:24px;padding-top:.6875rem}.pc-table small{color:var(--color-ink-faint);font-size:.875rem;display:block}.pc-table .pc-n{text-align:right;white-space:nowrap;color:var(--color-ink-muted);padding-right:0}.pc-total td{color:var(--color-ink);border-bottom:0;font-weight:600}.pc-fine{color:var(--color-ink-faint);font-size:.875rem;line-height:1.5}.pc-fine p+p{margin-top:.5rem}.pv-title{max-width:42rem;margin-bottom:2.5rem}.pc{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:1.5rem 3rem;display:grid}.pc-stage{top:calc(var(--pv-head) + 16px);grid-area:1/1/span 2;position:sticky}.pc-view{height:clamp(440px,100vh - 220px,780px)}.pcg-panel{grid-area:1/2;padding:1.5rem 1.25rem}.pc-sec-filament,.pc-sec-need{border-top:1px solid var(--pc-line);margin-top:1.5rem;padding-top:1.5rem}.pc-fine{grid-area:2/2}@media (max-width:899px){.pc-stage{top:var(--pv-head);z-index:2;background:var(--color-canvas);margin:-.625rem -4px 0;padding:.625rem 4px .75rem;position:sticky}.pc-view{aspect-ratio:auto;height:min(46vh,92vw)}.pc-hint{display:none}.pc-home{min-height:40px;padding:.5rem .75rem;font-size:.875rem;bottom:.5rem;right:.5rem}.pc-chip,.pc-chip:hover{width:44px;height:44px}.pc{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);row-gap:1.5rem}.pc-stage,.pcg-panel,.pc-fine{grid-area:auto/1}.pc-stage{top:var(--pv-head);grid-row:1}}@media (max-width:420px){.pc-lines{grid-template-columns:1fr}.pc-part em{display:none}}.pl-group{margin-top:4rem}@media (min-width:768px){.pl-group{margin-top:5rem}}.pl-item{position:relative}.pl-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);font-size:.65rem;font-weight:500}.pl-title{color:var(--color-ink);font-size:1.25rem;line-height:1.375;transition:color .2s}.pl-line{color:var(--color-ink-muted);margin-top:.5rem;font-size:.875rem;line-height:1.625}.pl-go,.pl-file{color:var(--color-ember);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.pl-go:focus-visible,.pl-file:focus-visible{outline:2px solid var(--color-ember);outline-offset:3px}.pl-files{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.pl-items{grid-template-columns:minmax(0,1fr);gap:2.5rem 1.5rem;margin-top:2.5rem;display:grid}@media (min-width:640px){.pl-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2rem}}@media (min-width:1024px){.pl-items{grid-template-columns:repeat(3,minmax(0,1fr))}.pl-group[data-group=colours] .pl-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.pl-group[data-group=colours] .pl-items{grid-template-columns:repeat(4,minmax(0,1fr))}}.pl-card{height:100%}.pl-card>div:last-child{flex-direction:column;height:100%;display:flex!important}.pl-body{padding:1.25rem 1.25rem 0}.pl-meta{margin-bottom:.5rem}.pl-act{margin-top:auto;padding:1rem 1.25rem 1.25rem}.pl-go:after{content:"";border-radius:1rem;position:absolute;inset:0}.pl-go:focus-visible{outline:none}.pl-go:focus-visible:after{outline:2px solid var(--color-ember);outline-offset:4px}.pl-item:has(.pl-go):hover .pl-title{color:var(--color-ember)}.pl-file:hover{color:var(--color-ink)}
