/* Compact, photo-first COTI navigation. Original body content remains intact. */
:root{--coti-header-height:94px}
html{scroll-padding-top:calc(var(--coti-header-height) + 18px)}
body.coti-layout{padding-top:var(--coti-header-height)}
body.coti-home{padding-top:0}
body.coti-menu-open{overflow:hidden}
header.site.coti-header{position:fixed;inset:0 0 auto;height:var(--coti-header-height);z-index:110;background:#10233e;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:none;transition:background .25s ease,box-shadow .25s ease;color:#f6f9fd}
.coti-layout .skip:focus{z-index:140}
body.coti-home header.site.coti-header:not(.is-scrolled):not(.menu-is-open){background:linear-gradient(180deg,rgba(8,20,38,.77),rgba(8,20,38,.51));border-color:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
header.site.coti-header.is-scrolled{background:#10233e;box-shadow:0 4px 18px rgba(7,15,29,.16)}
header.site.coti-header .wrap{height:100%;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px}
header.site.coti-header .brand{display:flex;align-items:center;flex:0 1 auto;grid-column:auto;grid-row:auto;justify-self:auto;width:clamp(320px,29vw,400px);padding:0;margin:0;overflow:visible;background:transparent;border-radius:0;text-decoration:none}
header.site.coti-header .brand img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
header.site.coti-header .brand::after{display:none}
header.site.coti-header .brand:hover img{transform:scale(1.015)}
.coti-mobile-wordmark{display:none}
header.site.coti-header nav.main{position:static;inset:auto;width:auto;background:transparent;transform:none;visibility:visible;display:block!important;margin:0;padding:0;box-shadow:none;grid-column:auto;grid-row:auto}
header.site.coti-header nav.main ul{display:flex;flex-direction:row;align-items:center;gap:1px}
header.site.coti-header nav.main a{padding:10px 8px;font-size:13px;line-height:1.2;border-radius:4px;white-space:nowrap;color:#f6f9fd}
header.site.coti-header nav.main a:hover{background:rgba(255,255,255,.10)}
header.site.coti-header nav.main a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px #f34a60}
header.site.coti-header .tools{display:flex;flex:none;gap:6px;margin:0;grid-column:auto;grid-row:auto;justify-self:auto}
header.site.coti-header .lang{border:1px solid rgba(255,255,255,.28);background:rgba(9,21,39,.25)}
header.site.coti-header .lang a,header.site.coti-header .lang span{padding:6px 9px;color:#e4ebf6}
header.site.coti-header .lang span{background:#f2f5fa;color:#10233e}
header.site.coti-header .lang a:hover{background:rgba(255,255,255,.12);color:#fff}
header.site.coti-header .icon-btn{color:#f6f9fd;width:36px;height:36px}
header.site.coti-header .icon-btn:hover{background:rgba(255,255,255,.12)}
header.site.coti-header .menu-btn{display:none}
.coti-nav-meta,.coti-menu-scrim{display:none}
header.site.coti-header :focus-visible{outline:2px solid #fff;outline-offset:3px}
.coti-home .hero2{display:block;height:auto;min-height:0;overflow:hidden}
.coti-home .hero2 .h2bg{position:relative;inset:auto;height:clamp(520px,86svh,940px);min-height:0}
.coti-home .hero2 .h2bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,17,31,.15),transparent 22%);z-index:1}
.coti-home .hero2 .h2bg img{object-fit:cover;object-position:50% 50%}
.coti-home .hero2 .wrap{padding-top:40px;padding-bottom:48px}
.coti-home .ca-seal{top:calc(var(--coti-header-height) + 20px);right:clamp(16px,4vw,48px)}
.coti-home .hero-controls{bottom:24px}
.coti-home .hero2 .hero-credit-link{position:static}
#catalogues-pdf{scroll-margin-top:calc(var(--coti-header-height) + 18px)}
.steel-family{scroll-margin-top:calc(var(--coti-header-height) + 18px)}
@media(max-width:1080px){
 :root{--coti-header-height:82px}
 header.site.coti-header .brand{width:min(360px,55vw)}
 header.site.coti-header .wrap{gap:12px}
 body.coti-home header.site.coti-header:not(.is-scrolled):not(.menu-is-open){backdrop-filter:none}
 header.site.coti-header nav.main{display:none!important;position:fixed;inset:0 0 0 auto;width:min(360px,94vw);height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--coti-header-height) + 20px) 28px 36px;background:#10233e;z-index:80;box-shadow:-12px 0 40px rgba(5,12,24,.22)}
 header.site.coti-header nav.main.open{display:block!important}
 header.site.coti-header nav.main ul{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 header.site.coti-header nav.main a{padding:14px 8px;font-size:17px;white-space:normal}
 header.site.coti-header .menu-btn{display:grid;position:relative;z-index:90;width:44px;height:44px}
 .coti-nav-meta{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:24px;padding-top:20px}
 header.site.coti-header .coti-nav-meta a{font-size:14px;padding:4px 8px;color:#ced9eb}
 .coti-nav-meta .coti-theme-control{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px;color:#ced9eb}
 .coti-menu-scrim:not([hidden]){display:block;position:fixed;inset:0;width:100vw;height:100dvh;background:rgba(5,12,24,.56);z-index:75;cursor:pointer}
 .coti-home .hero2 .h2bg{height:80svh;min-height:480px}
}
@media(max-width:600px){
 :root{--coti-header-height:68px}
 header.site.coti-header .wrap{padding:7px 12px;gap:8px}
 header.site.coti-header .brand{width:auto;min-width:0;gap:8px}
 header.site.coti-header .brand picture{flex:none;display:block;width:46px}
 header.site.coti-header .brand img{width:46px;height:46px;object-fit:contain;animation:none}
 .coti-mobile-wordmark{display:block;color:#f6f9fd;font-size:19px;font-weight:800;line-height:1.05;letter-spacing:.03em}
 .coti-mobile-wordmark small{display:block;max-width:104px;font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1.25;margin-top:3px;color:#e4ebf6}
 header.site.coti-header .tools{gap:3px}
 header.site.coti-header .lang a,header.site.coti-header .lang span{padding:6px 8px}
 header.site.coti-header nav.main{width:min(360px,100vw);padding-inline:22px}
 .coti-home .hero2 .h2bg{height:78svh;min-height:440px}
 .coti-home .hero2 .h2bg img.hero-slide:first-child{object-position:85% 50%}
 .coti-home .hero2 .wrap{padding-top:30px;padding-bottom:40px}
 .coti-home .hero-controls{bottom:18px}
 .coti-home .ca-seal{top:calc(var(--coti-header-height) + 18px);right:16px;width:62px}
}
@media(prefers-reduced-motion:reduce){header.site.coti-header,header.site.coti-header .brand img{transition:none;animation:none}}