.mordax-page,.mordax-promo {
  --mordax-gutter:clamp(1.375rem,4.4vw,5.5rem);
  --mordax-ink:#202124;
  --mordax-secondary:#51565a;
  --mordax-rule:#c3c5c4;
  --mordax-paper:#fafafa;
  --mordax-accent:#a94106;
}
.mordax-page,.mordax-promo { background:var(--mordax-paper); color:var(--mordax-ink) }
.mordax-page :where(.mordax-mast,.mordax-details,.mordax-interest) {
  width:100%; max-width:106rem; margin-inline:auto; padding-inline:var(--mordax-gutter)
}
.mordax-page .mordax-mast {
  min-height:0; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  align-items:end; gap:clamp(2rem,8vw,10rem); padding-block:clamp(8rem,12vw,13rem) clamp(2.75rem,5vw,5.5rem)
}
.mordax-eyebrow { color:var(--mordax-secondary); text-transform:uppercase; font-size:.75rem; letter-spacing:.105em }
body main.mordax-page .mordax-mast h1 {
  font-size:clamp(3.8rem,9vw,9rem)!important; margin:.1em 0 0!important;
  color:var(--mordax-ink); line-height:.92!important; letter-spacing:-.06em; font-weight:400
}
.mordax-page .mordax-intro { border-top:1px solid var(--mordax-rule); padding-top:1.15rem }
.mordax-page .mordax-intro p { margin:0 0 1.3rem; max-width:44ch; font-size:1.06rem; line-height:1.55; color:var(--mordax-secondary) }
.mordax-page .mordax-intro .mordax-lead { font-size:clamp(1.55rem,2.7vw,2.8rem); line-height:1.13; letter-spacing:-.03em; color:var(--mordax-ink); text-wrap:balance }
.mordax-page .mordax-stage { margin:0; padding:clamp(1.25rem,4.4vw,4.25rem) var(--mordax-gutter) 1.6rem; background:#181b1f }
.mordax-stage img { display:block; width:100%; height:auto; max-width:88rem; margin:auto; border:1px solid #55595e }
.mordax-stage figcaption { margin:1rem auto 0; max-width:88rem; color:#d3d8df; font-size:.82rem }
.mordax-page :is(.mordax-details,.mordax-interest) {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(1.75rem,6vw,6rem);
  padding-block:clamp(3.5rem,7vw,8rem)
}
.mordax-page :is(.mordax-details,.mordax-interest) h2 {
  margin:0 0 1rem; font-weight:400; letter-spacing:-.045em; font-size:clamp(2.25rem,4.7vw,4.6rem)!important;
  line-height:1.02!important; text-wrap:balance
}
.mordax-details ol { padding:0; margin:0; list-style:none }
.mordax-details li { display:grid; grid-template-columns:2.75rem 1fr; gap:1rem; padding:1.3rem 0; border-top:1px solid var(--mordax-rule) }
.mordax-details li:last-child { border-bottom:1px solid var(--mordax-rule) }
.mordax-details li>span { color:var(--mordax-accent); font-size:.78rem; font-variant-numeric:tabular-nums }
.mordax-page .mordax-details li h3 { margin:0 0 .45rem; font-size:clamp(1.25rem,2.25vw,2.05rem)!important; line-height:1.12; letter-spacing:-.025em; font-weight:500 }
.mordax-details li p,.mordax-interest p { margin:0; max-width:50ch; color:var(--mordax-secondary); line-height:1.55 }
.mordax-page .mordax-interest { background:#eeefed; scroll-margin-top:5rem }
.mordax-interest form { min-width:0; }
.mordax-interest form[hidden] {display:none}
.mordax-interest form label { display:block; margin:0 0 1.65rem; color:var(--mordax-ink) }
.mordax-interest form label span {display:block; margin-bottom:.35rem; font-size:.79rem; letter-spacing:.06em; text-transform:uppercase}
.mordax-interest b { color:var(--mordax-accent); margin-left:.2em }
.mordax-interest :is(input,textarea) { display:block; width:100%; min-height:44px; border:0; border-radius:0; border-bottom:1px solid #64686b; background:transparent; color:inherit; font:inherit; padding:.6rem 0; resize:vertical; }
.mordax-interest :is(input,textarea):focus { outline:none; border-bottom:2px solid var(--mordax-accent); padding-bottom:calc(.6rem - 1px) }
.mordax-interest .mordax-privacy { font-size:.87rem; margin:0 0 1.15rem }
.mordax-privacy a { text-decoration:underline; text-underline-offset:.2em }
.mordax-interest .mordax-trap {position:absolute; clip-path:inset(50%); inline-size:1px; block-size:1px; overflow:hidden; pointer-events:none}
.mordax-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.9rem 1.25rem }
.mordax-actions button { cursor:pointer; font:inherit; min-height:46px; }
.mordax-actions button:disabled { opacity:.72; cursor:default }
.mordax-actions [role=status] { font-size:.9rem }
.mordax-actions [data-state=error] { color:#8a3106 }
.mordax-page :is(a,button):focus-visible,.mordax-promo a:focus-visible { outline:2px solid var(--mordax-accent); outline-offset:5px }
.mordax-promo { padding:clamp(1.75rem,5vw,4rem) var(--mordax-gutter); }
.mordax-promo a {
  display:grid; grid-template-columns:minmax(9rem,1fr) minmax(0,1.15fr) auto; grid-template-areas:"label text link" "name text link"; align-items:center;
  column-gap:clamp(1rem,4vw,5rem); row-gap:.55rem; border-block:1px solid var(--mordax-rule); padding:clamp(1.4rem,3vw,3.1rem) 0;
}
.mordax-promo .mordax-eyebrow { grid-area:label; align-self:end }
.mordax-promo strong { grid-area:name; font-size:clamp(2.2rem,5.5vw,5.3rem); letter-spacing:-.045em; font-weight:400; line-height:1 }
.mordax-promo a > span:nth-child(3) { grid-area:text; color:var(--mordax-secondary); max-width:35ch; line-height:1.5 }
.mordax-promo-link { grid-area:link; display:flex; align-items:center; gap:1rem; font-size:.91rem; color:var(--mordax-ink) }
.mordax-promo a:hover .mordax-promo-link { text-decoration:underline; text-underline-offset:.26em }
@media(max-width:820px){
  .mordax-page .mordax-mast,.mordax-page :is(.mordax-details,.mordax-interest){grid-template-columns:1fr}
  .mordax-promo a { grid-template-columns:1fr 1fr; grid-template-areas:"label label" "name text" "link link"; row-gap:.8rem }
}
@media(max-width:560px){
  .mordax-promo a { grid-template-columns:1fr; grid-template-areas:"label" "name" "text" "link"; }
  .mordax-interest form label span { font-size:.73rem }
}