@import url('https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;700&display=swap');
:root{
  --black:#050505;
  --red:#f21f18;
  --cream:#f1ead9;
  --rule:#d8d0c0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:"DM Sans",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1500px;margin:auto;padding:24px 38px 64px}
.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding:0 0 17px;text-transform:uppercase;font:500 13px/1 "DM Sans",Arial,sans-serif;letter-spacing:.035em}
.top .left{display:flex;gap:34px}
.top .right{display:flex;gap:36px}
.logo{position:absolute;left:50%;transform:translateX(-50%);font:500 13px/1 "DM Sans",Arial,sans-serif;letter-spacing:.08em}
.hero{padding:25px 0 30px;border-bottom:1px solid var(--rule);text-align:center}
.hero h1{font:400 clamp(92px,13.2vw,205px)/.82 "Anton",Impact,sans-serif;letter-spacing:-.018em;color:var(--red);margin:0;text-transform:uppercase}
.hero .tagline{font:700 clamp(18px,2.2vw,31px)/1.18 "DM Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em;max-width:850px;margin:20px auto 0;color:var(--cream)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rule)}
.col{padding:23px 26px 25px;border-right:1px solid var(--rule);min-height:230px}
.col:first-child{padding-left:12px}.col:last-child{border-right:0}
.col h2,.business h2,.bottom h2{font:400 42px/.95 "Anton",Impact,sans-serif;text-transform:uppercase;color:var(--red);margin:0 0 21px;letter-spacing:.005em}
.col .small{font:700 15px/1.45 "DM Sans",Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
.arrow{display:block;margin-top:25px;font:400 25px/1 Arial,sans-serif;color:var(--cream)}
.business{padding:24px 12px 28px;border-bottom:1px solid var(--rule)}
.business .eyebrow{font:700 17px/1 "DM Sans",Arial,sans-serif;text-transform:uppercase;margin-bottom:10px}
.business .big{font:400 clamp(58px,7.2vw,108px)/.84 "Anton",Impact,sans-serif;text-transform:uppercase;color:var(--red);letter-spacing:-.012em;max-width:1100px}
.business .subbig{font:400 clamp(47px,5.9vw,88px)/.88 "Anton",Impact,sans-serif;text-transform:uppercase;color:var(--cream);margin-top:5px}
.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);margin-top:28px}
.service{padding:22px 25px 8px;border-right:1px solid var(--rule)}
.service:first-child{padding-left:0}.service:last-child{border-right:0}
.service h3{font:400 28px/.95 "Anton",Impact,sans-serif;text-transform:uppercase;color:var(--red);margin:0 0 17px}
.service p{font:700 14px/1.45 "DM Sans",Arial,sans-serif;text-transform:uppercase;margin:0;color:var(--cream)}
.bottom{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}
.bottom .item{padding:28px 28px 35px;border-right:1px solid var(--rule)}
.bottom .item:first-child{padding-left:12px}.bottom .item:last-child{border-right:0}
.bottom h2{font-size:47px;margin-bottom:15px}
.bottom p{font:700 14px/1.4 "DM Sans",Arial,sans-serif;text-transform:uppercase;margin:0}
.footer{display:flex;justify-content:space-between;padding-top:18px;font:500 11px/1 "DM Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.modal{position:fixed;inset:0;background:#050505f5;display:none;align-items:center;justify-content:center;padding:20px;z-index:20}
.modal.open{display:flex}.box{max-width:650px;width:100%;border:1px solid var(--rule);padding:28px;background:var(--black)}.close{float:right;cursor:pointer;font-size:24px}
.box h2{font:400 52px/.9 "Anton";text-transform:uppercase;color:var(--red);margin:0 0 20px}
label{display:block;font:700 11px/1 "DM Sans";margin:15px 0 7px;text-transform:uppercase}
input,textarea,select{width:100%;background:var(--black);color:var(--cream);border:1px solid var(--rule);padding:11px;font:14px "DM Sans"}textarea{min-height:110px}
.btn{margin-top:18px;background:var(--red);color:var(--black);border:0;padding:13px 17px;font:700 11px "DM Sans";text-transform:uppercase;cursor:pointer}
@media(max-width:900px){.wrap{padding:20px}.grid,.services{grid-template-columns:1fr 1fr}.col:nth-child(2){border-right:0}.col:nth-child(3),.col:nth-child(4){border-top:1px solid var(--rule)}.col:nth-child(3){border-right:1px solid var(--rule)}.logo{position:static;transform:none}.top{gap:20px}.hero h1{font-size:17vw}}
@media(max-width:560px){.top{align-items:flex-start;flex-direction:column}.top .right{gap:20px}.logo{order:-1}.grid,.services,.bottom{grid-template-columns:1fr}.col,.service,.bottom .item{border-right:0;border-bottom:1px solid var(--rule);padding-left:0}.col:last-child,.service:last-child,.bottom .item:last-child{border-bottom:0}.hero h1{font-size:25vw}.business .big{font-size:19vw}.business .subbig{font-size:16vw}}