/* S07 only: approved footer material extended to the first screen. */
.first-screen{
 position:relative;isolation:isolate;overflow:hidden;
 background-color:#3c4147;
 background-image:radial-gradient(ellipse at 14% 0%,#c6ced334,transparent 53%),linear-gradient(112deg,#262b3080 0%,#51585f45 43%,#22272e80 100%);
 color:#f7f6f2;
 box-shadow:inset 0 1px 0 #eaf0f514,inset 0 -40px 90px #151a201a;
}
.first-screen::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("metal-grain.svg") repeat;opacity:.17;mix-blend-mode:soft-light}
.site-header,.mobile-navigation{border-bottom-color:#b5bec449}
.site-header .brand{position:relative;isolation:isolate}
.site-header .brand::before{content:"";position:absolute;left:-29px;top:-20px;width:190px;height:104px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 49% 42%,#f0f5fb52,#dce5ed1c 36%,transparent 70%);filter:blur(10px)}
.site-header .steel-brand-mark{filter:drop-shadow(0 -.7px 0 #f5f8ffcf) drop-shadow(-.6px 0 0 #e9f1fa80) drop-shadow(0 5px 5px #0b111973)}
.brand-caption,.main-nav,.mobile-navigation{color:#f2efeb}
.main-nav .nav-contact{border-color:#c4c9cf80;color:#f7f6f2}
.mobile-menu{border-color:#c4c9cf80;color:#f7f6f2}
.hero-description{color:#e1e2e2}
.hero h1>span{color:#ff884f}
.first-screen .eyebrow{color:#f1efeb}
.hero-actions .text-link{color:#f3f1ed}
.hero-photo{box-shadow:0 22px 45px #151a2040}
.hero-photo figcaption{background:#2b3036}
.hero-photo figcaption span{color:#d2d7da}
.hero-photo figcaption strong{color:#f7f6f2}
.hero-bottom{border-top-color:#b5bec449;color:#dce0e2}
.hero-bottom a{color:#f4f2ee}
.first-screen a:focus-visible,.first-screen button:focus-visible{outline:2px solid #ffa575;outline-offset:6px}
@container(max-width:700px){
 .first-screen{background-image:radial-gradient(ellipse at 19% 2%,#c6ced330,transparent 55%),linear-gradient(118deg,#262b3059,#51585f47 45%,#22272e7a)}
 .site-header .brand::before{left:-23px;top:-19px;width:162px;height:94px;filter:blur(9px)}
}