.color-of-the-year-page .color-year-landing{max-width:1200px;margin:0 auto;padding:2rem 1rem}.color-of-the-year-page .landing-header{text-align:center;margin-top:3rem}.color-of-the-year-page .landing-header h1{font-size:clamp(26px, 4vw, 34px);color:#4a4e69;font-weight:700;letter-spacing:-.3px;position:relative;padding-bottom:12px;margin:0 0 12px}.color-of-the-year-page .landing-header h1::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#f4c430;border-radius:1px}.color-of-the-year-page .landing-header p{font-size:1.2rem;color:#555;line-height:1.8}.color-of-the-year-page .content-section{padding:2.5rem;margin-bottom:2rem;max-width:1200px}.color-of-the-year-page .content-section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid #726d81;font-weight:600}.color-of-the-year-page .content-section h3{font-size:1.4rem;color:#34495e;margin:1.5rem 0 1rem;font-weight:600}.color-of-the-year-page .content-section p{font-size:1.1rem;line-height:1.9;color:#444;margin-bottom:1.2rem;text-align:justify}.color-of-the-year-page .content-section ul{margin:1rem 0 1.5rem 2rem;line-height:1.9}.color-of-the-year-page .content-section ul li{margin-bottom:.75rem;font-size:1.05rem;color:#555}.color-of-the-year-page .current-year-banner{color:#4a4e69;margin-bottom:2rem;text-align:center}.color-of-the-year-page .current-year-banner h2{font-size:2rem;margin-bottom:1rem;border:none;padding:0;color:#4a4e69}.color-of-the-year-page .current-year-banner p{font-size:1.15rem;line-height:1.8;color:#4a4e69;margin-bottom:1.5rem}.color-of-the-year-page .view-year-button{display:inline-block;background:#22223b;color:#f4c430;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s}.color-of-the-year-page .view-year-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.color-of-the-year-page .timeline-section{background:#fff;border-radius:12px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.color-of-the-year-page .timeline-section h2{font-size:clamp(26px, 4vw, 34px);color:#4a4e69;font-weight:700;letter-spacing:-.3px;position:relative;padding-bottom:12px;margin:0 0 12px;text-align:center}.color-of-the-year-page .timeline-section h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#f4c430;border-radius:1px}.color-of-the-year-page .timeline-item{padding:1.5rem;border-right:4px solid #c9ada7;margin-bottom:1.5rem;background:#f8f9fa;border-radius:8px}.color-of-the-year-page .timeline-item h4{font-size:1.2rem;color:#2c3e50;margin-bottom:.5rem}.color-of-the-year-page .timeline-item p{color:#555;line-height:1.7;margin:0}@media (max-width:768px){.color-of-the-year-page .landing-header h1{font-size:1.8rem}.color-of-the-year-page .content-section{padding:1.5rem}.color-of-the-year-page .content-section h2{font-size:1.5rem}.color-of-the-year-page .current-year-banner h2{font-size:1.6rem}}.color-of-the-year-page .pantone-past-colors-of-the-year{display:block;max-width:100%;box-shadow:rgba(0,0,0,.067) 0 2px 8px;margin:18px auto 0;border-radius:12px}