@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102d3a;--blue:#1b5c72;--cyan:#a4d6df;--ink:#173441;--paper:#f4f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;color:var(--ink);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #dfaa4b;outline-offset:6px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:var(--navy);color:white}header .brand img{width:153px;height:73px;object-fit:contain}nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav-contact{border:1px solid #8296a0;padding:12px 19px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600}h1{font-size:clamp(62px,6.7vw,108px);letter-spacing:-1px;margin-bottom:25px}h2{font-size:clamp(42px,4.2vw,66px);margin-bottom:25px}h3{font-size:24px}em{font-style:normal;color:var(--cyan)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;margin-bottom:24px}.hero{height:790px;min-height:650px;position:relative;color:white;background:var(--navy)}.hero-photo{position:absolute;width:65%;height:100%;right:0;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102d3a 0%,#102d3af5 23%,#102d3a95 49%,#102d3a00 78%),linear-gradient(0deg,#102d3ad9,transparent 35%)}.hero-content{position:relative;padding:58px 6%;max-width:920px}.hero-content>p:not(.eyebrow){max-width:440px;color:#e1eaf0;font-size:18px}.actions{display:flex;gap:28px;align-items:center;margin-top:32px}.button{display:inline-block;background:var(--cyan);color:var(--navy);padding:16px 23px;font-size:14px;font-weight:800;transition:.2s}.button:hover{background:white;box-shadow:0 4px 24px #0002}.text-link{font-size:14px;border-bottom:1px solid #90aab5;padding-bottom:6px}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #ffffff44;padding:25px 0;font-size:13px;letter-spacing:2px}.section{padding:95px 6%}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:35px 80px}.intro p{color:#516872}.intro .eyebrow{color:var(--blue)}.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd7dc;padding-top:35px}.stats>div{padding-left:30px;border-left:1px solid #ccd7dc}.stats>div:first-child{padding-left:0;border:0}.stats strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:64px;font-weight:500;line-height:1.2}.stats span{font-size:14px;color:#516872}.sectors{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:40px}.section-heading>p{max-width:300px;color:#516872}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sector{min-height:530px;position:relative;background:var(--blue);color:white;overflow:hidden;display:flex;align-items:end}.sector>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sector:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c2539f5,transparent 100%)}.sector>div{position:relative;z-index:1;padding:30px}.number{font-size:12px;letter-spacing:2px}.sector h3{font-family:'Barlow Condensed',sans-serif;font-size:45px;margin:16px 0}.sector p{font-size:15px;color:#ecf3f7}.sector a{font-size:14px;border-bottom:1px solid #abcbd6;padding-bottom:4px}.image-note{font-size:12px;color:#617783;margin:16px 0 0}.operation{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:var(--navy);color:white}.operation>div>p:not(.eyebrow){color:#c4d2d9;max-width:500px}.operation .eyebrow{color:var(--cyan)}.steps article{display:flex;gap:25px;border-top:1px solid #ffffff33;padding:24px 0 10px}.steps article>span{color:var(--cyan);font-size:14px}.steps h3{font-size:20px;margin-bottom:12px}.steps p{color:#c4d2d9;font-size:15px}.service-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;margin-top:45px}.service-layout>img{width:100%;height:560px;object-fit:cover}.service-list details{border-top:1px solid #bcccd4;padding:23px 0}.service-list details:last-child{border-bottom:1px solid #bcccd4}summary{cursor:pointer;font-size:17px;font-weight:700}details p{font-size:15px;color:#516872;margin:15px 0 0}.works{background:var(--paper)}.work-photos{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.work-photos figure{margin:0}.work-photos img{width:100%;height:310px;object-fit:cover}figcaption{font-size:13px;margin:10px 0 25px}.project-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:25px}.project-list article{border-top:1px solid #b9cbd2;padding-top:23px}.project-list span{font-size:11px;letter-spacing:1px}.project-list h3{font-size:22px;margin:18px 0 8px}.project-list p{font-size:14px;margin-bottom:18px}.project-list strong{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:500}.contact{background:var(--blue);color:white}.contact h2{font-size:clamp(48px,5.4vw,84px)}.contact-mail{font-size:clamp(23px,3vw,42px);border-bottom:1px solid #ffffff77}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff44;margin-top:55px;padding-top:32px}.contact-row p{margin:0}footer{padding:35px 6%;background:var(--navy);color:#c4d2d9;display:flex;justify-content:space-between;gap:25px;font-size:12px}footer nav{font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:10;background:white;padding:10px}@media(max-width:900px){header{height:auto;gap:15px}header nav{gap:16px}header nav a:nth-child(-n+4){display:none}.hero{height:740px}.hero-photo{width:100%;opacity:.65}.hero-shade{background:linear-gradient(90deg,#102d3aed,#102d3a25)}.hero-content{padding-top:65px}.hero-bottom{font-size:10px;letter-spacing:1px}.intro,.operation{gap:35px;grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr}.sector{min-height:450px}.sector>img{object-position:center 45%}.section{padding:65px 6%}.stats{grid-template-columns:1fr 1fr;gap:28px}.stats>div:nth-child(3){padding-left:0;border:0}.stats strong{font-size:54px}.service-layout{grid-template-columns:1fr;gap:30px}.service-layout>img{height:330px}.work-photos{grid-template-columns:1fr 1fr}.work-photos figure:first-child{grid-column:1/-1}.project-list{grid-template-columns:1fr 1fr}.section-heading{display:block}.contact-row,footer{align-items:start;flex-direction:column}.actions{align-items:start;flex-direction:column;gap:18px}.hero-content>p:not(.eyebrow){font-size:16px;max-width:340px}h1{font-size:66px}.hero-bottom{gap:12px}.contact-mail{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Service overview and individual service pages */
.services-lead{max-width:740px;color:#516872;margin-bottom:35px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px}.service-card{background:var(--paper);display:block;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #102d3a14}.service-card-photo{height:240px;position:relative;overflow:hidden}.service-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-card:hover img{transform:scale(1.035)}.service-card-photo>span{position:absolute;left:18px;bottom:18px;background:var(--navy);color:white;padding:5px 12px;font-size:14px}.service-card-copy{padding:27px;display:flex;flex-direction:column;min-height:245px}.service-card h3{font-size:24px;line-height:1.18;margin-bottom:15px}.service-card p{color:#516872;font-size:15px}.service-card-link{font-size:14px;font-weight:800;border-bottom:1px solid #91aeb9;align-self:start;margin-top:auto;padding-top:12px}.service-hero{min-height:610px;position:relative;color:white;background:var(--navy);display:flex;align-items:center}.service-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.service-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#102d3af5 0%,#102d3ad1 35%,#102d3a30 100%)}.service-hero-copy{position:relative;width:100%;padding:40px 6% 65px}.service-hero h1{max-width:880px;font-size:clamp(54px,6vw,90px);margin-bottom:22px}.service-hero-copy>p:not(.eyebrow){font-size:21px;max-width:620px;color:#e0edf2}.breadcrumbs{font-size:13px;gap:12px;color:#c9dce5;margin-bottom:45px;flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline}.service-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px}.service-intro>div>p{font-size:19px;color:#516872;max-width:800px}.context-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.context-tags span{border:1px solid #c4d4dc;font-size:13px;padding:9px 15px}.scope{background:var(--paper)}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 40px}.scope-grid article{border-top:1px solid #c4d4dc;padding-top:20px}.service-count{font-size:14px;color:var(--blue);display:block;margin-bottom:28px}.scope-grid h3{font-size:23px;line-height:1.2;margin-bottom:17px}.scope-grid p{font-size:16px;color:#516872}.evidence{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.evidence figure{margin:0}.evidence img{width:100%;height:470px;object-fit:cover}.evidence p{color:#516872}.evidence h2{font-size:48px}.service-consult{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;background:var(--blue);color:white}.service-consult p{max-width:620px;color:#deedf2}.service-consult>div+div{border-left:1px solid #ffffff50;padding-left:50px;align-self:center}.service-consult h3{line-height:1.2}.phone-link{display:block;margin-top:24px}.related nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;margin:30px 0}.related nav a{padding:18px 0;border-bottom:1px solid #c4d4dc;font-size:16px}.related nav a[aria-current]{font-weight:800;color:var(--blue)}.back-link{font-size:14px;border-bottom:1px solid var(--blue)}@media(max-width:1000px){.service-cards,.scope-grid{grid-template-columns:repeat(2,1fr)}.service-intro{grid-template-columns:1fr;gap:10px}.evidence{gap:35px}.service-consult{gap:35px}.related nav{grid-template-columns:1fr 1fr}}@media(max-width:600px){.service-cards,.scope-grid,.evidence,.service-consult{grid-template-columns:1fr}.service-card-copy{min-height:215px}.service-hero{min-height:620px}.service-hero h1{font-size:58px;overflow-wrap:anywhere}.service-hero-copy{padding-top:30px}.service-hero-copy>p:not(.eyebrow){font-size:18px}.breadcrumbs{margin-bottom:40px}.scope-grid{gap:22px}.evidence img{height:340px}.evidence h2{font-size:40px}.service-consult>div+div{border-left:0;border-top:1px solid #ffffff50;padding:30px 0 0}.related nav{grid-template-columns:1fr}.service-card-photo{height:260px}.service-intro>div>p{font-size:17px}}@media(prefers-reduced-motion:reduce){.service-card,.service-card-photo img{transition:none}}

.service-card-number{padding:28px 27px 0;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:2px}.service-card{border-top:3px solid var(--blue)}.service-card-copy{min-height:220px}.work-team{grid-template-columns:1fr}.work-team img{height:410px;object-position:center 42%}.evidence-text{grid-template-columns:1fr}.evidence-text>div{max-width:850px}.evidence-text h2{max-width:750px}

/* Anchor positioning is calculated from section content, without double top spacing. */
html{scroll-behavior:auto}main section[tabindex="-1"]:focus{outline:none}

/* Careers */
header nav{gap:22px}.careers{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;background:var(--paper)}.careers-intro{font-size:22px;line-height:1.5;font-weight:600;max-width:650px}.careers p:not(.eyebrow){max-width:650px}.careers-contact{border-left:1px solid #bcccd4;padding-left:45px;align-self:center}.careers-contact h3{font-size:26px;line-height:1.2}.careers-contact p{color:#516872}.careers-mail{display:block;margin-top:20px;font-weight:700;overflow-wrap:anywhere}.careers .button:hover{background:#c6e8ee}footer nav{flex-wrap:wrap}@media(max-width:1100px) and (min-width:901px){header{padding-left:3%;padding-right:3%}header nav{gap:14px;font-size:13px}header .brand img{width:125px}.nav-contact{padding:12px}}@media(max-width:900px){header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:12px}header .careers-nav{display:block}.careers{grid-template-columns:1fr;gap:28px}.careers-contact{border-left:0;border-top:1px solid #bcccd4;padding:30px 0 0}}@media(max-width:480px){header nav{width:100%;justify-content:space-between;font-size:12px}.nav-contact{padding:9px}.careers-intro{font-size:19px}}
/* Comfortable sections at laptop heights; content remains free to grow. */
.section{padding:clamp(36px,6svh,64px) 6%}
h2{font-size:clamp(36px,4vw,56px);margin-bottom:20px}
.eyebrow{margin-bottom:18px}.section-heading{margin-bottom:25px;gap:30px}
.hero{height:auto;min-height:calc(100svh - 92px);display:flex;flex-direction:column;justify-content:center}
.hero-content{padding:30px 6%;max-width:960px}
h1{font-size:clamp(54px,8svh,88px);line-height:1.02;margin-bottom:20px}
.hero-content>p:not(.eyebrow){margin-bottom:18px}.actions{margin-top:22px}
.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 6%;padding:18px 0;gap:15px}
.intro{gap:28px 60px}.stats{padding-top:22px}.stats strong{font-size:54px}
.sector{min-height:clamp(340px,51svh,430px)}.sector>div{padding:25px}.sector h3{font-size:38px}
.operation{gap:55px}.steps article{padding:16px 0 4px}.steps h3{margin-bottom:8px}
.services-lead{margin-bottom:24px}.service-cards{gap:18px}.service-card-number{padding:17px 20px 0}
.service-card-copy{padding:18px 20px;min-height:180px}.service-card h3{font-size:21px;margin-bottom:12px}
.scope-grid{gap:22px 30px}.service-count{margin-bottom:15px}.scope-grid h3{font-size:21px;margin-bottom:12px}
.work-team img{height:clamp(220px,31svh,320px)}.project-list{margin-top:12px;gap:22px}
.project-list article{padding-top:15px}.project-list h3{margin:12px 0 8px}.project-list p{margin-bottom:10px}
.contact h2{font-size:clamp(42px,6svh,68px)}.contact-row{margin-top:30px;padding-top:24px}
.careers{gap:45px}.careers-intro{font-size:20px}
.service-hero{min-height:min(560px,calc(100svh - 92px))}.service-hero-copy{padding:30px 6% 40px}
.service-hero h1{font-size:clamp(48px,7svh,76px)}.breadcrumbs{margin-bottom:30px}
.evidence img{height:clamp(260px,48svh,400px)}
.mobile-menu{display:none}img{max-width:100%}.section>*,.scope-grid>*,.service-cards>*{min-width:0}
@media(max-width:900px){
 header{height:auto;min-height:82px;flex-wrap:nowrap;position:relative;gap:16px}
 header>nav{display:none}header .brand img{width:130px;height:64px}
 .mobile-menu{display:block;color:white}.mobile-menu summary{list-style:none;border:1px solid #8296a0;padding:10px 18px;font-size:16px;min-height:44px}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu nav{position:absolute;top:100%;left:0;right:0;z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 6% 20px;background:var(--navy);box-shadow:0 12px 20px #102d3a33}
 header .mobile-menu nav a{display:block;padding:13px 4px;font-size:16px;border-bottom:1px solid #ffffff30;min-height:48px}
 .section{padding:44px 6%}.hero{min-height:calc(100svh - 84px)}.hero-content{padding:32px 6% 24px}
 .hero-bottom{flex-wrap:wrap;font-size:12px;letter-spacing:1px}.hero-bottom span{flex:1 1 35%}
 h1{font-size:clamp(48px,9vw,68px)}h2{font-size:clamp(36px,6vw,48px)}
 .sector{min-height:360px}.sector-grid{gap:18px}.sector p{max-width:520px}
 .operation,.careers{gap:28px}.stats{gap:22px}.stats strong{font-size:48px}
 .service-hero{min-height:0}.service-hero-copy{padding:32px 6% 48px}.service-hero h1{font-size:clamp(44px,7vw,64px)}
 .evidence img{height:320px}.work-team img{height:auto;aspect-ratio:4/3;object-fit:cover}.contact-row{gap:24px}
 .button{min-height:48px}.contact-mail{font-size:clamp(20px,4.8vw,32px)}
}
@media(max-width:600px){
 .section{padding:36px 6%}.intro,.stats,.project-list{column-gap:20px}.stats>div{padding-left:18px}.stats span{font-size:14px}
 .service-card-copy{min-height:0}.service-card-link{margin-top:8px}.service-cards,.scope-grid{grid-template-columns:1fr}
 .service-consult{gap:26px}.evidence h2{font-size:36px}.careers-contact{padding-top:24px}
 .section-heading>p{max-width:none}.hero-content>p:not(.eyebrow){max-width:100%}.hero h1{font-size:clamp(42px,10vw,58px)}
 .hero .actions{gap:18px}.hero-bottom{padding:16px 0}.project-list strong{font-size:34px}
 footer{padding:28px 6%;gap:18px}footer nav{gap:12px 20px}.contact-row p{font-size:16px}
}
/* Complete desktop panels, with continuous backgrounds and natural scrolling. */
.sector-support,.services,.works,.careers{background:var(--paper)}
@media(min-width:901px){
  main>.section{min-height:100vh;min-height:100svh;height:auto;padding-top:clamp(40px,7svh,88px);padding-bottom:clamp(40px,7svh,88px)}
  main>.intro,main>.operation,main>.careers,main>.service-intro,main>.evidence,main>.service-consult{align-content:center}
  main>.sectors,main>.sector-support,main>.services,main>.works,main>.contact,main>.scope,main>.related{display:flex;flex-direction:column;justify-content:center}
  main>.section>*{flex-shrink:0}
  .contact>.contact-mail{align-self:flex-start}
  .related>.back-link{align-self:flex-start}
}
@media(max-width:900px){main>.section{min-height:0;height:auto}}

/* Modern scroll experience: native sticky positioning, no scroll trapping. */
:root{--header-height:92px}
html{scroll-padding-top:var(--header-height)}
.site-header{position:sticky;top:0;z-index:50;transition:box-shadow .25s,background .25s;background:#102d3af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header.is-scrolled{box-shadow:0 8px 30px #102d3a20}
.site-header:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--cyan);transform:scaleX(var(--scroll-progress,0));transform-origin:left}
.site-header nav a{transition:color .2s,border-color .2s}.site-header nav a[aria-current="location"]{color:var(--cyan)}
.skip:focus{position:fixed;z-index:60}
.story-index{display:flex;align-items:center;gap:18px;max-width:250px;margin:38px 0 24px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:24px;color:#8b9fa8}
.story-current{color:var(--blue);font-size:48px;line-height:1}.story-line{height:1px;background:#b5c8d0;flex:1}.story-hint{font-size:11px;letter-spacing:2px;color:#617783}
.sector>img{transition:transform .8s cubic-bezier(.2,.65,.3,1)}.sector:hover>img{transform:scale(1.035)}
.sector a{display:inline-flex;align-items:center;gap:14px}.sector a:after{content:'↗';transition:transform .2s}.sector a:hover:after{transform:translate(3px,-3px)}
.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}
.service-card{position:relative;overflow:hidden}.service-card:after{content:'↗';position:absolute;right:20px;top:16px;font-size:22px;color:var(--blue);transition:transform .2s}.service-card:hover:after{transform:translate(3px,-3px)}
@media(min-width:901px){
 main>.scroll-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 7%;align-items:start;justify-content:normal;padding-top:100px;padding-bottom:100px;background:#edf2f4}
 .scroll-story>.section-heading{position:sticky;top:calc(var(--header-height) + 48px);display:block;margin:0;padding-bottom:36px}
 .scroll-story .section-heading>p{max-width:330px;font-size:17px;margin-top:26px}
 .scroll-story h2{font-size:clamp(44px,4.8vw,72px)}
 .scroll-story .sector-grid{display:grid;grid-template-columns:1fr;gap:32px}
 .scroll-story .sector{min-height:530px;height:calc(100svh - var(--header-height) - 96px);max-height:740px}
 .scroll-story .sector>div{padding:36px;max-width:550px}.scroll-story .sector h3{font-size:clamp(42px,4.2vw,64px)}
 .scroll-story .sector p{font-size:16px;max-width:420px}.scroll-story .sector:after{background:linear-gradient(0deg,#0c2539fa 0%,#0c253980 45%,#0c253908 100%)}
 .scroll-story>.image-note{grid-column:2;margin-top:20px}
 main>.operation{align-content:normal;padding-top:90px;padding-bottom:90px}
 .operation>div:first-child{align-self:start;position:sticky;top:calc(var(--header-height) + 48px)}
 .operation .steps article{min-height:210px;align-items:start;padding-top:30px}.operation .steps h3{font-size:26px}.operation .steps p{font-size:17px}
 main>.services{background:#fff}.service-card{background:#edf2f4}.service-card-copy{min-height:205px}
 main>.works{background:#e8eff2}
}
@media(max-width:900px){:root{--header-height:84px}.site-header{position:sticky}.story-index,.story-hint{display:none}.scroll-story>.image-note{margin-top:20px}}
@media(prefers-reduced-motion:no-preference){
 .reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
 .reveal-ready.is-visible{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

/* Clear text hierarchy on the second panel and service introductions. */
.intro,.service-intro{background:#f4f7f8;color:#102d3a}
.intro h2,.service-intro h2{color:#102d3a}
.intro p,.service-intro>div>p{color:#354d59}
.intro .eyebrow,.service-intro>.eyebrow{color:#17566c}
.intro .stats strong{color:#17566c}
.intro .stats span{color:#354d59}
.intro .stats,.intro .stats>div{border-color:#b2c4cd}
.service-intro .context-tags span{color:#354d59;border-color:#b2c4cd}
.scroll-story .section-heading{color:#102d3a}
.scroll-story .section-heading>p{color:#354d59}
.story-index,.story-hint{color:#455e6b}
.story-current{color:#17566c}

/* Clear application options, using the Copimex brand palette. */
.careers-option{margin-top:26px;padding-top:22px;border-top:1px solid #A5BAC1}.careers-option h4{font-size:21px;line-height:1.35;margin:0 0 10px}.careers-option p{margin:0 0 18px}.careers-option .button{background:#075B73;color:#FCFCFA;max-width:100%;text-align:center;white-space:normal}.careers-option .button:hover{background:#064D62}.careers-option .button:focus-visible{outline:3px solid #E67832;outline-offset:4px}

/* Real estate division · Copimex brand */
.real-estate{background:#E9F1F3}.development-card{display:grid;grid-template-columns:1.1fr 1fr;background:#FCFCFA;overflow:hidden}.development-image img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.development-copy{padding:45px}.development-copy h3{font-size:clamp(40px,5vw,64px);margin:12px 0;color:#12323D}.development-tagline{font-size:25px;line-height:1.35}.development-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.real-estate .button,.green-hero .button,.green-brochure .button,.green-contact .button{background:#075B73;color:#FCFCFA}.real-estate .button:hover,.green-hero .button:hover,.green-brochure .button:hover,.green-contact .button:hover{background:#064D62}.green-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;background:#12323D;color:#FCFCFA}.green-hero h1{font-size:clamp(60px,8vw,110px);margin:18px 0}.green-tagline{font-size:clamp(26px,3vw,38px);line-height:1.3}.green-hero figure{margin:0}.green-hero img{width:100%;height:auto;display:block}.green-hero figcaption{font-size:12px;margin-top:8px;color:#C9D6DA}.green-hero .breadcrumbs{margin-bottom:30px;display:flex}.green-hero .button{border:1px solid #A5BAC1}.green-video{background:#FCFCFA}.green-video video{display:block;width:100%;aspect-ratio:16/9;background:#12323D;margin:28px 0 18px;object-fit:contain}.green-brochure{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;background:#E9F1F3}.brochure-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.brochure-actions .outline{background:transparent;color:#075B73;border:1px solid #075B73}.brochure-actions p{font-size:13px;margin:0}.green-contact .text-link{display:inline-block;margin:20px}.green-contact p,.green-video>p{max-width:760px}header nav{gap:18px}@media(max-width:1100px){header>nav{display:none}.mobile-menu{display:block}}@media(max-width:700px){.development-card,.green-hero,.green-brochure{grid-template-columns:1fr}.development-copy{padding:28px}.development-image img{min-height:0;height:auto}.green-hero{gap:30px}.development-actions{gap:18px}.green-contact .text-link{margin:20px 0;display:block}}