/*
 * File: /common/css/science.css
 * Package: MICROBA OUTLOOK
 * Component: Science public hub
 * Version: 2.0.65
 * Release Date: 2026-08-19
 * Replacement Scope: Full theme replacement
 * Base: OUTLOOK v2.0.65
 * Purpose: Align /science/ with Typography v2.0 and the shared inner-page foundation.
 */
.microba-science-page {
    background: var(--microba-canvas, #020806);
    --science-gold:#d2aa57;
    --science-gold-soft:#eed18c;
    --science-cream:#f1eadc;
    --science-ink:#080b08;
    --science-green:#0d1510;
    
    color:#eee7da;
    overflow:hidden;
}
.microba-science-page img{display:block;width:100%;height:auto}
.microba-science-page h1,.microba-science-page h2{margin:0;font-family:var(--microba-font-display,Georgia,"Times New Roman",serif);font-weight:400;letter-spacing:-.025em}
.microba-science-page h1 span,.microba-science-page h2 span{color:var(--science-gold-soft);font-style:italic}
.microba-science-page p{margin:0}
.microba-science-page .microba-eyebrow{color:var(--science-gold)}
.microba-science-page .microba-section{padding:clamp(4.75rem,7vw,7.5rem) 0}
.microba-science-text-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--science-gold-soft);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);font-weight:600;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.microba-science-text-link span{transition:transform .25s ease}.microba-science-text-link:hover span,.microba-science-text-link:focus-visible span{transform:translateX(.25rem)}

/* Hero: page identity, not a Display-XL landing statement. */
.microba-science-hero{position:relative;min-height:clamp(700px,82svh,780px);display:flex;align-items:flex-end;isolation:isolate}
.microba-science-hero__image{position:absolute;inset:0;height:100%!important;object-fit:cover;object-position:center;z-index:-3}
.microba-science-hero__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,5,3,.95) 0%,rgba(3,7,4,.76) 40%,rgba(2,5,3,.2) 74%),linear-gradient(0deg,rgba(4,7,4,.92),transparent 52%)}
.microba-science-hero__content{padding-top:clamp(8rem,15vh,11rem);padding-bottom:clamp(4.5rem,8vh,6rem)}
.microba-science-hero h1{max-width:840px;margin-top:1rem;font-size:var(--microba-type-h1,clamp(3rem,5.5vw,5rem));line-height:1;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.microba-science-hero__lead{max-width:640px;margin-top:1.55rem!important;color:rgba(245,237,220,.86);font-size:var(--microba-type-lead,clamp(1.125rem,1.5vw,1.5rem));line-height:var(--microba-leading-lead,1.55)}
.microba-science-hero__actions,.microba-science-closing__actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:2.1rem}
.microba-science-hero__scroll{position:absolute;right:clamp(1.4rem,4vw,4rem);bottom:2.5rem;display:flex;align-items:center;gap:.8rem;color:rgba(241,234,220,.7);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);letter-spacing:.16em;text-decoration:none;writing-mode:vertical-rl}
.microba-science-hero__scroll i{display:block;width:1px;height:52px;background:linear-gradient(var(--science-gold),transparent)}

/* Narrative introduction: Display orients, Interface explains. */
.microba-science-relationship{background:radial-gradient(circle at 50% 0, var(--microba-canvas-gold-glow, rgba(209,162,70,.055)), transparent 30%), var(--microba-canvas, #020806);}
.microba-science-relationship__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(3rem,7vw,7rem);align-items:center}
.microba-science-relationship__copy h2,.microba-science-heading h2{margin-top:.85rem;font-size:var(--microba-type-h2,clamp(2.25rem,4vw,3.5rem));line-height:1.08;letter-spacing:-.02em}
.microba-science-relationship__copy>p:not(.microba-eyebrow){max-width:620px;margin-top:1.3rem;color:rgba(238,231,218,.74);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body,clamp(1rem,1.1vw,1.125rem));line-height:var(--microba-leading-body,1.65)}
.microba-science-relationship__media{margin:0;overflow:hidden;border:1px solid rgba(210,170,87,.25);box-shadow:0 32px 90px rgba(0,0,0,.35)}
.microba-science-relationship__media img{aspect-ratio:16/10;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.microba-science-relationship__media:hover img{transform:scale(1.025)}
.microba-science-principle{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin-top:2.2rem;padding-top:1.35rem;border-top:1px solid rgba(210,170,87,.22)}
.microba-science-principle>span{color:var(--science-gold);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);font-weight:600;letter-spacing:.14em}
.microba-science-principle p{color:rgba(238,231,218,.69);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body-small,.875rem);line-height:var(--microba-leading-small,1.55)}
.microba-science-principle strong{color:#f4ecdd;font-weight:600}

/* Major navigation pathways may retain editorial titles, but at canonical H3 scale. */
.microba-science-pathways{background:radial-gradient(circle at 50% 0, var(--microba-canvas-gold-glow, rgba(209,162,70,.055)), transparent 30%), var(--microba-canvas, #020806);}
.microba-science-heading{max-width:820px;margin-bottom:clamp(2.6rem,4.5vw,4rem)}
.microba-science-heading>p:not(.microba-eyebrow){max-width:660px;margin-top:1.25rem;color:rgba(238,231,218,.7);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body,clamp(1rem,1.1vw,1.125rem));line-height:var(--microba-leading-body,1.65)}
.microba-science-pathways__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(210,170,87,.22);border:1px solid rgba(210,170,87,.22)}
.microba-science-pathway{position:relative;min-height:520px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;color:#fff;text-decoration:none;background:#111}
.microba-science-pathway>img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.microba-science-pathway__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,5,3,.98) 0%,rgba(3,6,4,.62) 50%,rgba(2,4,3,.12) 78%)}
.microba-science-pathway__body{display:block;padding:1.8rem 1.6rem 2rem}
.microba-science-pathway small{display:block;color:var(--science-gold);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.microba-science-pathway strong{display:block;margin-top:.65rem;font-family:var(--microba-font-display,Georgia,serif);font-size:var(--microba-type-h3,clamp(1.65rem,2.5vw,2.25rem));font-weight:400;line-height:1.15;letter-spacing:-.01em}
.microba-science-pathway__body>span{display:block;margin-top:.9rem;color:rgba(244,236,221,.72);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body-small,.875rem);line-height:var(--microba-leading-small,1.55)}
.microba-science-pathway em{display:flex;align-items:center;gap:.55rem;margin-top:1.25rem;color:var(--science-gold-soft);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.microba-science-pathway em i{font-style:normal;transition:transform .25s ease}
.microba-science-pathway:hover>img,.microba-science-pathway:focus-visible>img{transform:scale(1.04);filter:saturate(1.08)}.microba-science-pathway:hover em i,.microba-science-pathway:focus-visible em i{transform:translateX(.25rem)}

/* Research Focus is informational: Interface headings dominate inside cards. */
.microba-science-focus{background:var(--science-cream);color:#182119}
.microba-science-focus .microba-eyebrow{color:#86672f}.microba-science-heading--light h2{color:#182119}.microba-science-heading--light h2 span{color:#80632d}.microba-science-heading--light>p:not(.microba-eyebrow){color:rgba(24,33,25,.7)}
.microba-science-focus__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2rem}
.microba-science-focus-card{grid-column:span 2;background:#f8f2e7;border:1px solid rgba(74,67,45,.16);box-shadow:0 18px 45px rgba(34,31,20,.08)}
.microba-science-focus-card:nth-child(4){grid-column:2/span 2}.microba-science-focus-card:nth-child(5){grid-column:4/span 2}
.microba-science-focus-card figure{margin:0;overflow:hidden}.microba-science-focus-card figure img{aspect-ratio:4/3;object-fit:cover;transition:transform .8s ease}.microba-science-focus-card:hover figure img{transform:scale(1.025)}
.microba-science-focus-card>div{padding:1.5rem 1.5rem 1.75rem}
.microba-science-focus-card>div>span{color:#8c6b31;font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);font-weight:600;letter-spacing:.12em}
.microba-science-focus-card h3{margin-top:.5rem;color:#182119;font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-h4,clamp(1.375rem,2vw,1.625rem));font-weight:500;line-height:1.2;letter-spacing:0}
.microba-science-focus-card p{margin-top:.8rem;color:rgba(24,33,25,.7);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body-small,.875rem);line-height:var(--microba-leading-small,1.55)}

/* Method cards are process/information, not editorial statements. */
.microba-science-methods{background:radial-gradient(circle at 50% 0, var(--microba-canvas-gold-glow, rgba(209,162,70,.055)), transparent 30%), var(--microba-canvas, #020806);}
.microba-science-methods__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}
.microba-science-method{border:1px solid rgba(210,170,87,.2);background:#0e130f}
.microba-science-method figure{margin:0;overflow:hidden}.microba-science-method figure img{aspect-ratio:16/10;object-fit:cover;transition:transform .9s ease}.microba-science-method:hover figure img{transform:scale(1.025)}
.microba-science-method__body{position:relative;padding:1.55rem 1.6rem 1.85rem}
.microba-science-method__body>span{position:absolute;right:1.5rem;top:1.45rem;color:rgba(210,170,87,.62);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);font-weight:600;letter-spacing:.14em}
.microba-science-method h3{padding-right:2.5rem;color:#eee7da;font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-h4,clamp(1.375rem,2vw,1.625rem));font-weight:500;line-height:1.2;letter-spacing:0}
.microba-science-method p{margin-top:.75rem;color:rgba(238,231,218,.68);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body-small,.875rem);line-height:var(--microba-leading-small,1.55)}

/* Integrity is a single restrained Statement moment. */
.microba-science-ethos{background:radial-gradient(circle at 50% 15%, rgba(209,162,70,.065), transparent 34%), var(--microba-canvas-alt, #040907);padding:clamp(5.5rem,8vw,7.5rem) 0;border-top:1px solid rgba(210,170,87,.17);border-bottom:1px solid rgba(210,170,87,.17);text-align:center}
.microba-science-ethos__inner{max-width:960px}.microba-science-ethos h2{max-width:900px;margin:.9rem auto 0;font-size:var(--microba-type-statement,clamp(2.375rem,4vw,3.625rem));line-height:var(--microba-leading-statement,1.08);letter-spacing:-.02em}
.microba-science-ethos__inner>p:not(.microba-eyebrow){max-width:760px;margin:1.45rem auto 0;color:rgba(238,231,218,.74);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body,clamp(1rem,1.1vw,1.125rem));line-height:var(--microba-leading-body,1.65)}
.microba-science-ethos__values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.6rem;border-top:1px solid rgba(210,170,87,.23);border-bottom:1px solid rgba(210,170,87,.23)}
.microba-science-ethos__values span{padding:1.15rem .8rem;border-right:1px solid rgba(210,170,87,.17);color:var(--science-gold-soft);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-caption,.75rem);font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.microba-science-ethos__values span:last-child{border-right:0}

/* Closing remains visual, but does not exceed the page hierarchy. */
.microba-science-closing{position:relative;min-height:620px;display:flex;align-items:center;isolation:isolate}
.microba-science-closing__image{position:absolute;inset:0;height:100%!important;object-fit:cover;z-index:-3}
.microba-science-closing__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,5,3,.94),rgba(2,5,3,.68) 46%,rgba(2,5,3,.16) 76%),linear-gradient(0deg,rgba(2,5,3,.68),transparent 52%)}
.microba-science-closing h2{max-width:720px;margin-top:.85rem;font-size:var(--microba-type-statement,clamp(2.375rem,4vw,3.625rem));line-height:var(--microba-leading-statement,1.08);letter-spacing:-.02em}.microba-science-closing__content>p:not(.microba-eyebrow){max-width:600px;margin-top:1.35rem;color:rgba(244,236,221,.8);font-family:var(--microba-font-interface,Arial,Helvetica,sans-serif);font-size:var(--microba-type-body,clamp(1rem,1.1vw,1.125rem));line-height:var(--microba-leading-body,1.65)}

@media(max-width:1100px){.microba-science-pathways__grid{grid-template-columns:repeat(2,1fr)}.microba-science-pathway{min-height:500px}.microba-science-focus__grid{grid-template-columns:repeat(2,1fr)}.microba-science-focus-card,.microba-science-focus-card:nth-child(4),.microba-science-focus-card:nth-child(5){grid-column:span 1}.microba-science-focus-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr}.microba-science-focus-card:last-child figure img{height:100%;aspect-ratio:auto}}
@media(max-width:900px){.microba-science-hero{min-height:700px}.microba-science-hero__veil{background:linear-gradient(0deg,rgba(2,5,3,.97) 0%,rgba(3,7,4,.67) 58%,rgba(2,5,3,.18) 100%)}.microba-science-hero__content{padding-bottom:4.25rem}.microba-science-hero__scroll{display:none}.microba-science-relationship__grid{grid-template-columns:1fr;gap:2.8rem}.microba-science-methods__grid{grid-template-columns:repeat(2,1fr)}.microba-science-ethos__values{grid-template-columns:repeat(2,1fr)}.microba-science-ethos__values span:nth-child(2){border-right:0}.microba-science-ethos__values span:nth-child(-n+2){border-bottom:1px solid rgba(210,170,87,.17)}}
@media(max-width:620px){.microba-science-page .microba-section{padding:4.25rem 0}.microba-science-hero{min-height:660px}.microba-science-hero__image{object-position:63% center}.microba-science-hero h1{font-size:var(--microba-type-h1,clamp(3rem,5.5vw,5rem))}.microba-science-hero__lead{font-size:1rem;line-height:1.65}.microba-science-hero__actions,.microba-science-closing__actions{align-items:flex-start;flex-direction:column}.microba-science-pathways__grid,.microba-science-focus__grid,.microba-science-methods__grid{grid-template-columns:1fr}.microba-science-pathway{min-height:470px}.microba-science-focus-card:last-child{grid-column:auto;display:block}.microba-science-focus-card:last-child figure img{height:auto;aspect-ratio:4/3}.microba-science-ethos__values{grid-template-columns:1fr}.microba-science-ethos__values span,.microba-science-ethos__values span:nth-child(2){border-right:0;border-bottom:1px solid rgba(210,170,87,.17)}.microba-science-ethos__values span:last-child{border-bottom:0}.microba-science-closing{min-height:560px}.microba-science-closing__image{object-position:62% center}.microba-science-closing__veil{background:linear-gradient(0deg,rgba(2,5,3,.95),rgba(2,5,3,.58) 65%,rgba(2,5,3,.18))}}
@media(prefers-reduced-motion:reduce){.microba-science-page *,.microba-science-page *::before,.microba-science-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}