@font-face{font-family:"Bebas Neue";src:url("fonts/BebasNeue-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-Variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:#15549a;--bright:#1476df;--ink:#111a2b;--line:#8ca6c4;--paper:#f5f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"Montserrat",Arial,Helvetica,sans-serif;line-height:1.45}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.design-page{width:min(100%,1680px);margin:0 auto;padding:0 15px 35px;background:#fff}
.design-header{background:#fff}
.brand-row{height:220px;display:flex;align-items:center;justify-content:space-between;gap:42px;padding:12px 42px 8px 20px}
.brand-lockup{display:flex;align-items:center;min-width:0}
.brand-logo{width:185px;height:185px;object-fit:contain;flex:0 0 185px}
.brand-wordmark{width:min(390px,34vw);height:auto;margin-left:20px;object-fit:contain}
.header-contact{font-family:"Bebas Neue","Arial Narrow",Arial,sans-serif;font-style:normal;font-size:27px;line-height:1.03;letter-spacing:.01em;display:grid;gap:6px;min-width:255px}
.header-contact a{display:flex;gap:9px;align-items:center}
.header-contact span{font-family:Arial,sans-serif;font-size:16px;width:20px;text-align:center;color:#000}
.header-contact b{font-weight:600}
.design-nav{min-height:68px;display:flex;justify-content:center;align-items:center;gap:clamp(45px,7vw,110px);padding:0 max(24px,calc((100% - 1120px)/2))}
.design-nav>a,.design-nav>.nav-dropdown>a{text-align:center;font-family:"Bebas Neue","Arial Narrow",Arial,sans-serif;color:var(--blue);font-size:32px;line-height:1;font-weight:400;letter-spacing:.005em;padding:18px 0 16px;white-space:nowrap}
.design-nav a:hover{color:var(--bright)}
.design-nav .nav-dropdown{position:relative;display:flex;align-items:center}
.design-nav .nav-dropdown>a{padding-right:15px}
.design-nav .nav-dropdown>a:before{content:"⌄";position:absolute;right:0;top:22px;color:var(--blue);font-family:Arial,sans-serif;font-size:9px}
.design-nav .inventory-menu{position:absolute;z-index:80;top:59px;left:-22px;width:300px;padding:8px;background:#fff;border:1px solid #dce4ec;box-shadow:0 24px 55px rgba(17,26,43,.16);display:grid;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.design-nav .inventory-menu a{padding:9px 12px;color:#526270;font-family:"Montserrat",Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.25;letter-spacing:.01em}
.design-nav .inventory-menu a:hover{color:var(--blue);background:#f4f7fa}
.design-nav .solutions-menu{width:300px}
.design-nav .nav-dropdown:hover .inventory-menu,.design-nav .nav-dropdown:focus-within .inventory-menu{opacity:1;visibility:visible;transform:none}
.menu-button{display:none;border:0;background:transparent;width:46px;padding:8px}
.menu-button i{display:block;height:3px;background:var(--blue);margin:6px 0}
.design-hero{width:100%;overflow:hidden;background:#e8edf2}
.design-hero img{width:100%;height:auto;aspect-ratio:2.2218/1;object-fit:cover}
.design-solutions h1{margin:12px 0 24px;text-align:center;font-size:27px;line-height:1.25;letter-spacing:.06em;font-weight:700}
.design-solutions h1 em{font-style:normal;color:#1265c2}
.service-strip{display:grid;grid-template-columns:repeat(7,1fr)}
.service-tile{min-width:0;height:235px;border-right:1px solid rgba(140,166,196,.72);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 12px;text-align:center}
.service-tile:last-child{border-right:0}
.service-picture{width:100%;height:155px;display:grid;place-items:center;overflow:hidden}
.service-picture img{width:150px;height:150px;object-fit:contain}
.service-tile strong{font-size:18px;line-height:1.12;letter-spacing:.01em}
.service-tile:hover strong{color:var(--blue)}
.design-location{padding:24px 92px 7px}
.location-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:37px}
.location-title i{height:3px;background:linear-gradient(90deg,transparent,var(--ink) 20%,var(--ink) 80%,transparent)}
.location-title strong{font-size:27px;letter-spacing:.24em;white-space:nowrap}
.location-title strong span{display:inline-grid;place-items:center;color:var(--bright);font-size:34px;margin-right:14px}
.trust-row{display:flex;justify-content:center;align-items:center;gap:0;margin-top:28px}
.trust-row span{font-size:17px;letter-spacing:.04em;padding:0 27px;border-right:2px solid var(--line);white-space:nowrap}
.trust-row span:last-child{border-right:0}
.trust-row span:first-letter{color:var(--bright)}
.trust-row span::first-line{color:inherit}
.detail-section{background:var(--paper);padding:95px 30px}
.detail-container{width:min(1180px,100%);margin:0 auto}
.about-detail{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.detail-kicker{margin:0 0 15px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.17em}
.detail-section h2,.contact-section h2{font-size:48px;line-height:1.08;letter-spacing:-.04em;margin:0}
.about-detail>div:last-child{font-size:17px;color:#536277}
.detail-links{display:flex;gap:30px;margin-top:28px}
.detail-links a{border-bottom:2px solid var(--blue);padding-bottom:5px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.contact-section{padding:95px 30px;background:#fff}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.contact-copy>p:not(.detail-kicker){color:#627085;font-size:17px}
.contact-copy address{font-style:normal;margin:28px 0 15px;font-weight:700}
.contact-copy>a{display:block;color:var(--blue);font-weight:700;margin:5px 0}
.contact-form{background:var(--paper);padding:40px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-form label{display:grid;gap:7px;margin-bottom:18px;color:#546275;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:800}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #aebac8;background:transparent;padding:10px 0;outline:0;text-transform:none;letter-spacing:0;font-size:14px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue)}
.contact-form button{width:100%;padding:16px 20px;border:0;background:var(--ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;cursor:pointer}
.contact-form button:disabled{opacity:.6}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.success{color:#087a55;font-size:12px}.form-error{color:#a4261d;font-size:12px}
.location-map{height:430px;background:#dfe6eb}
.location-map iframe{display:block;width:100%;height:100%;border:0}
footer{min-height:120px;background:var(--ink);color:#dce7f2;display:flex;align-items:center;justify-content:center;gap:35px;padding:25px 30px;font-size:11px;letter-spacing:.05em}
footer img{width:58px;height:58px;border:1px solid #fff;border-radius:50%}
@media(max-width:1300px){
  .service-tile{height:215px}.service-picture{height:140px}.service-picture img{width:135px;height:135px}
  .service-tile strong{font-size:15px}.trust-row span{padding:0 15px;font-size:14px}
}
@media(max-width:1100px){
  .brand-row{height:175px}.brand-logo{width:140px;height:140px;flex-basis:140px}.brand-wordmark{width:320px}.header-contact{font-size:22px;min-width:220px}
  .design-nav{gap:clamp(26px,5vw,65px)}.design-nav>a,.design-nav>.nav-dropdown>a{font-size:27px}
}
@media(max-width:900px){
  .design-page{padding:0 12px 25px}.brand-row{height:125px;padding:8px 24px 6px 12px}.brand-logo{width:100px;height:100px;flex-basis:100px}.brand-wordmark{width:250px;margin-left:10px}.header-contact{font-size:18px;min-width:185px}.header-contact span{font-size:14px;width:18px}
  .design-nav{min-height:58px;padding:0 38px;gap:clamp(22px,5vw,48px)}.design-nav>a,.design-nav>.nav-dropdown>a{padding:15px 0 13px;font-size:23px}.design-nav .nav-dropdown>a{padding-right:15px}.design-nav .nav-dropdown>a:before{top:17px}.design-nav .inventory-menu{top:49px}.design-solutions h1{font-size:20px}
  .service-strip{grid-template-columns:repeat(4,1fr)}.service-tile{border-bottom:2px solid var(--line)}.service-tile:nth-child(4){border-right:0}.service-tile:nth-child(n+5){border-bottom:0}
  .location-title strong{font-size:20px}.trust-row{flex-wrap:wrap;gap:13px}.trust-row span{border:0}.about-detail,.contact-layout{gap:45px}
}
@media(max-width:680px){
  .brand-row{height:96px;padding:6px 12px}.brand-logo{width:76px;height:76px;flex-basis:76px}.brand-wordmark{width:min(200px,50vw);margin-left:6px}.header-contact{display:none}.menu-button{display:block}
  .design-nav{display:none;position:absolute;left:0;right:0;top:96px;z-index:70;max-height:calc(100vh - 96px);overflow-y:auto;min-height:0;padding:15px 22px 24px;flex-direction:column;align-items:flex-start;gap:0;background:#fff;box-shadow:0 20px 40px rgba(17,26,43,.17)}
  .design-nav.open{display:flex}.design-nav>a,.design-nav>.nav-dropdown>a{width:100%;padding:10px 0;text-align:left;font-size:25px}.design-nav .nav-dropdown{width:100%;display:block}.design-nav .nav-dropdown>a{display:block;padding-right:15px}.design-nav .nav-dropdown>a:before{top:10px}
  .design-nav .inventory-menu{position:static;width:100%;padding:4px 0 8px 14px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.design-nav .inventory-menu a{padding:8px 10px;font-size:15px}
}
@media(max-width:650px){
  .design-page{padding:0 8px 22px}
  .design-hero img{aspect-ratio:1.45/1;object-position:63% center}.design-solutions h1{font-size:15px;line-height:1.3;letter-spacing:.035em;padding:0 8px;margin:14px 0 20px}
  .service-strip{grid-template-columns:repeat(2,1fr)}.service-tile{height:180px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)!important}.service-tile:nth-child(2n){border-right:0}.service-tile:last-child{grid-column:1/-1;border-bottom:0!important}.service-picture{height:125px}.service-picture img{width:115px;height:115px}.service-tile strong{font-size:14px}
  .design-location{padding:28px 8px 5px}.location-title{gap:12px}.location-title strong{font-size:15px;letter-spacing:.1em}.location-title strong span{font-size:20px;margin-right:5px}.trust-row{display:grid;grid-template-columns:1fr 1fr;justify-items:start;margin:22px auto 0;width:max-content}.trust-row span{font-size:11px;padding:0}
  .detail-section,.contact-section{padding:65px 22px}.about-detail,.contact-layout{grid-template-columns:1fr;gap:35px}.detail-section h2,.contact-section h2{font-size:37px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:28px 20px}.location-map{height:340px}
  footer{flex-direction:column;gap:12px;text-align:center}
}
@media(max-width:380px){.brand-wordmark{width:175px}.service-strip{grid-template-columns:1fr}.service-tile{border-right:0}.service-tile:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}