.color-theory-promo{--ct-bg:#faf9f6;--ct-text:#111;--ct-muted:#686868;--ct-border:#e8e2da;--ct-accent:#b88a65;--ct-accent-glow:#b88a6566;background-color:var(--ct-bg);color:var(--ct-text);border:1px solid var(--ct-border);flex-direction:row;width:100%;min-height:400px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:1s ease-out forwards ctFadeIn;display:flex;position:relative;overflow:hidden}@keyframes ctFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ct-content{z-index:2;flex-direction:column;flex:1;padding:32px 24px;display:flex;position:relative}@media (min-width:1024px){.ct-content{padding:40px}}.ct-eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--ct-muted);margin-bottom:12px;font-size:11px;font-weight:600}.ct-heading{letter-spacing:-.5px;margin:0 0 16px;font-size:32px;font-weight:300;line-height:1.15}@media (min-width:768px){.ct-heading{font-size:28px}}@media (min-width:1200px){.ct-heading{font-size:36px}}.ct-heading span{background:linear-gradient(135deg, var(--ct-text) 0%, var(--ct-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:500}.ct-desc{color:var(--ct-muted);max-width:90%;margin:0 0 24px;font-size:14px;line-height:1.6}.ct-features{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.ct-feature{color:var(--ct-text);align-items:center;gap:10px;font-size:13px;font-weight:500;transition:transform .3s;display:flex}.ct-feature:hover{transform:translate(4px)}.ct-feature-icon{border:1px solid var(--ct-border);width:28px;height:28px;color:var(--ct-accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.ct-feature-icon svg{width:14px;height:14px}.ct-cta-wrap{margin-top:auto}.ct-cta{color:var(--ct-text);border:1px solid var(--ct-text);letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.ct-cta:hover{background:var(--ct-text);color:var(--ct-bg)}.ct-cta svg{transition:transform .3s}.ct-cta:hover svg{transform:translate(4px)}.ct-visual-area{background:0 0;flex:1;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.color-theory-promo{flex-direction:row;align-items:center}.ct-content{width:55%;max-width:55%}.ct-visual-area{width:45%;height:100%;padding-top:0;position:absolute;top:0;right:0}}.ct-color-wheel{z-index:0;background:conic-gradient(#e8d3c3 0deg 40deg,#b88a65 40deg 80deg,#824f34 80deg 120deg,#f4efeb 120deg 160deg,#2b3c5a 160deg 200deg,#a8a2b5 200deg 240deg,#889886 240deg 280deg,#6a2f35 280deg 320deg,#dcc5a9 320deg 360deg);border:1px solid #b88a6533;border-radius:50%;width:200px;height:200px;animation:40s linear infinite ctSpinSlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #b88a651a;-webkit-mask-image:radial-gradient(#0000 55%,#000 56%);mask-image:radial-gradient(#0000 55%,#000 56%)}.ct-wheel-glow{z-index:1;background:radial-gradient(circle,#0000 40%,#b88a650d 50%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ctSpinSlow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ct-model-wrap{z-index:2;justify-content:center;align-items:flex-end;width:100%;height:85%;animation:1.2s cubic-bezier(.16,1,.3,1) forwards ctRevealUp;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes ctRevealUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.ct-model-img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 15px #0000001a);width:auto;height:100%}@media (max-width:1023px){.ct-visual-area{background:linear-gradient(#0000,#b88a6508);min-height:350px}.ct-content{padding-bottom:20px}}.ct-face-bg{z-index:1;background-color:#e8d3c3;border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000001a}.ct-face-img{object-fit:cover;object-position:center;width:100%;height:100%}@media (max-width:767px){.color-theory-promo{min-height:400px}.ct-content{padding:24px 16px}.ct-heading{white-space:nowrap;margin-bottom:8px;font-size:24px}.ct-desc{margin-bottom:16px;font-size:11px}.ct-feature{white-space:nowrap;font-size:9px}.ct-cta{white-space:nowrap;padding:10px 12px;font-size:9px}.ct-visual-area{min-height:400px}.ct-face-bg{width:100px;height:100px}.ct-color-wheel{width:160px;height:160px}.ct-wheel-glow{width:180px;height:180px}}