/*
Theme Name: JEX Original
Author: JEX
Description: Original navy and platinum JEX website, adapted for WordPress.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: jex-original
*/

:root{--navy:#101c35;--deep:#0b1427;--platinum:#d5dbe4;--white:#fff;--mist:#f2f4f7;--muted:#aeb9cc;--line:#dce1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);background:#fff;font:15px Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1240px,88%);margin:auto}nav{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand{display:block;width:112px;text-decoration:none;color:var(--platinum)}.brand svg{display:block;width:100%;height:auto}.navlinks{display:flex;align-items:center;gap:34px}.navlinks a{text-decoration:none;font-size:12px;letter-spacing:.4px}.navlinks .outline{border:1px solid #d5dbe46b;padding:13px 21px}.dark{background:var(--navy);color:var(--platinum)}.hero{min-height:700px;padding:90px 0 65px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:10px;letter-spacing:2.5px;line-height:1.7;text-transform:uppercase;font-weight:500}.eyebrow .dash{display:inline-block;width:28px;border-top:1px solid;vertical-align:middle;margin-right:13px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(52px,5.7vw,84px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-2.7px;margin:26px 0}h1 em{font-weight:normal;color:#fff}p{line-height:1.8}.hero p{max-width:400px;color:var(--muted);font-size:14px;margin:28px 0 34px}.button{border:1px solid var(--navy);background:var(--navy);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 23px;font-size:11px;letter-spacing:.6px;cursor:pointer;transition:background .2s,transform .2s}.button.silver{background:var(--platinum);color:var(--navy);border-color:var(--platinum)}.button:hover{transform:translateY(-2px)}.textlink{font-size:11px;letter-spacing:.5px;text-decoration:none;border-bottom:1px solid;padding-bottom:8px}.hero-actions{display:flex;align-items:center;gap:27px}.brand-stage{position:relative;height:450px;display:grid;place-items:center;background:linear-gradient(140deg,#152441,#0b1427);border:1px solid #ffffff18}.brand-stage:before,.brand-stage:after{content:'';position:absolute;inset:20px;border:1px solid #d5dbe421}.brand-stage:after{inset:34px;border-color:#d5dbe40a}.brand-stage .large-logo{width:72%;max-width:325px;color:var(--platinum)}.stage-label{position:absolute;bottom:39px;letter-spacing:3px;text-transform:uppercase;font-size:8px;color:#8c9ab2}.hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff24;padding:23px 0;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}section{padding:100px 0}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:55px}h2{font:normal clamp(36px,3.9vw,56px)/1.15 Georgia,serif;letter-spacing:-1.4px;margin:0}.section-heading .eyebrow{padding-top:10px;color:#667287}.service-row{display:grid;grid-template-columns:60px 1.05fr 1.4fr 30px;gap:30px;border-top:1px solid var(--line);padding:33px 0;align-items:start}.service-row:last-child{border-bottom:1px solid var(--line)}.number{font-size:10px;letter-spacing:1px;color:#7b8597;padding-top:8px}.service-row h3{font:normal 29px/1.2 Georgia,serif;margin:0}.service-row p{color:#687386;font-size:13px;margin:0;max-width:420px}.service-row .arrow{font-size:22px}.work{background:var(--mist)}.project{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.project-visual{padding:47px;background:#dce3dc}.window{background:#faf9f5;box-shadow:0 15px 35px #20332a15;color:#465a4a}.windowbar{padding:10px 14px;border-bottom:1px solid #dfe4da;font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between}.nskin-title{text-align:center;font:26px Georgia,serif;letter-spacing:6px;padding:25px 10px}.nskin-page{text-align:center;padding:25px 20px 40px;background:#edf0e7}.nskin-page h3{font:normal 34px/1.15 Georgia,serif;margin:16px 0}.nskin-page p{font-size:10px;margin-bottom:15px}.nskin-page span{font-size:8px;letter-spacing:2px}.nskin-page .mini-cta{background:#65755f;color:#fff;display:inline-block;padding:12px 18px;font-size:8px;letter-spacing:1px}.project-note{font-size:9px;line-height:1.5;color:#5d6d5b;margin:16px 0 0}.project h3{font:normal 44px Georgia,serif;margin:20px 0}.project p{font-size:13px;color:#667287}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}.tags span{font-size:9px;padding:8px 10px;border:1px solid #c9d0da}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach .eyebrow{margin-bottom:26px}.approach p{color:#667287;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.step{padding-top:24px;border-top:1px solid var(--line)}.step h3{font:normal 23px Georgia,serif;margin:20px 0 13px}.step p{font-size:12px;color:#687386;line-height:1.8}.contact{background:var(--navy);color:var(--platinum)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:58px;margin:25px 0}.contact p{color:var(--muted);font-size:13px;max-width:340px}.form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form label{font-size:10px;letter-spacing:.5px;display:grid;gap:9px}.form .wide{grid-column:1/-1}input,select,textarea{border:0;border-bottom:1px solid #778398;background:transparent;border-radius:0;color:#fff;padding:11px 0;width:100%;font-size:13px}input::placeholder,textarea::placeholder{color:#909db3}select option{color:var(--navy);background:white}textarea{min-height:100px;resize:vertical}.form button{justify-self:start}.contact .preview-note{font-size:10px;line-height:1.7;max-width:none;margin:0}.form output{font-size:12px;line-height:1.7;color:var(--platinum)}footer{background:var(--deep);color:var(--muted);padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.footer-inner .brand{width:90px}.footer-inner a{text-decoration:none}.footer-rule{letter-spacing:1px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9ab5e6;outline-offset:6px}::selection{background:#bdcbe0;color:var(--navy)}@media(max-width:800px){nav{height:88px}.brand{width:88px}.navlinks{gap:20px}.navlinks a{font-size:10px}.navlinks .hide-mobile{display:none}.navlinks .outline{padding:11px 14px}.hero{grid-template-columns:1fr;gap:50px;padding:60px 0 45px;min-height:0}h1{letter-spacing:-1.8px;font-size:59px}.hero p{max-width:460px}.brand-stage{height:350px}.brand-stage .large-logo{max-width:280px}.hero-foot{font-size:8px;letter-spacing:1px;line-height:1.7}.hero-foot span:last-child{display:none}section{padding:65px 0}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.service-row{grid-template-columns:24px 1fr 20px;gap:15px}.service-row h3{font-size:26px}.service-row p{grid-column:2;grid-row:2}.service-row .arrow{grid-column:3;grid-row:1}.project,.approach,.contact-grid{grid-template-columns:1fr;gap:35px}.project-visual{padding:24px}.steps{gap:20px;margin-top:35px}.step h3{font-size:21px}.contact h2{font-size:46px}.footer-inner{flex-wrap:wrap}.footer-rule{font-size:9px}}@media(max-width:420px){h1{font-size:49px}.hero-actions{gap:20px}.button{gap:24px}.brand-stage{height:300px}.steps{grid-template-columns:1fr}.step h3{margin-top:10px}.form{grid-template-columns:1fr}.form label{grid-column:1}.footer-inner .footer-rule{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.button{justify-content:center;gap:0}.service-row{grid-template-columns:60px 1.05fr 1.4fr}.windowbar{justify-content:flex-start;gap:25px}@media(max-width:800px){.service-row{grid-template-columns:24px 1fr}}
.contact-number{font:normal 28px Georgia,serif;color:var(--platinum);text-decoration:none}.contact .textlink{color:var(--platinum)}

body.admin-bar nav{scroll-margin-top:32px}