.pigment-trio-page{min-height:100vh;background:var(--color-bg-primary)}.pigment-trio-hero{position:relative;min-height:42vh;display:flex;align-items:center;padding:var(--space-6xl) var(--space-xl) var(--space-4xl);overflow:hidden}.pigment-trio-hero-bg{position:absolute;inset:0;z-index:0}.pigment-trio-hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(180,140,160,.12),rgba(200,170,180,.08) 50%,rgba(240,230,235,.04))}.pigment-trio-hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(180,140,160,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(200,170,180,.06) 0,transparent 40%)}.pigment-trio-hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.pigment-trio-back-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-aesthetics-accent);text-decoration:none;margin-bottom:var(--space-lg);transition:all .2s ease}.pigment-trio-back-link:hover{gap:var(--space-sm)}.pigment-trio-back-link svg{width:18px;height:18px}.pigment-trio-hero-title{font-family:var(--font-serif);font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:400;line-height:1.25;color:var(--color-dark);margin-bottom:var(--space-md)}.pigment-trio-hero-accent{color:var(--color-aesthetics-accent);font-style:italic}.pigment-trio-hero-tagline{font-family:var(--font-sans);font-size:1.125rem;font-weight:500;line-height:1.5;color:var(--color-text-secondary)}.pigment-trio-section{padding:var(--space-3xl) var(--space-xl)}.pigment-trio-section--alt{background:var(--color-bg-secondary)}.pigment-trio-container{max-width:880px;margin:0 auto}.pigment-trio-section-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;color:var(--color-dark);margin-bottom:var(--space-lg)}.pigment-trio-body{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.pigment-trio-body:last-child{margin-bottom:0}.pigment-trio-body--emphasis{color:var(--color-aesthetics-accent);font-weight:500}.pigment-trio-block .pigment-trio-body{margin-bottom:var(--space-md)}.pigment-trio-block .pigment-trio-body:last-of-type{margin-bottom:0}.pigment-trio-type-block{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pigment-trio-type-block:last-child{margin-bottom:0}.pigment-trio-type-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--color-dark);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-aesthetics-accent)}.pigment-trio-treatment-group{margin-bottom:var(--space-2xl)}.pigment-trio-treatment-group:last-child{margin-bottom:0}.pigment-trio-group-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--color-dark);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-aesthetics-accent)}.pigment-trio-treatment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.pigment-trio-treatment-card{padding:var(--space-xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease}.pigment-trio-treatment-card:hover{border-color:var(--color-aesthetics-accent);box-shadow:0 6px 24px rgba(180,140,160,.12)}.pigment-trio-treatment-title{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;color:var(--color-dark);margin-bottom:var(--space-sm)}.pigment-trio-treatment-desc{font-family:var(--font-sans);font-size:.9375rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.pigment-trio-treatment-link{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-aesthetics-accent);text-decoration:none;transition:opacity .2s ease}.pigment-trio-treatment-link:hover{text-decoration:underline}.pigment-trio-condition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}.pigment-trio-condition-card{padding:var(--space-xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease}.pigment-trio-condition-card:hover{border-color:var(--color-aesthetics-accent);box-shadow:0 6px 20px rgba(180,140,160,.1)}.pigment-trio-condition-title{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;color:var(--color-dark);margin-bottom:var(--space-xs)}.pigment-trio-condition-desc{font-family:var(--font-sans);font-size:.9375rem;line-height:1.55;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.pigment-trio-condition-arrow{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-aesthetics-accent)}.pigment-trio-condition-arrow svg{width:16px;height:16px;transition:transform .2s ease}.pigment-trio-condition-card:hover .pigment-trio-condition-arrow svg{transform:translateX(4px)}.pigment-trio-cta-text{font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--color-text-secondary);text-align:center;font-style:italic;padding:var(--space-lg);background:rgba(180,140,160,.06);border-radius:var(--radius-lg)}.pigment-trio-cta{padding:var(--space-4xl) var(--space-xl);background:linear-gradient(135deg,rgba(180,140,160,.1),rgba(200,170,180,.06))}.pigment-trio-cta-container{max-width:640px;margin:0 auto}.pigment-trio-cta-content{text-align:center;padding:var(--space-3xl);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:0 4px 24px rgba(0,0,0,.06)}.pigment-trio-cta-btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:1rem;font-weight:600;color:white;background:var(--color-aesthetics-accent);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);text-decoration:none;transition:all .3s ease}.pigment-trio-cta-btn:hover{background:var(--color-aesthetics-primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(180,140,160,.3)}.pigment-trio-cta-btn svg{width:20px;height:20px}@media (max-width:768px){.pigment-trio-hero{min-height:38vh;padding:var(--space-5xl) var(--space-md) var(--space-3xl)}.pigment-trio-section{padding:var(--space-2xl) var(--space-md)}.pigment-trio-condition-grid,.pigment-trio-treatment-grid{grid-template-columns:1fr}.pigment-trio-cta{padding:var(--space-3xl) var(--space-md)}.pigment-trio-cta-content{padding:var(--space-xl)}}@media (max-width:480px){.pigment-trio-hero-title{font-size:1.5rem}.pigment-trio-body,.pigment-trio-hero-tagline{font-size:1rem}}