@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b204b;--green:#0d55b3;--paper:#f6f8fc;--muted:#526580;--line:#dbe3f0;--lime:#20ccf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #20ccf4;outline-offset:4px}header{background:var(--paper);border-bottom:1px solid var(--line)}.nav{max-width:1400px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px}.mark{font:800 29px Manrope;letter-spacing:-2px;background:var(--green);color:white;padding:8px 12px}.brand small{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;display:block;font-weight:700;line-height:1.5}.links{display:flex;gap:25px;align-items:center;font-size:14px}.links a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 23px;background:var(--green);color:white;border:1px solid var(--green);font-weight:600;font-size:14px;cursor:pointer}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.outline{background:transparent;color:var(--ink);border-color:#aabbd4}.menu{display:none;background:transparent;border:1px solid var(--line);padding:10px}.wrap{max-width:1400px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.hero-copy{padding:78px 55px 65px 0;align-self:center}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px}.eyebrow:before{content:'';display:inline-block;height:7px;width:7px;background:#00bce9;margin-right:10px}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;font-weight:600}h1{font-size:clamp(42px,4.5vw,67px);letter-spacing:-3px;line-height:1.09;max-width:690px}h1 em{font-style:normal;color:#0874bc}p{line-height:1.8;color:var(--muted)}.lead{max-width:480px;font-size:17px;margin:25px 0 30px}.hero-photo{position:relative;margin:35px 0;background:#d9e4f3;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-label{position:absolute;bottom:20px;left:20px;background:#f6f8fce8;padding:13px 17px;font-size:12px}.mini-line{display:flex;gap:24px;margin-top:40px;font-size:12px;color:var(--muted)}.strip{background:var(--green);color:#fff}.strip-inner{max-width:1400px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;gap:24px;font-size:13px}.strip-inner span:before{content:'+';color:var(--lime);margin-right:12px}.section{padding-top:80px;padding-bottom:80px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-1.6px}.section-head p{max-width:390px;margin:0}.services{display:grid;grid-template-columns:1fr 1fr;gap:26px}.service{border:1px solid var(--line);background:white}.service img{width:100%;height:300px;object-fit:cover;display:block}.service-body{padding:28px}.service-top{display:flex;justify-content:space-between;align-items:center}h3{font-size:23px;letter-spacing:-.6px}.service p{margin:15px 0}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--green);padding-bottom:4px;display:inline-block}.quiet{background:#edf2fa}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.step-number{font-size:14px;color:#1264b6;border-top:1px solid #c9d7ec;padding-top:18px;margin-bottom:24px}.steps h3{font-size:20px}.cta{background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px}.cta p{color:#d6e7ff;margin-bottom:0}.cta h2{max-width:690px}.footer{padding:40px 5% 22px;max-width:1400px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer p{font-size:13px;max-width:380px}.footer-links{display:flex;gap:22px;font-size:13px}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.page-intro{padding:70px 0 50px}.page-intro h1{max-width:850px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-bottom:75px}.detail img{width:100%;height:470px;object-fit:cover}.detail h2{font-size:34px}.scope-list{list-style:none;padding:0;margin-top:28px}.scope-list li{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:15px}.scope-list li:after{content:'↗'}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-bottom:80px}.values{display:grid;gap:20px}.value{border-top:1px solid var(--line);padding-top:25px}.value h3{font-size:21px}.contact-card{padding:34px;background:white;border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;font-weight:600}.field{margin-bottom:20px}input,select,textarea{display:block;width:100%;padding:14px;margin-top:8px;background:var(--paper);border:1px solid #c2d0e4;border-radius:0;color:var(--ink)}textarea{min-height:130px;resize:vertical}.note{font-size:12px;line-height:1.7;color:var(--muted)}.status{margin-top:20px;border-left:3px solid #009dcc;padding-left:15px}.preview-note{font-size:11px;color:var(--muted);margin-top:10px}.full{grid-column:1/-1}
@media(min-width:1500px){.hero{min-height:700px}}@media(max-width:1100px){.brand small{display:none}.links{gap:16px}.hero-copy{padding-right:30px}h1{letter-spacing:-2px}.nav{gap:12px}}@media(max-width:780px){.nav{padding:18px 5%;flex-wrap:wrap}.brand small{display:block}.menu{display:block}.links{display:none;flex-basis:100%;align-items:stretch;flex-direction:column;gap:0;padding:10px 0}.links.open{display:flex}.links a{padding:13px 0}.links a.button{padding:14px}.nav>.button{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 0 20px}h1{font-size:45px;letter-spacing:-2px}.hero-photo{height:390px;margin:15px 0 30px}.mini-line{gap:16px;margin-top:28px}.strip-inner{flex-wrap:wrap;gap:15px}.section{padding-top:50px;padding-bottom:50px}.section-head{display:block}.section-head p{margin-top:20px}.services,.steps,.detail,.two-col{grid-template-columns:1fr}.steps{gap:20px}.service img{height:250px}.cta{display:block;padding:30px}.cta .button{margin-top:26px}.footer-top{display:block}.footer-links{flex-wrap:wrap;margin-top:25px}.footer-bottom{gap:20px;line-height:1.6}.detail{gap:30px;padding-bottom:45px}.detail img{height:330px}.two-col{gap:30px}.page-intro{padding:45px 0 35px}.form-grid{grid-template-columns:1fr;gap:0}.contact-card{padding:24px}}

.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{padding:12px 20px;background:transparent;border:1px solid var(--line);color:var(--ink);cursor:pointer}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery-grid figure{margin:0}.gallery-grid figure[hidden]{display:none}.gallery-grid img{width:100%;height:360px;object-fit:cover;display:block}.gallery-grid figcaption{padding:20px 0;border-bottom:1px solid var(--line)}.gallery-grid figcaption span{font:600 21px Manrope;display:block}.gallery-grid figcaption small{display:block;color:var(--muted);margin-top:8px}.gallery-section{padding-bottom:15px}@media(max-width:780px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:280px}}

/* MRJ logo palette and branded surfaces */
header{background:#050d2e;color:#fff;border-bottom:1px solid #1b2e59}.nav{padding-top:8px;padding-bottom:8px;gap:22px}.brand{flex-shrink:0}.logo-window{display:block;position:relative;width:228px;height:110px;overflow:hidden}.logo-window img{position:absolute;width:228px;height:228px;max-width:none;left:0;top:-57px;object-fit:contain}.links a{color:#edf5ff}.links a[aria-current=page]{text-decoration-color:#20ccf4}.nav>.button{background:#20ccf4;border-color:#20ccf4;color:#06163c}.menu{color:white;border-color:#314368}.button{transition:background .2s ease,box-shadow .2s ease}.button:hover{background:#084894;box-shadow:0 6px 20px #0b56b322}.button.light:hover,.nav>.button:hover{background:#76e5ff;color:#06163c}.button.light{color:#06163c}.text-link:hover{color:#0d55b3}.eyebrow:before{border-radius:50%}.strip{background:#0b214f}.strip-inner span:before{color:#20ccf4}.cta{background:radial-gradient(ellipse at top right,#134db4 0,#0a1d52 55%,#050d2e 100%);border-top:3px solid #20ccf4}.cta .eyebrow{color:#9be9ff}.service{box-shadow:0 10px 35px #071c4406}.photo-label{background:#061738e8;color:#fff;border-left:2px solid #20ccf4}body[data-page="Home"] main>.wrap:first-child{max-width:none;background:radial-gradient(ellipse at 60% 30%,#102f73 0,#071637 58%,#050d2e 100%);color:white}body[data-page="Home"] .hero{max-width:1260px;margin:auto}body[data-page="Home"] h1 em{color:#35d2f5}body[data-page="Home"] .hero-copy>.eyebrow{color:#9deaff}body[data-page="Home"] .hero-copy .lead{color:#d0ddf1}body[data-page="Home"] .hero-copy .mini-line{color:#a9c0df}body[data-page="Home"] .hero-copy .button{background:#20ccf4;color:#06163c;border-color:#20ccf4}body[data-page="Home"] .hero-copy .button:hover{background:#76e5ff}body[data-page="Home"] .hero-photo{border:1px solid #32538a}footer{background:#050d2e;color:#edf5ff}.footer p,.footer-bottom{color:#a9beda}.footer-bottom{border-color:#293959}.footer-links a:hover{color:#20ccf4}.footer .logo-window{width:240px;height:115px}.footer .logo-window img{width:240px;height:240px;top:-60px}
@media(max-width:1100px) and (min-width:781px){.logo-window{width:180px;height:90px}.logo-window img{width:180px;height:180px;top:-45px}.links{gap:13px;font-size:13px}.nav>.button{padding:13px 15px}}@media(max-width:900px) and (min-width:781px){.nav>.button{display:none}}@media(max-width:780px){.nav{padding-top:4px;padding-bottom:4px}.logo-window{width:210px;height:103px}.logo-window img{width:210px;height:210px;top:-52px}.links{border-top:1px solid #263963}.links a{padding:15px 0}.footer .logo-window{width:225px;height:112px}.footer .logo-window img{width:225px;height:225px;top:-56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
