*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f6f5f0;color:#15213d;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.header{height:88px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded6;background:#f6f5f0;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;width:150px;height:74px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.header nav{display:flex;align-items:center;gap:30px;font-size:13px}.header nav>a:not(.nav-button){opacity:.8}.header nav>a:hover{opacity:1;color:#ed7900}.nav-button{border:1px solid #15213d;padding:10px 15px;font-weight:700}.nav-button span{color:#ed7900;margin-left:12px}.hero{min-height:calc(88vh - 88px);display:grid;grid-template-columns:1.03fr .87fr;align-items:stretch;border-bottom:1px solid #deded6}.hero-copy{padding:9vh 5vw 7vh 6vw;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:10px;font-weight:700;letter-spacing:.18em;color:#287f8b;margin:0 0 22px}.dot{display:inline-block;width:8px;height:8px;background:#ed7900;border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(48px,6.2vw,86px);line-height:.99;letter-spacing:-.06em;font-weight:700;margin:0 0 28px;max-width:720px}.hero h1 em{font-style:normal;color:#ed7900}.lead{font-size:18px;color:#4e5968;max-width:540px;margin:0 0 30px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #15213d;padding:13px 16px;min-width:158px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.button span{font-size:17px}.button:hover{border-color:#ed7900}.button.dark{background:#15213d;color:#fff}.button.dark:hover{background:#ed7900;border-color:#ed7900}.location{font-size:11px;color:#687181;letter-spacing:.04em;margin:34px 0 0}.hero-image{min-height:540px;position:relative;overflow:hidden;background:#15213d}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,33,61,.66),transparent 45%);pointer-events:none}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:24px;left:28px;right:28px;z-index:1;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:9px;letter-spacing:.12em}.section{padding:105px 6vw;max-width:1500px;margin:auto}.heading{margin-bottom:48px}.heading h2{font-size:clamp(39px,4.6vw,65px);line-height:1.02;letter-spacing:-.055em;font-weight:700;margin:0}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;border-bottom:1px solid #deded6}.intro-copy{font-size:17px;color:#455165;max-width:700px}.intro-copy p{margin:0 0 20px}.intro-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.intro-tags span{font-size:11px;border:1px solid #d3d7d6;padding:8px 11px;border-radius:2px;color:#15213d}.services-section{padding-bottom:90px}.section-lead{color:#657080;max-width:520px;margin:20px 0 0;font-size:16px}.services{border-top:1px solid #d6d8d2;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.service{position:relative;min-height:290px;padding:27px 25px 30px 0;border-bottom:1px solid #d6d8d2}.service:nth-child(even){padding-left:30px;border-left:1px solid #d6d8d2}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.number{font-size:10px;letter-spacing:.14em;color:#287f8b;font-weight:700}.service-mark{color:#ed7900;font-size:22px}.service h3{font-size:23px;line-height:1.16;letter-spacing:-.035em;margin:0 0 15px;max-width:470px}.service ul{padding-left:17px;margin:0;color:#596476;font-size:13px}.service li{padding:0 0 7px 2px}.service li::marker{color:#ed7900}.visual-service{display:grid;grid-template-columns:.8fr 1fr;gap:24px;align-items:center;padding-left:30px}.visual-service>img{width:100%;height:220px;object-fit:cover}.visual-service .kicker{margin-bottom:12px}.visual-service h3{font-size:26px}.visual-service p:not(.kicker){font-size:13px;color:#596476}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #ed7900;padding-bottom:5px;display:inline-block;margin-top:8px}.text-link span{color:#ed7900;margin-left:12px}.image-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#15213d;gap:1px}.image-strip figure{position:relative;margin:0;height:250px;overflow:hidden;background:#15213d}.image-strip img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:transform .4s,opacity .4s}.image-strip figure:hover img{transform:scale(1.035);opacity:.9}.image-strip figcaption{position:absolute;bottom:18px;left:22px;color:#fff;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.technical{background:#15213d;color:#f6f5f0;padding:100px 6vw}.section-inner{max-width:1320px;margin:auto}.light .kicker{color:#52a4ad}.technical .heading{margin-bottom:50px}.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.technical-panel{border-top:1px solid #43506a;padding-top:22px}.tech-label{font-size:10px;letter-spacing:.17em;color:#e9b52b;font-weight:700;margin:0 0 24px}.chip-list{display:flex;gap:9px;flex-wrap:wrap}.chip-list span{border:1px solid #536079;padding:10px 13px;font-size:13px;color:#f6f5f0}.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.why-list{border-top:1px solid #d6d8d2}.why-list article{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:21px 0;border-bottom:1px solid #d6d8d2}.why-list article>span{font-size:10px;color:#287f8b;font-weight:700;padding-top:5px}.why-list h3{font-size:19px;letter-spacing:-.02em;margin:0 0 5px}.why-list p{font-size:13px;color:#5c6777;margin:0;max-width:520px}.contact{background:#f6f5f0;color:#15213d;padding:80px 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.contact .kicker{color:#15213d}.contact h2{font-size:clamp(47px,6.2vw,80px);line-height:.94;letter-spacing:-.06em;margin:0 0 20px}.contact-main>p:not(.kicker){max-width:420px;color:#342b23;font-size:15px;margin:0 0 27px}.light-button{border-color:#15213d;background:#15213d;color:white}.light-button:hover{background:#287f8b;border-color:#287f8b}.contact-details{border-left:1px solid rgba(21,33,61,.25);padding-left:42px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:13px}.footer-logo{width:112px;height:112px;object-fit:contain;margin-bottom:4px}.contact-details p{margin:0;color:#312c29}.contact-details .person{font-size:17px;font-weight:700;margin-bottom:0}.person span{font-weight:400;font-size:13px}.contact-details a{border-bottom:1px solid rgba(21,33,61,.3);padding-bottom:3px}.contact-details a:hover{border-color:#15213d}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 6vw;font-size:10px;letter-spacing:.12em;color:#5e6877}footer span:first-child{font-weight:700;color:#15213d}footer a{letter-spacing:0}
@media(max-width:850px){.header{height:76px;padding:0 5vw}.brand{width:112px;height:68px}.header nav{gap:15px}.header nav>a:not(.nav-button){display:none}.hero{min-height:0;grid-template-columns:1fr}.hero-copy{padding:70px 6vw 45px}.hero h1{font-size:clamp(49px,10vw,76px)}.hero-image{height:54vw;min-height:300px;max-height:490px}.intro,.why{grid-template-columns:1fr;gap:20px}.section{padding:75px 6vw}.services-section{padding-bottom:70px}.service{min-height:0;padding-bottom:28px}.service h3{font-size:21px}.visual-service{grid-template-columns:1fr;padding-left:25px}.visual-service>img{height:180px}.technical{padding:75px 6vw}.technical-grid{gap:25px}.contact{padding:70px 6vw;gap:45px}.contact-details{padding-left:25px}.image-strip figure{height:190px}}
@media(max-width:560px){.header{height:68px}.brand{width:100px;height:60px}.nav-button{font-size:11px;padding:8px 10px}.hero-copy{padding:58px 5vw 38px}.hero h1{font-size:clamp(45px,12.4vw,64px)}.lead{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button{min-width:0;padding:12px;gap:9px}.hero-image{height:70vw;min-height:245px}.image-caption{left:15px;right:15px;bottom:15px;font-size:8px}.section{padding:65px 5vw}.heading{margin-bottom:32px}.heading h2{font-size:clamp(37px,10vw,52px)}.intro-copy{font-size:16px}.services{grid-template-columns:1fr}.service,.service:nth-child(even){padding:23px 0 25px;border-left:0}.service h3{font-size:22px}.visual-service{padding:24px 0;grid-template-columns:1fr}.image-strip{grid-template-columns:1fr}.image-strip figure{height:210px}.technical{padding:65px 5vw}.technical-grid{grid-template-columns:1fr;gap:35px}.chip-list span{font-size:12px;padding:9px 10px}.why-list h3{font-size:18px}.contact{padding:60px 5vw;grid-template-columns:1fr;gap:35px}.contact-details{padding-left:0;border-left:0;border-top:1px solid rgba(21,33,61,.25);padding-top:28px}.footer-logo{width:96px;height:96px}footer{padding:22px 5vw;display:flex;flex-wrap:wrap;font-size:9px}footer span:nth-child(2){max-width:130px}}
.service-image {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 18px;
}
.header-brand {
    flex: 1;
    margin-left: 28px;
    line-height: 1;
}

.header-brand .brand-name {
    display: block;
    color: #15213d !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px !important;
    font-weight: 900 !important;
    letter-spacing: 5px !important;
    text-decoration: none;
    margin-bottom: 10px;
}

.header-brand .brand-tagline {
    display: block;
    color: #15213d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase;
}

.header-brand .brand-tagline span {
    color: #15213d !important;
}
.about-content {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 24px;
}

.about-image {
    width: 280px;
    height: 280px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.about-text {
    flex: 1;
}

.about-text p:first-child {
    margin-top: 0;
}

@media (max-width: 700px) {
    .about-content {
        flex-direction: column;
    }

    .about-image {
        width: 100%;
        max-width: 360px;
        height: auto;
        aspect-ratio: 4 / 3;
    }
}
@media (max-width: 700px) {
  .header {
    height: auto;
    min-height: 76px;
    padding: 10px 5vw;
    gap: 12px;
    flex-wrap: wrap;
  }

  .brand {
    width: 76px;
    height: 52px;
    flex: 0 0 76px;
  }

  .header-brand {
    flex: 1 1 0;
    min-width: 0;
    margin-left: 0;
  }

  .header-brand .brand-name {
    font-size: 24px !important;
    letter-spacing: 2px !important;
    margin-bottom: 5px;
  }

  .header-brand .brand-tagline {
    font-size: 9px !important;
    line-height: 1.4;
    letter-spacing: 0.5px !important;
  }

  .header-brand .brand-tagline span {
    display: none;
  }

  .header nav {
    width: 100%;
    justify-content: flex-end;
    gap: 0;
  }

  .header nav > a:not(.nav-button) {
    display: none;
  }

  .nav-button {
    font-size: 12px;
    padding: 9px 12px;
  }
}