@font-face {
    font-family: 'Roboto Flex';
    src: url('../fonts/roboto-flex-latin-ext-xtra-normal.woff2') format('woff2');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}
:root{--zt-grey:#4e5c69;--zt-red:#e2000c;--zt-magenta:#f729e6;--zt-white:#fff;--zt-black:#000;--zt-max:1100px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zt-grey);color:var(--zt-white);font-family:Arial,Helvetica,sans-serif;font-weight:800}
a{color:inherit}

/* =========================================================
   HEADER
   ========================================================= */

.site-header {
  min-height: 40px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: var(--zt-grey);
  font-size: 18px;
  line-height: 1;
  color: #e2e7e9;
  letter-spacing: 1px;
}

.site-title,
.site-contact {
  white-space: nowrap;
  text-decoration: none;
}
.site-title img {
  height: 24px;
  width: auto;
}

.site-contact img {
  height: 14px;
  width: auto;
}
.site-contact span {
  font-size: 30px;
  position: relative;
  top: 4px;
}

.hero-video{position:relative;width:100%;overflow:hidden;background:var(--zt-red)}
.hero-video video{display:block;width:100%;height:auto;min-height:260px;object-fit:cover}
.film-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;padding:12px 24px;background:#000;color:#fff;font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}
.intro{background:var(--zt-grey);padding:68px 48px 72px}
.content-narrow{width:min(100%,var(--zt-max));margin-inline:auto}
.intro h1,.intro h2{margin:0 0 4px;color:var(--zt-red);font-size:clamp(22px,2.2vw,32px);line-height:1.05}
.intro p{margin:0;max-width:980px;color:#fff;font-size:clamp(22px,3vw,42px);line-height:1.06}
.about{position:relative;min-height:760px;background-image:url("../images/berg-desktop.webp");background-size:cover;background-position:center}
.about-overlay{position:absolute;inset:0;padding:60px 48px}
.about-overlay p,.about-overlay .custom{margin:0;max-width:1050px;color:#fff;font-size:clamp(22px,2.7vw,38px);line-height:1.07}
.links{background:var(--zt-red);padding:110px 40px 120px;text-align:center}
.links-inner{width:min(100%,1000px);margin-inline:auto}
.links a{display:block;margin:0 auto 42px;color:#fff;text-decoration:none;font-size:clamp(20px,2.5vw,34px);line-height:1.08}
.links a:last-child{margin-bottom:0}
.links a:hover,.links a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.links a strong,.links a span{color:var(--zt-magenta)}
.component-area{background:var(--zt-grey);padding:60px 48px}
.site-footer{min-height:80px;padding:24px 48px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;background:var(--zt-grey);color:rgba(255,255,255,.82);font-size:14px;font-weight:400}
.site-footer a{text-decoration:none}
.up{justify-self:end}
@media(max-width:767px){
.site-header{min-height:40px;padding:0 24px;font-size:14px}
.hero-video video{min-height:0}
.film-button{padding:10px 20px;font-size:13px}
.intro{padding:64px 48px 68px}.intro p{font-size:21px}
.about{min-height:850px;background-image:url("../images/berg-mobile.webp")}
.about-overlay{padding:58px 48px}.about-overlay p,.about-overlay .custom{font-size:20px}
.links{padding:105px 34px 115px}.links a{margin-bottom:42px;font-size:21px}
.component-area{padding:48px 24px}
.site-footer{min-height:120px;padding:26px 48px;grid-template-columns:1fr;gap:18px;font-size:12px;color: #adbac0}
.up{justify-self:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}