:root{color:#1c1d1a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1c1d1a;--muted:#686961;--paper:#fbfaf6;--cream:#f3efe4;--line:#d9d3c5;--green:#2f6b4f;--orange:#e76f3a;background:#f3efe4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 88% 4%, #eeba442e, transparent 24rem), var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #1c6bba}.page-shell{min-height:100vh}.hero{border-bottom:1px solid var(--line);padding:0 clamp(1.1rem,4vw,4.5rem) clamp(3rem,5vw,4.5rem);overflow:hidden}.topbar{border-bottom:1px solid #1c1d1a24;justify-content:space-between;align-items:center;max-width:1480px;margin:0 auto;padding:1.25rem 0;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,.65rem);gap:.13rem;display:grid;transform:rotate(-7deg)}.brand-mark i{background:#f1bd33;border-radius:50%;width:.65rem;height:.65rem;display:block}.brand-mark i:nth-child(2){background:#e76f3a}.brand-mark i:nth-child(3){background:#5aa9d6}.brand-mark i:nth-child(4){background:#61a36f}.top-picks{border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:999px;align-items:center;gap:.8rem;padding:.62rem .75rem .62rem 1rem;font-weight:750;display:inline-flex}.top-picks strong{color:var(--paper);background:var(--ink);border-radius:999px;padding:.3rem .55rem;font-size:.78rem}.hero-content{max-width:1480px;margin:0 auto;padding-top:clamp(3.5rem,6vw,5rem);position:relative}.eyebrow,.section-kicker{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .85rem;font-size:.74rem;font-weight:800}.hero h1{letter-spacing:-.075em;max-width:900px;margin:0;font-size:clamp(3.25rem,6vw,6rem);line-height:.91}.hero h1 em{color:var(--orange);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy{color:#4e504a;max-width:620px;margin:2rem 0 0;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.6}.hero-facts{color:var(--muted);flex-wrap:wrap;gap:.75rem 2rem;margin-top:2rem;font-size:.9rem;display:flex}.hero-facts strong{color:var(--ink);font-size:1.1rem}.content-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:clamp(1.5rem,3vw,3rem);max-width:1560px;margin:0 auto;padding:clamp(3.5rem,6vw,6rem) clamp(1.1rem,4vw,4.5rem);display:grid}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2,.picks-header h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.section-heading>p{max-width:390px;color:var(--muted);margin:0;line-height:1.55}.toolbar{border:1px solid var(--line);background:#fbfaf6bf;border-radius:1.15rem;grid-template-columns:minmax(220px,1.3fr) auto minmax(130px,.55fr) minmax(150px,.65fr);gap:.75rem;padding:1rem;display:grid}.search-field,.select-field,.filter-group{flex-direction:column;gap:.42rem;display:flex}.search-field>span,.select-field>span,.filter-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.search-field input,.select-field select{width:100%;min-height:2.75rem;color:var(--ink);background:var(--paper);border:1px solid #cfc9bc;border-radius:.65rem;padding:0 .8rem}.segmented-control{background:var(--paper);border:1px solid #cfc9bc;border-radius:.65rem;min-height:2.75rem;padding:.2rem;display:flex}.segmented-control button{color:var(--muted);background:0 0;border:0;border-radius:.48rem;padding:.45rem .75rem;font-size:.86rem;font-weight:750}.segmented-control button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.result-line{color:var(--muted);justify-content:space-between;gap:1rem;margin:1.4rem 0 1rem;font-size:.88rem;display:flex}.result-line strong{color:var(--ink)}.gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;display:grid}.filament-card{border:1px solid var(--line);background:var(--paper);border-radius:1rem;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.filament-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #2e2a1f17}.filament-card.is-selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.swatch{min-height:175px;color:var(--swatch-ink);background:var(--swatch);justify-content:space-between;align-items:end;padding:.85rem;display:flex;position:relative}.finish-badge,.pick-number{border:1px solid color-mix(in srgb, var(--swatch-ink) 25%, transparent);color:var(--swatch-ink);background:color-mix(in srgb, var(--swatch) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.34rem .55rem;font-size:.68rem;font-weight:850;position:absolute}.finish-badge{font-size:.74rem;top:.75rem;left:.75rem}.pick-number{top:.75rem;right:.75rem}.hex-code{opacity:.78;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:750}.card-copy{padding:1rem}.filament-card.is-unavailable .card-copy{color:#77766f;background:#efede7}.filament-card.is-unavailable .card-copy h3{color:#6f6e68}.filament-card.is-unavailable .color-id{color:#929088}.card-copy h3{letter-spacing:-.025em;min-height:2.6rem;margin:.25rem 0 .12rem;font-size:1.16rem;line-height:1.15}.color-id{color:var(--muted);margin-bottom:.75rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;display:block}.stock-label{color:#77766f;letter-spacing:.06em;text-transform:uppercase;background:#f1eee6;border:1px solid #c9c6bd;border-radius:999px;align-self:start;align-items:center;gap:.35rem;width:fit-content;margin-bottom:.75rem;padding:.3rem .55rem;font-size:.66rem;font-weight:850;display:inline-flex}.stock-label:before{content:"";background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.stock-label.is-available{color:#22633d;background:#e3f2e7;border-color:#9cc4a9}.card-copy button{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;padding:.85rem 0 0;font-size:.8rem;font-weight:800;display:flex}.card-copy button span{width:1.75rem;height:1.75rem;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.card-copy button:disabled{color:#8c8b84}.card-copy button:disabled span{background:#c4c0b7}.picks-panel{border:1px solid var(--ink);background:var(--paper);border-radius:1.2rem;padding:1.3rem;position:sticky;top:1.5rem;box-shadow:0 18px 50px #2b271d1a}.picks-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.picks-header h2{font-size:2rem}.picks-header h2 span{color:var(--muted);letter-spacing:0;margin-left:.25rem;font-size:.78rem;display:inline-block}.picks-explainer{color:var(--muted);margin:.8rem 0 1.1rem;font-size:.82rem;line-height:1.5}.close-panel{border:1px solid var(--line);width:2.35rem;height:2.35rem;color:var(--ink);background:var(--paper);border-radius:50%;font-size:1.4rem;display:none}.empty-picks{text-align:center;border:1px dashed #c7c1b5;border-radius:.9rem;justify-items:center;padding:2.8rem 1rem;display:grid}.empty-picks-mark{width:3rem;height:3rem;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;margin-bottom:.9rem;font-size:1.5rem;display:grid}.empty-picks p{max-width:220px;color:var(--muted);margin:.45rem 0 0;font-size:.82rem;line-height:1.45}.pick-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pick-item{border:1px solid var(--line);border-radius:.75rem;grid-template-columns:1.3rem 2rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.55rem;display:grid}.pick-item.is-unavailable{opacity:.6}.pick-index{color:var(--muted);text-align:center;font-size:.72rem;font-weight:850}.pick-swatch{background:var(--swatch);border:1px solid #1c1d1a38;border-radius:.55rem;width:2rem;height:2rem}.pick-name{min-width:0}.pick-name strong,.pick-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pick-name strong{font-size:.82rem}.pick-name small{color:var(--muted);margin-top:.15rem;font-size:.67rem}.pick-actions{gap:.18rem;display:flex}.pick-actions button{width:1.6rem;height:1.75rem;color:var(--ink);background:#eeeae0;border:0;border-radius:.35rem;font-size:.78rem}.pick-actions button:disabled{opacity:.32}.picks-footer{gap:.6rem;margin-top:1rem;display:grid}.share-button,.clear-button{border-radius:.7rem;padding:.85rem 1rem;font-weight:800}.share-button{border:1px solid var(--ink);color:var(--paper);background:var(--ink);justify-content:space-between;display:flex}.clear-button{color:var(--muted);background:0 0;border:0;font-size:.78rem}.selection-warning{color:#6d351c;background:#fde2d4;border-radius:.6rem;margin:0 0 .8rem;padding:.7rem;font-size:.76rem;line-height:1.4}.empty-gallery,.load-error{min-height:260px;color:var(--muted);text-align:center;border:1px dashed #c7c1b5;border-radius:1rem;grid-column:1/-1;place-content:center;justify-items:center;gap:.35rem;display:grid}.empty-gallery strong,.load-error strong{color:var(--ink);font-size:1.15rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;margin:0 clamp(1.1rem,4vw,4.5rem);padding:1.5rem 0 2.5rem;font-size:.8rem;display:flex}footer strong{color:var(--ink)}.mobile-picks-bar,.panel-backdrop{display:none}.toast{z-index:100;color:var(--paper);background:var(--ink);opacity:0;pointer-events:none;border-radius:999px;padding:.8rem 1.1rem;font-size:.82rem;font-weight:750;transition:opacity .15s,transform .15s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1rem);box-shadow:0 12px 30px #0003}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (width<=1180px){.toolbar{grid-template-columns:1fr 1fr}}@media (width<=1023px){body{padding-bottom:5.5rem}body.panel-open{overflow:hidden}.content-layout{display:block}.picks-panel{z-index:60;visibility:hidden;max-height:min(88vh,720px);transition:transform .22s,visibility .22s;position:fixed;inset:auto .7rem .7rem;overflow:auto;transform:translateY(calc(100% + 1rem))}.picks-panel.is-open{visibility:visible;transform:translateY(0)}.close-panel{flex:none;place-items:center;display:grid}.panel-backdrop:not([hidden]){z-index:50;background:#16151285;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-picks-bar{z-index:40;min-height:4.25rem;color:var(--paper);background:var(--ink);text-align:left;border:1px solid #ffffff2e;border-radius:1rem;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.65rem .75rem .65rem 1rem;display:grid;position:fixed;bottom:.75rem;left:.75rem;right:.75rem;box-shadow:0 15px 40px #00000040}.mobile-picks-copy small,.mobile-picks-copy strong{display:block}.mobile-picks-copy small{color:#b9b9b1;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.1rem;font-size:.64rem;font-weight:750}.mobile-swatches{padding-left:.5rem;display:flex}.mobile-swatches i{border:2px solid var(--ink);background:var(--swatch);border-radius:50%;width:1.4rem;height:1.4rem;margin-left:-.5rem}.mobile-picks-bar b{color:var(--ink);background:var(--paper);border-radius:999px;padding:.42rem .55rem;font-size:.72rem}.toast{bottom:6rem}}@media (width<=700px){.top-picks{display:none}.hero{padding-bottom:3.5rem}.hero-content{padding-top:3.5rem}.hero h1{font-size:clamp(3rem,16vw,5.4rem)}.section-heading{display:block}.section-heading>p{margin-top:1rem}.toolbar{grid-template-columns:1fr}.segmented-control button{flex:1}.result-line{flex-direction:column;align-items:start;gap:.25rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.swatch{min-height:145px}.finish-badge,.pick-number{font-size:.58rem}.card-copy{padding:.8rem}.card-copy h3{min-height:2.4rem;font-size:1rem}.card-copy button{gap:.25rem;font-size:.68rem}footer{flex-direction:column}}@media (width<=390px){.gallery{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}