.palette-page{margin:0;background:#edf1f3;color:#172431;font-family:Onest,"Segoe UI",sans-serif}.palette-header{padding:58px clamp(24px,6vw,90px) 72px;background:#29384a;color:#fff}.palette-header p{color:#9fb0bc;font-size:12px}.palette-header h1{margin:16px 0;font-size:clamp(52px,7vw,92px);line-height:.98;letter-spacing:-.04em;font-weight:500}.palette-header>span{display:block;max-width:58ch;color:#becbd3;line-height:1.7}.palette-content{padding:0 clamp(24px,6vw,90px) 90px}.swatch-stage{height:180px;margin-top:-34px;display:flex;overflow:hidden;border-radius:26px;box-shadow:0 24px 70px #14222f33}.swatch-stage button{flex:1;border:0;background:var(--c);cursor:pointer;transition:flex .45s cubic-bezier(.16,1,.3,1)}.swatch-stage button:hover,.swatch-stage button.active{flex:1.7}.selected-color{display:grid;grid-template-columns:160px 1fr minmax(260px,430px);gap:25px;padding:25px 4px 42px;border-bottom:1px solid #cdd7dc}.selected-color span,.selected-color p{color:#536774;font-size:12px}.selected-color strong{font-size:22px}.selected-color p{margin:0}.palette-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:34px}.palette-layout article{padding:34px;border-radius:24px;background:#fff;box-shadow:0 16px 45px #26394712}.palette-layout h2{margin:0 0 25px}.palette-layout ul{list-style:none;margin:0;padding:0}.palette-layout li{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:18px 0;border-top:1px solid #dce3e7}.palette-layout li span{color:#5a6d79;font-size:12px}.pair{display:flex;align-items:center;gap:15px;padding:14px 0;border-top:1px solid #dce3e7}.pair i{width:74px;height:42px;border-radius:999px;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%)}.pair span{color:#667986;font-size:11px}.pair b{display:block;color:#223542;font-size:12px}@media(max-width:800px){.palette-content{padding:0 16px 95px}.swatch-stage{height:125px}.selected-color{grid-template-columns:1fr;gap:7px}.palette-layout{grid-template-columns:1fr}.palette-layout li{grid-template-columns:1fr}.mobile-nav{grid-template-columns:repeat(5,1fr)}}