.before-framework{background:#082f3b;color:#fff;padding:clamp(72px,9vw,130px) max(6vw,28px);position:relative;overflow:hidden}.before-framework:before{content:"BEFORE";position:absolute;right:-.03em;top:-.16em;color:#ffffff08;font-size:clamp(130px,24vw,360px);font-weight:950;letter-spacing:-.09em;pointer-events:none}.before-intro,.history-gallery,.before-context{position:relative;z-index:1;max-width:1250px;margin-inline:auto}.before-intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(36px,7vw,100px);align-items:start}.before-intro .eyebrow{color:#d9eee8;grid-column:1/-1;margin:0}.before-intro h2{font-size:clamp(44px,6.2vw,86px);line-height:.95;letter-spacing:-.055em;margin:0}.before-intro>p:not(.eyebrow){color:#d0e1e0;font-size:clamp(17px,1.45vw,21px);line-height:1.65;margin:0;max-width:650px}.before-rule{grid-column:1/-1;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:18px 0;display:flex;align-items:center;gap:15px;text-transform:uppercase}.before-rule span{color:#e5ad3e;font-size:11px;letter-spacing:.15em;font-weight:950}.before-rule strong{font-size:13px;letter-spacing:.04em}.before-rule i{font-style:normal;color:#d9eee8;margin-inline:auto}.history-gallery{margin-top:56px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:245px;gap:14px}.history-photo{grid-column:span 4;margin:0;position:relative;overflow:hidden;background:#061f28}.history-photo-wide{grid-column:span 8}.history-photo-tall{grid-row:span 2}.history-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05);transition:transform .5s ease,filter .5s ease}.history-photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061f28e8)}.history-photo figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px}.history-photo figcaption b,.history-photo figcaption span{display:block}.history-photo figcaption b{font-size:18px;line-height:1.2}.history-photo figcaption span{color:#d0e1e0;font-size:13px;line-height:1.45;margin-top:6px;max-width:480px}.history-photo:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}.before-context{background:#e5ad3e;color:#082f3b;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:14px}.before-context p{max-width:920px;margin:0;line-height:1.55}.before-context a{white-space:nowrap;font-weight:900;text-transform:uppercase;letter-spacing:.07em;font-size:12px;text-decoration:none}.before-context a span{font-size:20px;margin-left:10px}@media(max-width:900px){.before-intro{grid-template-columns:1fr}.before-intro .eyebrow,.before-rule{grid-column:1}.history-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}.history-photo,.history-photo-wide{grid-column:span 1}.history-photo-tall{grid-row:span 1}.before-context{align-items:flex-start;flex-direction:column;gap:18px}}@media(max-width:580px){.before-framework{padding-inline:20px}.before-intro h2{font-size:44px}.before-rule{flex-wrap:wrap}.before-rule i{margin-inline:8px}.history-gallery{grid-template-columns:1fr;grid-auto-rows:265px}.before-context{padding:22px}.history-photo figcaption{padding:20px}}