#mj-blue-refinement {color-scheme:light; font-family:Arial,sans-serif; color:#273d4a}
#mj-blue-refinement * {box-sizing:border-box}
#mj-blue-refinement .stage {min-height:1120px;padding:16px 0 30px}
#mj-blue-refinement .preview {width:100%;max-width:100%;margin:auto;background:#fff;color:#273d4a;container-type:inline-size;--ink:#273d4a;--blue:#315f7f;--pale:#edf4fa;--radius:0px;box-shadow:0 8px 35px #203a4812}
#mj-blue-refinement .mast {padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7ecef}
#mj-blue-refinement .brand {display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.35;font-weight:700;letter-spacing:.04em}
#mj-blue-refinement .monogram {font-size:24px;letter-spacing:-3px;border:2px solid currentColor;padding:3px 7px 3px 4px}
#mj-blue-refinement .nav {display:flex;gap:15px;font-size:11px;align-items:center}
#mj-blue-refinement .nav span {white-space:nowrap}
#mj-blue-refinement .menu {display:none;border:1px solid #cbd8e1;background:#fff;color:var(--ink);padding:11px;font-size:13px}
#mj-blue-refinement .mobile-nav {padding:18px 24px;background:var(--pale);font-size:14px;line-height:2}
#mj-blue-refinement .hero {margin:0 24px;background:var(--pale);border-radius:var(--radius);padding:35px 28px;display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;min-height:295px;position:relative}
#mj-blue-refinement .eyebrow {font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 18px}
#mj-blue-refinement h1 {font-size:32px;line-height:1.14;letter-spacing:-1px;font-weight:500;margin:0 0 18px}
#mj-blue-refinement h1 span {display:block}
#mj-blue-refinement .intro {font-size:13px;line-height:1.65;margin:0;max-width:410px}
#mj-blue-refinement .content {padding:30px 38px}
#mj-blue-refinement h2 {font-size:21px;font-weight:500;margin:0 0 9px;letter-spacing:-.4px}
#mj-blue-refinement .sub {font-size:13px;line-height:1.5;color:#576b78;margin:0 0 22px}
#mj-blue-refinement details {background:#f3f7fa;border-radius:var(--radius);margin:12px 0;font-size:14px}
#mj-blue-refinement summary {list-style:none;padding:21px;display:flex;align-items:center;gap:16px;min-height:86px}
#mj-blue-refinement summary::-webkit-details-marker {display:none}
#mj-blue-refinement summary .plus {margin-left:auto;color:var(--blue);font-size:24px}
#mj-blue-refinement summary small {display:block;font-size:12px;line-height:1.55;margin-top:7px;color:#576b78}
#mj-blue-refinement details[open] .plus {transform:rotate(45deg)}
#mj-blue-refinement .services {padding:0 22px 20px;display:grid;gap:12px}
#mj-blue-refinement .services a {color:var(--blue);text-decoration:underline;font-size:13px}
#mj-blue-refinement .steps {border-top:3px solid var(--blue);padding:24px;background:#f8fafc;margin-top:34px}
#mj-blue-refinement .step-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
#mj-blue-refinement .step {border-right:1px solid #dde6eb;padding-right:12px}
#mj-blue-refinement .step:last-child {border:0}
#mj-blue-refinement .step-number {color:var(--blue);font-size:26px;margin-bottom:12px}
#mj-blue-refinement .step h3 {font-size:14px;font-weight:500;margin:0 0 8px}
#mj-blue-refinement .step p {font-size:12px;line-height:1.7;margin:0;color:#576b78}
#mj-blue-refinement .footer-unified {background:var(--pale);padding:22px 30px;margin:0 24px;font-size:12px;line-height:1.7;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
#mj-blue-refinement .footer-unified a {color:var(--blue);overflow-wrap:anywhere}
#mj-blue-refinement .footer-links {width:100%;font-size:10px;display:flex;flex-wrap:wrap;gap:14px;color:#576b78}
#mj-blue-refinement .drawing {height:225px;position:relative;color:var(--blue);background-image:linear-gradient(#315f7f0b 1px,transparent 1px),linear-gradient(90deg,#315f7f0b 1px,transparent 1px);background-size:20px 20px;overflow:hidden}
#mj-blue-refinement .plan {width:76%;height:66%;border:3px solid currentColor;position:absolute;top:18%;left:12%;transform:skewY(-8deg)}
#mj-blue-refinement .plan:before {content:'';position:absolute;left:55%;height:100%;border-left:3px solid currentColor}
#mj-blue-refinement .plan:after {content:'';position:absolute;top:50%;left:0;width:55%;border-top:3px solid currentColor}
#mj-blue-refinement .room {position:absolute;left:64%;top:28%;height:44%;width:20%;border:1px solid currentColor}
#mj-blue-refinement .dimension {position:absolute;top:8%;left:12%;width:76%;border-top:1px solid currentColor;height:10px;border-left:1px solid currentColor;border-right:1px solid currentColor;opacity:.6}
#mj-blue-refinement .dimension.bottom {top:auto;bottom:9%;width:50%;left:24%}
#mj-blue-refinement .cross {position:absolute;bottom:22%;left:20%;font-size:28px;font-weight:400;opacity:.5}
#mj-blue-refinement .technical .hero {border-bottom:4px solid var(--blue)}
#mj-blue-refinement .architectural {--pale:#f3f0e9;--blue:#536b69;--ink:#263e3e;color:var(--ink)}
#mj-blue-refinement .architectural .hero {display:block;background:#fff;margin:0;padding:36px 38px 0}
#mj-blue-refinement .architectural h1 {font-size:44px;max-width:570px;letter-spacing:-1.9px}
#mj-blue-refinement .architectural .intro {max-width:540px}
#mj-blue-refinement .arch-art {height:190px;margin:28px -14px 0;background:#e9e6de;position:relative;overflow:hidden;border-radius:var(--radius)}
#mj-blue-refinement .sun {position:absolute;right:13%;top:22px;width:90px;height:90px;border-radius:50%;background:#d6b887}
#mj-blue-refinement .volume {position:absolute;bottom:20px;left:21%;width:48%;height:114px;background:#fbfaf6;box-shadow:35px 22px 0 #cccec7;transform:skewY(-6deg)}
#mj-blue-refinement .volume:before {content:'';position:absolute;bottom:0;left:15%;width:70%;height:63%;background:repeating-linear-gradient(90deg,#667d7c 0,#667d7c 25px,#dee4df 26px,#dee4df 32px)}
#mj-blue-refinement .volume:after {content:'';position:absolute;top:-12px;left:-13px;width:calc(100% + 26px);height:18px;background:#516664}
#mj-blue-refinement .ground {position:absolute;bottom:0;height:20px;width:100%;background:#82928a}
#mj-blue-refinement .architectural .audiences {display:grid;grid-template-columns:1fr 1fr;gap:15px}
#mj-blue-refinement .architectural details {background:#f3f0e9;margin:0}
#mj-blue-refinement .architectural summary {align-items:start;min-height:130px}
#mj-blue-refinement .architectural summary small {max-width:210px}
#mj-blue-refinement .architectural .steps {background:#fff;border-top:1px solid #b6c2bb}
#mj-blue-refinement .quiet .hero {display:block;background:#fff;border-bottom:1px solid #cbd8e1;margin:0 38px;padding:32px 0;min-height:235px}
#mj-blue-refinement .quiet h1 {max-width:570px;font-size:36px}
#mj-blue-refinement .quiet .intro {max-width:560px}
#mj-blue-refinement .quiet details {background:#fff;border:1px solid #dce6ee}
#mj-blue-refinement .quiet .service-icon {color:var(--blue);background:var(--pale);padding:14px;border-radius:var(--radius);display:flex}
#mj-blue-refinement .quiet .steps {background:#fff;border:0;padding:12px 0}
#mj-blue-refinement .quiet .step-number {display:flex;gap:10px;align-items:center}
#mj-blue-refinement .quiet .step-number svg {width:20px;height:20px}
#mj-blue-refinement .service-icon svg {width:25px;height:25px}
#mj-blue-refinement .phone-label {font-size:12px;color:#576b78;text-align:center;padding:10px}
@container (max-width:520px) {
 #mj-blue-refinement .mast {padding:20px;gap:12px} #mj-blue-refinement .nav {display:none} #mj-blue-refinement .menu {display:block}
 #mj-blue-refinement .hero {margin:0 12px;padding:26px 22px;grid-template-columns:1fr;gap:10px}
 #mj-blue-refinement h1 {font-size:29px} #mj-blue-refinement .intro {font-size:14px} #mj-blue-refinement .drawing {height:160px}
 #mj-blue-refinement .content {padding:26px 22px} #mj-blue-refinement summary {padding:18px;gap:12px} #mj-blue-refinement summary small {font-size:13px}
 #mj-blue-refinement .step-grid {grid-template-columns:1fr;gap:23px} #mj-blue-refinement .step {border:0;padding:0} #mj-blue-refinement .step p {font-size:13px}
 #mj-blue-refinement .step-number {font-size:22px;margin-bottom:7px} #mj-blue-refinement .footer-unified {margin:0 12px;padding:20px;display:block}
 #mj-blue-refinement .footer-links {margin-top:14px;font-size:11px} #mj-blue-refinement .steps {padding:20px}
 #mj-blue-refinement .architectural .hero {padding:28px 22px 0;margin:0} #mj-blue-refinement .architectural h1 {font-size:34px}
 #mj-blue-refinement .architectural .audiences {grid-template-columns:1fr} #mj-blue-refinement .architectural summary {min-height:110px}
 #mj-blue-refinement .architectural .arch-art {height:160px;margin-top:23px} #mj-blue-refinement .architectural .volume {width:60%;left:15%}
 #mj-blue-refinement .quiet .hero {margin:0 22px;padding:30px 0} #mj-blue-refinement .quiet h1 {font-size:30px}
}
#mj-blue-refinement .hero {grid-template-columns:1.2fr 1fr;padding:34px 28px;min-height:310px}
#mj-blue-refinement .service-icon {color:var(--blue);background:#e6eff7;padding:13px;display:flex;flex-shrink:0;border-radius:6px}
#mj-blue-refinement .step-number {display:flex;align-items:center;gap:10px}
#mj-blue-refinement .step-number svg {width:20px;height:20px}
#mj-blue-refinement .hero-art {height:220px;position:relative;color:#315f7f;isolation:isolate;--line:2px}
#mj-blue-refinement .art-base {position:absolute;bottom:24px;left:3%;width:94%;border-top:2px solid #315f7f80}
#mj-blue-refinement .halo {position:absolute;width:170px;height:170px;right:10px;top:20px;background:#dce9f4;border-radius:50%;z-index:-1}
#mj-blue-refinement .house-wall {position:absolute;bottom:25px;left:16%;width:66%;height:102px;border:var(--line) solid currentColor;background:#edf4fa}
#mj-blue-refinement .house-roof {position:absolute;bottom:126px;left:6%;width:86%;height:78px;clip-path:polygon(50% 0,100% 100%,94% 100%,50% 8%,6% 100%,0 100%);background:currentColor}
#mj-blue-refinement .house-door {position:absolute;bottom:-2px;left:44%;height:61px;width:20%;border:var(--line) solid currentColor;background:#dce9f4}
#mj-blue-refinement .house-window {position:absolute;top:20px;left:10%;width:22%;height:34px;border:var(--line) solid currentColor;background:linear-gradient(90deg,transparent 46%,#315f7f 47%,#315f7f 53%,transparent 54%)}
#mj-blue-refinement .house-window.right {left:auto;right:9%}
#mj-blue-refinement .house-chimney {position:absolute;right:22%;top:35px;width:18px;height:40px;border:var(--line) solid currentColor}
#mj-blue-refinement .city-building {position:absolute;bottom:25px;border:var(--line) solid currentColor;background:#edf4fa}
#mj-blue-refinement .city-a {left:7%;width:29%;height:80px}
#mj-blue-refinement .city-b {left:32%;width:30%;height:164px}
#mj-blue-refinement .city-c {left:60%;width:31%;height:112px}
#mj-blue-refinement .city-building:before {content:'';position:absolute;inset:13px 10px 18px;background:repeating-linear-gradient(0deg,transparent 0,transparent 12px,#315f7f 13px,#315f7f 15px,transparent 16px,transparent 25px);opacity:.55}
#mj-blue-refinement .city-building:after {content:'';position:absolute;top:0;left:49%;height:100%;border-left:var(--line) solid currentColor}
#mj-blue-refinement .helmet {position:absolute;top:38px;left:18%;width:65%;height:112px;border:3px solid currentColor;border-radius:100px 100px 12px 12px;background:#dce9f4}
#mj-blue-refinement .helmet:before {content:'';position:absolute;top:-8px;left:42%;width:19%;height:104px;border:3px solid currentColor;border-radius:18px 18px 0 0;background:#edf4fa}
#mj-blue-refinement .helmet:after {content:'';position:absolute;bottom:-13px;left:-16px;width:calc(100% + 32px);height:20px;border:3px solid currentColor;border-radius:8px;background:#edf4fa}
#mj-blue-refinement .ruler {position:absolute;bottom:31px;left:17%;width:68%;height:22px;border:2px solid currentColor;background:repeating-linear-gradient(90deg,transparent 0,transparent 11px,#315f7f 12px,#315f7f 13px,transparent 14px,transparent 18px);transform:rotate(-7deg)}
#mj-blue-refinement .solid-house {position:absolute;left:17%;bottom:40px;width:58%;height:100px;background:#b8cee0;transform:skewY(-7deg);border:2px solid currentColor}
#mj-blue-refinement .solid-house:before {content:'';position:absolute;right:-38px;top:16px;width:36px;height:100px;transform:skewY(40deg);background:#8dabca;border:2px solid currentColor}
#mj-blue-refinement .solid-roof {position:absolute;left:10%;bottom:141px;width:72%;height:52px;background:#315f7f;clip-path:polygon(0 52%,66% 0,100% 38%,32% 100%)}
#mj-blue-refinement .solid-windows {position:absolute;inset:22px 16px 14px;background:repeating-linear-gradient(90deg,#f5f9fd 0,#f5f9fd 20px,#b8cee0 21px,#b8cee0 32px);border:1px solid currentColor}
#mj-blue-refinement .crane-tower {position:absolute;left:29%;top:20px;width:23px;height:173px;border:2px solid currentColor;background:repeating-linear-gradient(45deg,transparent 0,transparent 12px,#315f7f80 13px,#315f7f80 15px,transparent 16px,transparent 27px)}
#mj-blue-refinement .crane-arm {position:absolute;left:7%;top:36px;width:88%;height:19px;border:2px solid currentColor;background:repeating-linear-gradient(135deg,transparent 0,transparent 14px,#315f7f80 15px,#315f7f80 17px,transparent 18px,transparent 28px)}
#mj-blue-refinement .crane-wire {position:absolute;right:15%;top:55px;height:54px;border-left:2px solid currentColor}
#mj-blue-refinement .crane-wire:after {content:'';position:absolute;bottom:-9px;left:-1px;width:11px;height:13px;border:2px solid currentColor;border-top:0;border-radius:0 0 8px 8px}
#mj-blue-refinement .construction {position:absolute;bottom:25px;left:49%;width:45%;height:70px;border:2px solid currentColor;background:repeating-linear-gradient(90deg,transparent 0,transparent 24px,#315f7f 25px,#315f7f 27px,transparent 28px,transparent 40px)}
#mj-blue-refinement .construction:after {content:'';position:absolute;top:32px;left:0;width:100%;border-top:2px solid currentColor}
@container(max-width:520px){#mj-blue-refinement .hero {grid-template-columns:1fr;padding:28px 22px} #mj-blue-refinement .hero-art {width:240px;max-width:100%;margin:5px auto 0;height:220px} #mj-blue-refinement .hero h1 {font-size:29px}}
#mj-blue-refinement .stage {min-height:0;padding-bottom:12px}
#mj-blue-refinement .preview {--radius:8px}
#mj-blue-refinement .hero {min-height:360px}
#mj-blue-refinement .actions {display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:24px;font-size:13px}
#mj-blue-refinement .actions a {color:#315f7f;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
#mj-blue-refinement .actions .primary-action {background:#315f7f;color:#fff;padding:12px 16px;border-radius:6px}
#mj-blue-refinement .facts {display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px 38px 0;gap:18px;padding:18px 0;border-bottom:1px solid #dce6ee}
#mj-blue-refinement .fact {display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}
#mj-blue-refinement .fact svg {color:#315f7f;width:18px;height:18px;flex-shrink:0;margin-top:3px}
#mj-blue-refinement .fact strong {font-weight:500;display:block}
#mj-blue-refinement .fact small {font-size:11px;color:#576b78;display:block}
#mj-blue-refinement details {border:1px solid #dce6ee;background:#fff;transition:background .15s,border-color .15s}
#mj-blue-refinement details:hover {background:#f5f9fd;border-color:#99b3c8}
#mj-blue-refinement .steps {border:0;border-radius:8px;background:#f3f7fa}
#mj-blue-refinement .step-grid {gap:18px}
#mj-blue-refinement .step {border:0;position:relative;padding:0}
#mj-blue-refinement .step-number {background:#e2edf6;width:72px;padding:8px;border-radius:6px;position:relative;font-size:22px;z-index:1}
#mj-blue-refinement .step:not(:last-child):after {content:'';position:absolute;top:23px;left:72px;width:calc(100% - 54px);border-top:1px solid #afc4d5}
#mj-blue-refinement .footer-unified {border-radius:8px}
@container(max-width:520px){#mj-blue-refinement .facts {grid-template-columns:1fr;margin:18px 24px 0;gap:14px} #mj-blue-refinement .hero {min-height:0} #mj-blue-refinement .step:not(:last-child):after {display:none} #mj-blue-refinement .footer-unified>span {display:block;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){#mj-blue-refinement details{transition:none}}
#mj-blue-refinement .stage {min-height:1740px}
#mj-blue-refinement .mast {padding:22px 28px;gap:24px}
#mj-blue-refinement .nav {gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:14px;max-width:720px}
#mj-blue-refinement .nav a {color:#315f7f;text-decoration:none;min-height:44px;padding:12px 11px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;border-radius:6px;transition:background .15s}
#mj-blue-refinement .nav a:hover {background:#e8f1f8}
#mj-blue-refinement .nav .nav-contact {background:#315f7f;color:#fff;padding:12px 19px}
#mj-blue-refinement .actions {font-size:15px;gap:12px}
#mj-blue-refinement .actions .primary-action {padding:14px 20px;min-height:48px}
#mj-blue-refinement .secondary-action {border:1px solid #a8bfd1;padding:12px 16px;border-radius:6px;min-height:48px}
#mj-blue-refinement .person-photo {background:#e2edf6;border:1px solid #b8cede;border-radius:8px;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#315f7f;text-align:center;padding:20px;position:relative;overflow:hidden}
#mj-blue-refinement .person-photo svg {width:72px;height:72px;stroke-width:1}
#mj-blue-refinement .person-photo span {font-size:13px;line-height:1.5}
#mj-blue-refinement .about {display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:center;padding:28px 0;border-top:1px solid #dce6ee;margin-top:32px}
#mj-blue-refinement .about .person-photo {min-height:190px}
#mj-blue-refinement .about p {font-size:14px;line-height:1.7;margin:12px 0 18px;color:#576b78}
#mj-blue-refinement .about a {font-size:14px;color:#315f7f}
#mj-blue-refinement .extra {margin-top:28px;padding-top:24px;border-top:1px solid #dce6ee}
#mj-blue-refinement .example-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
#mj-blue-refinement .example {border:1px solid #dce6ee;border-radius:8px;overflow:hidden}
#mj-blue-refinement .example-visual {height:105px;background:#edf4fa;color:#315f7f;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px}
#mj-blue-refinement .example-visual svg {width:25px;height:25px}
#mj-blue-refinement .example p {padding:14px;font-size:13px;line-height:1.5;margin:0}
#mj-blue-refinement .sample-opinion {background:#f3f7fa;border-left:3px solid #315f7f;padding:20px;font-size:14px;line-height:1.6;margin:18px 0 0;display:flex;gap:12px}
#mj-blue-refinement .sample-opinion small {display:block;color:#576b78;font-size:12px;margin-top:4px}
#mj-blue-refinement .portrait .hero {grid-template-columns:1.15fr .85fr}
#mj-blue-refinement .portrait .hero .person-photo {min-height:280px;background:#dce9f4;border:0}
#mj-blue-refinement .portrait .about {grid-template-columns:1fr}
#mj-blue-refinement .cards .audiences {display:grid;grid-template-columns:1fr 1fr;gap:16px}
#mj-blue-refinement .cards summary {flex-wrap:wrap;position:relative;min-height:205px;align-content:flex-start;gap:16px}
#mj-blue-refinement .cards summary>span:not(.service-icon):not(.plus) {flex:1 1 100%;font-size:18px}
#mj-blue-refinement .cards .plus {position:absolute;top:20px;right:20px}
#mj-blue-refinement .cards .service-icon {padding:16px}
#mj-blue-refinement .cards .hero {background:#fff;border-bottom:1px solid #dce6ee}
#mj-blue-refinement .editorial .mast {background:#edf4fa;margin:12px 24px;border-radius:8px}
#mj-blue-refinement .editorial .hero {grid-template-columns:1fr;background:#fff;border-bottom:0;padding-bottom:0}
#mj-blue-refinement .editorial .hero>div:first-child {max-width:760px}
#mj-blue-refinement .editorial h1 {font-size:40px;max-width:730px}
#mj-blue-refinement .editorial .hero .person-photo {min-height:175px;flex-direction:row;justify-content:flex-start;text-align:left;padding:28px 48px;background:#edf4fa}
#mj-blue-refinement .editorial .about {grid-template-columns:1fr}
#mj-blue-refinement .editorial .facts {margin-top:28px}
#mj-blue-refinement .compact .mast {border-bottom:2px solid #315f7f}
#mj-blue-refinement .compact .hero {min-height:290px;background:#fff;border:0}
#mj-blue-refinement .compact .hero-art {height:185px;transform:scale(.85)}
#mj-blue-refinement .compact .facts {background:#edf4fa;border-radius:8px;padding:20px;margin-top:0}
#mj-blue-refinement .compact .nav .nav-contact {border-radius:24px}
#mj-blue-refinement .compact .primary-action {border-radius:24px}
#mj-blue-refinement .compact .about {grid-template-columns:1fr 190px}
#mj-blue-refinement .compact .about .person-photo {order:2}
@container(max-width:760px){#mj-blue-refinement .mast {align-items:flex-start} #mj-blue-refinement .nav {max-width:430px;gap:2px;font-size:14px} #mj-blue-refinement .nav a:nth-child(-n+2) {flex-basis:100%;justify-content:flex-end;min-height:35px;padding:7px 10px}}
@container(max-width:520px){#mj-blue-refinement .mast {align-items:center;padding:20px} #mj-blue-refinement .nav {display:none} #mj-blue-refinement .portrait .hero {grid-template-columns:1fr} #mj-blue-refinement .portrait .hero .person-photo {min-height:235px} #mj-blue-refinement .about,#mj-blue-refinement .compact .about {grid-template-columns:1fr} #mj-blue-refinement .about .person-photo {min-height:220px;max-width:100%;order:0} #mj-blue-refinement .cards .audiences {grid-template-columns:1fr} #mj-blue-refinement .cards summary {min-height:170px} #mj-blue-refinement .editorial h1 {font-size:31px} #mj-blue-refinement .editorial .mast {margin:0 12px} #mj-blue-refinement .editorial .hero .person-photo {padding:24px;flex-direction:column;text-align:center} #mj-blue-refinement .example-grid {grid-template-columns:1fr} #mj-blue-refinement .actions {flex-direction:column;align-items:stretch} #mj-blue-refinement .actions a {justify-content:center} #mj-blue-refinement .compact .hero-art {transform:none;height:220px}}
#mj-blue-refinement .hero>div {min-width:0}
@container(max-width:520px){#mj-blue-refinement .hero,#mj-blue-refinement .portrait .hero {grid-template-columns:minmax(0,1fr)} #mj-blue-refinement .hero-art {width:min(240px,100%)}}

#mj-blue-refinement .stage {min-height:1220px}
#mj-blue-refinement .preview {max-width:1100px}
#mj-blue-refinement .brand {flex-shrink:0;display:block;width:195px}
#mj-blue-refinement .brand img {width:100%;height:auto;display:block}
#mj-blue-refinement .hero h1 {font-size:32px;line-height:1.2}
#mj-blue-refinement .hero {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
#mj-blue-refinement .content>.audiences {margin-bottom:30px}
#mj-blue-refinement .services {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px 22px}
#mj-blue-refinement .services a {display:block;text-decoration:none;border:1px solid #dce6ee;border-radius:6px;padding:18px;background:#fff;min-width:0}
#mj-blue-refinement .services h3 {font-size:15px;font-weight:500;line-height:1.5;margin:0 0 8px;color:#315f7f}
#mj-blue-refinement .services span {font-size:13px;line-height:1.6;color:#576b78}
#mj-blue-refinement .steps {margin-top:26px}
#mj-blue-refinement .step p {font-size:13px;line-height:1.7}
#mj-blue-refinement .footer-unified {display:block}
#mj-blue-refinement .footer-top {display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
#mj-blue-refinement .footer-top h3 {font-size:14px;font-weight:500;margin:0;line-height:1.5}
#mj-blue-refinement .footer-contact {display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:14px}
#mj-blue-refinement .footer-contact>a,#mj-blue-refinement .footer-phone {display:flex;align-items:center;gap:7px;min-width:0}
#mj-blue-refinement .footer-contact svg {width:16px;height:16px;flex-shrink:0;color:#315f7f}
#mj-blue-refinement .footer-bottom {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;margin-top:16px;line-height:1.6}
#mj-blue-refinement .footer-bottom nav {display:flex;flex-wrap:wrap;gap:10px 14px}
#mj-blue-refinement .footer-bottom a {text-decoration:none;font-size:11px}
#mj-blue-refinement .mobile-nav a {display:block;font-size:14px;line-height:1.5;color:#315f7f;padding:10px 0;text-decoration:none}
@container(max-width:760px){#mj-blue-refinement .brand{width:165px}}
@container(max-width:520px){#mj-blue-refinement .hero{grid-template-columns:minmax(0,1fr)}#mj-blue-refinement .brand{width:165px}#mj-blue-refinement .hero h1{font-size:29px}#mj-blue-refinement .services{grid-template-columns:minmax(0,1fr);padding:0 14px 18px}#mj-blue-refinement .footer-top{display:block}#mj-blue-refinement .footer-contact{margin-top:14px;display:grid;gap:10px;font-size:13px}#mj-blue-refinement .footer-bottom{display:block}#mj-blue-refinement .footer-bottom nav{margin-top:12px}#mj-blue-refinement .footer-contact a span{overflow-wrap:anywhere}}


#mj-blue-refinement .hero{padding-left:14px;padding-right:14px;text-align:left}
#mj-blue-refinement .hero-grid .hero .eyebrow{width:fit-content}
#mj-blue-refinement .background-detail{display:none}
#mj-blue-refinement .pattern-facade .hero:before{background:repeating-linear-gradient(90deg,transparent 0 55px,#315f7f13 55px 57px,transparent 57px 85px,#315f7f07 85px 105px,transparent 105px 140px);mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
#mj-blue-refinement .pattern-flow .hero:before{background:repeating-radial-gradient(ellipse at 110% -80%,transparent 0 32px,#315f7f10 33px 35px,transparent 36px 61px);mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
#mj-blue-refinement .pattern-chevron .hero:before{background:linear-gradient(145deg,transparent 0 65%,#315f7f0a 65% 70%,transparent 70% 83%,#315f7f0d 83% 88%,transparent 88%),linear-gradient(35deg,transparent 0 65%,#315f7f08 65% 70%,transparent 70%);mask-image:linear-gradient(90deg,transparent 32%,#000 100%)}
#mj-blue-refinement .pattern-blocks .hero:before{background:linear-gradient(#315f7f0e,#315f7f0e) 91% 17% / 80px 44px no-repeat,linear-gradient(#315f7f0b,#315f7f0b) 72% 72% / 115px 65px no-repeat,linear-gradient(#315f7f09,#315f7f09) 99% 90% / 145px 74px no-repeat,linear-gradient(#315f7f08,#315f7f08) 58% 30% / 75px 40px no-repeat;mask-image:none}
#mj-blue-refinement .pattern-ribbons .hero:before{background:repeating-linear-gradient(163deg,transparent 0 65px,#315f7f0a 65px 66px,transparent 66px 72px,#315f7f10 72px 73px,transparent 73px 140px);mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}
@container(max-width:760px){#mj-blue-refinement .hero{padding-left:14px;padding-right:14px}}
@container(max-width:520px){#mj-blue-refinement .hero{padding-left:10px;padding-right:10px}}


#mj-blue-refinement .stage{min-height:0;padding:12px 0}
#mj-blue-refinement .preview{padding-bottom:24px}
#mj-blue-refinement .hero{display:flex;align-items:center;grid-template-columns:none;margin:0 24px;padding:32px 32px;min-height:252px;background:#dceaf5;border-bottom:4px solid #315f7f;isolation:isolate;overflow:hidden}
#mj-blue-refinement .hero-copy{width:100%;position:relative;z-index:1}
#mj-blue-refinement .hero .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.115em;margin:0 0 16px;color:#315f7f}
#mj-blue-refinement .hero h1{max-width:870px;font-size:34px;line-height:1.2;letter-spacing:-.7px;margin:0 0 18px;font-weight:500;color:#273d4a;text-wrap:balance}
#mj-blue-refinement .hero .intro{max-width:850px;font-size:15px;line-height:1.65;margin:0;color:#304b5d;text-wrap:pretty}
#mj-blue-refinement .hero .hero-name{font-size:22px;line-height:1.4;letter-spacing:0;display:block;margin-bottom:4px}
#mj-blue-refinement .hero .hero-scope{display:block}
#mj-blue-refinement .hero .actions{display:none}
#mj-blue-refinement .nav-contact-mobile{display:none}
#mj-blue-refinement .hero-steel .hero{background:#426c89;border-bottom-color:#2b516c}
#mj-blue-refinement .hero-steel .hero h1{color:#fff}
#mj-blue-refinement .hero-steel .hero .intro{color:#f0f6fb}
#mj-blue-refinement .hero-steel .hero .eyebrow{color:#e4f0f9}
#mj-blue-refinement .hero-gradient .hero{background:linear-gradient(108deg,#e1edf7 0%,#d5e6f3 51%,#bfd8eb 100%);text-align:center}
#mj-blue-refinement .hero-gradient .hero h1{max-width:850px;margin-left:auto;margin-right:auto}
#mj-blue-refinement .hero-gradient .hero .intro{margin-left:auto;margin-right:auto;max-width:810px}
#mj-blue-refinement .hero-grid .hero{background:#d7e7f3}
#mj-blue-refinement .hero-grid .hero:before{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(#315f7f0c 1px,transparent 1px),linear-gradient(90deg,#315f7f0c 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(120deg,transparent 32%,#000 100%)}
#mj-blue-refinement .hero-grid .hero:after{content:'';position:absolute;inset:18px;border:1px solid #315f7f12;z-index:0;pointer-events:none}
#mj-blue-refinement .hero-grid .hero .eyebrow{padding-bottom:9px;border-bottom:1px solid #315f7f24;width:fit-content}
#mj-blue-refinement .hero-planes .hero{background:#d4e5f2}
#mj-blue-refinement .hero-planes .hero:before{content:'';position:absolute;inset:-30px 0 -25px 52%;background:linear-gradient(90deg,transparent 0 34%,#315f7f09 34% 35%,transparent 35% 70%,#315f7f09 70% 71%,transparent 71%),linear-gradient(0deg,transparent 0 33%,#315f7f0a 33% 34%,transparent 34% 66%,#315f7f0a 66% 67%,transparent 67%);border-left:32px solid #315f7f06;transform:skewY(-12deg);z-index:0}
#mj-blue-refinement .hero-planes .hero:after{content:'';position:absolute;right:0;top:0;bottom:0;width:19%;background:#315f7f07;z-index:0}
#mj-blue-refinement .hero-planes .hero h1{font-size:34px}
@container(max-width:760px){#mj-blue-refinement .hero{padding:30px 27px;min-height:252px}#mj-blue-refinement .hero h1{font-size:31px}#mj-blue-refinement .hero-planes .hero h1{font-size:31px}}
@container(max-width:520px){#mj-blue-refinement .mast{gap:10px;flex-wrap:wrap;padding:18px}#mj-blue-refinement .brand{width:145px;margin-right:auto}#mj-blue-refinement .menu{padding:10px;border-radius:6px;min-height:44px}#mj-blue-refinement .nav-contact-mobile{display:inline-flex;background:#315f7f;color:white;text-decoration:none;align-items:center;justify-content:center;border-radius:6px;padding:10px 13px;font-size:13px;min-height:44px}#mj-blue-refinement .hero{margin:0 12px;padding:28px 22px;min-height:0}#mj-blue-refinement .hero h1,#mj-blue-refinement .hero-planes .hero h1{font-size:28px;letter-spacing:-.55px;line-height:1.23;text-wrap:pretty;margin-bottom:17px}#mj-blue-refinement .hero .hero-name{font-size:21px}#mj-blue-refinement .hero .eyebrow{font-size:10px;letter-spacing:.075em;margin-bottom:15px}#mj-blue-refinement .hero .intro{font-size:14px;line-height:1.65}#mj-blue-refinement .hero-grid .hero:after{inset:12px}#mj-blue-refinement .hero-planes .hero:before{opacity:.55}#mj-blue-refinement .hero-gradient .hero{text-align:left}}
@container(max-width:350px){#mj-blue-refinement .brand{width:124px}#mj-blue-refinement .mast{padding:16px 14px;gap:7px}#mj-blue-refinement .nav-contact-mobile{padding:10px}#mj-blue-refinement .menu{padding:9px}}


#mj-blue-refinement .hero-grid .hero:before{inset:0;background-size:auto;mask-image:none;pointer-events:none}
#mj-blue-refinement .motif-bands .hero:before{background:linear-gradient(122deg,transparent 0 57%,#315f7f20 57% 65%,transparent 65% 72%,#315f7f30 72% 81%,transparent 81% 88%,#315f7f18 88%);mask-image:linear-gradient(90deg,transparent 35%,#000 70%)}
#mj-blue-refinement .motif-rings .hero:before{background:radial-gradient(circle at 87% 64%,transparent 0 62px,#315f7f35 63px 67px,transparent 68px 106px,#315f7f22 107px 111px,transparent 112px 154px,#315f7f16 155px 160px,transparent 161px),radial-gradient(circle at 65% 8%,transparent 0 48px,#315f7f1f 49px 53px,transparent 54px);mask-image:linear-gradient(90deg,transparent 45%,#000 68%)}
#mj-blue-refinement .motif-volumes .hero:before{background:linear-gradient(#315f7f27,#315f7f27) 100% 100% / 16% 82% no-repeat,linear-gradient(#315f7f1c,#315f7f1c) 81% 100% / 19% 52% no-repeat,linear-gradient(#315f7f12,#315f7f12) 62% 100% / 15% 32% no-repeat;mask-image:linear-gradient(90deg,transparent 42%,#000 68%)}
#mj-blue-refinement .motif-waves .hero:before{background:radial-gradient(ellipse at 105% 130%,transparent 0 42%,#315f7f27 42.3% 49%,transparent 49.3% 55%,#315f7f1c 55.3% 64%,transparent 64.3% 71%,#315f7f10 71.3% 77%,transparent 77.3%);mask-image:linear-gradient(90deg,transparent 40%,#000 75%)}
#mj-blue-refinement .motif-facets .hero:before{background:conic-gradient(from 15deg at 87% 41%,#315f7f0e 0deg 69deg,#315f7f29 69deg 140deg,#315f7f13 140deg 217deg,#315f7f35 217deg 284deg,#315f7f0b 284deg 360deg);mask-image:linear-gradient(90deg,transparent 46%,#000 73%)}
@container(max-width:520px){#mj-blue-refinement .hero-grid .hero:before{opacity:.8;mask-image:linear-gradient(90deg,transparent 12%,#000 100%)}#mj-blue-refinement .motif-rings .hero:before{background-position:65px 0}#mj-blue-refinement .motif-volumes .hero:before{background-position:100% 100%,81% 100%,62% 100%}}

body{margin:0;background:#f6f8fa}#mj-blue-refinement .preview{max-width:1100px;margin:0 auto;padding-bottom:24px}#mj-blue-refinement a{text-decoration:none}#mj-blue-refinement button,#mj-blue-refinement summary{cursor:pointer}#mj-blue-refinement a:focus-visible,#mj-blue-refinement button:focus-visible,#mj-blue-refinement summary:focus-visible{outline:3px solid #315f7f;outline-offset:3px}#mj-blue-refinement .services a:hover,#mj-blue-refinement .services a:focus-visible{background:#edf4fa;border-color:#99b3c8}#mj-blue-refinement .mobile-nav[hidden]{display:none}#mj-blue-refinement .mobile-nav a{display:block}#mj-blue-refinement details{scroll-margin-top:20px}#mj-blue-refinement .footer-contact svg{fill:none;stroke:currentColor;stroke-width:1.7}
#mj-blue-refinement .hero{padding-left:14px;padding-right:14px}
@container(max-width:520px){#mj-blue-refinement .hero{padding-left:10px;padding-right:10px}}