/* ORLEN What We Do page */
.what-we-do-page .primary-nav .active::after{transform:scaleX(1)}
.subpage-hero{position:relative;display:flex;min-height:600px;overflow:hidden;color:#fff;background:#3c4647}
.subpage-hero>img,.subpage-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.subpage-hero>img{object-fit:cover}.subpage-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.16) 60%,rgba(0,0,0,.04)),linear-gradient(0deg,rgba(0,0,0,.24),transparent 55%)}
.subpage-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-top:272px;padding-bottom:80px}
.subpage-hero-content .eyebrow{margin-bottom:8px;color:#fff}.subpage-hero h1{width:50%;margin:0;font-size:84px;line-height:88px;font-weight:800;letter-spacing:-.84px}
.subpage-hero-content>p:last-child{width:50%;margin:24px 0 0;font-size:24px;line-height:36px;font-weight:500;letter-spacing:.21px}
.business-stories{padding-top:16px;padding-bottom:36px}.story-row{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin:24px 0}
.story-image{position:relative;aspect-ratio:1;overflow:hidden;background:#eee}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.story-row:hover .story-image img{transform:scale(1.02)}
.story-copy{padding:40px 8.333% 40px 16.666%}.story-reverse .story-image{grid-column:2;grid-row:1}.story-reverse .story-copy{grid-column:1;grid-row:1;padding-right:16.666%;padding-left:0}
.story-copy h2{margin:0;font-size:49px;line-height:60px;font-weight:800;letter-spacing:0}.story-copy>p{margin:24px 0 0;color:#202020;font-size:18px;line-height:28px;letter-spacing:.18px}.story-copy .button{margin-top:24px}
.story-upstream .story-copy{padding-top:0;padding-right:8.333%}.story-copy h3{margin:28px 0 12px;font-size:18px;line-height:28px}.upstream-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none}
.upstream-links a{display:inline-flex;gap:8px;color:var(--red);font-size:16px;line-height:24px;text-decoration:none}.upstream-links a::after{content:"→"}.upstream-links a:hover{text-decoration:underline;text-underline-offset:3px}
.enterprise{padding-top:12px;padding-bottom:44px}.enterprise>h2,.check-also>h2{max-width:940px;margin:0;font-size:49px;line-height:60px;font-weight:800;letter-spacing:0}
.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;margin-top:40px}.metric-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:24px;align-items:start;margin:16px 0}
.metric-card>img{grid-column:1;grid-row:1/3;width:64px;height:64px;object-fit:contain}.metric-card>h3{grid-column:2;margin:0 0 12px;font-size:28px;line-height:36px;font-weight:700;letter-spacing:.24px}.metric-card dl{grid-column:2;margin:0}.metric-card dl>div+div{margin-top:24px}
.metric-card dt{margin:0;font-size:28px;line-height:36px;font-weight:700;letter-spacing:.24px}.metric-card dd{margin:2px 0 0;font-size:16px;line-height:24px;letter-spacing:.16px}
.check-also{padding-top:60px;padding-bottom:80px}.check-also>h2{margin-bottom:24px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.check-card{display:flex;flex-direction:column;height:560px;border:1px solid #ccc;overflow:hidden;background:#fff}
.check-copy{display:flex;flex:0 0 240px;flex-direction:column;align-items:flex-start;padding:40px}.check-copy h3{margin:0 0 16px;font-size:37px;line-height:44px;font-weight:700}.check-copy h3 a{text-decoration:none}.check-copy h3 a:hover{color:var(--red)}.check-copy .text-link{margin-top:auto}
.check-image{display:block;flex:1;min-height:320px;overflow:hidden}.check-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.check-image:hover img{transform:scale(1.025)}
@media(max-width:1279px){.subpage-hero{min-height:506px}.subpage-hero-content{padding:218px 12px 60px}.subpage-hero h1{width:82.7%;font-size:64px;line-height:72px;letter-spacing:-.64px}.subpage-hero-content>p:last-child{width:82.7%;font-size:21px;line-height:32px}.story-copy,.story-reverse .story-copy{padding:40px 32px}.story-copy h2,.enterprise>h2,.check-also>h2{font-size:37px;line-height:44px}.story-copy>p{font-size:16px;line-height:24px}.upstream-links{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.metric-card>h3,.metric-card dt{font-size:24px;line-height:32px}.check-card{height:auto;min-height:420px;padding-top:16px;border:0;border-top:1px solid #ccc}.check-copy{flex:1;padding:0 0 24px}.check-copy h3{font-size:21px;line-height:28px}.check-image{flex:0 0 240px;min-height:240px}}
@media(max-width:767px){.subpage-hero{min-height:420px}.subpage-hero-content{width:calc(100% - 16px);padding:166px 8px 40px}.subpage-hero h1{width:100%;font-size:37px;line-height:44px;letter-spacing:-.37px}.subpage-hero-content>p:last-child{width:100%;margin-top:24px;font-size:18px;line-height:28px;letter-spacing:.18px}.business-stories{width:100%;padding:16px 16px 28px}.story-row,.story-row.story-reverse{display:flex;flex-direction:column;margin:24px 0 40px}.story-image,.story-reverse .story-image{order:2;width:100%;aspect-ratio:1}.story-copy,.story-reverse .story-copy,.story-upstream .story-copy{order:1;padding:16px 0 24px}.story-copy h2,.enterprise>h2,.check-also>h2{font-size:28px;line-height:36px}.story-copy>p{margin-top:16px}.story-copy .button{margin-top:16px}.upstream-links{gap:8px}.enterprise{padding-top:12px;padding-bottom:36px}.metrics-grid{grid-template-columns:1fr;gap:8px;margin-top:24px}.metric-card{grid-template-columns:64px minmax(0,1fr);column-gap:16px;padding:16px 0;border-top:1px solid #ddd}.metric-card>h3,.metric-card dt{font-size:21px;line-height:28px}.metric-card dd{font-size:14px;line-height:22px}.check-also{padding-top:40px;padding-bottom:56px}.check-also>h2{margin-bottom:24px}.check-grid{grid-template-columns:1fr;gap:24px}.check-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(99px,1fr);min-height:160px;padding-top:16px}.check-copy{grid-column:1;grid-row:1;min-width:0;padding:0 16px 0 0}.check-copy h3{margin-bottom:16px;font-size:18px;line-height:24px}.check-copy .text-link{margin-top:0}.check-image{grid-column:2;grid-row:1;width:100%;height:100%;min-height:144px}}