@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--red:#e52a32;--dark:#101113;--black:#090a0c;--white:#f8f8f7;--muted:#a9aaad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--white);color:var(--dark)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-60px;left:12px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.site-header{background:#0b0c0e;color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #303035}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{font:900 43px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px}.red{color:var(--red)}.brand-name{font:800 25px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;display:flex;flex-direction:column}.brand-name small{font:600 8px/1.8 Inter,Arial,sans-serif;letter-spacing:1.15px;color:#bcbcbc}.nav-links{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.nav-links a:hover,.footer-content a:hover{color:var(--red)}.nav-cta{background:var(--red);padding:14px 18px}.nav-links .nav-cta:hover{background:#bd1c25;color:white}.menu-toggle{display:none;background:none;border:1px solid #777;color:white;padding:8px 12px;font-size:23px;cursor:pointer}.hero{min-height:680px;position:relative;background:linear-gradient(112deg,#111214 0%,#17191c 65%,#292a2e 100%);color:white;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(90deg,#999 1px,transparent 1px),linear-gradient(#999 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 10%,black 100%)}.hero:after{content:"";position:absolute;width:360px;height:105%;background:var(--red);transform:skew(-22deg);right:-265px;top:0;opacity:.9}.hero-content{position:relative;z-index:1;padding-top:135px;padding-bottom:90px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--red)}.eyebrow{display:flex;align-items:center;gap:13px}.line{width:34px;height:3px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.93;letter-spacing:.3px}h1{font-size:clamp(76px,11vw,150px);margin:30px 0}h1 em{font-style:normal;color:var(--red)}.hero-content>p{max-width:570px;color:#cbcbcd;line-height:1.8;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:18px 23px;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:.8px;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:white}.primary:hover{background:#c91e27}.secondary{border-color:#777;color:white}.secondary:hover{border-color:white;background:#ffffff16}.hero-foot{font-size:10px;letter-spacing:2px;color:#b6b6b8;margin-top:105px;font-weight:700;display:flex;align-items:center;gap:12px}.accent-square{width:8px;height:8px;background:var(--red)}.hero-edge{position:absolute;bottom:35px;right:55px;writing-mode:vertical-rl;font-size:10px;letter-spacing:4px;color:#9a9a9c}.section{padding:110px 0}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.section-kicker{margin-bottom:35px}h2{font-size:clamp(58px,7vw,96px);margin-bottom:0}h2 span{color:var(--red)}.intro-copy p{line-height:1.9;color:#55585d;font-size:15px}.text-link{font-size:12px;font-weight:800;display:inline-flex;gap:30px;margin-top:18px;border-bottom:2px solid var(--red);padding-bottom:13px}.text-link span{color:var(--red)}.services{background:#e9e9e8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading>p{max-width:360px;line-height:1.7;color:#5e6063;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:white;padding:32px;min-height:335px;border-bottom:5px solid transparent;transition:.2s}.service-card:hover{border-color:var(--red);transform:translateY(-4px)}.service-number{display:flex;justify-content:space-between;color:var(--red);font-weight:800;font-size:12px}.service-number span{font-size:20px}.service-icon{font-size:48px;margin:37px 0 22px;color:var(--red);line-height:1}.service-card h3{font:800 31px/1 'Barlow Condensed',Impact,sans-serif}.service-card p{font-size:13px;color:#64666a;line-height:1.8}.services-note{font-size:11px;color:#666;margin:20px 0 0}.statement{background:var(--red);color:white;padding:75px 0}.statement-inner{display:flex;align-items:center;gap:28px}.statement-rule{width:6px;height:115px;background:#101113;flex:none}.statement p{font:800 clamp(36px,5vw,70px)/1 'Barlow Condensed',Impact,sans-serif;margin:0;flex:1}.statement strong{color:#171719}.statement-label{writing-mode:vertical-rl;letter-spacing:3px;font-size:11px;font-weight:800}.process{background:#121315;color:white}.process .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:100px}.process .section-kicker{grid-column:1/-1}.process h2{margin-bottom:40px}.steps{border-top:1px solid #49494b}.step{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #49494b}.step>span{font:800 24px 'Barlow Condensed',Impact,sans-serif;color:var(--red)}.step h3{font:800 25px 'Barlow Condensed',Impact,sans-serif;margin-bottom:8px}.step p{color:#b3b3b6;font-size:13px;line-height:1.8;margin:0}.contact{background:#f8f8f7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid>div:first-child>p:not(.section-kicker){max-width:430px;color:#616368;line-height:1.8;margin-top:35px}.contact-grid .contact-note{font-size:12px!important;margin-top:45px!important}.contact-panel{background:white;padding:36px;box-shadow:0 15px 60px #0000000d;border-top:5px solid var(--red)}.contact-panel h3{font:800 30px 'Barlow Condensed',Impact,sans-serif;margin-bottom:10px}.contact-panel>p{color:#6b6c70;font-size:12px;line-height:1.8;margin-bottom:25px}form{display:flex;flex-direction:column;gap:9px}label{font-size:11px;font-weight:800;margin-top:8px}input,textarea{border:1px solid #d9d9da;background:#fafafa;padding:13px;width:100%;border-radius:0;color:#111}input:focus,textarea:focus{outline:2px solid var(--red);outline-offset:1px}.full{margin-top:16px;width:100%}.form-status{font-size:12px;color:#b62028;line-height:1.5;margin:5px 0 0}.direct-contact{border-top:1px solid #eee;margin-top:22px;padding-top:20px;display:flex;flex-direction:column;gap:9px}.direct-contact[hidden]{display:none}.direct-contact span{font-size:10px;letter-spacing:1px;font-weight:800;color:#888}.direct-contact a{font-weight:700;font-size:13px;color:#b8202a;overflow-wrap:anywhere}footer{background:#0b0c0e;color:white;padding:36px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-content>div{text-align:right;font-size:11px;color:#aaa}.footer-content p{margin-bottom:13px}.footer-content>div a{font-weight:800;color:white;letter-spacing:1px}@media(max-width:800px){.nav{min-height:74px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#0b0c0e;padding:24px;flex-direction:column;align-items:stretch;gap:23px;border-top:1px solid #333}.nav-links.open{display:flex}.hero{min-height:620px}.hero-content{padding-top:95px}.hero-foot{margin-top:85px}.two-col,.process .wrap,.contact-grid{grid-template-columns:1fr;gap:45px}.section-heading{align-items:start;flex-direction:column;gap:16px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.section{padding:75px 0}.contact-grid{gap:40px}}@media(max-width:500px){.wrap{width:calc(100% - 36px)}.brand-name{font-size:21px}.brand-mark{font-size:37px}h1{font-size:clamp(66px,15vw,90px)}h2{font-size:64px}.hero:after{right:-340px}.hero-edge{display:none}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.hero-foot{line-height:1.6}.statement-inner{gap:15px}.statement-rule{height:85px}.contact-panel{padding:25px}.footer-content{align-items:flex-start;flex-direction:column}.footer-content>div{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Official OQ Express logo */
.site-header{background:#fff;color:#101113;border-bottom:3px solid #ed0012}
.nav{min-height:112px}
.brand-logo{display:block;width:210px;height:auto;max-height:99px;object-fit:contain}
.nav-links a{color:#111}
.nav-links .nav-cta{color:#fff}
.menu-toggle{color:#111;border-color:#999}
footer .brand-logo{width:210px;background:#fff;padding:7px;border-radius:2px}
@media(max-width:800px){.nav{min-height:88px}.brand-logo{width:165px;max-height:80px}.nav-links{top:88px;background:#fff;border-top:1px solid #ddd}.nav-links a{color:#111}.nav-links .nav-cta{color:#fff}}
@media(max-width:500px){.brand-logo{width:145px}.nav{min-height:80px}.nav-links{top:80px}}

/* Industry photography is confined to About and Services; the hero remains color-only. */
.industry-photo{margin:0;position:relative;overflow:hidden;background:#202124;border-left:5px solid var(--red)}
.industry-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.07)}
.industry-photo figcaption{position:absolute;left:0;bottom:0;background:rgba(12,13,15,.88);color:#fff;padding:12px 17px;font-size:10px;font-weight:800;letter-spacing:1.6px}
.about-photo{height:260px;margin-bottom:28px}
.services-photo{height:340px;margin:0 0 24px}
.services-photo img{object-position:center 40%}
@media(max-width:800px){.about-photo{height:230px}.services-photo{height:260px}}
@media(max-width:500px){.about-photo{height:205px}.services-photo{height:215px}.industry-photo figcaption{font-size:9px}}

/* Direct-submit contact form and spam protection */
.service-options{border:0;padding:8px 0 0;margin:0;display:flex;flex-direction:column;gap:12px}
.service-options legend{font-size:11px;font-weight:800;margin-bottom:10px}
.service-options label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;margin:0;cursor:pointer}
.service-options input{width:auto;accent-color:var(--red)}
.hidden-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.turnstile-container{margin-top:14px;min-height:65px;max-width:100%;overflow:hidden}
.form-status.success{color:#176d3a;font-weight:700}
button:disabled{opacity:.6;cursor:wait}