@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ux-navy:#122D46;--ux-navy2:#0c2235;--ux-ruby:#942341;--ux-teal:#006d69;--ux-cream:#f3f0e9;--ux-stone:#e1dfd7;--ux-ink:#172937}
body.ue-site{font-family:'DM Sans',sans-serif;color:var(--ux-ink);background:#fff}
.ue-site .bis-topbar{background:#091c2c;border-bottom:1px solid rgba(255,255,255,.12);color:#c4d5dc;font-family:'DM Sans',sans-serif;letter-spacing:.055em}
.ue-site .bis-topbar a{color:#ebf3f6}
.ue-site .bis-header{background:#fff!important;border-bottom:1px solid #d8dfe3!important;backdrop-filter:none;box-shadow:0 6px 25px rgba(14,36,53,.06)}
.ue-site .bis-header .bis-header-row{height:86px;gap:24px;max-width:1440px}
.ue-site .bis-header .bis-brand{min-width:164px;width:164px;flex:0 0 164px;padding:0;gap:0} .ue-site .bis-header .ue-original-logo{background-color:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;background-origin:padding-box!important}
.ue-site .bis-header .bis-nav{gap:23px;margin-left:auto}
.ue-site .bis-header .bis-nav a{color:#17324a;font:600 12px/1.2 'DM Sans',sans-serif;letter-spacing:.015em}
.ue-site .bis-header .bis-nav a:hover{color:#942341}
.ue-site .bis-header .bis-nav a:after{background:var(--ux-ruby)}
.ue-site .bis-header .bis-mini-link{color:#17324a}
.ue-site .bis-header .bis-header-actions>.bis-btn-dark{background:var(--ux-ruby)!important;color:#fff!important;border-radius:3px;font-weight:700;padding:0 19px}
.ue-site .bis-header .bis-header-actions>.bis-btn-dark:hover{background:#b82e52!important}
.ue-site .bis-menu-btn{color:#17324a}
.ue-site .bis-footer{background:#0b2334}
.ue-site .bis-footer .bis-brand{min-width:0;max-width:190px;display:flex;align-items:center}
.ue-site .bis-footer .bis-footer-lockup{width:190px}
.ue-site .bis-footer .bis-footer-quote{color:#77d1cc!important}
.ue-site .bis-footer .bis-footer-bottom{border-color:rgba(255,255,255,.14)}
.ue-site .bis-mobile-nav #bis-menu-button{color:#17324a}
body>#bis-mobile-panel:not([hidden]){display:block!important;background:#fff!important;z-index:2500!important;color:#172937} body>#bis-mobile-panel .ue-original-logo{background-color:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;background-origin:padding-box!important}
body>#bis-mobile-panel .bis-mobile-head{border-bottom:1px solid #d4d5d1}
body>#bis-mobile-panel .bis-panel-close{color:var(--ux-navy)}
body>#bis-mobile-panel .bis-mobile-contact a{color:var(--ux-navy)}
body>#bis-mobile-panel .bis-mobile-cta .bis-btn{background:var(--ux-ruby)!important;color:#fff!important}
.ux-home{overflow:hidden}
.ux-container{width:min(100% - 80px,1360px);margin-inline:auto}
.ux-home h1,.ux-home h2,.ux-home h3,.ux-home p{margin-top:0}
.ux-home a{text-decoration:none}
.ux-overline{display:inline-flex;gap:10px;align-items:center;font:800 11px/1.3 'DM Sans',sans-serif;letter-spacing:.165em;color:#36495a}
.ux-overline-light{color:#f7f2ed}
.ux-red-mark{display:inline-block;width:7px;height:7px;background:#b83655;flex:none}
.ux-muted-index{color:#909ba3;font-weight:500}
.ux-home h1,.ux-home h2,.ux-home h3{font-family:'Barlow Condensed',sans-serif;letter-spacing:-.025em}
.ux-home h2 em,.ux-home h1 em{font-style:normal;color:var(--ux-ruby)}
/* Asymmetric full-bleed editorial hero */
.ux-hero{position:relative;min-height:730px;isolation:isolate;background:#092436;color:#fff;display:flex;flex-direction:column}
.ux-hero-photo{position:absolute;right:0;inset-block:0;width:58%;z-index:-2;overflow:hidden}
.ux-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.77) contrast(1.04)}
.ux-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#092436 0%,rgba(9,36,54,.84) 13%,rgba(9,36,54,.22) 65%,rgba(9,36,54,.33) 100%)}
.ux-hero-grain{pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,22,33,.64),transparent 43%),linear-gradient(110deg,#092436 4%,rgba(9,36,54,.55) 53%,transparent 91%)}
.ux-hero-inner{position:relative;display:flex;flex:1;min-height:640px;align-items:center;justify-content:space-between;padding-block:95px 90px}
.ux-hero-content{width:min(740px,66%);position:relative;z-index:1}
.ux-hero-eyebrow{display:flex;align-items:center;gap:13px;font:700 11px/1.4 'DM Sans',sans-serif;letter-spacing:.2em;color:#b8d3d6;margin-bottom:30px}
.ux-hero-eyebrow .ux-separator{color:#d8a1ad;margin:0 4px}
.ux-hero h1{font-size:clamp(74px,7.2vw,113px);line-height:.82;font-weight:700;text-transform:uppercase;letter-spacing:-.015em;max-width:960px;margin-bottom:28px;text-wrap:balance}
.ux-hero h1 em{display:block;font-weight:500;color:#fff;letter-spacing:-.015em}
.ux-hero h1 em:after{content:"";display:inline-block;background:var(--ux-ruby);height:.12em;width:.24em;vertical-align:.1em;margin-left:.025em}
.ux-hero-lead{font-size:16px;line-height:1.8;max-width:560px;color:#d8e6e9;margin-bottom:34px}
.ux-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.ux-action{display:inline-flex;min-height:56px;align-items:center;justify-content:space-between;gap:32px;padding:0 20px;font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.02em;transition:background .2s,transform .2s,color .2s;border-radius:2px}
.ux-action:hover{transform:translateY(-2px)}
.ux-action span{font-size:20px;font-family:'DM Sans',sans-serif;font-weight:400;line-height:1}
.ux-action-primary{background:var(--ux-ruby);color:#fff}
.ux-action-primary:hover{color:#fff;background:#bd3459}
.ux-action-outline{border:1px solid rgba(255,255,255,.55);color:#fff}
.ux-action-outline:hover{background:#fff;color:var(--ux-navy)}
.ux-hero-proof{display:flex;align-items:center;gap:14px;margin-top:45px;color:#c7d2d8;font:600 10px 'DM Sans',sans-serif;letter-spacing:.11em}
.ux-hero-proof-line{width:30px;height:1px;background:rgba(255,255,255,.35)}
.ux-status-pulse{height:7px;width:7px;background:#68b3a3;border-radius:100%;box-shadow:0 0 0 4px rgba(104,179,163,.12)}
.ux-hero-side{position:absolute;right:4px;bottom:135px;display:flex;flex-direction:column;text-align:right;font:600 10px/1.7 'DM Sans',sans-serif;letter-spacing:.32em;color:#d8e5e9}
.ux-hero-bottom{position:relative;background:#0a2638;border-top:1px solid rgba(255,255,255,.16)}
.ux-hero-bottom-inner{min-height:76px;display:flex;align-items:center;gap:70px}
.ux-hero-bottom-inner>span{display:inline-flex;align-items:center;gap:15px;color:#c9d9de;font:600 11px/1.4 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.ux-hero-bottom-inner>span b{color:#b63a57;font-size:11px}
.ux-hero-bottom-inner>a{margin-left:auto;color:#fff;font:700 10px 'DM Sans',sans-serif;letter-spacing:.14em}
.ux-hero-bottom-inner>a span{font-size:17px;margin-left:16px}
/* Product-family editorial mosaic */
.ux-intro{background:#f6f4ef;padding:94px 0 108px}
.ux-section-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #cbcdd0}
.ux-section-link{color:var(--ux-navy)!important;font:700 12px 'DM Sans',sans-serif}
.ux-section-link span{font-size:18px;margin-left:16px}
.ux-intro-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:end;padding:50px 0 45px}
.ux-intro h2,.ux-resources h2{font-size:clamp(58px,6vw,104px);line-height:.86;text-transform:uppercase;font-weight:700}
.ux-intro h2 em,.ux-resources h2 em{color:var(--ux-ruby)}
.ux-intro-heading>div p{max-width:440px;font-size:15px;line-height:1.8;color:#56616b;margin-bottom:24px}
.ux-intro-pill{display:inline-block;padding:10px 15px;border:1px solid #a9acaf;border-radius:2px;font:700 10px 'DM Sans',sans-serif;letter-spacing:.12em;color:#334552}
.ux-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ux-featured-card{display:block;background:#fff;min-width:0;overflow:hidden;transition:transform .25s,box-shadow .25s}
.ux-featured-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(12,30,46,.12)}
.ux-featured-card-lead{grid-column:span 2}
.ux-featured-visual{height:235px;position:relative;background:#e4e4dd;overflow:hidden}
.ux-featured-card-lead .ux-featured-visual,.ux-featured-card:nth-child(2) .ux-featured-visual{height:315px}
.ux-featured-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8);transition:transform .5s}
.ux-featured-card:hover .ux-featured-visual img{transform:scale(1.045)}
.ux-featured-num{position:absolute;top:18px;left:18px;color:#fff;background:rgba(9,29,45,.8);padding:9px 11px;font:700 11px 'DM Sans',sans-serif}
.ux-featured-footer{min-height:99px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.ux-featured-type{font:700 9px 'DM Sans',sans-serif;color:#818b91;letter-spacing:.15em}
.ux-featured-footer h3{font-size:clamp(27px,2.6vw,39px);line-height:1;margin:7px 0 0;font-weight:600;color:var(--ux-navy)}
.ux-featured-arrow{font-size:26px;color:#8c2844;align-self:flex-end}
.ux-more-categories{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:30px}
.ux-more-categories>span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:#6c7881;margin-right:8px}
.ux-more-categories a{display:inline-flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #d0d3d2;border-radius:2px;color:var(--ux-navy);font:600 11px 'DM Sans',sans-serif}
.ux-more-categories a:hover{background:var(--ux-navy);color:#fff;border-color:var(--ux-navy)}
/* Large photographic storytelling split */
.ux-sourcing{display:grid;grid-template-columns:46% 54%;min-height:690px;background:var(--ux-navy)}
.ux-sourcing-image{position:relative;min-height:660px;background:#1d3445;overflow:hidden}
.ux-sourcing-image img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:saturate(.75)}
.ux-sourcing-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,23,34,.6))}
.ux-image-tag{position:absolute;bottom:30px;left:35px;z-index:1;background:var(--ux-ruby);color:#fff;font:700 11px 'DM Sans',sans-serif;letter-spacing:.12em;padding:14px 18px}
.ux-sourcing-copy{padding:95px clamp(42px,7vw,125px);display:flex;align-items:center}
.ux-sourcing-copy-inner{max-width:630px}
.ux-sourcing h2{font-size:clamp(60px,5.7vw,94px);line-height:.88;text-transform:uppercase;color:#fff;margin:23px 0 25px}
.ux-sourcing h2 em{color:#a4b8b8}
.ux-sourcing-copy-inner>p{color:#d9e2e4;font-size:15px;line-height:1.85;max-width:530px;margin-bottom:27px}
.ux-sourcing-lines{border-top:1px solid rgba(255,255,255,.2)}
.ux-sourcing-lines>div{display:grid;grid-template-columns:40px 1fr;gap:0 15px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.ux-sourcing-lines>div span{grid-row:span 2;font:700 11px 'DM Sans',sans-serif;color:#c66178;padding-top:4px}
.ux-sourcing-lines>div strong{font:600 23px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.03em}
.ux-sourcing-lines>div p{font-size:13px;line-height:1.7;color:#bacbd0;margin:6px 0 0}
.ux-sourcing-link{display:inline-flex;margin-top:27px;gap:48px;padding-bottom:12px;border-bottom:1px solid #80a6b3;color:#fff;font:700 12px 'DM Sans',sans-serif}
.ux-sourcing-link:hover{color:#d3a0ae}
/* Technical tools as editorial rows rather than BIS tiles */
.ux-resources{padding:102px 0 118px;background:#fff}
.ux-resources-head{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;padding:48px 0 34px;align-items:end}
.ux-resources h2{margin:0}
.ux-resources-head>p{max-width:450px;font-size:15px;line-height:1.8;color:#5b6870}
.ux-resources-list{border-top:2px solid var(--ux-navy)}
.ux-resource-row{display:grid;grid-template-columns:65px 1.35fr 1fr 42px;gap:26px;align-items:center;padding:26px 0;border-bottom:1px solid #dadee0;color:var(--ux-navy);transition:background .2s,padding .2s}
.ux-resource-row:hover{padding-left:16px;padding-right:16px;background:#f7f5f1}
.ux-resource-no{font:800 12px 'DM Sans',sans-serif;color:var(--ux-ruby)}
.ux-resource-main small{display:block;font:800 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:#7d898f;margin-bottom:5px}
.ux-resource-main strong{display:block;font:600 clamp(25px,3vw,41px)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.ux-resource-description{color:#66747c;max-width:330px;font:400 13px/1.65 'DM Sans',sans-serif}
.ux-resource-arrow{justify-self:end;font-size:27px;color:var(--ux-ruby)}
/* final quotation banner */
.ux-enquiry{background:var(--ux-ruby);color:#fff;padding:82px 0;position:relative;overflow:hidden}
.ux-enquiry:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0,transparent 45px,rgba(255,255,255,.13) 45px,rgba(255,255,255,.13) 46px)}
.ux-enquiry-inner{position:relative;display:flex;align-items:end;justify-content:space-between;gap:50px}
.ux-enquiry h2{font-size:clamp(55px,6vw,97px);line-height:.87;text-transform:uppercase;margin:22px 0}
.ux-enquiry p{max-width:590px;line-height:1.75;color:#ffe5ed;font-size:15px;margin:0}
.ux-enquiry-actions{display:flex;flex-direction:column;gap:12px;min-width:270px}
.ux-action-light{background:#fff;color:var(--ux-ruby)}
.ux-action-light:hover{background:#f2e6df;color:var(--ux-ruby)}
.ux-action-outline-light{color:#fff;border:1px solid rgba(255,255,255,.72)}
.ux-action-outline-light:hover{background:#fff;color:var(--ux-ruby)}
@media(max-width:1180px){
 .ue-site .bis-header .bis-nav{gap:14px}.ue-site .bis-header .bis-nav a{font-size:11px}
 .ux-hero h1{font-size:clamp(75px,9vw,118px)}
 .ux-sourcing-copy{padding:65px 55px}.ux-sourcing h2{font-size:clamp(54px,6.5vw,84px)}
}
@media(max-width:980px){
 .ue-site .bis-header .bis-header-row{height:76px}
 .ue-site .bis-header .bis-brand{min-width:145px;flex:0 0 145px}
 .ue-site .bis-header .bis-nav{display:none}
 .ue-site .bis-header .bis-menu-btn{color:#17324a}
 .ue-site .bis-header .bis-header-actions>.bis-btn-dark{display:none}
 .ux-container{width:min(100% - 44px,740px)}
 .ux-hero{min-height:0}
 .ux-hero-photo{width:100%;opacity:.55}.ux-hero-photo:after{background:linear-gradient(90deg,rgba(9,36,54,.95),rgba(9,36,54,.4))}
 .ux-hero-grain{background:linear-gradient(90deg,#092436,rgba(9,36,54,.62))}
 .ux-hero-inner{min-height:610px;padding:90px 0}
 .ux-hero-content{width:100%;max-width:640px}
 .ux-hero-side{display:none}
 .ux-intro-heading,.ux-resources-head{gap:35px}
 .ux-intro h2,.ux-resources h2{font-size:clamp(58px,8vw,84px)}
 .ux-featured-grid{grid-template-columns:repeat(2,1fr)}
 .ux-featured-card-lead{grid-column:span 2}
 .ux-sourcing{grid-template-columns:1fr}.ux-sourcing-image{min-height:390px}.ux-sourcing-copy{padding:70px 45px}
 .ux-enquiry-inner{align-items:start;flex-direction:column}.ux-enquiry-actions{width:100%;max-width:410px}
}
@media(max-width:640px){
 .ue-site .bis-topbar-inner{height:auto;min-height:30px;padding:7px 0;gap:7px;font-size:9px}.ue-site .bis-topbar-inner>div{display:none}
 .ue-site .bis-header .bis-header-row{height:73px}.ue-site .bis-header .bis-brand{min-width:130px;flex:0 0 130px}
 .ux-container{width:calc(100% - 38px)}
 .ux-hero-inner{padding:72px 0 65px;min-height:585px}
 .ux-hero-eyebrow{font-size:9px;letter-spacing:.11em;gap:8px;white-space:nowrap}
 .ux-hero h1{font-size:clamp(65px,17vw,96px);line-height:.85;max-width:520px;margin-bottom:24px}
 .ux-hero-lead{font-size:14px;line-height:1.76;max-width:440px}
 .ux-hero-ctas{align-items:stretch;flex-direction:column;max-width:330px}.ux-action{min-height:54px}
 .ux-hero-proof{margin-top:28px;font-size:8px;gap:7px;flex-wrap:wrap}
 .ux-hero-bottom-inner{min-height:64px;gap:24px}.ux-hero-bottom-inner>span{font-size:9px;gap:6px}.ux-hero-bottom-inner>a{display:none}
 .ux-intro{padding:65px 0 75px}.ux-section-top{align-items:start;gap:14px}
 .ux-section-link{font-size:10px}.ux-intro-heading,.ux-resources-head{grid-template-columns:1fr;gap:15px;padding:30px 0}
 .ux-intro h2,.ux-resources h2{font-size:clamp(62px,12vw,90px)}
 .ux-featured-grid{grid-template-columns:1fr;gap:12px}.ux-featured-card-lead{grid-column:span 1}.ux-featured-visual,.ux-featured-card-lead .ux-featured-visual{height:240px}
 .ux-featured-footer{min-height:80px;padding:14px 17px}.ux-featured-footer h3{font-size:34px}
 .ux-more-categories{align-items:stretch}.ux-more-categories>span{width:100%;margin-bottom:6px}
 .ux-sourcing-image{min-height:280px}.ux-sourcing-copy{padding:62px 21px}.ux-sourcing h2{font-size:clamp(63px,12vw,84px)}
 .ux-resources{padding:68px 0 85px}.ux-resources-head{padding-bottom:26px}
 .ux-resource-row{grid-template-columns:34px 1fr 28px;gap:12px;padding:20px 0}
 .ux-resource-description{grid-column:2;grid-row:2;font-size:12px}.ux-resource-main strong{font-size:31px}
 .ux-resource-arrow{grid-column:3;grid-row:1}
 .ux-enquiry{padding:72px 0}.ux-enquiry h2{font-size:clamp(59px,12vw,83px)}
 .ux-enquiry-actions{min-width:0}
}