function element(selector, ctx) {
ctx = ctx || document;
return ctx.querySelector(selector);
}
function isMobileView() {
return window.matchMedia("(max-width: 480px)").matches;
}
function endIntroVideo() {
var masthead = element(".c-masthead-teaser-video");
if (!masthead) return;
var video = element(".c-masthead-teaser-video__video", masthead);
var source = video && video.querySelector("source");
if (!video || !source) return;
var navbar = element("nav.c-top-navigation");
var C = (sel) => masthead.querySelector(sel);
var controls = {
stop: C(".c-masthead-teaser-video__stop-button"),
mute: C(".c-masthead-teaser-video__mute-unmute"),
videoCtrls:C('.c-masthead-teaser-video__video-controls'),
endScreen: C(".c-masthead-teaser-video__end-screen"),
endContent: C(".c-masthead-teaser-video__end-content"),
};
var FULL_VH = "is-full-vh";
video.pause();
video.currentTime = video.duration || 0;
controls.videoCtrls.style.display = "none";
controls.stop.style.display = "none";
video.style.display = "none";
controls.endScreen.style.display = "block";
masthead.classList.remove(FULL_VH);
// only exit if in fullscreen
if (
document.fullscreenElement ||
document.webkitFullscreenElement ||
document.webkitCurrentFullScreenElement
) {
if (document.exitFullscreen) document.exitFullscreen();
else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
else if (document.webkitCancelFullScreen) document.webkitCancelFullScreen();
}
navbar.classList.replace("init-video-autoplay", "is-slide-down");
controls.endContent.classList.add("is-slide-up");
}
function isMastheadTeaserIntroVideo() {
if (!document.querySelector(".init-video-autoplay")) return false;
if (!document.querySelector(".c-header--tall-90vh")) return false;
if (!document.querySelector(".c-masthead-teaser-video__video")) return false;
return true;
}
document.addEventListener('DOMContentLoaded',function() {
if (isMobileView() && isMastheadTeaserIntroVideo()) {
endIntroVideo();
}
}, false);
/* masthead typograph - June 3 2025 */
/* Theme Title */
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__title_bau {
margin: 0;
font-size: 40px;
font-weight: 400;
line-height: 44px;
}
@media (min-width: 768px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__title_bau {
font-size: 48px;
line-height: 53px;
}
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__title_bau {
font-size: 80px;
line-height: 86px;
}
}
/* Theme Description */
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__description,
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__description p {
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
@media (min-width: 768px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__description,
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__description p {
font-size: 20px;
line-height: 28px;
}
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__description,
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__description p {
font-size: 24px;
line-height: 32px;
}
}
/* Spacing on Line 2 & Line 3 */
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__image {
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__image {
margin-left: 16px;
}
}
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__line1 {
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__line1 {
margin-bottom: 16px;
margin-left: 16px;
}
}
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__line2 {
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__line2 {
margin-bottom: 16px;
margin-left: 16px;
}
}
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__line3 {
margin-bottom: 16px;
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme .c-masthead__slider__item__content__theme__line3 {
margin-bottom: 20px;
margin-left: 16px;
}
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme__cta {
margin-left: 16px;
}
}
/* Theme Container */
.c-masthead__slider__item__content__theme {
position: relative;
justify-content: flex-start !important;
top: 16%;
padding-left: 0 !important;
}
@media (min-width: 1024px) {
.c-masthead__slider__item__content__theme {
top: 20%;
}
}
/* Indicator Styles */
.c-masthead__indicator.is-modern-slider-wrapper {
padding: 24px !important;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.1) -4.25%,
rgba(230, 230, 233, 0.1) 102.73%
) !important;
}
/* Indicator Wrapper */
.c-masthead__indicator-wrapper {
margin-top: 8%;
}
@media (min-width: 768px) {
.c-masthead__indicator-wrapper {
margin-top: 4%;
}
}
@media (min-width: 1024px) {
.c-masthead__indicator-wrapper {
margin-top: 2%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.c-header .c-masthead .is-modern-slider.c-masthead__indicator__segment-wrapper {
width: 152px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.c-header .c-masthead .is-modern-slider.c-masthead__indicator__segment-wrapper {
row-gap: 6px !important;
}
}
/* masthead typograph - June 3 2025 */
.init-video-autoplay + .c-header--tall-90vh video,
.init-video-autoplay + .c-header--tall-90vh .c-masthead-teaser-video__stop-button {
display: none;
}
.c-masthead-teaser-video.is-invertColour .c-masthead-teaser-video__end-content .c-masthead-teaser-video__end-title {
width: 70%;
}
.c-masthead-teaser-video.is-invertColour .c-masthead-teaser-video__end-content .c-masthead-teaser-video__end-text,
.c-masthead-teaser-video.is-invertColour .c-masthead-teaser-video__end-content .c-masthead-teaser-video__end-text p {
width: 65%;
}
@media only screen and (max-width: 788px) {
.c-masthead-teaser-video.is-invertColour .c-masthead-teaser-video__end-content .c-masthead-teaser-video__end-title {
width: 85%;
}
.c-masthead-teaser-video.is-invertColour .c-masthead-teaser-video__end-content .c-masthead-teaser-video__end-text,
.c-masthead-teaser-video.is-invertColour .c-masthead-teaser-video__end-content .c-masthead-teaser-video__end-text p {
width: 90%;
}
}
@media only screen and (max-width: 1023px) {
.c-masthead-teaser-video.is-invertColour .c-masthead-teaser-video__end-content .c-masthead-teaser-video__end-title {
width: 80%;
}
}
.c-masthead-headline-keyword-override {
white-space: nowrap;
}
@media only screen and (min-width: 1024px) {
.c-masthead-headline-override {
white-space: nowrap;
}
}
The world's most efficient agentic CPU