/* Active principles section */
.active-principles-section { padding: clamp(6rem, 10vw, 8rem) var(--gutter); background: #070807; border-bottom: 1px solid var(--color-line); }
.active-principles-section__header { display: flex; align-items: end; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-16); padding-bottom: var(--space-8); border-bottom: 1px solid var(--color-line); }
.active-principles-section__eyebrow, .active-principles-section__method, .molecule-card__type, .molecule-card__metric { font-family: var(--font-mono); text-transform: uppercase; }
.active-principles-section__eyebrow { display: flex; gap: var(--space-2); align-items: center; margin-bottom: var(--space-3); color: var(--color-botanical); font-size: .625rem; font-weight: 700; letter-spacing: .2em; }
.active-principles-section__eyebrow span, .science-report__header p span, .science-report__footer p span, .science-report__footer a span { width: .5rem; height: .5rem; flex: 0 0 .5rem; background: var(--color-botanical); box-shadow: 0 0 8px var(--color-botanical); }
.active-principles-section h2 { color: var(--color-text); font: 900 clamp(2.5rem, 5vw, 4rem)/1 var(--font-display); letter-spacing: 0; text-transform: uppercase; }
.active-principles-section__method { max-width: 31rem; padding: var(--space-4); color: var(--color-muted-strong); background: rgba(0,0,0,.6); border: 1px solid var(--color-line); font-size: .75rem; letter-spacing: .14em; }
.active-principles-section__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-8); }
.molecule-card { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-8); padding: var(--space-8); background: #0c0e0c; border: 1px solid var(--color-line); transition: border-color var(--transition-base); }
.molecule-card:hover { border-color: var(--color-botanical); }
.molecule-card__image { position: relative; aspect-ratio: 16 / 10; overflow: hidden; margin-bottom: var(--space-6); background: #050605; border: 1px solid var(--color-line); }
.molecule-card__image img { display:block; width:100%; height:100%; object-fit:cover; opacity:.8; transition: transform var(--transition-base), opacity var(--transition-base); }.molecule-card:hover img { transform:scale(1.05); opacity:1; }
.molecule-card__image span { position:absolute; top:var(--space-3); right:var(--space-3); padding:var(--space-2) var(--space-3); background:#000; border:1px solid rgba(255,255,255,.2); color:var(--color-botanical); font:700 .625rem var(--font-mono); }
.molecule-card__type { margin-bottom:var(--space-2); color:var(--color-botanical); font-size:.625rem; font-weight:700; letter-spacing:.1em; }.molecule-card h3 { color:var(--color-text); font:700 1.5rem/1.1 var(--font-display); text-transform:uppercase; }.molecule-card__description { margin-top:var(--space-3); color:var(--color-muted-strong); font-size:.875rem; line-height:1.7; }
.molecule-card__metric { padding-top:var(--space-6); border-top:1px solid var(--color-line); color:var(--color-muted); font-size:.75rem; }.molecule-card__metric p { display:flex; justify-content:space-between; gap:var(--space-4); }.molecule-card__metric strong { color:var(--color-text); }.molecule-card__metric i { display:block; height:6px; margin-top:var(--space-2); background:rgba(255,255,255,.1); }.molecule-card__metric b { display:block; height:100%; background:var(--color-botanical); box-shadow:0 0 6px var(--color-botanical); }
.active-principles-section__footer { margin-top:var(--space-16); padding-top:var(--space-8); border-top:1px solid var(--color-line); text-align:center; }.active-principles-section__footer a { display:inline-flex; gap:var(--space-3); padding:var(--space-4) var(--space-8); border:1px solid rgba(255,255,255,.2); color:var(--color-text); font:700 .75rem var(--font-mono); letter-spacing:.15em; text-decoration:none; text-transform:uppercase; }.active-principles-section__footer a:hover { color:var(--color-bg); border-color:var(--color-botanical); background:var(--color-botanical); }.active-principles-section__footer span { color:var(--color-botanical); }
@media (max-width:900px) { .active-principles-section__header { align-items:stretch; flex-direction:column; }.active-principles-section__grid { grid-template-columns:1fr; } }

@media (min-width:901px) { .active-principles-section { display:flex; min-height:100svh; padding-top:clamp(2rem,5vh,4rem); padding-bottom:clamp(2rem,5vh,4rem); }.active-principles-section .container { display:flex; flex:1; flex-direction:column; justify-content:center; }.active-principles-section__header { margin-bottom:var(--space-6); padding-bottom:var(--space-6); }.molecule-card { gap:var(--space-4); padding:1.25rem; }.molecule-card__image { height:clamp(8rem,19vh,10.5rem); margin-bottom:var(--space-4); aspect-ratio:auto; }.molecule-card__type { font-size:.5625rem; }.molecule-card h3 { font-size:1.25rem; }.molecule-card__description { margin-top:var(--space-2); font-size:.75rem; line-height:1.45; }.molecule-card__metric { padding-top:var(--space-4); font-size:.625rem; }.active-principles-section__footer { margin-top:var(--space-6); padding-top:var(--space-6); } }