:root{
  --ez-frame:864px;--ez-grid-columns:12;--ez-gutter:22px;--ez-baseline:4px;
  --ez-paper:#f3f2ef;--ez-ink:#101010;--ez-signal:#ff4b08;--ez-rule:#c9c8c5;
  --ez-object-foundation:#aaa39a;--ez-object-translation:#d8d8d5;--ez-object-signal:#ff4b08;--ez-object-intelligence:#050505;
  --ez-display:"Bahnschrift Condensed","Arial Narrow",Impact,sans-serif;--ez-body:Arial,sans-serif;
  --ez-type-display-xl:clamp(58px,7.9vw,72px);--ez-type-label:7px;--ez-type-body:8px;
}

@media(min-width:701px){
  .hero{height:500px;display:grid;grid-template-columns:40% 60%;overflow:hidden;background:var(--ez-paper)}
  .hero-copy{position:relative!important;width:auto!important;padding:30px 24px 24px!important;z-index:4;background:var(--ez-paper)}
  .hero-copy small{display:block;color:var(--ez-signal);font-size:var(--ez-type-label);letter-spacing:.8px;margin-bottom:34px}
  .hero-copy h1{font-family:var(--ez-display);font-size:var(--ez-type-display-xl);line-height:.82;margin:0 0 24px;max-width:310px}
  .hero-copy p{font-family:var(--ez-body);font-size:var(--ez-type-body);line-height:1.5;width:245px;max-width:100%;margin:0}
  .hero-copy a{position:absolute;left:24px;bottom:26px;margin:0;font-size:7px;color:var(--ez-signal)}
  .hero-scene{position:relative!important;inset:auto!important;width:auto!important;height:500px!important;background-image:url('assets/hero-safe.png');background-size:cover!important;background-position:center!important;border-left:1px solid var(--ez-rule)}
  .hero aside{position:absolute;z-index:5;right:18px;top:20px;width:104px;height:auto;padding:12px!important;background:rgba(243,242,239,.88);border:1px solid rgba(16,16,16,.2);font-size:7px;line-height:2;color:var(--ez-ink)}
  .object-key{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(16,16,16,.86);color:#fff;border:1px solid rgba(255,255,255,.18)}
  .object-key span{min-height:38px;padding:9px 8px;font-size:6px;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.2)}.object-key span:last-child{border-right:0}.object-key b{display:block;color:var(--ez-signal);margin-bottom:4px}
}

@media(max-width:700px){
  .hero{height:auto}.hero-copy small{display:block;color:var(--ez-signal);font-size:7px;margin-bottom:22px}.hero-scene{position:relative;height:420px}.object-key{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;background:rgba(16,16,16,.88);color:#fff}.object-key span{padding:8px;font-size:6px}.object-key b{color:var(--ez-signal);margin-right:5px}
}