:root{--color-header-bg: #f8f9fa;--color-secondary-bg: #e9ecef;--color-footer-bg: #333;--color-text: #212529;--color-link: #ed1c24;--color-link-hover: #d51920;--color-link-alt: #f16639;--color-link-alt-hover: #d95c33}html{width:100%;max-width:100vw;height:100%;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}body{font-family:Roboto,sans-serif;display:grid;min-height:100%;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";background-color:#fff}header.block.block--header{&.block--header--option-1{grid-area:header;position:relative;display:grid;grid-template-areas:"content";width:100vw;height:auto;z-index:0;.block__foreground,.block__background{position:relative;grid-area:content;width:100%;max-width:100vw;height:100%}.block__background{z-index:-1;.block__media{position:absolute;top:0;left:0;width:100%;max-width:100vw;height:100%;min-height:400px;overflow:hidden;border-radius:.5rem;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:0}&:before{content:"";position:absolute;top:0;left:0;width:100%;max-width:100vw;height:100%;background:#111;opacity:.75;z-index:1}}.block__foreground{z-index:1;.container{min-height:50vh;@media (width >= 768px){min-height:600px}}.block__content{display:flex;flex-direction:column;width:100%;height:100%;min-height:400px;text-align:center;justify-content:center;align-items:center;gap:16px;color:#fff;.eyebrow{max-width:36ch;@media (width >= 768px){max-width:100%}}h1{max-width:48ch}a{margin-block-start:1rem}}}}&.block--header--option-2{grid-area:header;position:relative;display:flex;flex-direction:column;align-items:center;padding:16px;background-color:#fff;z-index:1;.container{max-width:1200px;width:100%;.block__content{grid-column:span 12;text-align:start;@media (width >= 768px){grid-column:2 / span 6;display:flex;flex-direction:column;justify-content:center}#logo{margin-bottom:16px}h1{margin-bottom:8px}p{max-width:36ch}}.block__media{grid-column:span 12;margin-bottom:16px;@media (width >= 768px){grid-column:9 / span 4}picture{width:100%;height:auto;border-radius:8px;display:flex;justify-content:center;@media (width >= 768px){width:60%}}}}}}main{grid-area:main;position:relative;padding:0}.block--intro{background-color:var(--color-header-bg, #f8f9fa);.block__header{display:flex;flex-direction:column;align-items:center;h2{text-align:center;max-width:36ch}p{text-align:center;max-width:36ch;@media (width >= 768px){max-width:48ch}}}&.block--intro--option-1{.block__header{@media (width >= 768px){grid-column:span 6;height:100%;justify-content:center;align-items:start;gap:16px;*{text-align:start}p{max-width:36ch}}}.block__metrics{@media (width >= 768px){grid-column:span 6;gap:24px}.block__metric-item{@media (width >= 768px){max-width:45%}}}}&#rtg{background-color:#fff;.block__header{display:grid;grid-template-columns:repeat(12,1fr);.block__content{grid-column:span 12;@media (width >= 768px){grid-column:span 6;padding-inline-end:2rem}*{text-align:start;max-width:100%}video{margin-block-start:2rem}}.block__media{grid-column:span 12;@media (width >= 768px){grid-column:7 / span 6}display:flex;flex-wrap:wrap;flex-direction:row;justify-content:end;gap:1rem;video{margin-block-start:2rem;width:100%;height:auto}}}#secondary-intro{display:flex;flex-direction:column;align-items:center;text-align:center;margin-block-start:2rem}.block__content{video{margin-block-start:2rem}}}&#ees-objective,&#hgh-objective,&#dcd-objective{.block__header{display:grid;grid-template-columns:repeat(12,1fr);align-items:start;.block__header__headline{grid-column:span 12;text-align:start;p,h2{text-align:start}@media (width >= 768px){grid-column:2 / span 5}}.block__header__content{grid-column:span 12;text-align:start;@media (width >= 768px){grid-column:8 / span 5}p,h2{text-align:start}p{max-width:100%}}}}}.block.block--intro.block--intro--option-2-alt{background-color:#fff;.block__content{grid-column:span 6;display:flex;flex-direction:column;align-items:start;h2{text-align:start;max-width:36ch}p{text-align:start;max-width:36ch;@media (width >= 768px){max-width:48ch}}}.block__media{grid-column:span 6;display:flex;flex-direction:row;justify-content:end}&.centered{.container{display:flex;flex-direction:column;.block__content,.block__media{grid-column:span 12;width:100%;video{width:100%;height:auto}}}}}.block__metrics{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;width:100%;@media (width >= 768px){gap:32px}&#ees-metrics{.block__metric-item{@media (width >= 992px){max-width:22%}}}.block__metric-item{display:flex;flex-direction:column;align-items:center;width:100%;padding:16px;border-radius:8px;text-align:center;max-width:100%;@media (width >= 992px){max-width:22%}*{white-space:nowrap}}&#hgh-metrics{justify-content:start;gap:0px;@media (width >= 768px){justify-content:space-between}.block__metric-item{width:100%;max-width:100%;@media (width >= 768px){max-width:32%}}}}.block--details{&#rtg-details{#strategy{grid-column:span 12;@media (width >= 768px){grid-column:span 6}}#campaign{grid-column:span 12;margin-block-start:2rem;@media (width >= 768px){grid-column:7 / span 6;margin-block-start:0rem}}}}.block--examples{grid-columns:span 12;.container{row-gap:48px;@media (width >= 992px){row-gap:72px}}.block--example{grid-column:2 / span 10;display:grid;grid-template-columns:repeat(12,1fr);.block__media{grid-column:span 12;height:100%;@media (width >= 992px){grid-column:span 4}}.block__content{grid-column:span 12;display:flex;flex-direction:column;justify-content:center;height:100%;@media (width >= 992px){grid-column:6 / span 6}p:not(.eyebrow){margin-block-end:1.5rem}}}.block__wrapper{grid-column:span 12;.block--example--phone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:8px}}}.block--split-grid{.block__content{@media (width >= 768px){grid-column:span 12}}.block__wrapper{@media (width >= 768px){grid-column:span 12;display:flex;flex-direction:row;flex-wrap:wrap}.block--example--phone{@media (width >= 768px){max-width:24%}}}}.block--split{display:grid;grid-template-columns:repeat(12,1fr);gap:0;.block__media{display:none;grid-column:span 4;position:sticky;top:0;@media (width >= 768px){display:block}picture{width:100%;position:sticky;top:0;img{width:100%;height:auto;border-radius:8px}}}.block__content{background-color:var(--color-secondary-bg);grid-column:span 12;display:flex;flex-direction:column;height:100%;gap:64px;padding-block:4rem;padding-inline:1rem;@media (width >= 768px){grid-column:span 8;padding-inline:8rem}}}.block__section-media{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;column-gap:4rem;row-gap:2rem;a{@media (width >= 768px){max-width:42%}}picture{width:100%;max-width:100%;height:auto;border-radius:8px;@media (width >= 768px){width:100}}.block__content{text-align:center;max-width:36ch;margin-block-start:16px;@media (width >= 768px){max-width:none;text-align:start}}&#dcd-media{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;column-gap:2rem;row-gap:2rem;picture{width:100%;max-width:100;height:auto;border-radius:8px;@media (width >= 768px){max-width:100%}}}}footer.block.block--footer{grid-area:footer;background-color:var(--color-footer-bg);color:#fff;.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;.block__content{width:100%;display:flex;gap:16px;flex-direction:column;align-items:center;justify-content:center;padding-block-start:32px;a{color:#fff;text-decoration:none;font-weight:700;&:hover{text-decoration:underline}}}}}.button{display:inline-flex;width:fit-content;font-family:var(--font-family-mono);font-optical-sizing:auto;font-weight:600;letter-spacing:.05em;background-color:var(--color-link);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s;text-decoration:none;text-transform:uppercase;white-space:nowrap;&:hover{background-color:var(--color-link-hover)}&.alt{background-color:var(--color-link-alt);&:hover{background-color:var(--color-link-alt-hover)}}&.large{padding:12px 24px;font-size:1.25rem}&.shell{background-color:#ffc600;color:#000;&:hover{background-color:#007ea9;color:#fff}}}#dcd-video{width:100%;aspect-ratio:16 / 9;height:auto}.block--cta{.block__content{display:flex;gap:2.5rem;flex-direction:column;align-items:center}}svg#shell-energy{width:200px;height:auto}.yellow{color:#ffc600}.shell-blue{color:#0097bb}.block.block--intro.block--intro--option-2.sketch#rtg{.container{display:flex;flex-direction:column;align-items:center;*{text-align:center;max-width:100%}p{max-width:64ch}.block__content:not(.block__metrics),.block__media:not(.block__metrics){align-items:center;grid-column:span 12;width:100%;padding:0;display:flex;flex-direction:column;video{width:100%;height:auto}}.block__media{margin-block-end:2rem}a{align-self:center}.block__metrics{flex-direction:column;justify-content:center;align-items:center;@media (width >= 768px){flex-direction:row}.block__metric-item{max-width:100%;@media (width >= 768px){max-width:33%}}}}}.block.block--intro.block--intro--option-2.sketch-split{background-color:#fff;.container{display:flex;flex-direction:column;align-items:center;text-align:start;@media (width >= 768px){flex-direction:row-reverse}.block__content{text-align:start;display:flex;flex-direction:column;align-items:start;*{text-align:start}}.block__media{@media (width >= 768px){width:100%;max-width:50%}picture{width:100%;height:auto;border-radius:8px}}.block__content{padding-block-end:2rem;@media (width >= 768px){width:100%;max-width:50%}}}}