.science-page { --science-surface: color-mix(in srgb, var(--av-color-background) 86%, #173454); --science-copy: color-mix(in srgb, var(--av-color-foreground) 76%, transparent); padding-bottom: clamp(4rem, 9vw, 9rem); }
.science-hero { padding-top: clamp(4rem, 8vw, 8rem); padding-bottom: clamp(2.5rem, 5vw, 5rem); border-bottom: 1px solid var(--av-color-border); }
.science-eyebrow, .science-kicker { margin: 0 0 1rem; color: var(--av-color-primary); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.science-hero-grid, .science-two-column, .science-provenance-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: start; }
.science-hero h1 { max-width: 11ch; margin: 0; font-size: clamp(3rem, 7vw, 7.5rem); line-height: .89; letter-spacing: -.07em; text-wrap: balance; }
.science-lede { max-width: 52rem; margin: 1.6rem 0 0; color: var(--science-copy); font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.6; }
.science-publication-status, .science-method-card, .science-provenance { padding: clamp(1.25rem, 2vw, 2rem); border: 1px solid var(--av-color-border); border-radius: var(--av-radius-md); background: var(--science-surface); }
.science-publication-status { border-top: 3px solid var(--av-color-primary); }
.science-publication-status span, .science-card-meta, .science-source-list p { color: var(--av-color-subtle); font-size: .7rem; letter-spacing: .05em; text-transform: uppercase; }
.science-publication-status strong { display: block; margin: 1rem 0; font-size: clamp(1.1rem, 2vw, 1.65rem); }
.science-publication-status p, .science-method-card p, .science-proposition-grid p, .science-provenance p, .science-review { color: var(--science-copy); font-size: .88rem; line-height: 1.65; }
.science-anchor-nav { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 2rem; }
.science-anchor-nav a, .science-provenance > a { padding: .7rem .9rem; border: 1px solid var(--av-color-border-strong); border-radius: var(--av-radius-md); color: var(--av-color-foreground); font-size: .78rem; }
.science-anchor-nav a:hover, .science-anchor-nav a:focus-visible, .science-provenance > a:hover, .science-provenance > a:focus-visible { color: var(--av-color-primary); border-color: var(--av-color-primary); }
.science-content { padding-top: clamp(3rem, 7vw, 7rem); }
.science-section { margin-top: clamp(4rem, 9vw, 9rem); scroll-margin-top: 4rem; }
.science-section:first-child { margin-top: 0; }
.science-two-column h2, .science-section-heading h2 { max-width: 20ch; margin: 0; font-size: clamp(2rem, 4.4vw, 4.5rem); line-height: .95; letter-spacing: -.055em; text-wrap: balance; }
.science-two-column > div > p { max-width: 60ch; color: var(--science-copy); font-size: 1rem; line-height: 1.7; }
.science-method-card h2, .science-method-card h3 { margin: 0 0 1rem; font-size: 1.1rem; letter-spacing: -.02em; }
.science-method-card h3 { margin-top: 1.5rem; color: var(--av-color-primary); font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; }
.science-method-card ul { display: grid; gap: .65rem; margin: 0; padding-left: 1.2rem; color: var(--science-copy); font-size: .84rem; line-height: 1.55; }
.science-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, .65fr); gap: 1rem 4rem; align-items: end; margin-bottom: 2rem; }
.science-section-heading .science-kicker { grid-column: 1 / -1; margin-bottom: 0; }
.science-section-heading > p:last-child { margin: 0; color: var(--science-copy); line-height: 1.6; }
.science-proposition-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.science-proposition-grid article { min-width: 0; padding: clamp(1.25rem, 2.4vw, 2.3rem); border: 1px solid var(--av-color-border); border-radius: var(--av-radius-md); background: var(--science-surface); }
.science-card-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; }
.science-proposition-grid h3 { margin: 2.3rem 0 1rem; font-size: clamp(1.25rem, 2.1vw, 2rem); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.science-provenance-grid { align-items: stretch; }
.science-source-list { display: grid; border-top: 1px solid var(--av-color-border); }
.science-source-list article { padding: 1.25rem 0; border-bottom: 1px solid var(--av-color-border); }
.science-source-list p { margin: 0 0 .6rem; }
.science-source-list h3 { margin: 0; font-size: clamp(1.1rem, 2vw, 1.6rem); line-height: 1.15; }
.science-source-list a { color: var(--av-color-foreground); }
.science-source-list a:hover { color: var(--av-color-primary); }
.science-provenance h3 { margin: 0 0 1.25rem; font-size: 1.35rem; }
.science-provenance dl { display: grid; gap: 1rem; margin: 0 0 1.5rem; }
.science-provenance dl div { padding-bottom: 1rem; border-bottom: 1px solid var(--av-color-border); }
.science-provenance dt { margin-bottom: .35rem; color: var(--av-color-subtle); font-size: .7rem; text-transform: uppercase; }
.science-provenance dd { margin: 0; color: var(--science-copy); font-size: .8rem; overflow-wrap: anywhere; }
.science-provenance code { font-family: var(--mono); font-size: .72rem; }
.science-provenance > a { display: inline-block; }
.science-review { margin: 1.5rem 0 0; }
.science-patent-grid { margin-top: 1.25rem; }
.science-page .industry-card-grid h3 { margin: 1.3rem 0 .7rem; font-size: clamp(1.3rem, 2vw, 1.9rem); line-height: 1.08; }
.science-page .industry-card-grid h4 { margin: 1.6rem 0 .7rem; color: var(--av-color-primary); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.science-page .industry-card-grid ul { padding-left: 1.1rem; color: var(--science-copy); font-size: .86rem; line-height: 1.65; }
@media (max-width: 760px) { .science-hero-grid, .science-two-column, .science-provenance-grid, .science-section-heading { grid-template-columns: 1fr; } .science-section-heading .science-kicker { grid-column: auto; } .science-proposition-grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .science-page .shell { width: min(100% - 32px, var(--avds-shell-max)); } .science-hero h1 { font-size: clamp(2.65rem, 16vw, 4rem); } .science-anchor-nav a { flex: 1 1 auto; text-align: center; } }