/* Social responsibility: page-scoped, product-page layout. */
html body.qm-social-page #lcn { --lcn-bar-ink:#171a20!important; --lcn-logo-filter:brightness(0)!important; }
html body.qm-social-page #lcn .lcn-bar { background:#fff!important; border-bottom:1px solid #eee!important; }
#main .sr { background:#fff; color:#171a20; text-transform:none; font-family:var(--t-font),sans-serif; }
#main .sr *, #main .sr *::before, #main .sr *::after { box-sizing:border-box; }
#main .sr :is(h1,h2,h3,p,figure) { margin:0; }
#main .sr a { color:inherit; text-decoration:none; }
#main .sr a:focus-visible { outline:2px solid #3e6ae1; outline-offset:6px; }
#main .sr [id] { scroll-margin-top:100px; }
#main .sr-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 5vw; background:#fff; }
#main .sr-nav-title { font-size:15px; font-weight:600; }
#main .sr-nav>div { display:flex; gap:30px; font-size:13px; color:#5c5e62; }
#main .sr-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
#main .sr-hero { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:space-between; align-items:center; min-height:680px; height:calc(100svh - 130px); max-height:1050px; padding:56px 24px 38px; text-align:center; background:#303335; }
#main .sr-hero>img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:50% 45%; }
#main .sr-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(0,0,0,.64),rgba(0,0,0,.12) 45%,rgba(0,0,0,.8)); }
#main .sr .sr-hero :is(h1,p,strong,span) { color:#fff!important; }
#main .sr-hero h1 { font-size:clamp(36px,4.2vw,60px); font-weight:500; line-height:1.25; letter-spacing:.02em; }
#main .sr-kicker { font-size:12px; color:#5c5e62; letter-spacing:.08em; margin-bottom:18px!important; }
#main .sr-hero-copy>p:last-child { margin-top:18px; font-size:16px; }
#main .sr-hero-bottom { width:min(860px,100%); }
#main .sr-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:32px; }
#main .sr-pillars>div+div { border-left:1px solid #ffffff50; }
#main .sr-pillars strong { display:block; font-size:26px; font-weight:500; line-height:1.4; }
#main .sr-pillars span { display:block; font-size:12px; margin-top:8px; }
#main .sr-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
#main .sr .sr-button { display:inline-flex; align-items:center; justify-content:center; width:264px; max-width:100%; min-height:44px; padding:12px 24px; border-radius:4px; background:#3e6ae1; color:#fff!important; font-size:14px; font-weight:500; line-height:1.4; transition:background .2s; }
#main .sr .sr-button:hover { background:#3457b1; }
#main .sr .sr-button-light { background:#f4f4f4; color:#171a20!important; }
#main .sr .sr-button-light:hover { background:#e2e3e3; }
#main .sr-wrap { width:min(1120px,88%); margin-inline:auto; }
#main .sr h2 { font-size:clamp(28px,3vw,40px); font-weight:500; line-height:1.4; }
#main .sr-copy { font-size:15px; line-height:1.95; color:#5c5e62; }
#main .sr-copy p+p { margin-top:18px; }
#main .sr-intro { padding-block:110px 88px; }
#main .sr-two-col { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; }
#main .sr-topics { display:flex; flex-wrap:wrap; gap:20px 48px; border-top:1px solid #d0d1d2; padding-top:28px; margin-top:48px; font-size:14px; color:#5c5e62; }
#main .sr-access { background:#f4f4f4; }
#main .sr-access figure { height:clamp(360px,47vw,720px); }
#main .sr-access img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 48%; }
#main .sr-access-copy { padding-block:64px 72px; }
#main .sr-standards { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; margin-top:42px; }
#main .sr-standards>div { border-top:1px solid #d0d1d2; padding-top:22px; }
#main .sr-standards h3 { font-size:18px; font-weight:500; line-height:1.4; margin-bottom:12px; }
#main .sr-standards p { font-size:14px; line-height:1.8; color:#5c5e62; }
#main .sr-culture { background:#171a20; padding-block:96px; }
#main .sr .sr-culture h2 { color:#fff; }
#main .sr .sr-culture :is(.sr-kicker,.sr-copy) { color:#d0d1d2; }
#main .sr-culture-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; border-top:1px solid #5c5e62; padding-top:30px; margin-top:48px; }
#main .sr-culture-steps span { display:block; color:#a2a3a5; font-size:11px; margin-bottom:12px; }
#main .sr-culture-steps p { color:#fff; font-size:18px; }
#main .sr-sharing { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; padding-block:96px; }
#main .sr-text-link { text-decoration:underline!important; text-underline-offset:5px; text-decoration-thickness:1px!important; }
#main .sr-copy .sr-text-link { display:inline-block; margin-top:24px; color:#171a20; font-size:14px; }
#main .sr-cta { padding:88px 24px; text-align:center; background:#f4f4f4; }
#main .sr-cta>p:not(.sr-kicker) { margin:20px auto 32px; max-width:480px; color:#5c5e62; font-size:14px; line-height:1.9; }
#main .sr-explore { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding-block:36px; font-size:13px; }
#main .sr-explore>div { display:flex; flex-wrap:wrap; gap:16px 28px; color:#5c5e62; }
#main .sr-text-link:hover, #main .sr-explore a:hover { color:#3457b1; }
@media(max-width:760px) {
  #main .sr-nav { padding:16px 6vw; gap:16px; }
  #main .sr-nav>div { gap:16px; font-size:12px; }
  #main .sr-hero { min-height:660px; height:calc(100svh - 110px); padding:44px 24px 28px; }
  #main .sr-hero h1 { font-size:clamp(28px,7.2vw,40px); }
  #main .sr-hero-copy>p:last-child { font-size:14px; }
  #main .sr-hero>img { object-position:51% center; }
  #main .sr-pillars { gap:8px; margin-bottom:26px; }
  #main .sr-pillars strong { font-size:20px; }
  #main .sr-pillars span { font-size:10px; line-height:1.6; max-width:8em; margin-inline:auto; }
  #main .sr-actions { gap:12px; }
  #main .sr-hero .sr-actions { flex-direction:column; align-items:center; }
  #main .sr-hero .sr-button { width:min(100%,340px); }
  #main .sr-two-col, #main .sr-sharing { grid-template-columns:1fr; gap:28px; }
  #main .sr-intro { padding-block:64px; }
  #main .sr-topics { margin-top:32px; gap:24px; }
  #main .sr-access figure { height:360px; }
  #main .sr-access img { object-position:44% center; }
  #main .sr-access-copy { padding-block:48px; }
  #main .sr-standards { grid-template-columns:1fr; gap:28px; margin-top:32px; }
  #main .sr-culture { padding-block:56px; }
  #main .sr-culture-steps { gap:20px; margin-top:32px; }
  #main .sr-culture-steps p { font-size:15px; }
  #main .sr-sharing { padding-block:64px; }
  #main .sr-cta { padding:64px 6vw; }
  #main .sr-explore { flex-direction:column; }
}
@media(max-width:360px) { #main .sr-nav>div { gap:10px; font-size:11px; } #main .sr-nav-title { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { #main .sr * { transition:none!important; scroll-behavior:auto!important; } }