*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#07111a;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{width:100%;display:block}.nav{z-index:10;background:#07111a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 4.5%;display:flex;position:sticky;top:0}.brand{flex-direction:column;line-height:1;display:flex}.brand span{letter-spacing:-.04em;font-size:21px;font-weight:900}.brand b,.brand em,em{color:#ff3038;font-style:normal}.brand small{color:#d9e0e5;margin-top:6px;font-size:11px}.nav nav{gap:34px;font-size:13px;font-weight:600;display:flex}.nav nav a{border-bottom:2px solid #0000;padding:28px 0 25px}.nav nav a.active,.nav nav a:hover{border-color:#ff3038}.nav-cta,.button{background:#ff3038;border-radius:7px;padding:14px 20px;font-size:13px;font-weight:800}.nav-cta span,.button span{margin-left:9px}.hero{background:#07111a;grid-template-columns:48% 52%;min-height:650px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:74px 5% 48px 7%;position:relative}.eyebrow,.section-kicker{letter-spacing:.42em;font-size:10px;font-weight:800}.hero h1{letter-spacing:-.065em;margin:24px 0 23px;font-size:clamp(48px,5.4vw,86px);font-weight:950;line-height:.91}.hero-text{color:#edf2f4;max-width:600px;font-size:15px;line-height:1.55}.hero-actions{gap:14px;margin:30px 0 35px;display:flex}.button{justify-content:center;align-items:center;display:inline-flex}.button.outline{background:0 0;border:1px solid #fff}.hero-tools{gap:28px;display:flex}.hero-tools div{align-items:center;gap:10px;display:flex}.hero-tools strong{font-size:25px}.hero-tools span{font-size:11px;font-weight:800}.hero-tools small{color:#b8c1c8;font-size:10px;font-weight:500}.hero-image{min-height:650px;position:relative}.hero-image:after{content:"";background:linear-gradient(90deg,#07111a 0%,#0000 27% 82%,#ff303838 100%);position:absolute;inset:0}.hero-image img{object-fit:cover;object-position:center;height:100%}.section-light{color:#09121b;background:#f6f7f8;padding:82px 4.5%}.section-kicker{letter-spacing:.25em;align-items:center;gap:13px;margin:0 0 12px;display:flex}.section-kicker i{background:#ff3038;width:33px;height:4px;display:block}.section-head{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.section-head h2,.skills h2{letter-spacing:-.055em;margin:0 0 8px;font-size:58px;font-weight:950;line-height:.95}.section-head>div>p:last-child{color:#5f6870;margin:0}.view-all{border-bottom:2px solid #ff3038;padding-bottom:7px;font-weight:800}.project-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{background:#fff;border:1px solid #d9dde1}.project-img{background:#e9ecef;height:260px;overflow:hidden}.project-img img{object-fit:cover;height:100%}.project-body{padding:20px}.project-body h3{letter-spacing:-.02em;margin:0 0 10px;font-size:19px;line-height:1.05}.project-body h3 span{font-weight:500}.project-body p{color:#626a72;min-height:58px;font-size:13px;line-height:1.5}.tag{background:#edf0f3;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-block}.about{background:#07111a;grid-template-columns:38% 62%;gap:30px;padding:86px 7%;display:grid}.about h2{letter-spacing:-.06em;margin:0 0 22px;font-size:62px;line-height:.94}.about-copy>p:not(.section-kicker){color:#d1d9df;max-width:520px;margin-bottom:28px;font-size:15px;line-height:1.55}.about-points{grid-template-columns:repeat(4,1fr);align-items:start;gap:25px;padding-top:52px;display:grid}.about-points div{flex-direction:column;gap:12px;display:flex}.about-points b{color:#ff3038;font-size:11px}.about-points strong{font-size:14px;line-height:1.2}.about blockquote{text-align:right;color:#fff;grid-column:1/-1;margin:55px 0 0;font-size:25px;font-style:italic}.about blockquote small{color:#ff3038;margin-top:10px;font-size:13px;display:block}.skills h2{margin-bottom:32px}.skill-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.skill{text-align:center;border:1px solid #dce1e5;flex-direction:column;justify-content:center;align-items:center;min-height:118px;padding:16px;transition:all .2s;display:flex}.skill>span{display:none}.skill strong{font-size:18px;font-weight:800;line-height:1.1}.skill small{color:#6d757d;margin-top:7px;font-size:14px;line-height:1.2}.skill:hover{border-color:#ff3038;transform:translateY(-2px)}.contact{background:#07111a;padding:92px 7% 70px}.contact h2{letter-spacing:-.06em;margin:0 0 20px;font-size:70px;line-height:.92}.contact-lead{color:#c8d0d6;max-width:680px;font-size:16px;line-height:1.5}.contact-links{border-top:1px solid #ffffff2e;grid-template-columns:1.1fr 1.5fr 1fr auto;align-items:end;gap:22px;margin-top:50px;padding-top:28px;display:grid}.contact-links a:not(.button){flex-direction:column;gap:7px;display:flex}.contact-links small{color:#89939b;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.contact-links strong{word-break:break-word;font-size:14px}footer{color:#aab3ba;background:#050b10;border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;padding:25px 4.5%;font-size:10px;display:flex}footer strong{color:#fff;font-size:18px;display:block}footer span{margin-top:5px;display:block}.footer-center{color:#fff;font-size:11px}@media (max-width:1000px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-image{grid-row:1;min-height:430px}.hero-copy{padding-top:45px}.project-grid,.about{grid-template-columns:1fr}.skill-grid{grid-template-columns:repeat(3,1fr)}.contact-links{grid-template-columns:1fr 1fr}.contact-links .button{grid-column:1/-1;justify-self:start}footer{flex-direction:column;align-items:flex-start;gap:18px}}@media (max-width:600px){.nav{height:65px;padding:0 5%}.nav-cta{display:none}.hero-copy{padding:48px 6% 38px}.hero h1{font-size:47px}.hero-tools{flex-wrap:wrap;gap:18px}.section-light,.about,.contact{padding-left:6%;padding-right:6%}.section-head{display:block}.view-all{margin-top:20px;display:inline-block}.section-head h2,.skills h2{font-size:43px}.about h2,.contact h2{font-size:48px}.about-points{grid-template-columns:1fr 1fr}.skill-grid{grid-template-columns:repeat(2,1fr)}.skill{min-height:110px;padding:14px}.skill strong{font-size:17px}.skill small{font-size:13px}.contact-links{grid-template-columns:1fr}.contact-links .button{grid-column:auto}footer{padding:25px 6%}}
