[data-work-project=affordable-mechanix]{isolation:isolate;font-family:Arial,Helvetica,sans-serif;line-height:normal}[data-work-project=affordable-mechanix] :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dd){margin:revert;font-size:revert;font-weight:revert}[data-work-project=affordable-mechanix] :where(h1,h2,h3,h4,h5,h6){font-family:inherit}[data-work-project=affordable-mechanix] :where(img){width:auto}[data-work-project=affordable-mechanix] :where(ul,ol){list-style:revert;padding:revert}[data-work-project=affordable-mechanix] :where(section[id],div[id]){scroll-margin-top:110px}[data-work-project=affordable-mechanix]{--red:#d81f26;--ink:#0d0d0f;--cream:#f3efe8;--steel:#2b2f36;--line:#d9d5cd;--muted:#4a4a4a}[data-work-project=affordable-mechanix] *{box-sizing:border-box}[data-work-project=affordable-mechanix]{scroll-behavior:smooth;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}[data-work-project=affordable-mechanix] img{max-width:100%;display:block}[data-work-project=affordable-mechanix] .wrap{width:min(1460px,100% - 64px);margin:auto}[data-work-project=affordable-mechanix] .kicker{letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:800}[data-work-project=affordable-mechanix] .red{color:var(--red)}[data-work-project=affordable-mechanix] header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border-bottom:1px solid #00000014;position:fixed;inset:0 0 auto}[data-work-project=affordable-mechanix] header .bar{justify-content:space-between;align-items:center;gap:32px;height:74px;display:flex}[data-work-project=affordable-mechanix] .brand{letter-spacing:.06em;font-size:16px;font-weight:800}[data-work-project=affordable-mechanix] .brand b{color:var(--red)}[data-work-project=affordable-mechanix] .nav{text-transform:uppercase;letter-spacing:.14em;gap:26px;font-size:12px;font-weight:700;display:flex}[data-work-project=affordable-mechanix] .nav a{color:#111;opacity:.75;text-decoration:none;transition:opacity .2s}[data-work-project=affordable-mechanix] .nav a:hover{opacity:1;color:var(--red)}[data-work-project=affordable-mechanix] .hero{color:#fff;background-image:linear-gradient(90deg,#06080ceb 0%,#06080cb3 34%,#06080c1f 70%,#06080c00 100%),url(/work/affordable-mechanix/converted-6619b2ff491578e3.jpg);background-position:50% 55%;background-size:cover;align-items:flex-end;min-height:100vh;padding-top:74px;display:flex;position:relative}[data-work-project=affordable-mechanix] .hero .content{max-width:760px;padding:0 0 76px}[data-work-project=affordable-mechanix] .hero h1{letter-spacing:-.045em;margin:14px 0 22px;font-size:clamp(56px,7.2vw,116px);font-weight:800;line-height:.86}[data-work-project=affordable-mechanix] .hero h1 span{display:block}[data-work-project=affordable-mechanix] .hero h1 em{color:var(--red);font-style:normal;display:block}[data-work-project=affordable-mechanix] .hero p{color:#ffffffe6;max-width:560px;font-size:21px;line-height:1.5}[data-work-project=affordable-mechanix] .hero .meta{text-transform:uppercase;letter-spacing:.13em;flex-wrap:wrap;gap:26px;margin-top:36px;font-size:12px;font-weight:700;display:flex}[data-work-project=affordable-mechanix] .hero .meta div{border-left:2px solid var(--red);color:#fff;padding-left:12px}[data-work-project=affordable-mechanix] .statement{background:#fff;padding:112px 0 92px}[data-work-project=affordable-mechanix] .statement .grid{grid-template-columns:.9fr 1.1fr;align-items:end;gap:84px;display:grid}[data-work-project=affordable-mechanix] .statement h2{letter-spacing:-.04em;margin:14px 0 0;font-size:clamp(46px,5.6vw,86px);line-height:.94}[data-work-project=affordable-mechanix] .statement p{color:#2b2b2b;margin:0 0 14px;font-size:20px;line-height:1.6}[data-work-project=affordable-mechanix] .statement .line{background:var(--red);width:82px;height:5px;margin-top:26px}[data-work-project=affordable-mechanix] .fullimage{background-position:50%;background-size:cover;height:80vh;min-height:600px;position:relative}[data-work-project=affordable-mechanix] .fullimage.exterior{background-image:url(/work/affordable-mechanix/converted-82565d845c003acc.jpg)}[data-work-project=affordable-mechanix] .fullimage.reception{background-image:url(/work/affordable-mechanix/converted-8a7a3e5935b4e708.jpg);background-position:50% 40%}[data-work-project=affordable-mechanix] .fullimage.aerial{background-image:url(/work/affordable-mechanix/converted-ee1a8189c3ba1654.jpg)}[data-work-project=affordable-mechanix] .caption{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#0a0a0a;padding:12px 16px;font-size:11px;font-weight:700;position:absolute;bottom:30px;left:32px}[data-work-project=affordable-mechanix] .story{background:var(--cream);padding:104px 0}[data-work-project=affordable-mechanix] .storygrid{grid-template-columns:1.02fr .98fr;align-items:center;gap:76px;display:grid}[data-work-project=affordable-mechanix] .story h3{letter-spacing:-.035em;margin:12px 0 22px;font-size:clamp(40px,4.4vw,60px);line-height:.98}[data-work-project=affordable-mechanix] .story p{color:#333;max-width:600px;margin:0 0 14px;font-size:19px;line-height:1.62}[data-work-project=affordable-mechanix] .facts{background:#cfc9be;border:1px solid #cfc9be;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:34px;display:grid}[data-work-project=affordable-mechanix] .fact{background:var(--cream);padding:22px}[data-work-project=affordable-mechanix] .fact b{margin-bottom:5px;font-size:26px;display:block}[data-work-project=affordable-mechanix] .fact span{letter-spacing:.12em;text-transform:uppercase;color:#555;font-size:11px;font-weight:700}[data-work-project=affordable-mechanix] .collage{grid-template-columns:1.32fr .68fr;gap:13px;display:grid}[data-work-project=affordable-mechanix] .collage .big{aspect-ratio:3/4;background:url(/work/affordable-mechanix/converted-e314fe65ee7d2ddc.jpg) 50%/cover no-repeat}[data-work-project=affordable-mechanix] .collage .side{grid-template-rows:1fr 1fr;gap:13px;display:grid}[data-work-project=affordable-mechanix] .collage .a{background:url(/work/affordable-mechanix/converted-d69ad529b6cb6622.jpg) 50%/cover no-repeat}[data-work-project=affordable-mechanix] .collage .b{background:url(/work/affordable-mechanix/converted-87cc2c7a0be0ce74.jpg) 50%/cover no-repeat}[data-work-project=affordable-mechanix] .tag{position:relative}[data-work-project=affordable-mechanix] .tag span{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#111;padding:6px 9px;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:10px}[data-work-project=affordable-mechanix] .transition{color:#fff;background:#0b0b0d;padding:114px 0}[data-work-project=affordable-mechanix] .transition .grid{grid-template-columns:1fr 1fr;align-items:center;gap:66px;display:grid}[data-work-project=affordable-mechanix] .transition h2{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(44px,5vw,82px);line-height:.94}[data-work-project=affordable-mechanix] .transition p{color:#dcdcdc;margin:0;font-size:20px;line-height:1.58}[data-work-project=affordable-mechanix] .transition .arrow{color:var(--red);margin-bottom:12px;font-size:64px;line-height:1}[data-work-project=affordable-mechanix] .service-hero{background:url(/work/affordable-mechanix/converted-6009b67075d9f1db.jpg) 50%/cover no-repeat;height:84vh;min-height:640px;position:relative}[data-work-project=affordable-mechanix] .service-hero:after{content:"";background:linear-gradient(90deg,#000000e0 0%,#0009 42%,#0000001f 68%,#0000 100%);position:absolute;inset:0}[data-work-project=affordable-mechanix] .service-hero .overlay{z-index:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}[data-work-project=affordable-mechanix] .service-hero .overlay .wrap{color:#fff;max-width:600px}[data-work-project=affordable-mechanix] .service-hero h3,[data-work-project=affordable-mechanix] .service-hero p{text-shadow:0 2px 20px #0009}[data-work-project=affordable-mechanix] .service-hero h3{margin:12px 0 18px;font-size:clamp(46px,5.5vw,74px);line-height:.95}[data-work-project=affordable-mechanix] .service-hero p{color:#eee;max-width:520px;font-size:19px;line-height:1.55}[data-work-project=affordable-mechanix] .equipment{padding:106px 0}[data-work-project=affordable-mechanix] .eqgrid{grid-template-columns:.82fr 1.18fr;gap:66px;display:grid}[data-work-project=affordable-mechanix] .equipment h3{letter-spacing:-.03em;margin:12px 0 24px;font-size:clamp(40px,4.4vw,58px);line-height:1}[data-work-project=affordable-mechanix] .equipment p{color:#333;margin:0 0 16px;font-size:19px;line-height:1.62}[data-work-project=affordable-mechanix] .cards{grid-template-columns:1fr 1fr;gap:13px;display:grid}[data-work-project=affordable-mechanix] .card{background-position:50%;background-size:cover;min-height:340px;position:relative}[data-work-project=affordable-mechanix] .card.one{background-image:url(/work/affordable-mechanix/converted-cda6e5f2fa726a93.jpg)}[data-work-project=affordable-mechanix] .card.two{background-image:url(/work/affordable-mechanix/converted-7888a9efffb6fffd.jpg)}[data-work-project=affordable-mechanix] .card.three{background-image:url(/work/affordable-mechanix/converted-e3a68a160afeaf0e.jpg);grid-column:1/-1;min-height:460px}[data-work-project=affordable-mechanix] .card span{color:#fff;text-transform:uppercase;letter-spacing:.12em;background:#111;padding:9px 12px;font-size:11px;font-weight:700;position:absolute;bottom:15px;left:15px}[data-work-project=affordable-mechanix] .plan{background:#f5f4f1;padding:104px 0}[data-work-project=affordable-mechanix] .plangrid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:60px;display:grid}[data-work-project=affordable-mechanix] .plan h3{letter-spacing:-.03em;margin:12px 0 22px;font-size:clamp(40px,4.4vw,58px);line-height:1}[data-work-project=affordable-mechanix] .plan p{color:#333;max-width:420px;margin:0 0 26px;font-size:19px;line-height:1.62}[data-work-project=affordable-mechanix] .legend{grid-template-columns:1fr 1fr;gap:10px 22px;max-width:420px;display:grid}[data-work-project=affordable-mechanix] .legend div{letter-spacing:.02em;color:#333;align-items:center;gap:9px;font-size:13px;display:flex}[data-work-project=affordable-mechanix] .legend b{background:var(--red);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}[data-work-project=affordable-mechanix] .planframe{border:1px solid var(--line);background:#fff;padding:26px}[data-work-project=affordable-mechanix] .planframe img{width:100%}[data-work-project=affordable-mechanix] .final{background:#fff;padding:110px 0 118px}[data-work-project=affordable-mechanix] .final h2{letter-spacing:-.04em;max-width:1000px;margin:14px 0 30px;font-size:clamp(44px,5.4vw,84px);line-height:.96}[data-work-project=affordable-mechanix] .final p{color:#333;max-width:820px;font-size:21px;line-height:1.5}[data-work-project=affordable-mechanix] .strip{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;grid-template-columns:repeat(4,1fr);margin-top:52px;display:grid}[data-work-project=affordable-mechanix] .strip div{border-right:1px solid #c9c9c9;padding:26px 22px}[data-work-project=affordable-mechanix] .strip div:last-child{border-right:0}[data-work-project=affordable-mechanix] .strip b{margin-bottom:6px;font-size:23px;display:block}[data-work-project=affordable-mechanix] .strip span{letter-spacing:.12em;text-transform:uppercase;color:#666;font-size:11px;font-weight:700;line-height:1.5}[data-work-project=affordable-mechanix] footer{color:#fff;background:#08080a;padding:40px 0}[data-work-project=affordable-mechanix] footer .foot{letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:30px;font-size:12px;font-weight:700;display:flex}[data-work-project=affordable-mechanix] footer .foot b{color:var(--red)}@media (max-width:900px){[data-work-project=affordable-mechanix] .wrap{width:calc(100% - 36px)}[data-work-project=affordable-mechanix] .nav{display:none}[data-work-project=affordable-mechanix] .statement .grid,[data-work-project=affordable-mechanix] .storygrid,[data-work-project=affordable-mechanix] .transition .grid,[data-work-project=affordable-mechanix] .eqgrid,[data-work-project=affordable-mechanix] .plangrid{grid-template-columns:1fr;gap:40px}[data-work-project=affordable-mechanix] .hero{background-position:62%}[data-work-project=affordable-mechanix] .hero .content{padding-bottom:48px}[data-work-project=affordable-mechanix] .fullimage{height:58vh;min-height:420px}[data-work-project=affordable-mechanix] .collage{grid-template-columns:1fr}[data-work-project=affordable-mechanix] .collage .big{aspect-ratio:16/10}[data-work-project=affordable-mechanix] .collage .side{grid-template-rows:none;grid-template-columns:1fr 1fr;height:240px}[data-work-project=affordable-mechanix] .service-hero h3{font-size:40px}[data-work-project=affordable-mechanix] .cards{grid-template-columns:1fr}[data-work-project=affordable-mechanix] .card.three{grid-column:auto;min-height:300px}[data-work-project=affordable-mechanix] .legend{grid-template-columns:1fr}[data-work-project=affordable-mechanix] .strip{grid-template-columns:1fr 1fr}[data-work-project=affordable-mechanix] .strip div:nth-child(2){border-right:0}[data-work-project=affordable-mechanix] .strip div:first-child,[data-work-project=affordable-mechanix] .strip div:nth-child(2){border-bottom:1px solid #c9c9c9}[data-work-project=affordable-mechanix] footer .foot{text-align:center;flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){[data-work-project=affordable-mechanix]{scroll-behavior:auto}}