.industry-page{--industry-header:88px;--industry-nav:58px}.industry-page .ip-section{scroll-margin-top:calc(var(--industry-header) + var(--industry-nav) + 20px);padding-block:64px}.industry-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px}.industry-hero h1{font-size:clamp(38px,4vw,62px)}.industry-hero figure{margin:0;overflow:hidden;aspect-ratio:4/3;border-radius:10px}.industry-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% center}.industry-nav{position:sticky;top:var(--industry-header);z-index:30;background:#f5f7f6f5;border-block:1px solid #cdd8dc}.industry-nav .ip-wrap{display:flex;gap:30px;overflow-x:auto;scrollbar-width:thin}.industry-nav a{flex-shrink:0;padding:19px 0 16px;border-bottom:2px solid transparent;color:#526771;font-size:14px;text-decoration:none}.industry-nav a[aria-current]{color:#077a8d;border-bottom-color:#077a8d}.sector-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.sector-intro h2{font-size:clamp(30px,3vw,46px)}.sector-intro .ip-lead{font-size:17px;line-height:1.65}.sector-photo{margin:0;position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:10px}.sector-photo img{display:block;width:100%;height:100%;object-fit:cover}#epc .sector-photo img{object-position:35% center}#oil-gas .sector-photo img{object-position:30% center}.sector-photo.crop-left img,.sector-photo.crop-right img{width:220%;max-width:none;position:absolute;object-fit:cover;object-position:center 30%}.sector-photo.crop-left img{left:0}.sector-photo.crop-right img{right:0}.sector-reverse .sector-photo{grid-column:1;grid-row:1}.sector-reverse .sector-intro>div{grid-column:2}.industry-use-cases{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:32px}.industry-use-cases article{border-top:1px solid #cdd8dc;padding:18px 0}.industry-use-cases h3{font-size:19px;margin:0 0 7px}.industry-use-cases p{font-size:15px;line-height:1.6;color:#526771;margin:0}.sector-solutions{margin-top:16px;border-top:1px solid #cdd8dc;padding-top:20px}.sector-solutions nav{display:flex;gap:14px 30px;flex-wrap:wrap}.sector-solutions a{color:#263b43;text-decoration:none;font-size:15px}.sector-solutions a:hover{color:#077a8d}.sector-solutions span{color:#077a8d}.industry-flow{list-style:none;display:flex;gap:24px;padding:24px 0;margin:22px 0;border-block:1px solid #cdd8dc;flex-wrap:wrap}.industry-flow li:not(:last-child)::after{content:'→';color:#077a8d;margin-left:24px}.industry-page .cs-grid{margin-top:32px}.industry-page a:focus-visible{outline:2px solid #077a8d;outline-offset:4px}
@media(max-width:760px){.industry-hero,.sector-intro{grid-template-columns:1fr;gap:24px}.sector-reverse .sector-photo,.sector-reverse .sector-intro>div{grid-column:auto;grid-row:auto}.industry-use-cases{gap:0 24px}.industry-nav .ip-wrap{gap:22px}.industry-page .ip-section{padding-block:44px}.industry-hero figure,.sector-photo{border-radius:8px}.industry-hero h1{font-size:clamp(36px,8vw,52px)}}
@media(max-width:480px){.industry-use-cases{grid-template-columns:1fr}.industry-flow{gap:14px}.industry-flow li:not(:last-child)::after{margin-left:14px}}

/* Final Settori polish: lighter rhythm, stable anchors and deliberate crops. */
.industry-page{
 --industry-radius:var(--x-radius,10px);
 --industry-section-space:60px;
}
.industry-page #hero{padding-top:40px;padding-bottom:56px}
.industry-page .ip-section{padding-block:var(--industry-section-space)}
.industry-hero{gap:clamp(36px,4vw,58px)}
.industry-hero figure,.sector-photo{border-radius:var(--industry-radius)}

.industry-nav{
 background:rgba(246,248,247,.96);
 backdrop-filter:blur(12px);
 border-color:#cbd7da;
 box-shadow:0 8px 22px rgba(31,56,65,.035);
}
.industry-nav .ip-wrap{
 gap:clamp(24px,3vw,38px);
 overflow-x:auto;
 overscroll-behavior-inline:contain;
 scroll-snap-type:x proximity;
 scroll-padding-inline:4px;
 scrollbar-width:none;
}
.industry-nav .ip-wrap::-webkit-scrollbar{display:none}
.industry-nav a{
 min-height:58px;
 display:inline-flex;
 align-items:center;
 padding:17px 0 14px;
 white-space:nowrap;
 scroll-snap-align:start;
 transition:color var(--x-motion-ui,320ms) var(--x-ease,ease),border-color var(--x-motion-ui,320ms) var(--x-ease,ease);
}
.industry-nav a:hover,.industry-nav a:focus-visible{color:#077a8d;border-bottom-color:#9abac1}
.industry-nav a[aria-current]{font-weight:500;color:#077a8d;border-bottom-color:#077a8d}

.sector-intro{gap:clamp(36px,5vw,64px)}
.industry-use-cases{margin-top:36px;column-gap:clamp(32px,4vw,56px)}
.industry-use-cases article{padding:22px 0}
.sector-solutions{margin-top:20px;padding-top:22px}
.sector-solutions nav{gap:8px 32px}
.sector-solutions a{display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid transparent;transition:color var(--x-motion-ui,320ms) var(--x-ease,ease),border-color var(--x-motion-ui,320ms) var(--x-ease,ease)}
.sector-solutions a:hover,.sector-solutions a:focus-visible{color:#077a8d;border-bottom-color:#9abac1}
.sector-solutions a span{transition:transform var(--x-motion-ui,320ms) var(--x-ease,ease)}
.sector-solutions a:hover span,.sector-solutions a:focus-visible span{transform:translateX(3px)}

@media(max-width:820px){
 .industry-hero,.sector-intro{grid-template-columns:1fr;gap:26px}
 .sector-reverse .sector-photo,.sector-reverse .sector-intro>div{grid-column:auto;grid-row:auto}
 .industry-hero figure,.sector-photo{aspect-ratio:16/9}
 .industry-page #hero{padding-top:32px;padding-bottom:48px}
}
@media(max-width:700px){
 .industry-page{--industry-radius:var(--x-radius-mobile,8px);--industry-section-space:44px}
 .industry-page #hero{padding-top:28px;padding-bottom:44px}
 .industry-nav .ip-wrap{gap:26px}
 .industry-nav a{min-height:56px;padding:16px 0 13px}
 .industry-use-cases{margin-top:28px}
}
@media(max-width:560px){
 .industry-use-cases{grid-template-columns:1fr}
 .industry-hero figure,.sector-photo{aspect-ratio:4/3}
 .sector-solutions nav{display:grid;grid-template-columns:1fr;gap:2px}
 .sector-solutions a{justify-content:space-between}
}
@media(max-width:1000px){.industry-page{--industry-section-space:52px}}
@media(max-width:700px){.industry-page{--industry-section-space:44px}}
@media(prefers-reduced-motion:reduce){
 .industry-nav a,.sector-solutions a,.sector-solutions a span{transition:none}
 .sector-solutions a:hover span,.sector-solutions a:focus-visible span{transform:none}
}
