*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:#232c27;font-family:Arial,sans-serif;font-size:16px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{padding:25px 4%;display:flex;align-items:center;gap:35px;border-bottom:1px solid #cdd1c9}.brand{font-family:Georgia,serif;font-size:32px;letter-spacing:4px;text-decoration:none;color:inherit}.brand span{font-size:14px;letter-spacing:1px;display:block;margin-top:4px}.edition{font-size:12px;letter-spacing:1.5px;flex:1}header button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:14px}main{max-width:1500px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:center;padding:45px 0 35px}.eyebrow{font-size:12px;letter-spacing:2px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,65px);margin:12px 0 16px;letter-spacing:-2px}.intro p:last-child{color:#59645b;line-height:1.5}.mark{width:120px;height:120px;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-10deg);margin-right:25px}.mark i:nth-child(1){background:#ae5224}.mark i:nth-child(2){background:#b5d1cc}.mark i:nth-child(3){background:#e4b856}.mark i:nth-child(4){background:#233d37}.toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #cdd1c9}.tabs{display:flex;gap:25px}.tabs button{padding:20px 0;border:0;border-bottom:3px solid transparent;background:none;color:#626d64}.tabs button.active{color:#203e32;border-bottom-color:#203e32}.tabs small{margin-left:5px;font-size:12px}.search{display:flex;align-items:center;border:1px solid #cdd1c9;padding:10px 14px;gap:8px;border-radius:3px;margin-bottom:8px;width:380px}.search span{font-size:25px}.search input{border:0;outline:none;background:none;width:100%;font-size:14px}.filters{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.filters button{border:1px solid #cdd1c9;background:transparent;padding:8px 14px;border-radius:30px;font-size:14px;margin-right:6px}.filters button.active{background:#233d32;color:white;border-color:#233d32}#count{font-size:13px;color:#5a665d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}.card{border:1px solid #d5d8d0;background:#fff;min-width:0}.cardhead{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;padding:13px 16px}.cardhead span:last-child{color:#69736b}.swatches{display:flex;height:174px}.swatch{flex:1;min-width:0;border:0;border-radius:0;padding:0;transition:flex .25s}.swatch:hover{flex:1.3}.details{display:flex;padding:15px 12px;gap:7px}.detail{flex:1;min-width:0}.detail button{border:0;background:none;padding:4px 0;color:#253b30;font:14px monospace;text-align:left}.detail p{font-size:12px;line-height:1.4;color:#657168;margin:3px 0;overflow-wrap:anywhere}.colorcard .swatches{height:155px}.colorcard .details{display:block;padding:14px 16px}.colorcard h2{font-size:16px;font-weight:400;margin:0 0 6px}.colorcard p{font-size:13px;color:#647066;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b67035;outline-offset:4px}.empty{grid-column:1/-1;padding:60px;text-align:center;color:#647066}footer{padding:45px 0;font-size:12px;line-height:1.9;color:#647066}a{color:inherit}dialog{border:1px solid #cdd1c9;max-width:580px;width:90%;padding:35px;line-height:1.7}dialog::backdrop{background:#16221d88}dialog h2{font-family:Georgia,serif;font-size:36px;font-weight:400}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#233d32;color:white;padding:12px 20px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(min-width:1350px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.edition{display:none}header{justify-content:space-between}.toolbar{align-items:stretch;flex-direction:column;gap:8px}.search{width:100%}.mark{width:85px;height:85px;margin-right:0}.intro{gap:20px}.filters{align-items:flex-start}#count{white-space:nowrap}.filters button{margin-bottom:8px}.swatches{height:150px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.intro{padding:25px 0 15px}.mark{display:none}.intro p:last-child{font-size:14px}.filters{flex-direction:column;padding:16px 0}.swatches{height:190px}.detail p{font-size:13px}header{padding:18px 4%}.tabs button{padding:14px 0}}

[hidden]{display:none!important}.volume-row{display:flex;align-items:center;gap:14px;padding-top:22px}.volume-row label{font-size:14px;color:#59645b}.volume-row select{font:inherit;font-size:14px;background:#fff;border:1px solid #cdd1c9;border-radius:3px;padding:10px 32px 10px 12px;max-width:100%;color:#233d32}.coverage{font-size:13px;line-height:1.6;color:#59645b;max-width:850px;margin:12px 0 0}.large-palette .details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.large-palette .detail{border-top:1px solid #edf0e9;padding-top:5px}.detail p{font-size:13px}#sizes{display:flex;flex-wrap:wrap;gap:8px}#sizes button{margin:0}.filters{align-items:flex-start}#count{padding-top:8px;white-space:nowrap}.volume-row select:focus-visible{outline:3px solid #b67035;outline-offset:3px}@media(max-width:520px){.volume-row{align-items:stretch;flex-direction:column;gap:8px}.volume-row select{width:100%}.large-palette .swatches{height:175px}.coverage{font-size:13px}.large-palette .details{gap:12px}}

@font-face{font-family:'Noto Serif Devanagari';src:url('fonts/NotoSerifDevanagari-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}.brand{font-family:'Noto Serif Devanagari',serif;font-size:30px;letter-spacing:0;line-height:1.6;white-space:nowrap}.brand span{font-family:Arial,sans-serif;font-size:13px;letter-spacing:1.3px;line-height:1.3;margin-top:0}h1:lang(hi){font-family:'Noto Serif Devanagari',serif;font-weight:400;letter-spacing:0;line-height:1.6;margin:10px 0 8px}header{gap:24px}@media(max-width:520px){.brand{font-size:24px}header{gap:12px}h1:lang(hi){font-size:40px}.brand span{font-size:12px}}

@font-face{font-family:'Noto Sans Devanagari';src:url('fonts/NotoSansDevanagari-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}.rang-title:lang(hi){font-family:'Noto Sans Devanagari',sans-serif;font-weight:700;font-size:clamp(62px,7vw,96px);line-height:1.3;letter-spacing:-.025em;margin:14px 0 22px}.rang-title span{white-space:nowrap}.intro>div:first-child{min-width:0}@media(max-width:520px){.rang-title:lang(hi){font-size:clamp(68px,21vw,108px);line-height:1.35;letter-spacing:-.035em;margin:25px 0 20px}.rang-title span{display:block}.intro{padding-top:18px;padding-bottom:20px}.intro p:last-child{max-width:30ch;font-size:14px;line-height:1.6}}

.open-combo{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;text-align:left}.card[data-palette]{cursor:pointer}.focus-open{overflow:hidden}#combo-focus{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:#fff;padding:clamp(20px,5vw,64px);overflow:auto;color:#232c27}#combo-focus::backdrop{background:#fff}.focus-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(30px,6vh,70px)}#combo-title{font:400 clamp(18px,2.5vw,28px) Arial,sans-serif;margin:0}#focus-close{background:#fff;border:1px solid #d5d8d0;padding:10px 16px;border-radius:3px;white-space:nowrap}#focus-content{max-width:1200px;margin:auto}.focus-swatches{display:flex;height:clamp(220px,45vh,520px);width:100%}.focus-swatches>div{flex:1;min-width:0}.focus-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:20px;padding-top:24px}.focus-details button{font:16px monospace;border:0;background:none;padding:8px 0;color:#233d32}.focus-details p{font-size:14px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}#focus-status{max-width:1200px;margin:24px auto;color:#233d32;font-size:14px}@media(max-width:520px){.focus-header{align-items:flex-start}.focus-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.focus-details button{font-size:14px}.focus-swatches{height:36vh}}

.funny-intro{max-width:650px}.funny-intro h2{font-family:Arial,sans-serif;font-size:clamp(21px,2.5vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}.funny-intro p{font-size:16px;line-height:1.7;color:#59645b;margin:0 0 14px}.funny-intro .atlas-summary{font-size:13px;line-height:1.6;color:#647066}.educational-note{font-size:14px;color:#233d32;margin:0 0 10px}@media(max-width:520px){.intro .funny-intro p{max-width:none;font-size:15px;line-height:1.7}.intro .funny-intro .atlas-summary{font-size:13px}.funny-intro h2{font-size:23px}.intro{padding-bottom:24px}}