.hyrox-page { background:var(--paper); color:var(--ink); }
.hyrox-hero { min-height:680px; }
.hyrox-hero .inner-hero-image { background-image:url('media/hyrox-effort.png'); background-position:center 42%; filter:saturate(.7) contrast(1.05); }
.hyrox-hero:after { background:linear-gradient(90deg,rgba(7,7,7,.94) 0%,rgba(7,7,7,.66) 45%,rgba(7,7,7,.12) 100%); }
.hyrox-hero-mark { position:absolute; z-index:1; top:145px; right:clamp(28px,8vw,140px); width:155px; opacity:.92; }
.hyrox-hero-mark img,.hyrox-preventes-mark img { display:block; width:100%; height:auto; }
.hyrox-intro { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-top:140px; padding-bottom:140px; }
.hyrox-intro h2,.hyrox-detail h2,.hyrox-preventes h2 { max-width:680px; font-size:clamp(60px,7vw,105px); line-height:.86; }
.hyrox-intro h2 em,.hyrox-detail h2 em,.hyrox-preventes h2 em { color:var(--red); font-style:normal; }
.hyrox-intro-copy { max-width:470px; padding-top:42px; color:#77736d; font-size:18px; line-height:1.65; }
.hyrox-detail { padding:0 0 140px; background:#2b2934; color:var(--paper); }
.hyrox-detail-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:90px; align-items:center; }
.hyrox-detail figure { height:610px; margin:0; overflow:hidden; }
.hyrox-detail figure img { width:100%; height:100%; object-fit:cover; object-position:center 62%; }
.hyrox-detail-copy { max-width:520px; }
.hyrox-detail-copy .eyebrow { color:#f07b70; }
.hyrox-detail-copy p:not(.eyebrow) { max-width:440px; color:#c5bec3; font-size:17px; line-height:1.6; }
.hyrox-detail-copy .button { margin-top:28px; background:var(--red); color:var(--ink); }
.hyrox-preventes { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; align-items:center; padding-top:140px; padding-bottom:150px; }
.hyrox-preventes-visual { display:grid; gap:45px; }
.hyrox-preventes-mark { width:min(210px,100%); }
.hyrox-preventes-visual figure { height:330px; margin:0; overflow:hidden; }
.hyrox-preventes-visual figure img { width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.hyrox-preventes h2 { max-width:800px; }
.hyrox-preventes p:not(.eyebrow) { max-width:600px; color:#77736d; font-size:18px; line-height:1.6; }
.button-dark { margin-top:25px; background:var(--ink); color:var(--paper); }
@media (max-width:800px) { .hyrox-hero { min-height:650px; }.hyrox-hero-mark { top:125px; right:24px; width:112px; }.hyrox-intro,.hyrox-detail-grid,.hyrox-preventes { display:block; }.hyrox-intro { padding-top:95px; padding-bottom:95px; }.hyrox-intro-copy { padding-top:40px; font-size:16px; }.hyrox-detail { padding-bottom:95px; }.hyrox-detail figure { height:360px; margin-bottom:65px; }.hyrox-detail-copy p:not(.eyebrow),.hyrox-preventes p:not(.eyebrow) { font-size:16px; }.hyrox-preventes { padding-top:95px; padding-bottom:105px; }.hyrox-preventes-mark { margin-bottom:0; width:150px; }.hyrox-preventes-visual { gap:45px; margin-bottom:70px; }.hyrox-preventes-visual figure { height:300px; } }