/* OSYRA institutional mineral theme, preview 2026-10-09.
   Natural environments are deliberately fictional; no Swiss operational claims.
   Preserve business copy, evidence limitations and accessibility. */
body.institutional-site{
 --paper:#EEEBE5;
 --white:#FAF8F1;
 --soft:#E5E4DC;
 --ink:#1A2C2D;
 --body:#435355;
 --muted:#4D5B5D;
 --line:#C8CAC2;
 --green:#36564D;
 --gold:#75542C;
 --night:#182A2E;
 --night-line:#586968;
 --night-body:#D5DFDB;
 background:var(--paper);
 color:var(--ink);
}
.institutional-site .site-header{background:rgba(247,245,239,.95);border-bottom:1px solid var(--line)}
.institutional-site .dark-section,
.institutional-site .closing,
.institutional-site .outcomes{background-color:#182A2E}
.institutional-site .soft-section,
.institutional-site .audience-section{background-color:#E5E4DC}
.institutional-site .page-hero{
 background:#E7E6DF;
 border-bottom:1px solid #C6C8C1;
}
.institutional-site .page-hero h1,
.institutional-site .page-hero h2,
.institutional-site .section-heading h2{
 font-family:"Iowan Old Style","Baskerville",Georgia,serif;
 letter-spacing:-.038em;
 font-weight:400;
 line-height:1.06;
}
.institutional-site .page-hero h1{font-size:clamp(46px,5.6vw,87px)}
.institutional-site .page-hero .eyebrow{letter-spacing:.1em}
.institutional-site .callout{background:#E3E4DA;border-left:2px solid #A48B61}
.institutional-site .button{border-radius:0}
.institutional-site .feature-rows article{border-color:#C9CDC6}
.institutional-site .card-grid>article{border-radius:0}
.institutional-site .editorial-figure figcaption{border-color:#BFC7C0}
.institutional-site .dark-section .editorial-figure figcaption{border-color:rgba(255,255,255,.22)}
/* A cinematic solution-page opener replacing irrelevant 3-D studio imagery. */
.institutional-site .solutions-natural-hero{
 background:
 linear-gradient(90deg,rgba(9,24,32,.83),rgba(12,27,35,.59) 48%,rgba(13,32,39,.25)),
 linear-gradient(0deg,rgba(13,28,35,.62),transparent 64%),
 url('/assets/osyra-alpine-fictional-ridge.webp') center 47% / cover no-repeat;
 color:#F8F8F2;
 min-height:min(86svh,850px);
 display:flex;
 align-items:center;
 border:0;
 padding-block:clamp(150px,17vh,230px) clamp(110px,12vh,170px);
}
.institutional-site .solutions-natural-hero:before,
.institutional-site .solutions-natural-hero:after{display:none}
.institutional-site .solutions-natural-hero .illustrated-grid{display:block}
.institutional-site .solutions-natural-hero .illustrated-grid>div{max-width:970px}
.institutional-site .solutions-natural-hero .eyebrow{color:#E4CBA0;letter-spacing:.16em}
.institutional-site .solutions-natural-hero .page-intro{color:#E9EFEB;max-width:65ch}
.institutional-site .solutions-natural-hero h1{max-width:19ch;font-size:clamp(50px,5.4vw,88px)}
/* The existing numbered supplier lifecycle provides the real explanation.
   No extra illustration or faux dashboard is necessary. */
.institutional-site .supply-intro{display:block;max-width:960px}
.institutional-site .supply-intro>div{max-width:900px}
.institutional-site #supply-chains{padding-block:clamp(80px,8vw,130px)}
.institutional-site #supply-chains .supply-sequence{margin-top:clamp(40px,5vw,76px)}
/* Avoid overloading different sections with repeated blocks of dark teal. */
.institutional-site .closing{background:#15292D}
@media (max-width:800px){
 .institutional-site .solutions-natural-hero{min-height:72svh;padding-top:138px;padding-bottom:95px;background-position:58% center}
 .institutional-site .solutions-natural-hero h1{font-size:clamp(45px,8vw,64px)}
}
@media (prefers-reduced-motion:reduce){
 .institutional-site .solutions-natural-hero{background-attachment:scroll}
}

/* Light callouts remain readable within dark sections, including expanded regulatory notes. */
.institutional-site .dark-section .callout,
.institutional-site .dark-section .callout p,
.institutional-site .dark-section .callout .eyebrow,
.institutional-site .callout,
.institutional-site .callout p,
.institutional-site .callout .eyebrow { color:#263B3B; }
.institutional-site .dark-section .callout .eyebrow,
.institutional-site .callout .eyebrow { color:#36564D; }

/* WCAG contrast refinements and dark-section callout surface. */
.institutional-site .row-number{color:#76592f}
.institutional-site .dark-section .row-number{color:#dfc69a}
.institutional-site .dark-section .callout,
.institutional-site .dark-section .decision-question{
 background:#223b3d;color:#f3f4ee;border-left-color:#d8be89;
}
.institutional-site .dark-section .callout p,
.institutional-site .dark-section .decision-question p{color:#e8eeeb}
.institutional-site .dark-section .callout .eyebrow,
.institutional-site .dark-section .decision-question .eyebrow{color:#e6ca93}
.institutional-site .fine-print{color:#445457}
.institutional-site .text-link:focus-visible{outline-offset:5px}

/* Light fine print only belongs on pale surfaces; restore sufficient contrast on all dark sections. */
.institutional-site .dark-section .fine-print,
.institutional-site .site-footer .fine-print,
.institutional-site .closing .fine-print,
.institutional-site .outcomes .fine-print {color:#d6e1dc}

/* Preserve minimum contrast when neutral fine print sits on night surfaces. */
.institutional-site .dark-section .fine-print,
.institutional-site .site-footer .fine-print,
.institutional-site .closing .fine-print {color:#D6E1DC;}

/* Original company wordmark on every public page. Alpine homepage inverts its dark
   strokes over the photograph; light interior pages retain the supplied artwork. */
.institutional-site .site-header .brand-wordmark-image {
 display:block;width:clamp(142px,13vw,202px);max-height:64px;height:auto;object-fit:contain;
}