/* Three connected architectural panels. The cuts affect decoration, not text flow. */
.sector-showcase{
 --showcase-navy:#041b2b;
 position:relative;
 isolation:isolate;
 background:radial-gradient(ellipse at 50% 0,#0c3149 0,transparent 62%),var(--showcase-navy);
 color:#f5f8fc;
 padding:68px 0 25px;
 overflow:hidden;
 scroll-margin-top:165px;
}
.sector-showcase-inner{width:min(94%,1536px);margin-inline:auto;position:relative}
.sector-showcase-inner::before{content:"";position:absolute;inset:0 28px 40px;border-inline:1px solid #2881ac33;pointer-events:none;z-index:-1}
.sector-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-inline:32px;margin-bottom:34px}
.sector-showcase-heading .eyebrow{color:#a3cde7;font-size:13px;margin-bottom:10px;letter-spacing:0}
.sector-showcase-heading .eyebrow i{background:#ff682f}
.sector-showcase-heading h2{font-size:clamp(35px,3.7vw,60px);line-height:1.4;letter-spacing:-.035em}
.sector-showcase-heading h2 em{color:#ff682f}
.sector-showcase-heading>p{max-width:440px;padding-inline-start:22px;border-inline-start:1px solid #2986b3;color:#a3cde7;font-size:16px;font-weight:400;line-height:1.9}
.sector-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:8px;align-items:stretch;position:relative;--panel-cut:60px}
.sector-card{
 --card-edge:#185477;
 --card-label:#43b4f3;
 --card-button:#0879bc;
 --card-button-end:#05629f;
 --card-button-ink:#fff;
 --panel-shape:polygon(0 0,100% 0,100% 100%,var(--panel-cut) 100%);
 position:relative;
 display:flex;
 flex-direction:column;
 width:calc(100% + var(--panel-cut));
 min-width:0;
 min-height:clamp(590px,43vw,690px);
 background:var(--card-edge);
 clip-path:var(--panel-shape);
 transition:background .3s ease,transform .45s var(--ease);
}
.sector-card:nth-child(2){--panel-shape:polygon(0 0,calc(100% - var(--panel-cut)) 0,100% 100%,var(--panel-cut) 100%)}
.sector-card:last-child{width:100%;--panel-shape:polygon(0 0,calc(100% - var(--panel-cut)) 0,100% 100%,0 100%)}
.sector-card-surface{position:absolute;inset:1px;clip-path:var(--panel-shape);overflow:hidden;background:var(--showcase-navy);pointer-events:none}
.sector-card-photo{width:100%;height:75%;object-fit:cover;object-position:center;opacity:.88;transform:scale(1.005);transition:transform 1.1s var(--ease),opacity .5s ease}
.sector-card:first-child .sector-card-photo{object-position:12% center}
.sector-card:nth-child(2) .sector-card-photo{object-position:60% center}
.sector-card:last-child .sector-card-photo{object-position:80% center}
.sector-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#041b2b38 0,transparent 26%,#041b2b19 43%,#041b2be8 66%,#041b2b 78%)}
.sector-card-mark{position:absolute;inset-block-start:30px;inset-inline-end:calc(var(--panel-cut) + 30px);display:flex;align-items:center;gap:16px;color:#d8ecfb;filter:drop-shadow(0 2px 7px #00121e);pointer-events:none}
.sector-card:last-child .sector-card-mark{inset-inline-end:30px}
.sector-card-mark span{font:400 18px/1.3 Sora,sans-serif;border-bottom:1px solid #d8ecfb;padding-bottom:8px;direction:ltr}
.sector-card-copy{position:relative;margin-top:auto;padding-block:315px 28px;padding-inline:40px 100px;display:flex;flex-direction:column;flex:1;min-width:0}
.sector-card:nth-child(2) .sector-card-copy{padding-inline:60px 80px}
.sector-card:last-child .sector-card-copy{padding-inline:60px 20px}
.sector-card-label{font-size:17px;font-weight:700;line-height:1.7;color:var(--card-label);margin-bottom:10px;transition:color .3s ease}
.sector-card h3{font-size:clamp(26px,2.25vw,36px);font-weight:800;line-height:1.55;letter-spacing:-.035em;min-height:3.1em;margin-bottom:14px;text-wrap:balance}
.sector-card-capabilities{padding:0;margin:0 0 22px;list-style:none;color:#e6eef4;font-size:14px;font-weight:400;line-height:1.9;flex:1}
.sector-card-capabilities li{display:flex;align-items:baseline;gap:10px}
.sector-card-capabilities li+li{margin-top:2px}
.sector-card-capabilities li::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff682f;flex:0 0 6px;align-self:start;margin-top:.82em}
.sector-card-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;width:100%;padding:11px 23px;border:1px solid #ffffff12;border-radius:7px;background:linear-gradient(110deg,var(--card-button),var(--card-button-end));color:var(--card-button-ink);font-size:16px;font-weight:800;line-height:1.6;transition:background .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 5px 18px #00101c2b}
.sector-card-action svg{transition:transform .35s var(--ease)}
.sector-card-action:focus-visible{outline:2px solid #fff;outline-offset:4px}
.sector-card:first-child,.sector-card:is(:hover,:focus-within){--card-edge:#ff682f;--card-label:#ff874a;--card-button:#ff7937;--card-button-end:#ff6026;--card-button-ink:#071d2b}
.sector-deck:has(.sector-card:not(:first-child):is(:hover,:focus-within)) .sector-card:first-child:not(:hover):not(:focus-within){--card-edge:#185477;--card-label:#43b4f3;--card-button:#0879bc;--card-button-end:#05629f;--card-button-ink:#fff}
.sector-card:is(:hover,:focus-within){transform:translateY(-5px);z-index:1}
.sector-card:is(:hover,:focus-within) .sector-card-photo{transform:scale(1.055);opacity:1}
.sector-card:is(:hover,:focus-within) .sector-card-action svg{transform:translateX(-4px)}
.sector-showcase-note{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:14px;font-size:10px;font-weight:400;color:#8cb4cc}
.sector-showcase-note::before,.sector-showcase-note::after{content:"";width:min(11vw,160px);height:1px;background:linear-gradient(90deg,transparent,#d65e2e)}
.sector-showcase-note::after{transform:scaleX(-1)}
html[dir=ltr] .sector-card{--panel-shape:polygon(0 0,100% 0,calc(100% - var(--panel-cut)) 100%,0 100%)}
html[dir=ltr] .sector-card:nth-child(2){--panel-shape:polygon(var(--panel-cut) 0,100% 0,calc(100% - var(--panel-cut)) 100%,0 100%)}
html[dir=ltr] .sector-card:last-child{--panel-shape:polygon(var(--panel-cut) 0,100% 0,100% 100%,0 100%)}
html[dir=ltr] .sector-card-action svg{rotate:180deg}
html[dir=ltr] .sector-card:is(:hover,:focus-within) .sector-card-action svg{transform:translateX(-4px)}
html[dir=ltr] .sector-showcase-heading h2{font-size:clamp(30px,3.4vw,53px)}
html[dir=ltr] .sector-card h3{font-size:clamp(25px,2.05vw,33px);line-height:1.4;min-height:2.8em}
@media(min-width:1500px){.sector-card-copy{padding-top:375px}.sector-card-capabilities{font-size:16px}.sector-card-label{font-size:20px}.sector-card-action{min-height:60px;font-size:18px}}
@media(min-width:901px) and (max-width:1150px){
 .sector-deck{--panel-cut:36px}
 .sector-deck .sector-card .sector-card-copy{padding-inline:20px 56px;padding-top:270px}
 .sector-deck .sector-card:nth-child(2) .sector-card-copy{padding-inline:40px 36px}
 .sector-deck .sector-card:last-child .sector-card-copy{padding-inline:40px 0px;padding-inline-end:12px}
 .sector-card{min-height:590px}
 .sector-card h3{font-size:25px;min-height:3.1em}
 .sector-card-label{font-size:15px}
 .sector-card-capabilities{font-size:13px}
 .sector-card-action{font-size:14px;padding-inline:16px}
 .sector-showcase-heading>p{max-width:370px;font-size:14px}
 .sector-card-mark{inset-inline-end:calc(var(--panel-cut) + 20px)}
 .sector-card:last-child .sector-card-mark{inset-inline-end:20px}
}
@media(max-width:900px){
 .sector-showcase{padding-top:48px;scroll-margin-top:95px}
 .sector-showcase-inner{width:88%}
 .sector-showcase-inner::before{display:none}
 .sector-showcase-heading{padding-inline:0;gap:22px;align-items:start;flex-direction:column;margin-bottom:26px}
 .sector-showcase-heading h2,html[dir=ltr] .sector-showcase-heading h2{font-size:38px}
 .sector-showcase-heading>p{max-width:600px;font-size:14px;padding-inline-start:16px}
 .sector-deck{grid-template-columns:1fr;gap:20px;--panel-cut:0px}
 .sector-deck .sector-card{width:100%;clip-path:none;border-radius:12px;overflow:hidden;min-height:0}
 .sector-deck .sector-card-surface{clip-path:none;border-radius:11px}
 .sector-card-photo{height:100%;object-position:center;opacity:.65}
 .sector-card-shade{background:linear-gradient(180deg,#041b2b22,transparent 30%,#041b2bc9 55%,#041b2bfa 85%)}
 .sector-deck .sector-card .sector-card-copy{padding:205px 28px 26px}
 .sector-card-mark,.sector-card:last-child .sector-card-mark{inset-inline-end:28px;inset-block-start:24px}
 .sector-card h3,html[dir=ltr] .sector-card h3{font-size:29px;min-height:0;margin-bottom:15px}
 .sector-card-label{font-size:17px;margin-bottom:8px}
 .sector-card-capabilities{font-size:15px}
 .sector-card-action{font-size:16px;min-height:54px}
 .sector-card:is(:hover,:focus-within){transform:none}
 .sector-showcase-note{font-size:10px}
}
@media(max-width:400px){
 .sector-showcase-heading h2,html[dir=ltr] .sector-showcase-heading h2{font-size:31px}
 .sector-showcase-heading>p{font-size:13px}
 .sector-deck .sector-card .sector-card-copy{padding:178px 20px 20px}
 .sector-card h3,html[dir=ltr] .sector-card h3{font-size:26px}
 .sector-card-label{font-size:15px}
 .sector-card-capabilities{font-size:13px}
 .sector-card-action{font-size:14px;padding-inline:17px}
 .sector-card-mark,.sector-card:last-child .sector-card-mark{inset-inline-end:20px}
 .sector-showcase-note{gap:10px;font-size:9px}
}
/* The same pointer light, image movement and reveal used by project cards. */
.sector-card{--sector-glow:255,133,66;--sector-accent:#ff874a}
.sector-card[data-sector-kind=trading]{--sector-glow:50,163,225;--sector-accent:#43b4f3}
.sector-card[data-sector-kind=energy]{--sector-glow:55,191,177;--sector-accent:#66d7c7}
.sector-card-surface:before,.sector-card-surface:after{content:'';position:absolute;inset:0;pointer-events:none}
.sector-card-surface:before{z-index:1;bottom:25%;background:linear-gradient(110deg,transparent 25%,#ffffff2e 47%,transparent 66%);transform:translateX(-140%);transition:transform .85s var(--ease)}
.sector-card-surface:after{z-index:2;opacity:0;background:radial-gradient(360px circle at var(--work-glow-x,50%) var(--work-glow-y,35%),rgba(var(--sector-glow),.25),transparent 70%);box-shadow:inset 0 0 45px rgba(var(--sector-glow),.1);transition:opacity .35s ease}
.sector-card-peek{position:absolute;top:clamp(160px,16vw,240px);inset-inline-end:calc(var(--panel-cut) + 30px);z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff88;background:#ffffffeb;color:#0c567c;box-shadow:0 5px 20px #001c2e30;opacity:0;transform:translateY(12px) rotate(-12deg);transition:opacity .3s ease,transform .45s var(--ease);pointer-events:none}
.sector-card:last-child .sector-card-peek{inset-inline-end:30px}
.sector-card-mark{transition:transform .4s var(--ease),color .3s ease}
.sector-card-action{transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .35s var(--ease)}
.sector-card:is(.is-work-hover,:focus-within) .sector-card-surface:before{transform:translateX(140%)}
.sector-card:is(.is-work-hover,:focus-within) .sector-card-surface:after{opacity:1}
.sector-card:is(.is-work-hover,:focus-within) .sector-card-peek{opacity:1;transform:translateY(0) rotate(0)}
.sector-card:is(.is-work-hover,:focus-within) .sector-card-mark{transform:translateY(-3px);color:var(--sector-accent)}
.sector-card:is(.is-work-hover,:focus-within) .sector-card-action{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--sector-glow),.2)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .sector-card.is-work-hover{transform:perspective(1100px) translateY(-6px) rotateX(var(--work-rotate-x,0deg)) rotateY(var(--work-rotate-y,0deg));z-index:2;transition:transform .18s ease-out,background .3s ease}
 .sector-card.is-work-hover .sector-card-photo{transform:translate(var(--work-image-x,0px),var(--work-image-y,0px)) scale(1.075);opacity:1;filter:brightness(1.06) saturate(1.04);transition:transform .4s ease-out,opacity .4s ease,filter .4s ease}
}
@media(max-width:900px){.sector-card-peek{top:135px}}
@media(prefers-reduced-motion:reduce){.sector-showcase *{transition:none!important}.sector-card:is(:hover,:focus-within){transform:none}.sector-card:is(:hover,:focus-within) .sector-card-photo{transform:none}.sector-card-surface:before{display:none}.sector-card-surface:after{transition:none}.sector-card-peek,.sector-card-mark,.sector-card:is(:hover,:focus-within) .sector-card-action{transform:none!important}}
html[data-motion=calm] .sector-showcase *{transition:none!important}
html[data-motion=calm] .sector-card:is(:hover,:focus-within),html[data-motion=calm] .sector-card:is(:hover,:focus-within) .sector-card-photo{transform:none}
html[data-motion=calm] .sector-card-surface:before{display:none}
html[data-motion=calm] .sector-card-surface:after{transition:none}
html[data-motion=calm] .sector-card-peek,html[data-motion=calm] .sector-card-mark,html[data-motion=calm] .sector-card:is(:hover,:focus-within) .sector-card-action{transform:none!important}