.ral-hero{background:var(--gradient-hero);color:var(--text-white)}.ral-hero__inner{padding:var(--space-8) var(--content-padding) var(--space-12)}.breadcrumb{font-size:var(--text-sm);margin-bottom:var(--space-6);display:flex;gap:var(--space-2);align-items:center}.breadcrumb a{color:var(--alpha-white-70);text-decoration:none}.breadcrumb a:hover{color:var(--text-white)}.breadcrumb__sep{color:var(--alpha-white-40)}.breadcrumb span:last-child{color:var(--text-white);font-weight:var(--font-medium)}.ral-hero__content{display:flex;gap:var(--space-8);align-items:center}.ral-hero__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ral-hero__swatch{width:200px;height:200px;border-radius:var(--radius-2xl);display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-4);border:3px solid var(--alpha-white-20);flex-shrink:0}.ral-hero__code{font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--alpha-white-90);background:var(--alpha-black-30);padding:4px 12px;border-radius:var(--radius-md)}.ral-hero__code.dark-text{color:var(--alpha-black-80);background:var(--alpha-white-50)}.ral-hero__title{font-family:var(--font-heading);font-size:var(--page-hero-title-size);font-weight:var(--font-extrabold);color:var(--text-white);letter-spacing:var(--tracking-tighter)}.ral-hero__subtitle{font-size:var(--text-lg);color:var(--alpha-white-70);margin-top:var(--space-2)}.ral-hero__category{display:inline-block;margin-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);background:var(--alpha-white-15);color:var(--text-white)}.ral-hero__actions{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.ral-hero__note{margin-top:var(--space-2);max-width:44rem;color:var(--alpha-white-78);line-height:var(--leading-relaxed)}.ral-content{display:flex;flex-direction:column;gap:var(--space-10)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.value-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-white)}.value-card__label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.value-card__value{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.tints-section h2,.about-section h2,.similar-section h2,.related-section h2,.tools-section h2{font-family:var(--font-heading);font-size:var(--section-title-size-compact);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.tints-strip{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-1);border-radius:var(--radius-xl);overflow:hidden}.tint-chip{height:64px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.tint-chip__label{font-size:var(--text-3xs);font-weight:var(--font-bold);color:var(--alpha-white-90)}.tint-chip.light .tint-chip__label{color:var(--alpha-black-60)}.about-section p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.similar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3)}.similar-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-white);text-decoration:none;transition:all var(--transition-fast)}.similar-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.similar-card__swatch{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--alpha-black-08)}.similar-card__code{font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--text-primary)}.similar-card__name{font-size:var(--text-3xs);color:var(--text-muted);text-align:center}.related-section__copy{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.tools-section p{color:var(--text-secondary);margin-bottom:var(--space-4)}@media(max-width:768px){.ral-hero__content{flex-direction:column;text-align:center}.ral-hero__info{align-items:center}.ral-hero__swatch{width:150px;height:150px}.ral-hero__title{font-size:var(--page-hero-title-size-mobile)}.ral-hero__actions{justify-content:center}.values-grid{grid-template-columns:repeat(2,1fr)}.similar-grid{grid-template-columns:repeat(3,1fr)}.related-links-grid{grid-template-columns:1fr}.tints-strip{grid-template-columns:repeat(3,1fr)}.tint-chip{height:48px}}