.palette-hero{background:#18241e;color:#f7f7f3;min-height:78svh;padding:160px 0 75px;overflow:hidden}.palette-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5vw}.palette-hero h1{font-size:clamp(3.5rem,7.5vw,8rem);line-height:.97;margin:1rem 0 1.5rem}.palette-lead{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:600;letter-spacing:-.03em}.palette-hero p:not(.palette-lead){max-width:500px;color:#bdc9bf;font-size:.95rem}.palette-hero .button{margin-top:1.4rem}.palette-proof{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;padding-top:1rem;border-top:1px solid #ffffff25;font-size:.75rem;color:#cbd6cb}.palette-stones{position:relative;height:450px;perspective:1000px}.stone-slab{position:absolute;object-fit:cover;border-radius:.8rem;box-shadow:0 35px 75px #0007;border:1px solid #ffffff25}.slab-0{width:58%;height:80%;left:0;top:8%;transform:rotate(-12deg)}.slab-1{width:55%;height:85%;left:25%;top:0;transform:rotate(7deg)}.slab-2{width:40%;height:65%;right:-2%;bottom:-5%;transform:rotate(20deg)}.palette-section{background:#f3f3ed}.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem}.palette-heading>p{font-size:.88rem;color:#636d64}.palette-heading .section-title{margin-top:.5rem;font-size:clamp(2.2rem,4.5vw,4.7rem)}.palette-toolbar{border-top:1px solid #d6dbcf;padding-top:1.5rem}.brand-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem}.brand-tabs button{border:1px solid #c6cdbf;border-radius:99px;background:transparent;padding:.8rem 1.2rem;color:#334337;font-weight:700}.brand-tabs button.is-active{background:#29473a;color:white;border-color:#29473a}.brand-tabs small{font-weight:400;opacity:.7;margin-left:.4rem}.palette-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.palette-filters label{display:grid;gap:.4rem}.palette-filters label>span{font-size:.75rem;color:#666f63}.palette-filters input,.palette-filters select{width:100%;min-width:0;border:1px solid #cbd1c5;border-radius:.65rem;background:#fff;padding:.9rem;font:inherit;font-size:.9rem;color:#29382e}.palette-summary{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1.3rem 0;font-size:.75rem;color:#687165}.palette-summary>span{white-space:nowrap;font-weight:700;color:#344238}.palette-summary>p{max-width:600px;text-align:right}.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.25rem}.color-card{border:0;background:transparent;color:#26342b;text-align:left;padding:0;min-width:0}.color-card[hidden]{display:none}.swatch{position:relative;aspect-ratio:1;overflow:hidden;background:#dce0d6;border-radius:.8rem}.swatch img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.swatch-select{position:absolute;bottom:1rem;right:1rem;background:#f7f7f3ed;backdrop-filter:blur(6px);padding:.6rem .85rem;border-radius:99px;font-size:.75rem;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}.color-card:hover .swatch-select,.color-card:focus-visible .swatch-select{opacity:1;transform:none}.color-card:hover .swatch img{transform:scale(1.035)}.color-caption{padding:.85rem .1rem;display:grid;gap:.25rem}.color-brand{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#737d70;display:flex;justify-content:space-between;gap:.5rem}.color-caption>strong{font-size:1.1rem;line-height:1.3;overflow-wrap:anywhere}.color-availability{font-size:.72rem;color:#73796e;display:flex;align-items:center;gap:.4rem;margin-top:.3rem}.color-availability:before{content:'';width:5px;height:5px;background:#949a8c;border-radius:50%}.color-availability.has-stock{color:#3d6449}.color-availability.has-stock:before{background:#3d6449}.palette-note{font-size:.82rem;color:#737b6e;margin-top:3rem}.palette-empty{padding:3rem 0;text-align:center}.palette-empty[hidden]{display:none}.palette-help{background:#29436e;color:white;padding:5rem 0}.palette-help>.container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.palette-help h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin:.8rem 0}.palette-help p{max-width:600px;color:#c6d0e2}.color-dialog{width:min(740px,calc(100% - 24px));max-height:90svh;overflow:auto;border:0;border-radius:1.2rem;background:#f6f7f1;color:#26362b;padding:0}.color-dialog::backdrop{background:#111c16b8;backdrop-filter:blur(8px)}.color-quiz-shell{padding:2rem;position:relative}.color-close{position:absolute;right:1rem;top:.7rem;font-size:1.8rem;background:none;border:0}.selected-color{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid #cfd6c9}.selected-color img{width:85px;height:85px;object-fit:cover;border-radius:.6rem}.selected-color div{display:grid;gap:.15rem;padding-right:1rem}.selected-color div>span{font-size:.7rem;color:#6e7a69}.selected-color strong{font-size:1.2rem}.selected-color small{font-size:.78rem;color:#64715f}.color-quiz-shell h2{font-size:1.7rem;line-height:1.2;letter-spacing:-.04em}.color-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.5rem}.color-quiz-options button{background:white;border:1px solid #cdd4c5;border-radius:.7rem;padding:1rem;text-align:left;font-size:.95rem}.color-quiz-options button.is-active{background:#dfe8d9;border-color:#587452;box-shadow:inset 0 0 0 1px #587452}.color-services{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.color-services label{padding:.65rem;border:1px solid #d1d8ca;border-radius:.5rem;display:flex;align-items:center;gap:.6rem;background:white;font-size:.85rem}.color-quiz-shell [data-color-quiz-body]>label{display:grid;gap:.45rem;font-size:.85rem;margin:1rem 0}.color-quiz-shell input:not([type=checkbox]),.color-quiz-shell select,.color-quiz-shell textarea{width:100%;border:1px solid #bdc9b8;border-radius:.6rem;padding:.8rem;font:inherit;background:white}.color-quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.color-quiz-actions>button:not(.button){border:0;background:none;color:#52634c}.color-quiz-shell .color-consent{display:flex!important;align-items:start;gap:.7rem;font-size:.75rem!important}.color-consent a{text-decoration:underline}.color-quiz-status{min-height:1.5em;font-size:.85rem;color:#4b6547}
@media(max-width:1100px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-stones{height:350px}.palette-hero h1{font-size:5rem}}
@media(max-width:700px){.palette-hero{padding:105px 0 45px;min-height:0}.palette-hero-grid{grid-template-columns:1fr;gap:2rem}.palette-hero h1{font-size:3.8rem}.palette-stones{height:240px;width:85%;margin:0 auto}.palette-proof{gap:1rem;margin-top:1.8rem}.palette-heading{display:block}.palette-heading>p{margin-bottom:1.5rem}.palette-filters{grid-template-columns:1fr 1fr;gap:.8rem}.palette-filters .palette-search{grid-column:1/-1}.palette-filters select{font-size:.78rem;padding:.8rem .5rem}.palette-summary{align-items:start;gap:1rem}.palette-summary>p{font-size:.65rem;margin:0}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .8rem}.color-caption>strong{font-size:.9rem}.color-brand{font-size:.6rem;letter-spacing:0}.swatch-select{display:none}.palette-help>.container{display:block}.palette-help .button{margin-top:1rem}.color-quiz-shell{padding:1.4rem}.color-quiz-options,.color-services{grid-template-columns:1fr}.selected-color strong{font-size:1rem}.selected-color img{width:65px;height:65px}.color-quiz-shell h2{font-size:1.45rem}}
.site-header:has(+main .palette-hero){background:rgba(24,36,30,.94);backdrop-filter:blur(16px)}
.palette-filters{grid-template-columns:2fr 1fr;margin-bottom:1.5rem}
@media(max-width:700px){.palette-filters{grid-template-columns:1fr}.palette-filters .palette-search{grid-column:auto}}