.haos-stocolor{background:#ffffff1f;border:1px solid #ffffff24;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:1px;margin-top:22px;display:grid}.haos-stocolor-data{color:#fff;background:#16150f;flex-direction:column;min-height:100%;padding:0;display:flex}.haos-stocolor-bigswatch{aspect-ratio:16/10;border-bottom:1px solid #ffffff24;width:100%;position:relative}.haos-stocolor-bigswatch:after{content:attr(data-code);font:500 11px/1 var(--haos-mono);letter-spacing:.14em;color:var(--haos-ink);background:var(--haos-yellow);padding:5px 8px;position:absolute;bottom:12px;left:14px}.haos-stocolor-readout{gap:16px;padding:22px 22px 26px;display:grid}.haos-stocolor-kicker{font:500 11px/1 var(--haos-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--haos-yellow)}.haos-stocolor-name{font:800 clamp(24px, 3vw, 34px)/1.02 var(--haos-display);letter-spacing:-.015em;color:#fff;margin:0}.haos-stocolor-code{font:400 clamp(30px, 4vw, 46px)/.9 var(--haos-num);letter-spacing:.03em;color:#ffffffeb}.haos-stocolor-specs{border-top:1px solid #ffffff24;border-left:1px solid #ffffff24;grid-template-columns:repeat(2,1fr);display:grid}.haos-stocolor-spec{border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24;padding:12px 14px}.haos-stocolor-spec dt{font:500 10px/1 var(--haos-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;margin:0 0 7px}.haos-stocolor-spec dd{font:400 18px/1.05 var(--haos-num);letter-spacing:.02em;color:#fff;margin:0}.haos-stocolor-meter{background:#ffffff29;height:4px;margin-top:9px}.haos-stocolor-meter>span{background:var(--haos-yellow);height:100%;display:block}.haos-stocolor-pick{background:#1c1b15;flex-direction:column;min-height:0;display:flex}.haos-stocolor-search{border-bottom:1px solid #ffffff1f;padding:18px 20px 14px}.haos-stocolor-search .haos-form{gap:8px}.haos-stocolor-search-meta{font:500 11px/1.4 var(--haos-mono);letter-spacing:.04em;color:#ffffff8c;margin:12px 0 0}.haos-stocolor-grid{background:#ffffff1a;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:1px;max-height:460px;padding:1px;display:grid;overflow-y:auto}.haos-swatch-btn{text-align:left;color:#fff;cursor:pointer;font:inherit;outline-offset:-2px;background:#1c1b15;border:0;outline:2px solid #0000;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;transition:outline-color .15s;display:flex}.haos-swatch-chip{width:100%;height:64px;display:block}.haos-swatch-meta{gap:2px;padding:8px 10px 11px;display:grid}.haos-swatch-code{font:500 11px/1 var(--haos-mono);letter-spacing:.06em;color:#ffffffeb}.haos-swatch-name{color:#ffffff9e;font-size:12px;line-height:1.25}.haos-swatch-btn:hover{outline-color:#ffffff73}.haos-swatch-btn:focus-visible,.haos-swatch-btn[data-selected=true]{outline:2px solid var(--haos-yellow);outline-offset:-2px}.haos-stocolor-canvas-wrap{margin-top:20px}.haos-stocolor-foot{gap:4px;margin-top:18px;display:grid}@media (width<=860px){.haos-stocolor{grid-template-columns:1fr}.haos-stocolor-grid{max-height:360px}}.haos-section-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 2px;display:flex}.haos-ghost-button{border:1px solid var(--haos-line);color:var(--haos-ink);font:700 13px/1 var(--haos-sans);letter-spacing:.01em;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:8px;padding:10px 16px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.haos-ghost-button:before{content:"";background:var(--haos-yellow);flex:none;width:4px;height:14px}.haos-ghost-button:hover{background:var(--haos-ink);color:var(--haos-paper);border-color:var(--haos-ink)}.haos-ghost-button:focus-visible{outline:2px solid var(--haos-yellow);outline-offset:2px}#texture .haos-ghost-button,#color .haos-ghost-button{color:#fff;border-color:#ffffff47}#texture .haos-ghost-button:hover,#color .haos-ghost-button:hover{background:var(--haos-yellow);border-color:var(--haos-yellow);color:var(--haos-ink)}.haos-modal-overlay{z-index:200;-webkit-backdrop-filter:saturate(120%)blur(2px);backdrop-filter:saturate(120%)blur(2px);background:#0d0d0bb8;justify-content:center;align-items:flex-start;padding:clamp(16px,5vh,64px) 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.haos-modal{background:var(--haos-paper-2);width:min(960px,100%);color:var(--haos-ink);border:1px solid var(--haos-line);border-top:4px solid var(--haos-yellow);position:relative}.haos-modal-head{border-bottom:1px solid var(--haos-line);justify-content:space-between;align-items:flex-start;gap:20px;padding:26px clamp(20px,4vw,40px) 20px;display:flex}.haos-modal-eyebrow{font:500 11px/1 var(--haos-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--haos-muted);margin:0 0 10px;display:block}.haos-modal-title{font:800 clamp(22px, 3vw, 30px)/1.05 var(--haos-display);letter-spacing:-.015em;color:var(--haos-ink);margin:0}.haos-modal-close{border:1px solid var(--haos-line);width:40px;height:40px;color:var(--haos-ink);font:400 22px/1 var(--haos-sans);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.haos-modal-close:hover{background:var(--haos-ink);color:var(--haos-paper);border-color:var(--haos-ink)}.haos-modal-close:focus-visible{outline:2px solid var(--haos-yellow);outline-offset:2px}.haos-modal-body{gap:24px;padding:clamp(20px,4vw,36px);display:grid}.haos-modal-lead{max-width:64ch;margin:0;font-size:16px;line-height:1.6}.haos-modal-section-label{font:600 12px/1 var(--haos-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--haos-muted);border-bottom:1px solid var(--haos-line);margin:0 0 12px;padding-bottom:8px}.haos-modal-items{background:var(--haos-line);border:1px solid var(--haos-line);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.haos-modal-items li{background:var(--haos-paper-2);align-items:baseline;gap:10px;padding:14px 16px;font-size:14px;display:flex}.haos-modal-items li:before{content:"";background:var(--haos-yellow);flex:none;width:6px;height:6px;transform:translateY(-1px)}.haos-modal-note{background:var(--haos-paper);border-left:3px solid var(--haos-yellow);padding:16px 18px;font-size:14px;line-height:1.6}.haos-modal-note strong{font:600 11px/1 var(--haos-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--haos-muted);margin-bottom:7px;display:block}.haos-modal-refs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.haos-modal-ref{border:1px solid var(--haos-line);background:var(--haos-paper-2);gap:0;display:grid}.haos-modal-ref-media{aspect-ratio:4/3;background:var(--haos-charcoal);display:block;overflow:hidden}.haos-modal-ref-media img{object-fit:cover;width:100%;height:100%;display:block}.haos-modal-ref-body{gap:4px;padding:14px 16px 16px;display:grid}.haos-modal-ref-title{font-size:15px;font-weight:700}.haos-modal-ref-meta{font:500 11px/1.3 var(--haos-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--haos-muted)}.haos-modal-ref-summary{color:var(--haos-muted);font-size:13px;line-height:1.5}@media (width<=560px){.haos-modal-head{flex-wrap:nowrap}.haos-modal-items{grid-template-columns:1fr}}@keyframes haosOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes haosModalIn{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}.haos-modal-overlay{animation:.2s both haosOverlayIn}.haos-modal{animation:.34s cubic-bezier(.16,1,.3,1) both haosModalIn}.haos-swatch-chip{transition:transform .25s cubic-bezier(.16,1,.3,1)}.haos-swatch-btn:hover .haos-swatch-chip{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.haos-modal-overlay,.haos-modal,.haos-rise,.haos-swatch-chip,.haos-swatch-btn:hover .haos-swatch-chip{transition:none!important;animation:none!important;transform:none!important}}.haos-modal-hero{aspect-ratio:16/7;background:var(--haos-charcoal);border:1px solid var(--haos-line);margin:0;overflow:hidden}.haos-modal-hero img{object-fit:cover;width:100%;height:100%;display:block}