@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#15221c;font-synthesis:none;--ink:#15221c;--muted:#66726c;--line:#dfe4de;--paper:#fffef9;--green:#174c3c;--lime:#d9f06c;--soft:#eff1e9;--radius:24px;background:#f7f7f2;font-family:Manrope,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f7f7f2;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1160px,100% - 40px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f7f2eb;border-bottom:1px solid #15221c14;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.brand-mark{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.brand-mark i{mix-blend-mode:multiply;border-radius:50%;width:20px;height:20px;position:absolute}.brand-mark i:first-child{background:#f05845;transform:translate(-7px,4px)}.brand-mark i:nth-child(2){background:#ffd846;transform:translate(7px,4px)}.brand-mark i:nth-child(3){background:#4ab3c7;transform:translateY(-7px)}.main-nav{color:var(--muted);align-items:center;gap:34px;font-size:14px;font-weight:600;display:flex}.main-nav a:hover,.main-nav .router-link-active{color:var(--ink)}.menu-button{border:1px solid var(--line);background:0 0;border-radius:999px;padding:8px 14px;display:none}.hero{background:radial-gradient(circle at 75% 45%,#d9f06c45,#0000 24%),linear-gradient(#f7f7f2,#f1f3ea);padding:72px 0 64px;overflow:hidden}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:52px;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:12px;font-weight:700;display:inline-flex}.hero-kicker{margin-bottom:18px}.hero h1{letter-spacing:-.045em;max-width:700px;margin:0;font-size:clamp(44px,6vw,72px);line-height:1.08}.hero h1 span{color:var(--green)}.hero-copy>p{max-width:650px;color:var(--muted);margin:24px 0 30px;font-size:17px;line-height:1.8}.search-panel{background:#fffef9e0;border:1px solid #15221c1f;border-radius:22px;padding:18px;box-shadow:0 24px 60px #1e322814}.search-panel label{color:var(--muted);margin:0 0 10px 3px;font-size:12px;font-weight:600;display:block}.search-row{gap:10px;display:flex}.search-row input,.inline-search input{border:1px solid var(--line);background:#fff;border-radius:14px;outline:none;width:100%;padding:15px 17px}.search-row input:focus,.inline-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px #174c3c14}.search-row button,.inline-search button,.primary-action{background:var(--green);color:#fff;border:0;border-radius:14px;flex:none;padding:0 24px;font-weight:700}.hero-spectrum{min-height:480px;position:relative}.spectrum-orbit{border:1px solid #15221c1f;border-radius:50%;position:absolute}.orbit-one{background:conic-gradient(from 30deg,#e15c4b,#e7c842,#6aac72,#4a9db3,#8266aa,#e15c4b);inset:30px;box-shadow:inset 0 0 0 72px #f1f3ea}.orbit-two{background:#174c3c;inset:112px;box-shadow:0 22px 70px #174c3c40}.sample-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #15221c1a;border-radius:18px;padding:18px 20px;position:absolute;box-shadow:0 18px 45px #15221c1f}.sample-card small,.sample-card span{color:var(--muted);font-size:11px;display:block}.sample-card strong{margin:5px 0;font-size:22px;display:block}.sample-main{bottom:26px;left:0}.sample-side{top:40px;right:0}.results-section{padding:76px 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:8px 0 0;font-size:32px}.section-heading>span{color:var(--muted);font-size:13px}.color-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.color-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .22s,box-shadow .22s;overflow:hidden}.color-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px #1c2a231a}.color-swatch{align-items:end;min-height:210px;padding:16px;display:flex}.color-swatch span{color:#18211d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-radius:999px;padding:6px 10px;font:700 11px monospace}.color-card-body{padding:20px}.color-card h3,.product-card h3{margin:7px 0 5px;font-size:19px}.color-card-body>p,.product-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.card-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:11px;display:flex}.card-footer code{font-size:10px}.empty-state{border-radius:var(--radius);text-align:center;color:var(--muted);border:1px dashed #cbd3cc;padding:50px 24px}.empty-state strong{color:var(--ink);font-size:18px}.products-hero{color:#fff;background:#173e33;padding:76px 0}.products-hero-inner{justify-content:space-between;align-items:end;gap:50px;display:flex}.products-hero h1{letter-spacing:-.04em;margin:12px 0;font-size:46px}.products-hero p{color:#ffffffb3}.products-hero .eyebrow{color:var(--lime)}.inline-search{gap:10px;width:min(430px,100%);display:flex}.inline-search button{background:var(--lime);color:var(--ink)}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .22s;overflow:hidden}.product-card:hover{transform:translateY(-5px)}.product-image-wrap{height:250px;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.product-card:hover .product-image{transform:scale(1.035)}.product-code{background:#ffffffe0;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;position:absolute;top:15px;left:15px}.product-card-body{padding:22px}.swatch-row{align-items:center;margin-top:18px;display:flex}.mini-swatch{border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin-right:-4px;box-shadow:0 0 0 1px #0000000d}.swatch-row em{color:var(--muted);margin-left:12px;font-size:11px;font-style:normal}.detail-page{padding:42px 0 82px}.back-link{color:var(--muted);margin-bottom:24px;font-size:13px;display:inline-flex}.color-detail-grid{grid-template-columns:1fr 1fr;align-items:center;gap:54px;display:grid}.large-swatch{border-radius:34px;align-items:end;min-height:560px;padding:24px;display:flex;box-shadow:inset 0 0 0 1px #00000014}.swatch-label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2;border-radius:16px;min-width:190px;padding:16px 18px}.swatch-label span,.swatch-label strong{display:block}.swatch-label strong{font-size:22px;line-height:1.25}.swatch-label span{color:#5b665f;letter-spacing:.04em;margin-top:6px;font-size:12px;font-weight:600}.detail-copy h1,.product-detail-grid h1{letter-spacing:-.045em;margin:10px 0 14px;font-size:48px}.detail-copy>p,.lead{color:var(--muted);font-size:16px;line-height:1.8}.parameter-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:26px;display:grid}.parameter-grid>*{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;background:0 0;min-height:96px;padding:16px}.parameter-grid small,.parameter-grid strong,.parameter-grid em{display:block}.parameter-grid small{color:var(--muted)}.parameter-grid strong{margin-top:8px;font-size:14px}.parameter-grid em{color:var(--green);margin-top:5px;font-size:10px;font-style:normal}.formula-panel{margin-top:18px}.formula-panel label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.formula-panel textarea{border:1px solid var(--line);width:100%;min-height:128px;color:var(--ink);font:inherit;resize:vertical;background:#ffffff80;border-radius:12px;padding:14px 16px;line-height:1.7}.formula-panel textarea:focus{border-color:var(--green);outline:none}.notice{font-size:12px!important}.related-heading{margin-top:74px}.page-empty{margin-top:60px}.product-detail-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:58px;display:grid}.product-gallery{outline:none;min-width:0}.gallery-stage{background:#e8ebe4;border-radius:34px;height:560px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.gallery-stage>img{object-fit:cover;width:100%;height:100%;display:block}.gallery-arrow{z-index:2;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#122f27a3;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:46px;height:46px;font-size:30px;line-height:1;transition:background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{background:#122f27e6;transform:translateY(-50%)scale(1.05)}.gallery-arrow.previous{left:18px}.gallery-arrow.next{right:18px}.gallery-count{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#122f27ad;border-radius:999px;padding:7px 11px;font-size:11px;position:absolute;bottom:18px;right:18px}.gallery-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.gallery-thumbnails button{opacity:.68;background:#e8ebe4;border:2px solid #0000;border-radius:13px;height:76px;padding:0;transition:border-color .2s,opacity .2s,transform .2s;overflow:hidden}.gallery-thumbnails button:hover,.gallery-thumbnails button.active{border-color:var(--green);opacity:1;transform:translateY(-2px)}.gallery-thumbnails img{object-fit:cover;width:100%;height:100%;display:block}.gallery-fade-enter-active,.gallery-fade-leave-active{transition:opacity .25s}.gallery-fade-enter-from,.gallery-fade-leave-to{opacity:0}.detail-block{border-top:1px solid var(--line);padding:17px 0}.detail-block small{color:var(--muted)}.detail-block p{margin:7px 0 0;line-height:1.7}.primary-action{margin-top:18px;padding:14px 24px;display:inline-flex}.related-colors{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.related-colors a{border:1px solid var(--line);background:var(--paper);border-radius:16px;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.related-colors a>span{border-radius:12px;width:52px;height:52px;box-shadow:inset 0 0 0 1px #00000014}.related-colors strong,.related-colors small{display:block}.related-colors small,.related-colors em{color:var(--muted);font-size:11px;font-style:normal}.site-footer{color:#fff;background:#122f27;padding:48px 0}.footer-inner{justify-content:space-between;gap:30px;display:flex}.footer-inner p{color:#ffffff8c;margin:8px 0 0;font-size:13px}.footer-meta{color:#ffffff8c;text-align:right;flex-direction:column;gap:8px;font-size:12px;display:flex}@media (width<=960px){.hero-grid,.color-detail-grid,.product-detail-grid{grid-template-columns:1fr}.hero-spectrum{min-height:400px}.color-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.products-hero-inner{flex-direction:column;align-items:start}.large-swatch,.gallery-stage{height:440px;min-height:440px}}@media (width<=640px){.container{width:min(100% - 24px,1160px)}.menu-button{display:block}.main-nav{border:1px solid var(--line);background:var(--paper);border-radius:18px;flex-direction:column;align-items:stretch;gap:16px;padding:18px;display:none;position:absolute;top:68px;left:12px;right:12px;box-shadow:0 18px 45px #15221c1f}.main-nav.open{display:flex}.hero{padding-top:48px}.hero h1{font-size:42px}.hero-spectrum{min-height:330px}.orbit-one{inset:10px;box-shadow:inset 0 0 0 52px #f1f3ea}.orbit-two{inset:78px}.search-row,.inline-search{flex-direction:column}.search-row button,.inline-search button{min-height:50px}.color-grid,.product-grid,.related-colors{grid-template-columns:1fr}.color-swatch{min-height:240px}.products-hero h1,.detail-copy h1,.product-detail-grid h1{font-size:38px}.parameter-grid{grid-template-columns:1fr}.large-swatch,.gallery-stage{height:340px;min-height:340px}.gallery-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-thumbnails button{height:62px}.footer-inner{flex-direction:column}.footer-meta{text-align:left}}