/* Marco's shared shell, with the expanded Sky Clean content system. */
:root{--navy:#061e31;--brand-gradient:linear-gradient(110deg,#1476a6,#09abe0 65%,#68d8ec);--brand-type-gradient:var(--brand-gradient);--identity-facet:polygon(0 0,calc(100% - 24px) 0,100% 16px,100% 100%,0 100%)}
[hidden]{display:none!important}.sky-page{background:#061e31;color:#e4f2fa}.sky-page .site-footer{display:block;margin:0;border:0;background:#061e31}.sky-page .footer-brand img{width:100%;height:auto;filter:none;opacity:1}.sky-page .site-footer h2{letter-spacing:0;line-height:1.4}.sky-page .site-footer .footer-contact{display:block}.sky-page .footer-bottom{display:flex}.sky-page .site-menu>a{font-family:inherit}.sky-page .brand img{filter:none;opacity:1}.sky-page img{max-width:100%}.sky-page :is(input,textarea,select){font:inherit}
.header :is(.brand,.site-menu,.menu-backdrop){pointer-events:auto}
.floating-controls .header{height:88px;gap:16px;padding:12px var(--gutter);border:0;isolation:auto;direction:ltr}.floating-controls .header .brand{width:190px;max-width:none;opacity:1;flex:0 0 auto}.floating-controls .header .brand img{filter:none}.floating-controls .header.logo-hidden .brand{opacity:0;visibility:hidden;pointer-events:none}.floating-controls .menu-button{display:flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:#041b2b85;backdrop-filter:blur(10px);pointer-events:auto;color:#d5edf9}.floating-controls .menu-label{display:none}.floating-controls .menu-bars{width:27px;gap:7px}.floating-controls .menu-bars i{width:100%;height:1px;background:currentColor}.floating-controls .persistent-budget{margin-left:auto}.floating-controls .language-switch{margin-left:auto}.floating-controls .language-switch+.persistent-budget{margin-left:0}.site-menu{overflow-y:auto;max-height:100svh}.site-menu>a{font-size:clamp(26px,3.3vw,46px);min-height:46px}.site-menu .menu-eyebrow{margin-bottom:22px}.site-menu .menu-signature{margin-top:28px}.site-menu a[aria-current]{color:#5bc9f1}.menu-open .brand{visibility:hidden}.sky-page .menu-open{overflow:hidden}
.home-showcase{color:#e4f2fa;--line:#9cd8ed33}.home-showcase .world-topline .eyebrow{margin:0;font-size:12px}.home-showcase .world-copy h2{font-size:clamp(52px,7vw,106px);margin:0;line-height:1.05}.home-showcase .world-copy h2 span{color:inherit}.home-showcase .world-copy h2 span{display:block}.home-showcase .world-dock-heading h2{font-size:28px}.home-showcase .world-index button,.home-showcase .world-filters button{background:transparent}.home-showcase .world-index-top .identity-icon{stroke:currentColor;fill:none;stroke-width:1.5}.home-showcase .world-index-link span{color:inherit}.home-showcase .showcase-view{min-height:720px}.home-all-services{font-size:13px;display:flex;align-items:center;gap:20px}.home-all-services span{color:#3fc5f3;font-size:24px}
.marco-discover{background:#061e31}.marco-discover h2{margin-bottom:50px}.marco-discover-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.marco-discover-grid>a{position:relative;isolation:isolate;min-height:460px;display:flex;align-items:flex-end;padding:42px 30px;overflow:hidden}.marco-discover-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 65%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.marco-discover-grid>a:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#061e31 3%,#061e31b3 38%,#061e310d 85%)}.marco-discover-grid .eyebrow{font-size:11px;margin:0 0 18px}.marco-discover-grid h3{font-size:clamp(32px,3.5vw,48px);margin:0 0 22px}.marco-discover-grid p:not(.eyebrow){font-size:15px;color:#b2cad9;max-width:390px}.marco-discover-grid span{display:block;margin-top:26px;color:#4ac2ef;font-size:14px}.marco-discover-links{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.marco-discover-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:75px;border-top:1px solid #9cc5d633;font-size:14px;color:#b6d2df}.marco-discover-links span{color:#40bbed;font-size:22px}
.marco-legal{max-width:1050px;margin:auto;padding-block:50px 120px;font-size:16px;line-height:1.8;color:#b8cfdc}.marco-legal h2{margin:50px 0 20px;font-size:30px;color:#e5f4fb}.company-record{display:grid;grid-template-columns:1fr 2fr;gap:15px 40px;margin:40px 0}.company-record dt{color:#e3f2f9}.company-record dd{margin:0;color:#8cbed4}.identity-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html[lang=ar] :is(.hero-content,.intro,.hands-copy,.experience-heading,.story-card,.marco-discover,.company-timeline li){direction:rtl;text-align:right}html[lang=ar] :is(.experience-sticky,.hands-demo,.timeline-window,.company-timeline,.profile-portrait,.team-card-image){direction:ltr}html[lang=ar] :is(.team-card-body,.profile-copy,.contact-intro,.quote-form,.footer-grid,.site-menu){direction:rtl;text-align:right}html[lang=ar] .timeline-arrow{transform:none}html[lang=ar] .world-index-label{padding-inline:0 17px}html[lang=ar] .world-index-arrow{left:12px;right:auto}html[lang=ar] .team-card-body h3{line-height:1.5}html[lang=ar] .marco-discover-links{direction:rtl}html[lang=ar] .sky-page .service-hero-copy{direction:rtl;text-align:right}
.quote-form #request-summary{white-space:pre-wrap;overflow-wrap:anywhere}.quote-form #attachment-list{direction:ltr}.sky-page .film-blend{background:#061e31}.sky-page .real-film{display:block;width:100%;max-height:80svh;object-fit:contain}
@media(max-width:1023px){.floating-controls .header{padding-inline:4%;gap:10px}.floating-controls .header .brand{width:160px}.site-menu>a{font-size:32px}.marco-discover-links{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.floating-controls .header{height:72px;padding:10px 5%;gap:8px}.floating-controls .header .brand{width:136px}.floating-controls .persistent-budget{font-size:10px;padding:9px 10px;min-height:44px}.floating-controls .menu-button{width:36px;flex-basis:36px;padding:7px}.floating-controls .language-switch{right:5%;top:72px}.language-switch button{min-height:36px;min-width:36px}.site-menu{padding:110px 7% 30px}.site-menu>a{font-size:28px}.site-menu .menu-signature{font-size:12px}.home-showcase .showcase-view{min-height:690px}.home-showcase .world-topline{display:block}.home-showcase .world-topline .eyebrow{font-size:10px}.home-all-services{margin-top:10px;font-size:11px}.home-showcase .world-copy h2{font-size:clamp(40px,11.5vw,64px)}.home-showcase .world-dock-heading h2{font-size:25px}.marco-discover-grid{grid-template-columns:1fr;gap:20px}.marco-discover-grid>a{min-height:410px;padding:30px 14px}.marco-discover-links{gap:20px}.marco-discover-links a{font-size:12px}.marco-discover h2{margin-bottom:24px}.marco-legal{font-size:14px;padding-bottom:70px}.company-record{grid-template-columns:1fr;gap:5px}.company-record dd{margin-bottom:18px}.sky-page .site-footer .footer-brand{width:210px}.sky-page .site-footer{padding-inline:7%}}
@media(max-width:360px){.floating-controls .header .brand{width:110px}.floating-controls .persistent-budget{font-size:9px;padding-inline:8px}.site-menu>a{font-size:25px}}
@media(prefers-reduced-motion:reduce){.marco-discover *{transition:none}.services-showcase *{animation:none!important}}

@media print{.site-footer,.header,.skip,.skip-link,dialog{display:none!important}}
.experience.metropolis .story-card{border:0;border-radius:0;background:linear-gradient(120deg,#164055b0,#082a3ea6);backdrop-filter:blur(7px);clip-path:var(--identity-facet);box-shadow:inset 0 0 0 1px #90cfe255;overflow:hidden}
.experience.metropolis .story-card .card-top{align-items:center;gap:15px}.experience.metropolis .story-card .card-top .identity-icon{width:28px;height:28px;color:#a7daed}
.story-connector{position:absolute;left:100%;top:53%;width:100px;height:55px;opacity:0;pointer-events:none;transition:opacity .5s}.story-connector svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#9cd8edaa;stroke-width:1.3}.story-connector circle{fill:#b8e8f7;stroke:#36738b;stroke-width:4}.has-current .story-connector{opacity:1}
@media(min-width:1024px){.experience.metropolis .story-cards{left:var(--gutter);right:auto;top:55%;width:min(28vw,370px)}.experience.metropolis .experience-heading{top:14%;bottom:auto}}
@media(max-width:1023px){.story-connector{width:40px;height:25px;top:25%}}
@media(prefers-reduced-motion:reduce){.story-connector{display:none}.experience.metropolis .story-card{clip-path:none}}

.experience.metropolis .story-card.active{animation:none;clip-path:var(--identity-facet)}

.marco-direct-contact{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.marco-direct-contact a{display:inline-block;color:inherit}.company-record dd{min-width:0;overflow-wrap:anywhere}

/* The bright blue in the original drone mark is shared by accent typography. */
:root{--brand-text:#35c5ee;--blue:var(--brand-text);--brand-type-gradient:linear-gradient(var(--brand-text),var(--brand-text))}
@media screen and (forced-colors:none){
  body :is(em,.eyebrow,.metric,.large-value,.surface-number,.method-number,
    .equipment-range,.equipment-range span,.member-index,.member-role,.member-specialty,
    .team-role,.profile-role,.editorial-number,.step-number,.building-number,
    .footer-signature,.menu-eyebrow,.milestone-status,.company-timeline time,
    .milestone-copy time,.text-link,.scratch-status,.wash-status,.reduced-skip,
    .no-script,.news-card-number,.news-card-arrow,.news-next-arrow,
    .launch-card-top,.related-arrow,.scope-list li span,.card-top>span,
    .contact-links>a,.contact-privacy button,.saving-value strong,
    .method-grid article>span,.heritage-note>span,.three-notes article>span,
    .contact-preparation dt>span,.detail-list summary>span,.profile-career summary>span,
    .intro-copy .intro-care,.intro-hint,.quote-form legend span,.quote-progress button span,
    .persistent-budget span,.home-all-services span,.marco-discover-grid span,
    .marco-discover-links span,.launch-link span,.journal-arrow b,
    .news-contents nav>a>span,.world-index-top>span,.world-index-arrow,
    .wash-start span,.wash-toolbar button[aria-pressed="true"],
    .chapters button[aria-current],#navigation small){
      color:var(--brand-text)!important;
      -webkit-text-fill-color:currentColor!important;
      background-image:none!important;
  }
  body :is(.difference-top h2 span,.intro h2 span,.section-heading h2 span,
    .safety h2 span,.profile-symbol span){
      color:var(--brand-text);-webkit-text-fill-color:currentColor;background-image:none;
  }
  body :is(.site-menu>a:hover,.site-menu>a[aria-current],.site-menu>a[aria-current]>span,
    .footer-column a:hover,.footer-column button:hover){color:var(--brand-text)}
  .launch-process li::before,.prevention-detail summary::after,
  .service-faq summary::after,.request-facts li::before{color:var(--brand-text)}
}

/* Full-bleed Metrópolis sequence, with the natural colour of the footage. */
.experience.metropolis{width:100%;max-width:none;margin-inline:0;padding-inline:0}
.experience.metropolis .scroll-video{
  object-fit:cover;filter:none;opacity:1;mask-image:none;-webkit-mask-image:none;
}
.experience.metropolis .experience-shade{background:none}
.experience.metropolis .experience-heading,
.experience.metropolis .story-navigation,
.experience.metropolis .experience-bottom{text-shadow:0 1px 3px #000a}
.experience.metropolis .experience-heading{z-index:2}
.experience.metropolis .experience-heading h2{text-shadow:0 1px 4px #000a}
.experience.metropolis .experience-heading .eyebrow{
  width:fit-content;padding:7px 10px;background:#0009;text-shadow:none;
}
.experience.metropolis .story-navigation button{color:#fff;text-shadow:0 1px 3px #000}
.experience.metropolis .experience-bottom::before{
  content:"";position:absolute;inset:-120px calc(-1 * var(--gutter)) -36px;
  background:linear-gradient(transparent,rgba(0,0,0,.5));z-index:-1;pointer-events:none;
}
@media(prefers-reduced-motion:no-preference){
  .experience.metropolis .experience-sticky,
  .experience.metropolis.linear-mode .experience-sticky{top:0;height:100svh;min-height:0}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .experience.metropolis .experience-heading{top:124px}
}
@media(prefers-reduced-motion:reduce){
  .experience.metropolis .experience-bottom::before{display:none}
}