/* MRT Tech Solutions — editorial portfolio */
:root{--navy:#071e31;--navy2:#0d3048;--ink:#162b38;--paper:#f6f3ec;--cream:#fffdf8;--line:#d9dfdb;--muted:#5d6c73;--aqua:#59dfd4;--teal:#006e69;--max:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin:0}ol{margin:0;padding:0}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
[hidden]{display:none!important}
::selection{background:var(--aqua);color:var(--navy)}
.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:200;left:16px;top:-100px;padding:12px 18px;background:var(--aqua);font-weight:700}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,30,49,.97);border-bottom:1px solid #ffffff21;color:#fff;backdrop-filter:blur(16px)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:15px;flex-shrink:0}.brand img{width:91px;height:auto}.brand-name{font-size:14px;font-weight:700;line-height:1.24;border-left:1px solid #ffffff55;padding-left:16px;letter-spacing:.01em}
.main-nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:650}.main-nav>a{display:inline-flex;align-items:center;min-height:44px;transition:color .2s}.main-nav>a:hover{color:var(--aqua)}
.main-nav .nav-contact{border:1px solid #a5c0cf66;padding:0 17px;gap:25px;border-radius:2px}.main-nav .nav-contact:hover{border-color:var(--aqua);background:#173a50}.nav-contact>span[aria-hidden]{color:var(--aqua);font-size:20px}.menu-toggle{display:none}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--aqua)}
.eyebrow-line{height:1px;width:24px;background:var(--aqua);display:inline-block;flex:none}.dark-eyebrow{color:var(--teal)}
h1,h2{letter-spacing:-.055em;font-weight:660;line-height:1.06}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}
h2{font-size:clamp(42px,5vw,68px)}
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero-glow{pointer-events:none;position:absolute;width:750px;height:750px;right:-350px;top:-325px;border-radius:50%;background:radial-gradient(circle,#2d736c40,transparent 65%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:65px;padding-block:105px 96px}
.hero-copy{position:relative;z-index:2}h1{font-size:clamp(64px,6.65vw,97px);max-width:760px;margin-top:27px}h1 em{color:var(--aqua);white-space:nowrap}
.hero-lead{font-size:18px;line-height:1.7;color:#c7d5dc;max-width:525px;margin-top:31px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:35px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:60px;padding:15px 21px;font-size:14px;line-height:1.4;font-weight:700;border-radius:2px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--aqua);color:var(--navy)}.button-primary:hover{background:#91f3e9}.button>span[aria-hidden]{font-size:24px;font-weight:400;line-height:1}
.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#f8faf9;font-weight:600;font-size:13px;border-bottom:1px solid #71cfc778}.text-link:hover{color:var(--aqua)}.text-link span{color:var(--aqua)}
.hero-small{font-size:12px;color:#9eb4c1;line-height:1.6;margin-top:34px}
.hero-showcase{display:block;position:relative;min-width:0;background:var(--cream);color:var(--ink);box-shadow:0 50px 95px #0005;transform:rotate(1.5deg);transition:transform .35s,box-shadow .35s}
.hero-showcase:hover{transform:rotate(0deg) translateY(-8px);box-shadow:0 64px 100px #0006}
.showcase-browser{height:36px;background:#f4f5f2;border-bottom:1px solid #d9e0df;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;color:#73848c;font-size:10px;letter-spacing:.01em}.browser-dots{display:flex;gap:4px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#b6c7c8}.browser-arrow{font-size:16px;color:var(--teal)}
.showcase-image{position:relative;aspect-ratio:1.17;overflow:hidden;background:#9eb5b4}.showcase-image img{width:100%;height:100%;object-fit:cover;object-position:48% 50%;filter:saturate(.8)}.showcase-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071e31bd 0%,#071e3166 42%,transparent 90%)}
.showcase-overlay{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px 32px;color:white}.showcase-overlay>span{font-size:10px;font-weight:700;letter-spacing:.12em}.showcase-overlay strong{font-size:clamp(42px,4.4vw,67px);letter-spacing:-.065em;line-height:1.04;font-weight:500}.showcase-overlay em{font-family:Georgia,serif;font-weight:400}
.showcase-caption{display:flex;justify-content:space-between;gap:15px;padding:20px 22px 22px;font-size:11px;line-height:1.65;color:#576870}.showcase-caption b{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.showcase-link{white-space:nowrap;color:var(--teal);font-size:11px;font-weight:700;align-self:center}
.hero-foot{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #ffffff2a;padding:24px 0 30px;color:#b4c8d0;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.hero-foot span:before{content:"+";color:var(--aqua);margin-right:10px;font-size:15px}
.section{padding-block:115px}.section-heading{display:grid;grid-template-columns:1fr .58fr;gap:60px;align-items:end;margin-bottom:37px}.section-heading h2{margin-top:22px}.section-heading h2 em{color:var(--teal)}.section-heading>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:435px;justify-self:end}
.projects{background:var(--cream)}.honesty-note{border-left:2px solid var(--teal);background:#e9f1ee;padding:14px 18px;font-size:12px;line-height:1.65;color:#415962;margin-bottom:27px}.honesty-note span{font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);margin-right:9px}
.web-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.web-card{border:1px solid var(--line);background:#fff;min-width:0;transition:transform .3s,box-shadow .3s}.web-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #102f3b19}
.web-card-image{display:block;position:relative;overflow:hidden;aspect-ratio:1280/890;background:#c5d6d2}.web-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.82)}.web-card:hover .web-card-image>img{transform:scale(1.035)}
.web-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071e3188,transparent 45%)}.web-card-visual-title{position:absolute;z-index:1;bottom:23px;left:28px;color:#fff;font-size:clamp(33px,3.4vw,52px);font-weight:600;letter-spacing:-.055em;text-shadow:0 2px 12px #0005}.web-card-visual-title i{font-family:Georgia,serif;font-weight:400}.web-card-ridge .web-card-visual-title{font-family:Georgia,serif}.image-arrow{position:absolute;z-index:1;right:19px;top:18px;width:40px;height:40px;display:grid;place-items:center;background:var(--cream);color:var(--navy);border-radius:50%;font-size:22px}
.web-card-body{padding:26px 29px 29px;display:flex;flex-direction:column;justify-content:space-between;gap:29px;min-height:238px}.project-type{font-size:10px;color:var(--teal);letter-spacing:.13em;font-weight:700}.web-card h3{font-size:27px;letter-spacing:-.04em;line-height:1.2;margin:7px 0 9px}.web-card-body p:not(.project-type){color:var(--muted);font-size:14px;line-height:1.7;max-width:505px}
.inline-link{display:inline-flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #b7c9c7;padding-bottom:10px;font-size:13px;font-weight:700;color:var(--teal);width:fit-content;min-width:220px}.inline-link:hover{border-color:var(--teal)}
.projects-next{margin-top:28px;border:1px solid #cbd8d6;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f0f7f3}.projects-next p{font-size:15px;line-height:1.65}.projects-next strong{font-weight:600}.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;white-space:nowrap;border:1px solid var(--navy);padding:12px 15px;font-size:12px;font-weight:700;min-height:48px}.outline-button:hover{background:var(--navy);color:#fff}
.services{background:var(--paper)}.service-list{border-top:1px solid #b9c8c9}.service-row{display:grid;grid-template-columns:64px 1fr 48px;gap:18px;align-items:start;padding:29px 20px 30px 0;border-bottom:1px solid #b9c8c9;transition:background .2s,padding .2s}.service-row:hover{background:#eef3ef;padding-left:17px}.service-index{font-family:Georgia,serif;font-size:20px;color:var(--teal);padding-top:2px}.service-kicker{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--teal)}.service-row h3{font-size:clamp(25px,3vw,39px);line-height:1.18;letter-spacing:-.045em;margin:6px 0 8px}.service-row p:not(.service-kicker){font-size:14px;max-width:780px;line-height:1.7;color:var(--muted)}.service-row>a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b8ccca;border-radius:50%;color:var(--teal);font-size:22px;transition:background .2s}.service-row>a:hover{background:var(--aqua)}.featured-service h3{color:var(--teal)}.service-footnote{font-size:13px;line-height:1.6;color:#52666c;margin-top:23px}
.other-work{background:#fff;border-top:1px solid var(--line)}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.material-card{border:1px solid var(--line);background:var(--cream)}.material-art{height:236px;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px}.material-art img{object-fit:contain;max-height:100%;box-shadow:0 12px 26px #0d243636;transition:transform .3s}.material-art:hover img{transform:translateY(-4px)}.material-art>span{position:absolute;right:14px;top:12px;width:34px;height:34px;background:#fff;color:var(--navy);border-radius:50%;display:grid;place-items:center;font-size:20px}.art-moduva{background:#d3e0d9}.art-b2b{background:#dee5e4}.art-b2b img{max-height:235px;align-self:start}.art-roastline{background:#ebe7db}.material-card>div{padding:21px 22px 24px}.material-card p{font-size:10px;color:var(--teal);letter-spacing:.12em;font-weight:700}.material-card h3{font-size:22px;letter-spacing:-.035em;margin:7px 0 19px;line-height:1.2}.material-card .inline-link{font-size:12px}.material-disclaimer{color:var(--muted);font-size:12px;line-height:1.7;margin-top:23px}
.process{background:var(--navy);color:#fff}.process-grid{display:grid;grid-template-columns:1fr .85fr;gap:85px}.process h2{margin-top:24px}.process h2 em{color:var(--aqua)}.process-intro{max-width:465px;font-size:16px;line-height:1.8;color:#bfd0d8;margin-top:26px}.process-steps{list-style:none;border-top:1px solid #ffffff32}.process-steps li{display:grid;grid-template-columns:49px 1fr;gap:17px;border-bottom:1px solid #ffffff32;padding:23px 0}.process-steps li>span{font-size:13px;color:var(--aqua);font-weight:700}.process-steps h3{font-size:19px;line-height:1.3;letter-spacing:-.02em}.process-steps p{font-size:13px;color:#bed0d8;line-height:1.7;margin-top:7px;max-width:430px}
.faq{background:var(--cream)}.faq-grid{display:grid;grid-template-columns:.75fr 1fr;gap:90px}.faq h2{margin-top:22px}.faq h2 em{color:var(--teal)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:75px;font-size:16px;font-weight:650;line-height:1.4}summary::-webkit-details-marker{display:none}summary span{font-size:27px;font-weight:300;color:var(--teal);transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details>p{font-size:14px;line-height:1.8;color:var(--muted);padding:0 40px 24px 0}
.contact{background:var(--aqua);color:var(--navy);padding:105px 0 108px}.contact-inner{display:flex;flex-direction:column;align-items:flex-start}.contact .eyebrow{color:#185a5a}.contact h2{font-size:clamp(50px,7vw,94px);margin-top:23px}.contact h2 em{color:#08736e}.contact p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:560px;margin-top:25px;color:#22585c}.contact .button{margin-top:30px;background:var(--navy);color:#fff}.contact .button:hover{background:#16415a}
.site-footer{background:#061a2a;color:#fff;padding:40px 0 28px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:30px}.footer-main>p{font-size:13px;color:#b6c9d3}.footer-main>a:last-child{font-size:12px;color:var(--aqua)}.footer-meta{border-top:1px solid #ffffff2a;padding-top:18px;display:flex;justify-content:space-between;gap:40px}.footer-meta p{font-size:10px;line-height:1.75;color:#9ab1bd;max-width:560px}.footer-meta a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.container{width:min(calc(100% - 64px),var(--max))}.hero-grid{gap:35px}.hero h1{font-size:clamp(59px,6.4vw,76px)}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.showcase-image{aspect-ratio:1}.showcase-overlay strong{font-size:47px}.section{padding-block:90px}}
@media(max-width:820px){.container{width:calc(100% - 48px)}.header-inner{min-height:70px;flex-wrap:wrap;padding-block:10px;gap:0}.brand img{width:79px}.brand-name{font-size:12px;padding-left:12px}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;border:1px solid #9db9c269;background:none;min-height:42px;padding:7px 11px;font-size:12px}.menu-symbol{display:flex;flex-direction:column;gap:5px;width:15px}.menu-symbol i{width:100%;height:1px;background:var(--aqua);transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-symbol i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-symbol i:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{width:100%;gap:7px 18px;flex-wrap:wrap;padding-block:14px 4px;font-size:13px}.js .main-nav{display:none}.js .main-nav[data-open]{display:flex}.main-nav .nav-contact{padding-inline:12px}.hero-grid{grid-template-columns:1fr;gap:45px;padding-block:75px 65px}.hero-copy{max-width:670px}.hero h1{font-size:clamp(62px,10vw,88px)}.hero-lead{font-size:18px}.hero-actions{flex-direction:row;align-items:center;gap:17px}.hero-showcase{max-width:660px;width:100%;margin:auto;transform:none}.hero-showcase:hover{transform:translateY(-6px)}.showcase-image{aspect-ratio:1.35}.showcase-overlay strong{font-size:clamp(45px,8vw,70px)}.hero-foot{grid-template-columns:1fr 1fr;gap:10px 20px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{justify-self:start;max-width:600px}.section{padding-block:75px}.faq-grid{grid-template-columns:1fr;gap:32px}.process-grid{grid-template-columns:1fr;gap:42px}.process-intro{max-width:620px}}
@media(max-width:600px){.container{width:calc(100% - 38px)}.site-header{backdrop-filter:none}.header-inner{min-height:68px}.main-nav{gap:4px 16px}.main-nav>a{font-size:12px;min-height:39px}.main-nav .nav-contact{width:100%;justify-content:space-between}.hero-grid{padding-block:52px 44px;gap:43px}.eyebrow{font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(47px,12.5vw,70px);line-height:1.02;margin-top:20px}.hero h1 em{white-space:normal}.hero-lead{font-size:16px;line-height:1.7;margin-top:22px}.hero-actions{flex-direction:column;align-items:flex-start;margin-top:26px;gap:9px}.button{font-size:13px;width:100%;max-width:430px;min-height:59px}.hero-small{font-size:11px;margin-top:24px}.showcase-browser{height:30px;padding-inline:10px;font-size:8px}.showcase-image{aspect-ratio:1.12}.showcase-overlay{padding:18px}.showcase-overlay strong{font-size:clamp(36px,10vw,52px)}.showcase-overlay>span{font-size:8px}.showcase-caption{padding:13px 14px 15px;font-size:10px}.showcase-caption b{font-size:9px}.showcase-link{font-size:10px}.hero-foot{grid-template-columns:1fr 1fr;font-size:9px;padding:18px 0 23px;gap:9px}.hero-foot span:before{margin-right:5px}.section{padding-block:65px}.section-heading{margin-bottom:27px;gap:16px}.section-heading h2,.faq h2{font-size:clamp(37px,10vw,55px);margin-top:15px}.section-heading>p{font-size:14px;line-height:1.7}.honesty-note{font-size:11px;margin-bottom:20px}.honesty-note span{display:block;margin-bottom:3px}.web-projects{grid-template-columns:1fr;gap:19px}.web-card-image{aspect-ratio:1280/890}.web-card-visual-title{font-size:42px;left:19px;bottom:15px}.web-card-body{min-height:0;padding:21px;gap:23px}.web-card h3{font-size:24px}.web-card-body p:not(.project-type){font-size:13px}.projects-next{display:block;padding:21px;margin-top:20px}.projects-next p{font-size:13px}.projects-next .outline-button{margin-top:17px;width:100%}.service-row{grid-template-columns:35px 1fr 34px;gap:8px;padding:24px 0}.service-row:hover{padding-left:0}.service-index{font-size:15px}.service-row h3{font-size:25px}.service-row p:not(.service-kicker){font-size:13px}.service-row>a{width:33px;height:33px;font-size:17px}.service-kicker{font-size:8px}.service-footnote{font-size:12px}.materials-grid{grid-template-columns:1fr;gap:17px}.material-art{height:225px}.material-card>div{padding:18px 20px 21px}.material-card h3{font-size:22px;margin-bottom:15px}.process h2{font-size:clamp(37px,10vw,55px)}.process-intro{font-size:14px;margin-top:19px}.process-grid{gap:36px}.process-steps li{padding:19px 0}.process-steps h3{font-size:17px}.process-steps p{font-size:12px}.faq-grid{gap:21px}summary{font-size:14px;min-height:68px}details>p{font-size:13px}.contact{padding-block:72px 75px}.contact h2{font-size:clamp(44px,11vw,64px);line-height:1.04}.contact p:not(.eyebrow){font-size:14px}.contact .button{margin-top:24px}.footer-main{flex-wrap:wrap;gap:15px}.footer-main>p{order:3;width:100%;font-size:11px}.footer-meta{flex-direction:column;gap:9px}.footer-meta p{font-size:9px}}
@media(max-width:360px){.container{width:calc(100% - 30px)}.hero h1{font-size:45px}.showcase-overlay strong{font-size:33px}.showcase-caption{gap:7px}.showcase-link{font-size:9px}.web-card-visual-title{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}