:root{--blue:#008fcf;--blue2:#007ebc;--orange:#f26a32;--ink:#202527;--paper:#f2f0eb;--line:#d5d2cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.pad{padding:120px 0}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--blue);margin-bottom:24px}.kicker.light{color:#72cff5}.top{position:absolute;z-index:10;top:0;left:0;right:0;color:white;border-bottom:1px solid #ffffff52}.nav{height:106px;display:flex;align-items:center;justify-content:space-between}.logo{width:136px;height:78px;display:flex;align-items:center}.logo img{display:block;width:100%;height:auto}.nav nav{display:flex;gap:34px;font-size:12px;font-weight:800}.nav nav a{padding:14px 0;border-bottom:2px solid transparent}.nav nav a:hover{border-color:var(--orange)}.nav-side{display:flex;align-items:center;gap:18px;font-size:11px;font-weight:bold}.nav-side span{border:1px solid #ffffff77;padding:9px}.menu{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:850px;background:#101a1d;color:white;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('./maraite-fleet.jpg') center 62%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#091316ee 0%,#091316b8 44%,#0913162b 76%),linear-gradient(0deg,#091316bd,transparent 45%)}.hero-content{position:relative;z-index:2;padding-top:85px}.hero h1{font:500 clamp(64px,8.5vw,124px)/.86 Georgia,serif;letter-spacing:-.06em;margin-bottom:30px;max-width:900px}.hero h1 em{font-style:normal;color:#75cdf2}.hero-content>p:not(.kicker){font-size:18px;line-height:1.65;max-width:600px;color:#d5dedf}.button{display:inline-flex;gap:48px;justify-content:space-between;align-items:center;border:0;background:var(--orange);color:white;padding:20px 24px;font-size:12px;font-weight:900;cursor:pointer}.ghost{display:inline-block;margin-left:25px;font-size:12px;font-weight:800;border-bottom:1px solid #ffffffaa;padding:12px 0}.hero-bottom{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);border-top:1px solid #ffffff45;height:105px;display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:50px}.hero-bottom>span{font:10px monospace;letter-spacing:.15em}.hero-bottom>span:last-child{text-align:right}.hero-bottom div{display:flex;align-items:center;gap:12px;padding:0 36px;border-left:1px solid #ffffff45}.hero-bottom strong{font:42px Georgia}.hero-bottom small{text-transform:uppercase;font-size:8px;line-height:1.5;letter-spacing:.1em;color:#afc0c3}.intro{display:grid;grid-template-columns:1fr 1fr;gap:11%}.intro h2,.section-title h2,.contact h2{font:500 clamp(48px,6vw,78px)/.95 Georgia,serif;letter-spacing:-.05em;margin:0}.intro>div:last-child>p{line-height:1.7;color:#667073}.intro .big-copy{font:25px/1.45 Georgia;color:var(--ink)!important}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.facts div{display:flex;flex-direction:column}.facts b{font:35px Georgia;color:var(--blue)}.facts span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:7px}.services{background:#142428;color:white}.section-title{display:grid;grid-template-columns:1.5fr .7fr;gap:20%;align-items:end}.section-title>p{color:#a9b7ba;line-height:1.7;margin-bottom:10px}.service-list{margin-top:70px;border-top:1px solid #ffffff35}.service-list article{display:grid;grid-template-columns:80px 1fr 60px;gap:25px;align-items:center;padding:38px 0;border-bottom:1px solid #ffffff35}.service-list article>span{font:12px monospace;color:#73c9ee}.service-list small{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#73c9ee}.service-list h3{font:34px Georgia;margin:10px 0}.service-list p{margin:0;max-width:750px;line-height:1.65;font-size:14px;color:#acb8ba}.service-list article>a{border:1px solid #ffffff55;width:48px;height:48px;display:grid;place-items:center}.projects .section-title>p{color:#6d7475}.featured{margin-top:70px;display:grid;grid-template-columns:1.3fr .7fr;background:white}.project-image{position:relative;min-height:520px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-image span{position:absolute;left:20px;top:20px;background:var(--orange);color:white;padding:10px 14px;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.project-copy{padding:55px}.project-copy h3{font:38px/1.08 Georgia;margin-bottom:25px}.project-copy>p:not(.kicker){font-size:14px;line-height:1.7;color:#626b6c}.project-copy dl{margin:35px 0 0}.project-copy dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font-size:11px}.project-copy dt{text-transform:uppercase;letter-spacing:.1em;color:#777}.project-copy dd{margin:0;font-weight:bold}.project-grid{display:grid;grid-template-columns:1fr 1fr}.project-grid article{padding:48px;background:#dce8ec}.project-grid article.orange{background:var(--orange);color:white}.project-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.14em}.project-grid strong{font:60px Georgia;display:block;margin:45px 0 8px}.project-grid h3{font:27px Georgia}.project-grid p{font-size:13px;line-height:1.65;max-width:440px}.career{background:var(--blue);color:white;position:relative}.career:after{content:"MB";position:absolute;right:1%;bottom:-7%;font:260px/1 Arial;font-weight:900;letter-spacing:-.12em;color:#ffffff0c}.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;position:relative;z-index:1}.career h2{font:500 clamp(50px,6vw,78px)/.93 Georgia;letter-spacing:-.05em}.career h2 em{font-style:normal;color:#8dd7f5}.career-grid>div>p:not(.kicker){line-height:1.7;color:#d2edf7;max-width:500px}.button.white{background:white;color:var(--blue);margin-top:25px}.job{border:1px solid #ffffff54;padding:45px}.job>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#a5e3fa}.job h3{font:34px Georgia;margin:25px 0 15px}.job p,.job li{font-size:13px;line-height:1.65;color:#d1edf7}.job ul{padding-left:18px;margin:25px 0}.job a{display:inline-block;border-bottom:1px solid;margin-top:10px;padding-bottom:8px;font-size:11px;font-weight:bold}.contact{background:#dedbd4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact>div>div>p:not(.kicker){line-height:1.7;color:#60696a;max-width:480px;margin-top:28px}.contact-info{display:flex;flex-direction:column;gap:12px;margin-top:40px;font-weight:bold}.contact-info address{font-style:normal;font-weight:normal;line-height:1.6;margin-top:12px}.contact form{display:grid;gap:20px}.contact label{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:bold}.contact input,.contact select,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #8b8c88;padding:13px 2px;margin-top:5px;background:transparent;color:var(--ink);font:15px Arial;outline:none}.contact textarea{resize:vertical}.contact form .button{width:100%;justify-content:center;margin-top:8px}.thanks{background:white;padding:50px}.thanks strong{font:40px Georgia}.thanks p{line-height:1.6;margin-top:15px}footer{background:#131f22;color:white;padding:45px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between}footer img{width:105px}footer p,footer a{font-size:10px;color:#9dacad}footer .wrap>div{display:flex;gap:22px}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:106px;left:0;right:0;background:#142428;padding:28px;flex-direction:column}.nav nav.open{display:flex}.nav-side{display:none}.menu{display:block}.hero-bottom{grid-template-columns:1fr 1fr}.hero-bottom>span{display:none}.intro,.section-title,.featured,.career-grid,.contact-grid{grid-template-columns:1fr}.intro,.career-grid,.contact-grid{gap:65px}.section-title{gap:25px}.service-list article{grid-template-columns:45px 1fr 50px}.featured{margin-top:45px}.project-image{min-height:400px}.project-grid{grid-template-columns:1fr}.pad{padding:90px 0}}
@media(max-width:560px){.wrap{width:calc(100% - 28px)}.nav{height:86px}.logo{width:105px}.nav nav{top:86px}.hero{min-height:760px}.hero-content{padding-top:60px}.hero h1{font-size:58px}.hero-content>p:not(.kicker){font-size:15px}.ghost{margin-left:0;margin-top:15px}.hero-bottom{gap:0}.hero-bottom div{padding:0 12px}.hero-bottom strong{font-size:31px}.facts{gap:10px}.facts b{font-size:27px}.service-list article{grid-template-columns:32px 1fr}.service-list article>a{display:none}.service-list h3{font-size:26px}.project-copy{padding:32px}.project-image{min-height:310px}.project-grid article{padding:34px}.job{padding:28px}footer{padding-bottom:55px}footer .wrap{flex-direction:column;align-items:flex-start;gap:25px}}

/* Design selector */
.design-picker{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:50;background:#fff;color:#172226;padding:8px;box-shadow:0 16px 50px #0003;display:flex;flex-direction:column;gap:4px}.design-picker>span{padding:7px 10px 4px;font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:#7b8487;font-weight:800}.design-picker button{border:0;background:transparent;color:inherit;padding:10px 12px;text-align:left;font-size:11px;font-weight:800;cursor:pointer;min-width:92px}.design-picker button b{font:9px monospace;color:#9ca4a6;margin-right:9px}.design-picker button.active{background:#e9f5fa;color:#007fba}.design-picker button.active b{color:#f26a32}

/* 02 GRID — bright architectural minimalism */
.grid{--blue:#1556ff;--orange:#ff4d18;--ink:#111417;--paper:#f7f7f5;--line:#c9cdd0}.grid .top{background:white;color:var(--ink);border-bottom:1px solid #d3d7d9;position:absolute}.grid .top .logo img,.grid footer img{background:#6a625c}.grid .nav{height:92px}.grid .nav nav{gap:0;border-left:1px solid #d3d7d9}.grid .nav nav a{height:92px;display:flex;align-items:center;padding:0 25px;border-right:1px solid #d3d7d9;border-bottom:0}.grid .nav nav a:hover{background:#e8edff}.grid .menu{color:var(--ink)}.grid .hero{min-height:820px;background:#dce1e3;color:#111}.grid .hero-photo{left:44%;background-position:center}.grid .hero-shade{background:linear-gradient(90deg,#f7f7f5 0%,#f7f7f5 43%,#f7f7f5b8 52%,transparent 73%),linear-gradient(0deg,#1118,transparent 35%)}.grid .hero-content{padding-top:110px}.grid .hero h1{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(60px,8vw,116px);line-height:.82;max-width:720px}.grid .hero h1 em{font-style:normal;color:var(--blue)}.grid .hero-content>p:not(.kicker){color:#555d61;max-width:520px}.grid .kicker.light{color:var(--blue)}.grid .ghost{border-color:#222}.grid .hero-bottom{color:white}.grid .intro h2,.grid .section-title h2,.grid .contact h2,.grid .career h2{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;line-height:.88}.grid .services{background:#eff1f2;color:var(--ink);border-top:1px solid var(--line)}.grid .services .kicker.light,.grid .service-list small,.grid .service-list article>span{color:var(--blue)}.grid .services .section-title>p,.grid .service-list p{color:#5b6467}.grid .service-list{border-color:var(--line)}.grid .service-list article{border-color:var(--line);grid-template-columns:90px 1fr 60px}.grid .service-list h3{font-family:Arial,sans-serif;font-weight:800;text-transform:uppercase}.grid .service-list article>a{border-color:var(--ink)}.grid .featured{border:1px solid var(--ink);box-shadow:10px 10px 0 var(--blue)}.grid .project-grid{gap:12px;margin-top:12px}.grid .project-grid article{background:#dbe4ff}.grid .project-grid article.orange{background:#ff4d18}.grid .career{background:#141cff}.grid .job{background:#fff;color:#111}.grid .job p,.grid .job li{color:#586064}.grid .job>span{color:var(--blue)}

/* 03 SIGNAL — dark industrial editorial */
.signal{--blue:#00a7de;--orange:#ff6b00;--ink:#e8eceb;--paper:#111615;--line:#3b4341;background:#111615;color:#e8eceb}.signal .top{background:#0d1211cc;backdrop-filter:blur(15px);border-color:#ffffff24}.signal .logo img,.signal footer img{filter:grayscale(1) brightness(2.7)}.signal .hero{min-height:900px}.signal .hero-photo{filter:grayscale(1) contrast(1.15);background-position:center}.signal .hero-shade{background:linear-gradient(90deg,#080d0cf2 0%,#080d0cab 46%,transparent 78%),linear-gradient(0deg,#080d0ce8,transparent 58%)}.signal .hero h1{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(64px,9vw,134px);line-height:.78}.signal .hero h1 em{color:var(--orange);font-style:normal}.signal .hero-content>p:not(.kicker){color:#a8b1af}.signal .button{background:var(--orange);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}.signal .kicker{color:var(--orange)}.signal .intro{position:relative}.signal .intro:before{content:"50°22′ N  6°10′ E";position:absolute;top:45px;right:0;font:9px monospace;color:#74807c;letter-spacing:.18em}.signal .intro h2,.signal .section-title h2,.signal .contact h2,.signal .career h2{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;line-height:.86}.signal .intro>div:last-child>p,.signal .projects .section-title>p{color:#8e9996}.signal .facts{border-color:#3b4341}.signal .facts b{color:var(--orange)}.signal .services{background:#090d0c;border-top:6px solid var(--orange)}.signal .service-list article{transition:.25s}.signal .service-list article:hover{padding-left:24px;background:#ffffff06}.signal .service-list article>span,.signal .service-list small{color:var(--orange)}.signal .service-list h3{font-family:Arial,sans-serif;text-transform:uppercase;font-weight:900}.signal .projects{background:#111615}.signal .featured{background:#1a201f}.signal .project-copy>p:not(.kicker){color:#9ca6a3}.signal .project-copy dl div{border-color:#3b4341}.signal .project-copy dt{color:#8b9693}.signal .project-grid article{background:#1c2422}.signal .project-grid article.orange{background:var(--orange)}.signal .career{background:#080c0b;border-top:1px solid #39413f;border-bottom:1px solid #39413f}.signal .career h2 em{color:var(--orange)}.signal .job{border-color:#59625f}.signal .contact{background:#161c1b}.signal .contact>div>div>p:not(.kicker){color:#949e9b}.signal .contact input,.signal .contact select,.signal .contact textarea{color:white;border-color:#59625f}.signal .contact option{color:#111}.signal footer{background:#050807}

@media(max-width:900px){.design-picker{top:auto;right:10px;left:10px;bottom:10px;transform:none;flex-direction:row;justify-content:center}.design-picker>span{display:none}.design-picker button{min-width:0;flex:1;text-align:center}.grid .nav nav{top:92px;height:auto;border:0}.grid .nav nav a{height:auto;border:0;padding:12px 0}.grid .hero-photo{left:0}.grid .hero-shade{background:linear-gradient(90deg,#f7f7f5eb,#f7f7f57a 70%,transparent),linear-gradient(0deg,#1118,transparent 35%)}}