html,body{margin:0;width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--small: 768px;--medium: 992px;--large: 1200px;--x-large: 1440px;--xx-large: 1920px;--xxx-large: 2560px}.block{position:relative;display:flex;flex-direction:column;width:100%;height:auto;grid-gap:1.5rem;align-items:flex-start;justify-content:initial;margin:0;padding:0}.container{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:0px;margin:0 auto;padding:48px 16px;width:100%;height:auto;max-width:100vw;@media (width >= 768px){gap:36px;padding:64px 32px;max-width:1440px}@media (width >= 1024px){gap:36px;padding:64px 74px;max-width:1440px}.block__header,.block__content,.block__footer{grid-column:span 12;position:relative}}:root{--font-family-sans: "Prompt", sans-serif;--font-family-mono: "Prompt", monospace}h1{font-family:var(--font-family-sans);font-size:2.5rem;line-height:1.2;@media (width >= 768px){font-size:3rem}}h2{font-family:var(--font-family-sans);font-size:2rem;line-height:1.2;margin-block-end:1rem;@media (width >= 768px){font-size:2.5rem;max-width:28ch}}h3{font-family:var(--font-family-sans);font-size:2.25rem;@media (width >= 768px){font-size:2rem}}p,li{font-family:var(--font-family-sans);font-size:1.25rem;line-height:1.5;margin-block-end:1.5rem;@media (width >= 768px){font-size:1.125rem;line-height:1.625}&.small{font-size:1rem;line-height:1.25}}li{margin-block-end:.5rem}.eyebrow{font-family:var(--font-family-mono);font-size:1rem;font-optical-sizing:auto;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-block-end:.5rem;color:#ed1c24;&.alt{color:#f16639}}.number{font-family:var(--font-family-mono);font-size:3rem;font-weight:700;@media (width >= 768px){font-size:3.5rem}}.description{font-family:var(--font-family-sans);font-size:1rem;line-height:1.4;max-width:16ch;text-transform:uppercase}: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%}}}}