.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.context-library{--context-ink:#214a7f;--context-tint:#edf4fc;--context-accent:#cadff4}
.context-resins{--context-ink:#125767;--context-tint:#eaf8f6;--context-accent:#b6e4db}
.context-technology{--context-ink:#172b49;--context-tint:#f0f1fa;--context-accent:#ced3ed}
.context-imports{--context-ink:#68421b;--context-tint:#fff4e2;--context-accent:#ffdb9e}
.context-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;min-height:400px;padding:48px 64px;color:var(--context-ink);background:linear-gradient(120deg,var(--context-tint) 40%,var(--context-accent));overflow:hidden}
.context-hero-copy{min-width:0;max-width:560px}.context-kicker{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:750;margin:0 0 24px}.context-hero h1{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-1.6px;margin:0 0 24px;overflow-wrap:anywhere}.context-hero-copy>p:not(.context-kicker){font-size:16px;line-height:1.6;margin:0 0 24px;max-width:420px}.context-hero .campaign-cta{background:var(--context-ink);color:#fff;min-height:44px}.context-hero-image{height:310px;padding:18px;border-radius:30px;background:#fff;box-shadow:0 14px 32px #10294212;min-width:0}.context-hero-image img{height:100%;width:100%;object-fit:contain;display:block}
.contextual-editorial{display:grid;grid-template-columns:1.1fr 1fr .9fr;grid-template-rows:220px 220px;gap:18px;margin:24px 0 42px}.contextual-editorial .context-tile{background:var(--context-tint);color:var(--context-ink);display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:20px;min-width:0;min-height:0;overflow:hidden}.context-tile-1{grid-row:1/3}.context-tile-2{grid-row:1;grid-column:2}.context-tile-3{grid-row:2;grid-column:2}.context-tile-4{grid-row:1/3;grid-column:3}.contextual-editorial .context-tile-copy{max-width:none;position:static;min-width:0}.contextual-editorial .tile-eyebrow{margin-bottom:10px;font-size:9px}.contextual-editorial h2{font-size:clamp(21px,2.1vw,30px);line-height:1.12;letter-spacing:-.7px;margin:0 0 16px;overflow-wrap:anywhere}.contextual-editorial .tile-link{font-size:12px;line-height:1.4}.context-tile-image{background:#fff;border-radius:12px;min-height:0;flex:1;padding:10px}.context-tile-image img{width:100%;height:100%;object-fit:contain;display:block}.contextual-editorial :is(.context-tile-2,.context-tile-3){display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:12px;padding:22px}.contextual-editorial :is(.context-tile-2,.context-tile-3) h2{font-size:22px}.contextual-editorial :is(.context-tile-2,.context-tile-3) .context-tile-image{height:170px}.contextual-editorial .context-tile-3{background:var(--context-ink);color:#fff}.contextual-editorial .context-tile-4{background:var(--context-accent)}
.detail-contextual{max-width:1440px;margin:0 auto;padding:0 32px}.detail-contextual .eyebrow{color:#214a7f}
@media(max-width:1100px){.context-hero{padding:36px;gap:24px}.contextual-editorial{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.contextual-editorial .context-tile{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px;align-items:center;min-height:245px}.contextual-editorial .context-tile-image,.contextual-editorial :is(.context-tile-2,.context-tile-3) .context-tile-image{height:210px}.contextual-editorial h2{font-size:25px}.detail-contextual{padding:0 22px}}
@media(max-width:700px){.context-hero{grid-template-columns:1fr;padding:28px 24px;gap:26px;min-height:0}.context-hero h1{font-size:39px;max-width:450px}.context-hero-image{height:240px;border-radius:18px}.context-kicker{font-size:9px;margin-bottom:16px}.context-hero-copy>p:not(.context-kicker){font-size:14px;margin-bottom:20px}.contextual-editorial{gap:12px;margin:16px 0 36px}.contextual-editorial .context-tile,.contextual-editorial :is(.context-tile-2,.context-tile-3){display:flex;padding:18px 14px;gap:18px;align-items:stretch;min-height:0;border-radius:16px}.contextual-editorial h2,.contextual-editorial :is(.context-tile-2,.context-tile-3) h2{font-size:21px;letter-spacing:-.4px}.contextual-editorial .context-tile-copy{flex:1}.contextual-editorial .context-tile-image,.contextual-editorial :is(.context-tile-2,.context-tile-3) .context-tile-image{height:175px;flex:none;padding:6px}.contextual-editorial .tile-link{font-size:11px}.contextual-editorial .tile-eyebrow{font-size:8px}.detail-contextual{padding:0 14px}}
@media(max-width:350px){.contextual-editorial{grid-template-columns:1fr}.contextual-editorial .context-tile-image,.contextual-editorial :is(.context-tile-2,.context-tile-3) .context-tile-image{height:220px}.context-hero h1{font-size:33px}}