@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/brand-font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/brand-font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/brand-font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/brand-font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/brand-font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/brand-font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/brand-font-6.ttf) format('truetype');
}

body{font-family:'Roboto',Arial,sans-serif;font-weight:400}
h1,h2{font-family:'Montserrat',Arial,sans-serif;font-weight:800;letter-spacing:-.045em}
h3,h4,h5,h6{font-family:'Montserrat',Arial,sans-serif;font-weight:700}
button,input,textarea,select{font-family:'Roboto',Arial,sans-serif}
.eyebrow,nav,.section-top,.as-progress,.oroff-eyebrow{font-family:'Montserrat',Arial,sans-serif;font-weight:600}
.mission-ghost{font-family:'Montserrat',Arial,sans-serif;font-weight:800}
@media(min-width:801px){.hero-title h1{font-size:max(24px,clamp(42px,5.7vw,94px))}.as-copy h2{overflow-wrap:normal}.page-hero h1{font-size:max(24px,clamp(45px,6vw,96px))}}

/* Readability floor: 18pt is 24 CSS pixels. */
body{font-size:24px}
small{font-size:24px}
#header .logo img,#header.light-header .logo img,#header.coral-header .logo img{filter:none!important}
#header{height:110px}
#header nav{gap:24px;letter-spacing:0;text-transform:none}
#header .header-contact{letter-spacing:0;text-transform:none}
#opening{height:480svh}


#opening .expansion-copy{top:26%;left:54%;right:6%}
#opening .expansion-copy p{max-width:560px}
#opening .destinations{flex-wrap:wrap;gap:12px}
.scene-foot{letter-spacing:0;line-height:1.4}
.section-top{letter-spacing:0;gap:20px}
.as-progress{letter-spacing:0;flex-wrap:wrap;row-gap:10px}
.allsight .as-copy{width:43%;left:52%}
.allsight .as-copy p,.allsight .as-copy .as-support{max-width:none;line-height:1.4}
.allsight .as-copy h2{font-size:clamp(36px,3.6vw,60px)}
#heimdall .product-copy{width:45%;max-width:680px;bottom:100px}
#heimdall .product-copy p{max-width:none;line-height:1.4}
#heimdall .product-copy h2{font-size:clamp(36px,3.6vw,60px)}
.mobile-menu a{font-size:max(24px,1.5rem)}
.oroff-sidebar-item,.oroff-footer-note{line-height:1.5}
.oroff-constitution-wrap{grid-template-columns:280px minmax(0,860px);gap:44px;max-width:1400px}
.oroff-section p,.oroff-section li{line-height:1.65}
@media(max-width:1250px){#header nav,#header .header-contact{display:none}#header .menu-button{display:block}}
@media(max-width:980px){.oroff-constitution-wrap{grid-template-columns:1fr}.oroff-sidebar{columns:1}}
@media(max-width:800px){
 #opening .pin{min-height:1000px}
 #opening .hero-title{top:18%}
 #opening .expansion-copy{left:7%;right:7%;top:24%}
 #opening .expansion-copy p{max-width:none}
 .hero-title .eyebrow{max-width:none}
 .scene .pin{min-height:1200px}
 .allsight .pin,#heimdall .pin{min-height:1200px}
 .allsight .as-copy,.allsight-chapter[data-as-chapter="1"] .as-copy,.allsight-chapter[data-as-chapter="2"] .as-copy{left:7%;width:86%;top:19%}
 .allsight .as-copy p,.allsight .as-copy .as-support{line-height:1.4}
 .allsight .as-progress{bottom:10%;gap:8px}
 .allsight .scene-foot{bottom:2%;max-width:86%}
 #heimdall .product-copy{width:86%;bottom:130px}
 #heimdall .network-label{top:42%}
 .scene-foot{flex-wrap:wrap}
 .scene-foot>span{max-width:100%!important}
 .page-hero{height:auto;min-height:900px}
 .page-hero-copy{padding-top:180px}
 footer>div{max-width:none}
}