@font-face{font-family:Inter;src:url('assets/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
body{font-family:Inter,Arial,sans-serif}.brand img{mix-blend-mode:screen}.engine-mark{mix-blend-mode:multiply}.hero-art{mask-image:linear-gradient(90deg,transparent,#000 15%),linear-gradient(180deg,transparent,#000 19%);mask-composite:intersect}.hero h1{font-size:2.65rem;line-height:1.21}.hero .accent{margin-top:1.35rem}.intro{font-size:1.04rem}.technology h2{font-size:2.58rem;letter-spacing:-.09rem}.technology-intro{font-size:1.43rem;line-height:1.37;align-self:start;min-height:8.9rem}.engine-description{margin-left:1.6rem;margin-right:.5rem;font-size:.95rem;line-height:1.65}.production .engine-description{margin-left:2.4rem;margin-right:-.4rem}.learn{left:4.65rem}.production .learn{left:5.5rem}.engine h3{font-weight:700;letter-spacing:.08rem}.engine .engine-subtitle{letter-spacing:.18rem}.footer-heading h2{font-size:2.45rem}
.brand img,.engine-mark{mix-blend-mode:normal}
@media(max-width:650px){.hero h1{font-size:44px}.hero-art{mask-image:linear-gradient(180deg,transparent,#000 15%);mask-composite:add}.technology h2{font-size:34px}.technology-intro{font-size:19px;min-height:0}.engine-description,.production .engine-description{margin:0 auto;font-size:16px}.learn,.production .learn{left:0}.footer-heading h2{font-size:32px}}

.footer-bottom nav a{text-transform:uppercase}

/* White page frame shared by all pages. */
html{background:#fff;font-size:min(1.5vw,20px)}
body,body.ce-page,body.pe-page{background:#fff;padding:0 4vw}
main{width:100%;max-width:1280px;margin:0 auto;box-shadow:0 0 28px #10172812}
@media(min-width:651px){html{font-size:min(1.4375vw,20px)}}
@media(max-width:650px){html{font-size:16px}body,body.ce-page,body.pe-page{padding:0 12px}main{width:100%}}

/* Slightly greyer background for the homepage technology section. */
.technology{background:#e9ebef;background-image:radial-gradient(ellipse at 50% 40%,#eef0f3,transparent)}


/* Technology introduction: 15% smaller. */
.technology-intro{font-size:1.2155rem}
@media(max-width:650px){.technology-intro{font-size:16.15px}}

/* Three homepage offerings with equal space and aligned links. */
.technology{height:auto}
.three-offerings{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;margin:0 -1.6rem}
.three-offerings .engine{padding:0 1.6rem;display:flex;flex-direction:column}
.three-offerings .engine-mark{width:8rem;height:7.2rem;flex-shrink:0}
.three-offerings .engine-subtitle{white-space:normal;margin:.6rem 0 1.2rem;font-size:.62rem;letter-spacing:.12rem;line-height:1.7;min-height:2.2rem}
.three-offerings .engine-description{margin:0;font-size:.9rem;line-height:1.65}
.three-offerings .learn{position:relative;left:auto;bottom:auto;align-self:flex-start;margin-top:auto;padding-top:1.7rem}
@media(max-width:650px){.three-offerings{display:block;margin:0}.three-offerings .engine{padding:10px 5px 32px}.three-offerings .engine+.engine{padding-top:35px}.three-offerings .engine-subtitle{font-size:10px;min-height:0;letter-spacing:1.6px}.three-offerings .engine-description{font-size:16px}.three-offerings .learn{margin:0;padding-top:25px}.three-offerings .engine-mark{width:150px;height:125px}}