@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/fonts/Barlow-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--navy:#053a5d;--ink:#15384a;--cyan:#008bab;--blue:#3e93aa;--light:#d5e6ef;--paper:#f4f7f8;--muted:#59727e;--edge:clamp(24px,7vw,136px);--ease:cubic-bezier(.2,.7,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0 auto;max-width:1920px;color:var(--ink);background:#fff;font-family:Barlow,Arial,sans-serif;font-size:17px;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;flex:none}picture{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.12}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e2a631;outline-offset:5px}::selection{color:#fff;background:var(--cyan)}[hidden]{display:none!important}.container{width:calc(100% - var(--edge)*2);max-width:1500px;margin-inline:auto}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;line-height:1.5}.cube{width:28px;height:32px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;background:var(--navy);color:#fff;padding:12px 20px;transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1920px;height:202px}.site-header:before{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,100% 0,100% 20%,73% 100%,0 34%);z-index:-1}.header-inner{height:123px;display:flex;align-items:center;gap:48px;padding-inline:var(--edge)}.brand{display:block;flex:none;width:176px}.brand img{width:100%;height:98px;object-fit:contain}.main-nav{margin-left:auto;display:flex;gap:30px;align-items:center;font-size:14px;font-weight:500}.main-nav>a{position:relative;padding:12px 0}.main-nav>a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav>a:hover:after,.main-nav>a[aria-current]:after{transform:scaleX(1)}.nav-contact{display:flex;align-items:center;gap:8px}.nav-contact svg{width:18px}.nav-services{position:relative}.services-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;padding:12px 0}.services-toggle span{color:var(--cyan)}.service-menu{position:absolute;top:50px;left:-32px;width:310px;padding:15px 22px;background:white;box-shadow:0 14px 45px #053a5d24;border-top:3px solid var(--cyan)}.service-menu a{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #e6edf0}.service-menu a:last-child{border:0}.service-menu a>span{font-size:11px;color:var(--cyan)}.service-menu a>svg{margin-left:auto;width:18px}.service-menu a:hover,.service-menu a[aria-current]{color:var(--cyan)}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:760px;height:min(59vw,1040px);background:#dce1e2;overflow:hidden}.hero-picture{position:absolute;z-index:-2;inset:0}.hero-picture img{height:100%;width:100%;object-fit:cover;object-position:50% 46%;transform:scale(1.025);animation:hero-enter 1.6s var(--ease) both}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#021b3012,transparent 45%,#fff1)}.hero-panel{position:absolute;right:0;bottom:114px;width:51%;max-width:840px;animation:panel-enter .9s .12s var(--ease) both}.hero-panel-copy{padding:33px 62px 35px 42px;background:#fffffff0;border-radius:28px 0 0 0;backdrop-filter:blur(10px)}.hero-panel .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em;color:#476372;margin-bottom:18px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);flex:none}.hero h1{font-size:clamp(34px,2.9vw,54px);text-transform:uppercase;letter-spacing:-.035em;line-height:1.13;font-weight:400;max-width:660px}.hero-contact{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--cyan);color:#fff;padding:17px 42px;line-height:1.2;transition:background .3s}.hero-contact:hover{background:var(--navy)}.hero-contact>span:first-child{font-size:18px;font-weight:500}.hero-contact-note{display:block;font-size:12px;font-weight:400;margin-top:6px;opacity:.8}.round-arrow{border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;width:42px;height:42px;transition:transform .35s}.hero-contact:hover .round-arrow{transform:translateX(5px)}.hero-side-label{position:absolute;top:320px;left:30px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.17em;color:#fff;text-shadow:0 1px 10px #0008}.hero-scroll{position:absolute;bottom:130px;left:var(--edge);display:flex;align-items:center;gap:14px;font-size:12px;color:white;text-shadow:0 1px 10px #0008}.hero-scroll>span{display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;width:34px;height:34px;font-size:20px}
.services-section{position:relative;isolation:isolate;margin-top:-80px;padding:110px 0 112px;scroll-margin-top:0;color:white;clip-path:polygon(0 0,42% 80px,82% 80px,100% 0,100% 100%,0 100%);background:#467794}.geometric-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.geometric-background:before{content:"";position:absolute;inset:0;background:#3e93aa;clip-path:polygon(0 0,100% 0,0 73%)}.geometric-background:after{content:"";position:absolute;inset:0;background:#006486;clip-path:polygon(0 68%,87% 100%,0 100%)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2{font-size:clamp(30px,3.15vw,56px);letter-spacing:-.03em;font-weight:400}.section-heading>p{font-size:16px;line-height:1.5;opacity:.85}.services-heading{margin-bottom:42px}.services-heading>p{padding-bottom:4px}.service-list{display:grid;gap:24px}.service-card{display:grid;grid-template-columns:36% 1fr 76px;min-height:262px;background:var(--navy);border-radius:24px 0 0 24px;overflow:hidden;position:relative;box-shadow:0 0 0 transparent;transition:box-shadow .35s,transform .45s var(--ease)}.service-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #00273d20}.service-card-image{position:relative;overflow:hidden}.service-card-image picture,.service-card-image img{height:100%;width:100%}.service-card-image img{object-fit:cover;transition:transform .65s var(--ease)}.service-card:hover .service-card-image img{transform:scale(1.045)}.service-card-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#001d3745)}.image-index{position:absolute;z-index:1;bottom:22px;left:24px;color:white;font-size:11px;letter-spacing:.16em}.service-card-copy{padding:30px 32px 28px 40px;align-self:center}.service-card-top{display:flex;gap:14px;align-items:center;margin-bottom:14px;color:#7ec7db}.service-card-top .eyebrow{font-size:9px;letter-spacing:.15em}.service-card-top .cube{width:16px;height:18px}.service-card h3{font-size:clamp(23px,2.1vw,35px);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:13px}.service-card p{font-size:16px;color:#d5e6ef;max-width:580px;line-height:1.55}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:500;border-bottom:1px solid #ffffff4f;padding:0 0 5px;margin-top:20px;transition:gap .3s}.text-link:hover{gap:24px}.text-link svg{width:19px;height:19px}.dark{color:var(--navy);border-color:#053a5d45}.card-arrow{width:40px;height:40px;border:1px solid #ffffff45;display:grid;place-items:center;border-radius:50%;align-self:center;transition:background .25s,transform .35s}.service-card:hover .card-arrow{background:var(--cyan);transform:translateX(4px)}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:115px 120px}.about-heading .eyebrow{color:var(--cyan);margin-bottom:30px}.about-heading h2{font-size:clamp(42px,4.8vw,84px);letter-spacing:-.055em;line-height:1.05;font-weight:400}em{font-style:normal;color:var(--cyan)}.about-copy{padding-top:4px;max-width:570px}.large-cube{display:block;margin-bottom:26px;color:var(--cyan)}.large-cube .cube{width:42px;height:48px}.lead{font-size:24px;line-height:1.4;letter-spacing:-.015em}.about-copy>p:not(.lead){margin-top:20px;color:var(--muted)}.about-copy .text-link{margin-top:28px}.clients-section{background:var(--paper);padding-block:76px 85px}.clients-section .eyebrow{color:var(--cyan)}.clients-section h2{font-size:38px}.clients-section .section-heading>p{color:var(--muted)}.client-types{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cedce1;padding-top:28px}.client-types>div{padding:0 40px;border-right:1px solid #cedce1}.client-types>div:first-child{padding-left:0}.client-types>div:last-child{border:0;padding-right:0}.client-types>div>span{font-size:12px;color:var(--cyan);display:block;margin-bottom:20px}.client-types h3{font-size:25px;line-height:1.22;margin-bottom:15px}.client-types p{color:var(--muted);font-size:16px;max-width:280px}.client-references{border-top:1px solid #cedce1;margin-top:44px;padding-top:32px}.client-references>p{font-size:13px;color:var(--muted);margin-bottom:24px}.client-names{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 45px;font-size:19px;line-height:1.3;font-weight:500}.contact-callout{text-align:center;padding-block:100px 105px}.contact-callout .eyebrow{margin-bottom:22px;color:var(--muted)}.contact-callout h2{font-size:clamp(46px,5.4vw,88px);font-weight:400;line-height:1.04;letter-spacing:-.045em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 25px;background:var(--navy);color:#fff;border:1px solid var(--navy);font-size:15px;font-weight:500;transition:background .25s,transform .25s}.button:hover{background:var(--cyan);border-color:var(--cyan)}.button svg{width:22px}.contact-callout .button{margin-top:30px;min-width:260px}.callout-note{display:block;color:var(--muted);font-size:12px;margin-top:12px}
.site-footer{padding:55px var(--edge) 25px;background:#fff;border-top:1px solid #e3ebef}.footer-top{display:flex;gap:60px;align-items:center}.footer-brand{width:174px;margin-right:auto}.footer-brand img{width:174px;height:90px;object-fit:contain}.footer-top .eyebrow{font-size:10px;color:var(--cyan);margin-bottom:8px}.footer-phone{display:block;font-size:25px;line-height:1.3;margin-bottom:7px}.footer-email{font-size:15px}.footer-email:hover,.footer-phone:hover{color:var(--cyan)}.back-top{width:48px;height:48px;border:1px solid #d3e1e7;display:grid;place-items:center;font-size:24px;border-radius:50%}.back-top:hover{background:var(--paper)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:20px;border-top:1px solid #e3ebef;color:var(--muted);font-size:11px;letter-spacing:.035em}
.detail-hero{height:650px;min-height:650px}.detail-hero .hero-picture img{object-position:center 42%}.detail-hero:after{background:linear-gradient(90deg,#00172c24,transparent)}.detail-hero-panel{position:absolute;left:0;bottom:55px;width:58%;max-width:880px;background:#ffffffed;backdrop-filter:blur(8px);padding:26px 55px 40px var(--edge);border-radius:0 28px 28px 0;animation:panel-enter .7s var(--ease)}.breadcrumb{display:block;font-size:12px;color:var(--muted);margin-bottom:30px}.breadcrumb:hover{color:var(--cyan)}.detail-hero-panel .breadcrumb{margin-bottom:20px}.detail-hero-panel .eyebrow{font-size:11px;color:var(--cyan);margin-bottom:15px}.detail-hero h1{font-size:clamp(34px,3.25vw,60px);line-height:1.05;text-transform:none;letter-spacing:-.035em}.detail-body{background:#006486;position:relative;padding:0 0 90px}.detail-body:before{content:"";height:90px;position:absolute;left:0;right:0;top:-89px;background:inherit;clip-path:polygon(0 0,35% 100%,84% 100%,100% 0,100% 100%,0 100%)}.tone-cyan.detail-body{background:#3e93aa}.tone-slate.detail-body{background:#467794}.tone-navy.detail-body{background:#164e6b}.service-article{position:relative;display:grid;grid-template-columns:30% 1fr;gap:65px;padding:65px;background:var(--light);border-radius:32px 0 32px 0}.service-aside{align-self:start;position:sticky;top:35px}.service-aside .eyebrow{font-size:10px;color:var(--muted);margin-bottom:24px}.service-aside>.cube{color:var(--cyan);width:36px;height:42px;margin-bottom:20px}.service-aside h2{font-size:32px;letter-spacing:-.02em;margin-bottom:28px}.service-aside .button{min-width:178px}.service-aside>p{font-size:12px;margin-top:10px;color:var(--muted)}.service-article-copy .lead{margin-bottom:28px}.service-article-copy>p:not(.lead){font-size:17px;margin-top:20px;color:#35596b;line-height:1.7}.service-checks{padding:0;margin:30px 0;list-style:none;border-top:1px solid #adc9d6}.service-checks li{display:flex;gap:15px;align-items:center;border-bottom:1px solid #adc9d6;padding:14px 0;font-size:15px}.service-checks span{color:var(--cyan);font-size:20px}.service-highlight{background:#ffffff70;padding:26px;margin-top:30px;border-left:2px solid var(--cyan)}.service-highlight h3{font-size:22px;margin-bottom:12px}.service-highlight p{color:#35596b;font-size:16px}.related{margin-top:65px;color:#fff}.related .section-heading{display:block}.related .section-heading h2{font-size:30px}.related .section-heading .eyebrow{font-size:10px;margin-bottom:10px;color:#c2e1eb}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-card{border-radius:20px 0 0 0;overflow:hidden;background:var(--navy)}.related-card picture{overflow:hidden;aspect-ratio:1.85}.related-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.related-card:hover img{transform:scale(1.05)}.related-card>span{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;font-size:17px}.related-card>span svg{width:20px;margin-left:10px}
.page-contact{background:#fff}.page-contact .site-header:before{background:#f4f7f8}.contact-intro{padding-top:235px}.contact-intro>.eyebrow{color:var(--cyan);margin-bottom:25px}.contact-intro h1{font-size:clamp(40px,5.2vw,82px);font-weight:400;line-height:1.08;letter-spacing:-.045em}.contact-content{display:grid;grid-template-columns:34% 1fr;gap:65px;margin-top:70px;margin-bottom:100px}.contact-information{background:var(--navy);padding:40px 36px;color:white;border-radius:26px 0 26px 0;align-self:start}.contact-information>.cube{width:34px;height:39px;color:#7dc2d7;margin-bottom:28px}.contact-information h2{font-size:32px;margin-bottom:20px}.contact-information>p{font-size:16px;color:#c4dfe9}.contact-information dl{margin-block:32px}.contact-information dt{font-size:10px;letter-spacing:.12em;color:#97ccdb;margin-top:24px;margin-bottom:8px}.contact-information dd{margin:0;font-size:20px;overflow-wrap:anywhere}.contact-information dd:last-child{font-size:16px}.contact-information a:hover{text-decoration:underline;text-underline-offset:5px}.contact-promise{border-top:1px solid #ffffff25;padding-top:24px;font-size:12px;display:flex;align-items:center;gap:10px}.contact-promise .status-dot{background:#73c7dc}.contact-form{padding-top:2px;min-width:0}.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.form-heading>.eyebrow{color:var(--cyan)}.form-heading>p{font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.field input,.field textarea,.field select{width:100%;border:1px solid #d5e0e5;background:#f5f8f9;border-radius:0;padding:13px 14px;font-size:16px;color:var(--ink);min-height:50px}.field input::placeholder,.field textarea::placeholder{color:#778d98}.field textarea{resize:vertical;min-height:140px}.field input:focus,.field textarea:focus,.field select:focus{background:white;border-color:var(--cyan)}.form-submit{display:flex;align-items:center;gap:24px;margin-top:28px}.form-submit>.button{flex:none}.form-submit>p{font-size:12px;line-height:1.5;color:var(--muted);max-width:260px}.form-result{margin-top:26px;padding:22px;background:var(--light);border-left:3px solid var(--cyan);font-size:15px}.copy-message{background:none;border:0;border-bottom:1px solid var(--navy);padding:4px 0;font-size:13px;margin-left:20px}.form-fallback{font-size:12px;color:var(--muted);margin-top:16px}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.js .service-card.is-visible:hover{transform:translateY(-3px)}@keyframes hero-enter{from{transform:scale(1.075)}to{transform:scale(1.025)}}@keyframes panel-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.header-inner{height:150px}.site-header{height:245px}.brand{width:205px}.brand img{height:114px}.main-nav{font-size:16px;gap:38px}.hero-panel{bottom:170px}.hero-panel-copy{padding:44px 70px 45px 50px}.hero-contact{padding-inline:50px}.hero-scroll{bottom:160px}.service-card{min-height:290px}.service-card-copy{padding:38px 40px 38px 50px}.service-card p{font-size:18px}.service-card h3{margin-bottom:18px}.detail-hero{height:760px}.detail-hero-panel{bottom:65px}}
@media(max-width:1100px){:root{--edge:40px}.header-inner{gap:28px}.main-nav{gap:22px}.hero{min-height:700px}.hero-panel{width:57%;bottom:110px}.hero-panel-copy{padding:28px 30px}.hero h1{font-size:34px}.hero-contact{padding:16px 30px}.hero-scroll{font-size:11px;bottom:110px}.hero-side-label{left:15px}.section-heading>p{max-width:310px}.service-card{grid-template-columns:36% 1fr 52px;min-height:265px}.service-card-copy{padding:26px}.service-card h3{font-size:24px}.service-card p{font-size:15px}.card-arrow{width:34px;height:34px}.about-section{gap:8%;padding-block:85px}.client-types>div{padding-inline:25px}.service-article{gap:40px;padding:45px}.service-aside h2{font-size:26px}.detail-hero{min-height:620px}.detail-hero-panel{width:65%;padding-right:36px}.contact-content{gap:35px;grid-template-columns:34% 1fr}.contact-information{padding:30px 25px}.contact-information h2{font-size:28px}.form-submit{align-items:start;flex-direction:column;gap:14px}.form-submit>p{max-width:none}}
@media(max-width:800px){.header-inner{justify-content:space-between;gap:20px;height:104px}.main-nav{gap:20px;font-size:13px}.brand{width:151px}.brand img{height:84px}.site-header{height:166px}.hero-panel{width:62%;bottom:112px}.hero-panel .eyebrow{font-size:8px;letter-spacing:.08em}.hero h1{font-size:30px}.hero-scroll{left:25px;gap:8px;max-width:120px;line-height:1.35}.hero-scroll>span{flex:none}.section-heading{align-items:start;gap:22px}.section-heading>p{max-width:230px;font-size:14px}.services-heading h2{font-size:32px}.service-card{grid-template-columns:35% 1fr;min-height:275px}.card-arrow{display:none}.service-card h3{font-size:22px}.service-card-top .eyebrow{font-size:8px}.service-card-copy{padding:24px}.service-card p{font-size:15px}.service-card .text-link{font-size:12px;margin-top:15px}.about-section{gap:7%}.about-heading h2{font-size:43px}.about-copy .lead{font-size:21px}.about-copy>p:not(.lead){font-size:16px}.clients-section h2{font-size:30px}.client-types h3{font-size:21px}.client-types p{font-size:14px}.client-names{font-size:16px}.footer-top{gap:30px}.footer-brand{width:140px}.footer-brand img{width:140px}.footer-email{font-size:13px}.detail-hero-panel{width:75%}.service-article{grid-template-columns:1fr;gap:30px;padding:35px}.service-aside{position:static;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 20px}.service-aside .eyebrow{grid-column:1/-1;margin:0}.service-aside>.cube{display:none}.service-aside h2{margin:0;font-size:32px}.service-aside .button{grid-column:2;grid-row:2;padding:12px 18px;min-width:142px}.service-aside>p{grid-column:2;margin:0}.related-grid{gap:15px}.related-card>span{font-size:15px;padding:15px}.contact-content{grid-template-columns:1fr;gap:40px}.contact-information{display:grid;grid-template-columns:1fr 1fr;gap:10px 35px}.contact-information>.cube{display:none}.contact-information dl{grid-column:2;grid-row:1/4;margin:0}.contact-information dl dt:first-child{margin-top:0}.contact-promise{grid-column:1/-1;margin-top:12px}.contact-information h2{margin-bottom:12px}.contact-intro{padding-top:205px}.contact-intro h1{font-size:53px}.form-submit{flex-direction:row;align-items:center}.form-submit>p{max-width:260px}}
@media(max-width:600px){:root{--edge:24px}html{scroll-padding-top:20px}.site-header{height:141px}.site-header:before{clip-path:polygon(0 0,100% 0,100% 60%,77% 100%,0 60%)}.header-inner{height:97px;padding-inline:24px}.brand{width:144px}.brand img{height:79px}.menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:none;padding:10px 0}.menu-label{font-size:11px}.menu-lines{position:relative;width:25px;height:16px;border-top:1.5px solid var(--navy);border-bottom:1.5px solid var(--navy)}.menu-lines:after{content:"";position:absolute;width:18px;left:0;top:6px;border-top:1.5px solid var(--navy);transition:width .25s}.menu-toggle[aria-expanded=true] .menu-lines:after{width:25px}.main-nav{display:none;position:absolute;top:99px;left:16px;right:16px;background:#fff;padding:18px 25px 24px;border-top:2px solid var(--cyan);box-shadow:0 15px 30px #00233826;font-size:18px}.main-nav.is-open{display:block}.main-nav>a{display:flex;padding:13px 0}.nav-contact{justify-content:space-between}.services-toggle{font-size:18px;width:100%;justify-content:space-between}.service-menu{position:static;width:auto;padding:0 0 0 14px;border:0;box-shadow:none}.service-menu a{font-size:15px;padding:10px 0}.service-menu a span{font-size:10px}.hero{height:735px;min-height:0}.hero-picture img{object-position:42% center}.hero-panel{width:calc(100% - 65px);bottom:94px;max-width:435px}.hero-panel-copy{padding:25px 24px 27px;border-radius:24px 0 0 0;background:#ffffffe8}.hero-panel .eyebrow{font-size:8px;max-width:220px;gap:8px;margin-bottom:15px}.hero h1{font-size:30px;line-height:1.1;letter-spacing:-.03em}.hero-contact{padding:16px 24px;border-radius:0 0 0 24px;gap:14px}.hero-contact>span:first-child{font-size:15px}.hero-contact-note{font-size:11px;margin-top:5px}.round-arrow{width:34px;height:34px}.round-arrow svg{width:21px}.hero-scroll,.hero-side-label{display:none}.services-section{margin-top:-56px;padding:98px 0 62px;clip-path:polygon(0 0,100% 70px,100% 100%,0 100%)}.services-heading{display:block;margin-bottom:32px}.services-heading .eyebrow{font-size:10px;margin-bottom:15px}.services-heading h2{font-size:34px;line-height:1.1}.services-heading>p{max-width:none;font-size:15px;margin-top:20px}.service-list{gap:26px}.service-card{display:flex;flex-direction:column;border-radius:0 0 22px 22px;min-height:0}.service-card-copy{order:-1;padding:29px 28px 28px}.service-card-top{margin-bottom:19px}.service-card-top .eyebrow{font-size:9px}.service-card h3{font-size:27px;margin-bottom:14px}.service-card p{font-size:16px;line-height:1.5}.service-card .text-link{font-size:12px;margin-top:21px}.service-card-image{height:200px}.service-card-image img{object-position:center}.image-index{bottom:15px;left:25px;font-size:10px}.about-section{display:block;padding-block:70px}.about-heading .eyebrow{font-size:10px;margin-bottom:25px}.about-heading h2{font-size:52px;line-height:1.02}.about-copy{margin-top:35px}.large-cube{display:none}.about-copy .lead{font-size:23px}.clients-section{padding-block:48px}.clients-section .section-heading{display:block}.clients-section h2{font-size:32px}.clients-section .section-heading>p{max-width:none;margin-top:18px}.client-types{grid-template-columns:1fr;padding-top:0}.client-types>div,.client-types>div:first-child,.client-types>div:last-child{border:0;border-bottom:1px solid #cedce1;padding:24px 0;display:grid;grid-template-columns:32px 1fr;gap:6px 15px}.client-types>div>span{margin:3px 0 0}.client-types h3{font-size:23px;margin:0}.client-types h3 br{display:none}.client-types p{grid-column:2;margin-top:7px;font-size:15px;max-width:none}.client-references{margin-top:30px;padding-top:0;border:0}.client-names{grid-template-columns:1fr 1fr;gap:23px;font-size:16px}.contact-callout{padding-block:65px}.contact-callout h2{font-size:52px}.contact-callout .eyebrow{font-size:10px}.contact-callout .button{margin-top:28px}.site-footer{padding-top:32px}.footer-top{display:grid;grid-template-columns:1fr 48px;gap:28px 15px}.footer-brand{grid-column:1;width:142px}.footer-brand img{width:142px;height:76px}.footer-top>div{grid-column:1}.back-top{grid-column:2;grid-row:1}.footer-phone{font-size:24px}.footer-email{font-size:15px}.footer-bottom{display:block;font-size:10px;margin-top:28px;padding-top:18px}.footer-bottom>span{display:block;margin-top:5px}.detail-hero{height:570px;min-height:0}.detail-hero .hero-picture img{object-position:center}.detail-hero-panel{width:calc(100% - 26px);bottom:60px;padding:24px 28px 28px 24px;border-radius:0 24px 24px 0}.detail-hero-panel .breadcrumb{font-size:11px;margin-bottom:22px}.detail-hero-panel .eyebrow{font-size:9px;margin-bottom:12px}.detail-hero h1{font-size:36px;line-height:1.05}.detail-body:before{height:60px;top:-59px}.detail-body{padding-bottom:55px}.service-article{padding:28px 24px;border-radius:24px 0 24px 0;gap:28px;width:calc(100% - 32px)}.service-aside{display:block}.service-aside h2{font-size:31px;margin-block:14px 20px}.service-aside .button{padding:11px 20px;min-width:170px}.service-aside>p{display:inline-block;margin-left:13px;font-size:10px}.service-article-copy .lead{font-size:22px;margin-bottom:22px}.service-article-copy>p:not(.lead){font-size:16px}.service-highlight{padding:22px 18px}.service-highlight h3{font-size:23px}.service-checks li{font-size:14px}.related{margin-top:45px}.related .section-heading h2{font-size:28px}.related-grid{grid-template-columns:1fr;gap:20px}.related-card{display:grid;grid-template-columns:37% 1fr;border-radius:16px 0 0 16px;min-height:98px}.related-card picture{aspect-ratio:auto;height:100%}.related-card>span{font-size:18px;padding:18px;line-height:1.2}.contact-intro{padding-top:188px}.contact-intro>.breadcrumb{font-size:11px;margin-bottom:28px}.contact-intro>.eyebrow{font-size:9px;margin-bottom:22px}.contact-intro h1{font-size:41px;line-height:1.07}.contact-content{margin-top:37px;margin-bottom:65px;gap:37px}.contact-information{display:block;padding:30px}.contact-information h2{font-size:30px;margin-bottom:15px}.contact-information>p{font-size:15px}.contact-information dl{margin:25px 0}.contact-information dl dt{margin-top:20px}.contact-promise{margin-top:20px}.form-heading{align-items:start;gap:15px}.form-heading>.eyebrow{font-size:10px}.form-heading>p{font-size:10px}.form-grid{grid-template-columns:1fr;gap:23px}.field.full{grid-column:auto}.form-submit{display:block}.form-submit .button{width:100%;justify-content:space-between}.form-submit>p{max-width:none;margin-top:14px;font-size:12px}.copy-message{display:block;margin-left:0;margin-top:17px}}
@media(max-width:360px){.hero h1{font-size:27px}.hero-panel-copy{padding:23px 21px}.hero-contact{padding-inline:21px}.hero-contact>span:first-child{font-size:14px}.hero-panel{width:calc(100% - 45px)}.hero{height:690px}.service-card-copy{padding:26px 23px}.service-card h3{font-size:25px}.about-heading h2{font-size:46px}.service-aside>p{display:block;margin-left:0;margin-top:10px}.contact-intro h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-picture img{transform:none}}

/* Cyan de marca para planos; tono más oscuro para texto pequeño y controles. */
:root{--cyan:#006a84;--muted:#4a6572}
.hero-contact{background:#007b97}
.hero-contact-note{opacity:1}
.services-heading>p{opacity:1}
.services-heading .eyebrow,.services-heading>p{color:#06212d}
.brand img,.footer-brand img{max-width:155px}
.page-contact .site-header:before{background:white}
.page-contact .contact-content{position:relative;margin-top:0;margin-bottom:0;padding:60px;background:var(--light);border-radius:32px 0 32px 0;gap:45px;grid-template-columns:32% minmax(0,1fr)}
.page-contact .contact-information{padding:32px 26px}
.page-contact .field input,.page-contact .field textarea,.page-contact .field select{background:#fff}
.page-contact .form-heading>p,.page-contact .form-submit>p{color:#35596b}
.page-contact .form-result{background:#fff9}
.page-contact .detail-hero-panel{width:65%}
.page-contact .detail-hero h1{font-size:clamp(34px,3.8vw,65px)}
@media(max-width:1100px){.page-contact .contact-content{padding:40px;gap:30px;grid-template-columns:34% minmax(0,1fr)}}
@media(max-width:800px){.page-contact .contact-content{grid-template-columns:1fr;padding:32px;gap:38px}.page-contact .detail-hero-panel{width:78%}}
@media(max-width:600px){.page-contact .contact-content{padding:24px;width:calc(100% - 32px);gap:30px;border-radius:24px 0 24px 0}.page-contact .contact-information{padding:25px 23px}.page-contact .contact-information h2{font-size:28px}.page-contact .detail-hero-panel{width:calc(100% - 26px)}.page-contact .detail-hero h1{font-size:36px}.page-contact .form-heading{display:block}.page-contact .form-heading>p{margin-top:8px}.page-contact .field label{font-size:13px}.page-contact .hero-picture img{object-position:43% center}}

/* Ajustes de jerarquía después de la revisión visual con Fable 5.1. */
@media(min-width:601px){.service-card{grid-template-columns:36% minmax(0,1fr)}.service-card-copy{padding-right:40px}}
@media(min-width:801px){.service-card p{font-size:17px}}
@media(min-width:1600px){.service-card p{font-size:20px;line-height:1.5}}
@media(max-width:600px){.page-home .hero-panel{bottom:78px}}
.form-status{font-size:15px;color:var(--navy)}
.form-status:not(:empty){margin-top:26px;padding:20px 22px;background:#fff9;border-left:3px solid var(--cyan)}
.form-status:not(:empty)+.form-result{margin-top:0;border-top:1px solid #aecbd7}

/* Correcciones de Marisa del 25/09/2026. */
/* #3: menú + logo más a la izquierda y más abajo; la punta del recorte blanco acompaña el corrimiento. */
@media(min-width:801px){.header-inner{padding-top:30px;padding-right:calc(var(--edge) + 5vw)}.site-header:before{clip-path:polygon(0 0,100% 0,100% 24%,68% 100%,0 36%)}}

/* #4: página de Clientes. */
.clients-list{list-style:none;padding:0;margin:8px 0 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid #adc9d6}
.clients-list li{padding:13px 0 13px 26px;border-bottom:1px solid #adc9d6;font-size:15px;font-weight:500;letter-spacing:.02em;position:relative}
.clients-list li:before{content:"↗";position:absolute;left:0;color:var(--cyan)}
.related-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.related-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.clients-list{grid-template-columns:1fr}.clients-list li{font-size:14px}.related-grid-4{grid-template-columns:1fr}}
/* #6: título del banner en un solo estilo y panel blanco más transparente para que se vea la foto. */
.page-home .hero-panel-copy{background:#ffffffb8;backdrop-filter:blur(4px)}
@media(max-width:600px){.page-home .hero-panel-copy{background:#ffffffc7}}
/* #7: las dos líneas de "Hablemos de tu instalación" más grandes. */
.hero-contact{padding-block:22px}
.hero-contact>span:first-child{font-size:clamp(20px,1.6vw,26px)}
.hero-contact-note{font-size:clamp(14px,1.05vw,17px);margin-top:8px}
@media(max-width:600px){.hero-contact{padding-block:18px}.hero-contact>span:first-child{font-size:18px}.hero-contact-note{font-size:13px}}
@media(max-width:360px){.hero-contact>span:first-child{font-size:16px}.hero-contact-note{font-size:12px}}
/* #8: la foto del banner termina en punta. Las dos diagonales de antes se prolongan hasta cruzarse en (70%, 133px);
   la sección sube 53 px más sobre la foto y el banner y su panel crecen lo mismo para no tapar la franja de contacto. */
@media(min-width:601px){
.page-home .hero{height:calc(min(59vw,1040px) + 53px);min-height:813px}
.services-section{margin-top:-133px;padding-top:163px;clip-path:polygon(0 0,70% 133px,100% 0,100% 100%,0 100%)}
.page-home .hero-panel{bottom:167px}}
@media(min-width:601px) and (max-width:1100px){.page-home .hero{min-height:753px}.page-home .hero-panel{bottom:163px}}
@media(min-width:601px) and (max-width:800px){.page-home .hero-panel{bottom:165px}}
@media(min-width:1600px){.page-home .hero-panel{bottom:223px}}
/* #9: la frase nueva es más larga; se limita el ancho para que corte en líneas parejas. */
.services-heading h2{max-width:17em;text-wrap:balance}
/* #15: las cuatro tarjetas de servicios con la misma altura, tomando como referencia la de Representación Técnica. */
@media(min-width:601px){.service-list{grid-auto-rows:1fr}.service-card{min-height:312px}.service-card-copy{padding-block:28px}}
@media(min-width:801px){.service-card p{max-width:680px}}
@media(min-width:1600px){.service-card{min-height:340px}}
/* La linterna y los cables quedan visibles; el rostro está fuera del encuadre. */
.hero-representacion img{object-position:center 30%!important;transform:none}
/* #21: en Contacto, la mano en la botonera queda a la vista a la derecha del panel. */
.hero-botonera img{object-position:70% 45%!important}
@media(max-width:600px){.hero-botonera img{object-position:38% 40%!important}}
/* #23: campo trampa antispam fuera de pantalla; botón deshabilitado mientras envía. */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .button[disabled]{opacity:.6;cursor:progress}
/* #24: listado de clientes por servicio. */
.service-clients{margin-top:34px}
.service-clients h3{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.service-clients ul{list-style:none;padding:0;margin:0 0 30px;border-top:1px solid #adc9d6}
.service-clients li{padding:12px 0;border-bottom:1px solid #adc9d6;font-size:15px;color:#35596b;line-height:1.5}
.service-clients strong{font-weight:600;color:var(--ink);letter-spacing:.01em}

.form-demo-note{padding:14px 18px;margin:0 0 24px;border-left:3px solid var(--cyan);background:#edf6f8;color:var(--ink);font-size:15px;line-height:1.5}

/* Ronda 14/10: encuadre amplio en móvil y alineación visible del logo del pie. */
@media(max-width:600px){.hero-representacion{top:calc(122px - 15.5vw);bottom:auto;aspect-ratio:2200/1238}.hero-representacion img{height:100%;object-fit:contain;object-position:center!important}.footer-brand img{object-position:left center}}
@media(max-width:1100px){.page-representacion .detail-hero{background:#164e6b}.page-representacion .detail-hero:after{background:none}.hero-representacion{bottom:auto;aspect-ratio:2200/1238}.hero-representacion img{height:100%;object-fit:contain;object-position:center!important}}
@media(min-width:601px) and (max-width:800px){.hero-representacion{top:calc(154px - 16vw)}}
@media(min-width:801px) and (max-width:1100px){.hero-representacion{top:calc(194px - 16vw)}}
@media(max-width:600px){.page-representacion .detail-hero{height:auto;min-height:0;padding-top:calc(122px - 15.5vw);padding-bottom:60px}.page-representacion .detail-hero-panel{position:relative;bottom:auto;margin-top:calc(56.2727vw - 20px)}}

/* Todas las miniaturas de Representación ocultan también el rostro. */
.service-card-image .thumbnail-representacion,.related-card .thumbnail-representacion{position:relative;overflow:hidden}
.service-card-image .thumbnail-representacion img,.related-card .thumbnail-representacion img{position:absolute;inset:auto 0 0;height:112%;width:100%;object-fit:cover;object-position:center bottom;transform-origin:center bottom}
@media(max-width:600px){.service-card-image-representacion{height:auto;min-height:200px;aspect-ratio:1.99}}
.hero-contact-phone{white-space:nowrap}

/* Enlace discreto en el pie de las páginas de producción. */
.footer-credit{margin-left:16px;white-space:nowrap;font-size:10px}
.footer-credit:hover,.footer-credit:focus-visible{text-decoration:underline;text-underline-offset:3px}