/*
Theme Name: GPEC Next
Theme URI: https://gpec-oman.com/
Author: GPEC website redesign project
Description: Reference-matched GPEC website: 10 independent pages, semantic HTML, image-rich concept layouts, full editorial technical copy. Local staging review: unified headers and improved SEO.
Version: 3.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: gpec-next
*/
/* GPEC concept-reference build: editable, responsive HTML not a flattened mockup */
:root{--navy:#04182c;--navy-2:#09253d;--navy-3:#0c2b47;--gold:#f1c970;--gold-soft:#ffdf96;--ink:#0c2948;--line:#dce6ed;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}body.page-about,body.page-engineering,body.page-trading,body.page-home{background:var(--navy)}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14}h1,h2,h3{font-family:var(--serif)}p{margin-bottom:1em}a:focus-visible,button:focus-visible{outline:3px solid #fff0b4;outline-offset:4px}.skip-link{position:absolute;top:-90px;left:12px;z-index:200;background:#fff;color:#000;padding:10px}.skip-link:focus{top:8px}.site-width{max-width:1270px;width:calc(100% - 70px);margin:0 auto}
.site-header{position:relative;z-index:100;background:var(--navy);border-bottom:1px solid #2d4a63;color:#f4f5fa}.nav-shell{width:calc(100% - 58px);max-width:1490px;margin:0 auto;display:flex;align-items:center;min-height:100px;gap:30px}.wordmark{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;min-width:260px;width:290px;padding:9px 0}.wordmark img{width:142px;height:45px;object-fit:contain;object-position:left center;filter:brightness(1.8) saturate(1.2)}.wordmark small{color:var(--gold-soft);font:500 11px/1.2 var(--serif);margin-top:-1px;white-space:nowrap}.wordmark span{font:500 10px/1.2 var(--serif);color:var(--gold-soft);padding-left:34px;margin-top:4px}.site-navigation{margin-left:auto}.nav-list{list-style:none;display:flex;gap:36px;align-items:center;margin:0;padding:0}.nav-list>li{position:relative;display:flex;align-items:center;min-height:80px}.nav-list>li>a{color:#f6f7f8;font-size:13px;font-weight:650;line-height:1.2;padding:12px 0;display:block;transition:color .2s}.page-home .nav-list>li:first-child>a,.page-about .nav-list>li:nth-child(2)>a,.page-engineering .nav-list>li:nth-child(3)>a,.page-trading .nav-list>li:nth-child(4)>a{color:var(--gold);border-bottom:2px solid var(--gold)}.nav-list>li>a:hover{color:var(--gold)}.nav-list>li>a span{font-size:16px;color:var(--gold)}.expand-menu{border:0;background:transparent;color:var(--gold);font-size:17px;padding:5px 7px}.submenu{display:none;position:absolute;top:calc(100% - 3px);left:-19px;margin:0;padding:10px 12px;list-style:none;background:#08243e;border:1px solid #be9954;min-width:195px;box-shadow:0 17px 24px rgba(0,0,0,.33);z-index:40}.submenu li{position:relative}.submenu a{display:block;white-space:nowrap;padding:9px 12px;color:#fff;font-size:13px}.submenu a:hover,.submenu a:focus{background:#163956;color:#f2d388}.submenu .submenu{left:calc(100% - 3px);top:-10px}.has-menu:hover>.submenu,.has-menu:focus-within>.submenu,.has-menu.opened>.submenu{display:block}.search-open{border:0;background:transparent;color:#fff;font-size:32px;line-height:1;margin-left:10px;transform:rotate(-20deg)}.mobile-menu{display:none;color:white;border:1px solid #cba860;background:transparent;padding:5px 11px;border-radius:2px}
.showcase-hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:#062037}.showcase-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#05192e 0%,#061d35 39%,rgba(5,24,44,.2) 84%),var(--ref-image) right center/auto 120% no-repeat}.showcase-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,13,27,.3),transparent 45%);pointer-events:none}.hero-inner{display:flex;align-items:center;min-height:545px}.hero-copy{width:min(680px,70%);position:relative}.hero-copy h1{font-size:clamp(55px,6.2vw,95px);font-weight:500;letter-spacing:-.045em;line-height:1.03;color:#fff}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-subtitle{font:400 clamp(23px,2.5vw,34px)/1.24 var(--serif);margin-top:16px;max-width:650px}.hero-description{font-size:17px;line-height:1.65;max-width:515px;margin:18px 0 23px;color:#f0f4f8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 21px;border-radius:3px;background:linear-gradient(#ffe8a5,#efc775);color:#071e32;box-shadow:0 2px 0 #b98e4c;font:700 13px/1.25 var(--sans)}.btn:hover{background:#fff0b5;color:#071e32}.btn span{font-size:17px}.home-hero{background:#081e36}.home-hero .hero-inner{min-height:690px}.home-hero:before{background:linear-gradient(90deg,#061a30 0%,#061a30 24%,rgba(6,26,48,.91) 41%,rgba(6,26,48,.08) 71%),var(--ref-image) right 3% center/auto 100% no-repeat}.home-hero .hero-copy h1{font-size:clamp(68px,7.7vw,112px)}.home-hero .hero-description{max-width:460px}.heritage-rail{background:#061a2e;border-top:1px solid #325470;border-bottom:1px solid #325470;color:#fff}.heritage-rail .site-width{display:grid;grid-template-columns:repeat(4,1fr)}.heritage-rail .site-width>div{min-height:108px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:1fr 1fr;align-content:center;align-items:end;border-right:1px solid #37516b;padding:17px 26px;column-gap:12px}.heritage-rail .site-width>div:last-child{border-right:0}.heritage-rail b{font:39px/1 var(--serif);grid-row:1/3;align-self:center;color:var(--gold);font-weight:normal}.heritage-rail strong{font-size:15px;align-self:end}.heritage-rail small{font-size:11px;align-self:start;color:#d7e1ec}.home-pillar-section{background:#fff;padding:72px 0 90px}.home-pillar-section h2,.light-reading h2{font-size:clamp(33px,3.5vw,53px);line-height:1.17;max-width:950px;font-weight:500;margin:12px 0 24px}.eyebrow{color:#b18334;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.home-pillars{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.pillar{color:white;min-height:420px;background:linear-gradient(0deg,rgba(2,15,30,.94),rgba(2,15,30,.1)),var(--photo) center/cover;display:flex;flex-direction:column;justify-content:flex-end;padding:38px;border:1px solid #9c864e;transition:transform .2s}.pillar:hover{transform:translateY(-5px)}.pillar span{font-size:11px;letter-spacing:.15em;color:var(--gold-soft)}.pillar h3{font-size:35px;margin:9px 0 8px}.pillar p{font-size:15px;max-width:400px}.pillar b{font-size:13px;color:var(--gold)}
.about-hero .hero-inner{min-height:460px;align-items:center}.about-hero:before{background:linear-gradient(90deg,#051a30 2%,rgba(5,26,48,.86) 43%,rgba(5,26,48,.05) 87%),var(--ref-image) right center/auto 100% no-repeat}.about-hero .hero-copy h1{font-size:clamp(70px,7.6vw,109px)}.about-hero .hero-subtitle{font-size:clamp(24px,2.6vw,38px)}.about-feature{background:#061c30;color:white;padding:26px 0 57px}.archive-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.archive-strip img{height:156px;width:100%;object-fit:cover;filter:grayscale(1);border:2px solid #f2f3f1;border-radius:3px}.archive-caption{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:27px}.archive-caption p{font-size:17px;max-width:825px;margin:0}.archive-caption .btn{white-space:nowrap}.light-reading{padding:75px 0 82px;background:#fff}.light-reading p{color:#486075;font-size:16px;max-width:900px}.reading-split{display:grid;grid-template-columns:1.5fr .65fr;gap:70px;align-items:center}.reading-split figure{margin:0}.reading-split img{height:340px;width:100%;object-fit:cover;object-position:center 30%;border-radius:3px;box-shadow:0 14px 45px #123a541e}.reading-split figcaption{font-size:12px;color:#6b8091;margin-top:8px}.legacy-line{background:#061d33;color:#fff;padding:45px 0}.legacy-line h2{font-size:37px;margin-bottom:12px;color:#f9f3e5}.legacy-line p{font-size:17px;color:#e8cf91;margin:0}.contact-section{background:#061b31;color:#fff;padding:75px 0}.contact-section h2{font-size:39px;margin:10px 0}.contact-section p{color:#cfdde8}.contact-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.contact-links a{border:1px solid #c19b51;padding:11px 15px;color:#fee2a5;font-size:14px}.contact-links a:hover{background:#1a4161}
.engineering-hero .hero-inner{min-height:370px;align-items:flex-start;padding-top:71px}.engineering-hero:before{background:linear-gradient(90deg,#061c31 0%,rgba(6,28,49,.8) 36%,rgba(6,28,49,0) 77%),var(--ref-image) right center/auto 110% no-repeat}.engineering-hero .hero-copy h1{font-size:clamp(70px,7vw,107px)}.engineering-hero .hero-subtitle{font-size:30px;margin-top:6px}.services-dark{background:#061b31;padding:0 0 66px;color:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{border:1px solid #6d9dba;border-radius:4px;overflow:hidden;background:#051d34;transition:transform .2s, box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0008}.service-image{height:217px;background-image:var(--card-photo);background-position:center;background-size:cover}.service-text{min-height:211px;padding:19px 18px 16px;display:flex;flex-direction:column}.service-text h3{font-size:29px;font-weight:500;color:#fff}.service-text p{color:#d8e2eb;line-height:1.5;font-size:14px;margin:12px 0 16px}.service-text span{color:var(--gold);font-size:13px;margin-top:auto}.intro-copy{max-width:1000px}
.service-hero .hero-inner{min-height:430px;align-items:end;padding-bottom:48px}.service-hero .hero-copy{width:min(670px,72%)}.service-hero .hero-copy h1{font-size:clamp(57px,6.8vw,91px)}.service-hero .hero-subtitle{font-size:30px}.service-hero .hero-description{max-width:510px;font-size:16px}.service-hero:before{background:linear-gradient(90deg,rgba(4,22,42,.87) 0%,rgba(6,25,46,.47) 47%,rgba(7,28,47,0) 92%),var(--ref-image) right center/auto 145% no-repeat}.service-detail-intro{background:#fff;padding:48px 0 62px}.service-detail-intro>.site-width>p{max-width:890px;font-size:16px;color:#516a7d}.service-detail-intro h2{font-size:31px;margin:22px 0}.mini-info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mini-info{min-height:136px;background:#f3f6f8;text-align:center;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;color:#15314a}.mini-icon{font-size:37px;color:#153c63;margin-bottom:8px;line-height:1}.mini-info strong{font-size:14px}.mini-info small{font-size:12px;color:#526b83}.detail-section{padding:72px 0 92px;background:#edf2f5}.detail-section h2{font-size:44px;margin:10px 0 25px}.copy-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.copy-block{padding:27px;border:1px solid #dae5ea;background:#fff;display:grid;grid-template-columns:35px 1fr;gap:17px;align-items:start}.copy-block>span{font-size:12px;color:#b58a41;font-weight:750}.copy-block h3{font-size:25px;margin:0 0 10px}.copy-block p{color:#4e687b;font-size:14px;line-height:1.75;margin:0}.explore-links{background:#fff;padding:36px 0 0}.explore-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.explore-choice a{display:grid;grid-template-rows:200px auto auto;background:#061d32;color:#fff;border:1px solid #c6a260}.explore-choice img{height:200px;object-fit:cover;width:100%}.explore-choice strong{font:normal 26px var(--serif);padding:12px 18px 0}.explore-choice span{font-size:13px;color:#dfc590;padding:0 18px 15px}.crew-section{background:#fff;padding:66px 0}.crew-flex{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.crew-flex h2{font-size:43px;margin-bottom:16px}.crew-flex p{color:#557084}.crew-flex figure{margin:0}.crew-flex img{width:100%;height:360px;object-fit:cover}.crew-flex figcaption{font-size:12px;color:#647a8d;margin-top:10px}.other-services{background:#061d34;color:#fff;padding:42px 0}.other-services h2{font-size:29px}.related-links{display:flex;gap:16px;margin-top:13px}.related-links a{color:#f4ce82}.reading-split+.legacy-line{margin:0}
.trading-hero .hero-inner{min-height:645px}.trading-hero:before{background:linear-gradient(90deg,#061a2e 0%,rgba(6,26,46,.94) 27%,rgba(6,26,46,.25) 68%,rgba(6,26,46,0) 100%),var(--ref-image) right center/auto 100% no-repeat}.trading-hero .hero-copy h1{font-size:clamp(75px,8vw,112px)}.trading-hero .hero-subtitle{font-size:34px}.trading-hero .hero-description{max-width:555px}.product-section{padding:45px 0 78px;background:#fff}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.product-heading h2{font-size:34px}.product-heading span{font-size:13px;font-weight:700;color:#385f7b}.commodity-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.commodity{position:relative;grid-column:span 3;min-height:180px;color:#fff;display:flex;align-items:flex-end;isolation:isolate;background:#0b2c47;overflow:hidden;border-radius:5px}.commodity:nth-child(-n+3){grid-column:span 4;min-height:250px}.commodity:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(2,10,20,.96) 0%,rgba(2,10,20,.32) 38%,transparent 75%)}.commodity img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2;transition:transform .35s}.commodity:hover img{transform:scale(1.07)}.commodity span{font:normal 28px/1.08 var(--serif);padding:0 52px 20px 18px;letter-spacing:-.025em}.commodity b{display:grid;place-items:center;background:var(--gold-soft);color:#071a2d;font-size:19px;position:absolute;right:13px;bottom:15px;width:31px;height:31px;border-radius:3px}.trade-meeting{background:#061c33;color:#fff}.meeting-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.meeting-grid>img{object-fit:cover;width:100%;height:390px}.meeting-grid h2{font-size:42px;margin:12px 0 14px}.meeting-grid p:not(.eyebrow){color:#dce4eb;max-width:510px;font-size:16px}.inline-arrow{color:#f2cc87;font-size:14px;font-weight:700}.products-page-head{background:var(--navy);color:white;padding:83px 0 65px}.products-page-head h1{font-size:80px;margin:7px 0 13px}.products-page-head p:not(.eyebrow){font-size:18px;max-width:880px;color:#e0eaf0}.commodity-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:25px}.commodity-specs article{padding:24px;background:#f0f4f6;scroll-margin-top:35px}.commodity-specs h3{font-size:25px}.commodity-specs p{margin-top:10px;color:#526c7e}.site-footer{background:#041629;border-top:1px solid #31516e;padding:66px 0 76px;color:#d4e0e9}.foot-cols{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:75px}.site-footer h3{font-size:26px;font-weight:500;margin-bottom:17px;color:#f2c879}.site-footer p{font-size:14px;color:#d4e0e9}.site-footer a{line-height:2.25;font-size:14px}.site-footer a:hover{color:var(--gold)}.foot-brand img{width:170px;filter:brightness(1.7);margin-bottom:10px}.site-footer .legal-name{color:var(--gold-soft);font-family:var(--serif);font-size:13px;font-weight:700}.site-footer .foot-small{font-size:11px;color:#90aabe;margin-top:30px}.index-view{background:#fff;padding:75px 0 100px}.index-view h1{font-size:58px;margin:14px 0}.index-view>div>p{max-width:820px}.page-index{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0}.page-index a{min-height:110px;background:#071f37;color:#fff;padding:22px;border:1px solid #be9c64;display:flex;flex-direction:column;justify-content:space-between}.page-index a strong{font:normal 25px var(--serif)}.page-index a span{font-size:12px;color:#f0c874}.illustration-note{color:#71808d;font-size:12px;margin-top:35px}
@media(max-width:1100px){.nav-list{gap:20px}.wordmark{width:245px;min-width:245px}.site-width{width:calc(100% - 44px)}.hero-copy h1{font-size:69px}.service-text h3{font-size:24px}.service-image{height:169px}.service-text{min-height:195px}.heritage-rail .site-width>div{padding:15px 12px}}
@media(max-width:770px){.nav-shell{width:calc(100% - 30px);min-height:85px;flex-wrap:wrap;gap:12px}.wordmark{min-width:0;width:225px}.wordmark img{width:125px;height:38px}.wordmark small{font-size:8.2px}.wordmark span{font-size:9px}.mobile-menu{display:block;margin-left:auto}.search-open{display:none}.site-navigation{display:none;order:5;width:100%;margin:0}.site-navigation.open{display:block}.nav-list{display:block;padding:10px 0}.nav-list>li{min-height:0;display:block;padding:0;position:relative}.nav-list>li>a{display:inline-block;padding:12px}.expand-menu{position:absolute;right:9px;top:3px}.submenu{position:static;box-shadow:none;width:100%;border:0;border-left:1px solid #b99c6a}.submenu .submenu{position:static}.has-menu:hover>.submenu{display:none}.has-menu.opened>.submenu,.has-menu:focus-within>.submenu{display:block}.hero-inner{min-height:440px}.hero-copy{width:min(650px,100%)}.hero-copy h1,.home-hero .hero-copy h1,.about-hero .hero-copy h1,.engineering-hero .hero-copy h1,.trading-hero .hero-copy h1{font-size:clamp(45px,10vw,75px)}.hero-subtitle{font-size:24px!important}.showcase-hero:before{background:linear-gradient(90deg,#061a30 0%,rgba(6,26,48,.8) 58%,rgba(6,26,48,.18) 100%),var(--ref-image) right center/auto 100% no-repeat}.home-hero .hero-inner{min-height:580px}.heritage-rail .site-width{grid-template-columns:repeat(2,1fr)}.heritage-rail .site-width>div{border-bottom:1px solid #354b63}.home-pillars,.reading-split,.meeting-grid,.crew-flex{grid-template-columns:1fr}.reading-split{gap:25px}.reading-split figure{max-width:350px}.meeting-grid{gap:20px;padding-bottom:40px}.meeting-grid>img{height:300px}.service-grid{grid-template-columns:repeat(2,1fr)}.mini-info-cards{grid-template-columns:repeat(2,1fr)}.copy-blocks,.commodity-specs{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr;gap:22px}.product-section{padding:35px 0}.commodity:nth-child(-n+3){grid-column:span 6}.commodity{grid-column:span 6}.trade-meeting>.site-width{width:100%}.trade-meeting .meeting-grid>div{padding:0 20px}.archive-strip img{height:110px}}
@media(max-width:480px){.site-width{width:calc(100% - 30px)}.hero-inner{min-height:420px}.showcase-hero .hero-inner{padding-top:26px;padding-bottom:24px}.hero-copy h1,.home-hero .hero-copy h1,.about-hero .hero-copy h1,.engineering-hero .hero-copy h1,.trading-hero .hero-copy h1{font-size:47px}.hero-description{font-size:14px}.hero-subtitle{font-size:22px!important}.heritage-rail b{font-size:28px}.heritage-rail .site-width>div{grid-template-columns:33px 1fr;padding:15px 6px}.heritage-rail strong{font-size:12px}.heritage-rail small{font-size:10px}.service-grid{gap:10px}.service-image{height:120px}.service-text{min-height:195px;padding:13px}.service-text h3{font-size:20px}.service-text p{font-size:12px}.archive-strip{gap:6px}.archive-strip img{height:70px}.archive-caption{display:block}.archive-caption p{margin-bottom:20px;font-size:14px}.home-pillar-section,.light-reading{padding:50px 0}.page-index{grid-template-columns:1fr}.commodity{grid-column:span 6!important;min-height:150px!important}.commodity span{font-size:19px;padding:0 32px 16px 10px}.commodity b{right:6px;bottom:8px;width:25px;height:25px}.product-heading{display:block}.product-heading span{display:block}.explore-choice{grid-template-columns:1fr}.mini-info-cards{gap:8px}.mini-info{min-height:105px}.detail-section h2{font-size:37px}.copy-block h3{font-size:21px}.copy-block{grid-template-columns:23px 1fr;padding:17px;gap:10px}}

/* GPEC 1.0 — high-resolution source assets and sharper typography */
.wordmark img{filter:none;width:173px;height:auto;max-height:54px;object-fit:contain}
.wordmark small{font-size:11.5px;white-space:normal;font-family:'Segoe UI',Arial,sans-serif;letter-spacing:.005em;font-weight:600}
.wordmark span{padding-left:46px;font-family:'Segoe UI',Arial,sans-serif}
.showcase-hero:before{image-rendering:auto}
.home-hero:before{background:linear-gradient(90deg,rgba(4,20,38,.99) 0%,rgba(4,20,38,.87) 26%,rgba(4,20,38,.38) 54%,rgba(4,20,38,.05) 100%),var(--ref-image) center center/cover no-repeat}
.about-hero:before{background:linear-gradient(90deg,rgba(4,20,38,.97) 0%,rgba(4,20,38,.85) 30%,rgba(4,20,38,.1) 78%),var(--ref-image) center center/cover no-repeat}
.engineering-hero:before{background:linear-gradient(90deg,rgba(4,20,38,.82),rgba(4,20,38,.48) 36%,rgba(4,20,38,.01) 90%),var(--ref-image) center center/cover no-repeat}
.trading-hero:before{background:linear-gradient(90deg,rgba(4,20,38,.89),rgba(4,20,38,.62) 38%,rgba(4,20,38,.1) 95%),var(--ref-image) center center/cover no-repeat}
.service-hero:before{background:linear-gradient(90deg,rgba(4,20,38,.87),rgba(4,20,38,.29) 74%),var(--ref-image) center center/cover no-repeat}
.service-image{background-position:center 42%}
.archive-strip img{filter:grayscale(1) contrast(1.05)}
@media(max-width:770px){.home-hero:before,.about-hero:before,.engineering-hero:before,.trading-hero:before,.service-hero:before{background:linear-gradient(90deg,rgba(4,20,38,.97),rgba(4,20,38,.66) 60%,rgba(4,20,38,.19)),var(--ref-image) center center/cover no-repeat}.wordmark img{width:135px}}

.home .nav-list>li:first-child>a,.page-template-default .nav-list>li>a:hover{color:var(--gold)}

/* High contrast GPEC logo on navy */
.wordmark img{filter:brightness(2.15) saturate(1.35)}
.foot-brand img{filter:brightness(2.15) saturate(1.35)}


/* GPEC 1.1: source-first imagery. Remove zoomed montage crops and avoid overly enlarged hero composition. */
.exploration-hero:before,.onshore-hero:before{
 background:linear-gradient(90deg,rgba(4,20,38,.88) 0%,rgba(4,20,38,.69) 23%,rgba(4,20,38,.13) 56%,rgba(4,20,38,.01) 100%),var(--ref-image) center center/cover no-repeat;
}
.service-hero.exploration-hero .hero-copy,.service-hero.onshore-hero .hero-copy{width:min(580px,59%)}
.service-image{background-size:cover;background-repeat:no-repeat;background-position:center center}
.service-card:nth-child(2) .service-image{background-position:60% 52%}
.commodity img{transform:none!important;object-fit:cover;object-position:50% 50%}
.commodity:hover img{transform:none!important}
.explore-choice img{object-fit:cover;object-position:50% 55%}
@media(max-width:770px){
.exploration-hero:before,.onshore-hero:before{background:linear-gradient(90deg,rgba(4,20,38,.88),rgba(4,20,38,.62) 52%,rgba(4,20,38,.10) 95%),var(--ref-image) 62% center/cover no-repeat}
.service-hero.exploration-hero .hero-copy,.service-hero.onshore-hero .hero-copy{width:100%}
}

/* GPEC 1.2 — Home page rebuild; independently sourced 1672×941 photograph. */
.site-header{background:#041a30;border-color:rgba(237,204,141,.21)}
.nav-shell{max-width:1560px;min-height:113px}
.wordmark{min-width:285px;width:328px;align-self:stretch;align-items:center;justify-content:center}
.wordmark img{max-width:none;width:238px;max-height:63px;height:auto;filter:brightness(2.1) saturate(1.2);object-fit:contain}
.wordmark small{font-family:Arial,Helvetica,sans-serif;font-size:11.3px;font-weight:500;line-height:1.35;color:#ffda7f;letter-spacing:0;text-align:center;white-space:normal}
.wordmark span{display:flex;align-items:center;gap:9px;padding:0;font:500 11.5px/1.4 Arial,Helvetica,sans-serif;color:#ffd47b}
.wordmark span i{display:inline-block;width:33px;height:1px;background:#d6b45e}
.nav-list>li>a{font-size:14px;font-weight:550}
.nav-list{gap:29px}
.search-open{font-size:30px;transform:none}
.gpec-home-only{background:#031b32;color:#fff}
.gpec-hero-v12{position:relative;min-height:660px;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:#08283e}
.gpec-hero-photo{position:absolute;inset:0;z-index:-3;background:url('assets/images/home-hero-independent.webp') no-repeat 65% center / cover}
.gpec-hero-dim{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,19,37,.92) 0%,rgba(4,22,42,.67) 25%,rgba(4,22,42,.27) 48%,rgba(3,19,37,.02) 78%)}
.gpec-hero-grid{width:calc(100% - 110px);max-width:1480px;display:flex;align-items:center;min-height:660px;padding:55px 0}
.gpec-hero-copy{width:min(780px,64%);max-width:780px}
.gpec-hero-copy h1{font:500 clamp(65px,6.2vw,102px)/.99 Georgia,'Times New Roman',serif;color:#fff;letter-spacing:-.044em;text-shadow:0 2px 20px rgba(4,15,30,.12)}
.gpec-hero-copy h1 em{font-style:normal;color:#ffd16b}
.gpec-gold-rule{width:90px;height:5px;border-radius:3px;background:#f4c95d;margin:29px 0 23px}
.gpec-hero-copy p{max-width:595px;font:400 clamp(20px,2vw,29px)/1.27 Georgia,'Times New Roman',serif;color:#fff;margin:0 0 30px;text-shadow:0 1px 11px rgba(0,9,22,.47)}
.gpec-hero-button{display:inline-flex;align-items:center;gap:26px;padding:16px 30px;border-radius:8px;background:#ffd271;color:#061a2e;font:600 clamp(17px,1.5vw,21px)/1.3 Arial,Helvetica,sans-serif;box-shadow:0 2px 1px #c89832}
.gpec-hero-button:hover,.gpec-hero-button:focus-visible{background:#fff0ac}
.gpec-hero-button span{font-size:27px;line-height:1}
.gpec-values-v12{background:#061d36;border-top:1px solid #547493;border-bottom:1px solid #57758e}
.gpec-values-grid{width:calc(100% - 90px);max-width:1510px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 0}
.gpec-value{min-height:88px;padding:10px 26px;display:flex;align-items:center;gap:19px;border-right:1px solid #47617b}
.gpec-value:first-child{padding-left:0}.gpec-value:last-child{border-right:0}
.gpec-value svg{display:block;flex:0 0 56px;width:56px;height:56px;stroke:#ffd070;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gpec-value span{display:flex;flex-direction:column;line-height:1.25}
.gpec-value strong{font:500 clamp(21px,2vw,28px)/1.18 Georgia,'Times New Roman',serif;color:#fff}
.gpec-value small{font:400 15px/1.5 Georgia,'Times New Roman',serif;color:#f4f7fa}
.gpec-footer-v12{background:radial-gradient(ellipse at 50% 45%,#092c51 0%,#051b33 72%);padding:35px 0 15px;border-top:1px solid #345b7e}
.gpec-contact-row{max-width:1510px;width:calc(100% - 70px);display:grid;grid-template-columns:1.45fr 1fr 1.1fr .92fr 1.12fr;align-items:center;gap:0;min-height:130px}
.gpec-contact-item{min-height:95px;display:flex;gap:13px;align-items:center;padding:12px 18px;border-right:1px solid #587087}
.gpec-contact-item:last-child{border:0}
.gpec-contact-item svg{flex:0 0 29px;width:29px;height:29px;stroke:#ffd05c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.gpec-contact-item>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.gpec-contact-item a,.gpec-contact-item strong{color:#fff;font:500 13px/1.35 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.gpec-contact-item span{font:400 12px/1.5 Arial,Helvetica,sans-serif;color:#d1ddeb}
.gpec-contact-item a:hover{color:#f4cb71}
.gpec-bottom-row{max-width:1510px;width:calc(100% - 70px);display:flex;justify-content:space-between;flex-wrap:wrap;color:#97adc4;font-size:11px;padding:15px 0;border-top:1px solid #34506a;gap:10px}
.gpec-bottom-row a:hover{color:#ffd071}
@media(min-width:1650px){.gpec-hero-v12,.gpec-hero-grid{min-height:730px}}
@media(max-width:1100px){.wordmark{width:270px;min-width:270px}.wordmark img{width:195px}.wordmark small{font-size:9.4px}.nav-list{gap:17px}.gpec-hero-grid{width:calc(100% - 65px)}.gpec-hero-copy h1{font-size:clamp(54px,6.6vw,82px)}.gpec-value{padding:9px 12px;gap:10px}.gpec-value svg{flex-basis:44px;width:44px;height:44px}.gpec-contact-row{grid-template-columns:repeat(3,1fr)}.gpec-contact-item:nth-child(3){border:0}}
@media(max-width:770px){.nav-shell{min-height:95px}.wordmark{width:245px;min-width:0;max-width:80%;align-items:flex-start}.wordmark img{width:168px;height:auto}.wordmark small{font-size:8.8px;text-align:left}.wordmark span{font-size:9px}.wordmark span i{width:18px}.gpec-hero-v12,.gpec-hero-grid{min-height:650px}.gpec-hero-grid{width:calc(100% - 42px);padding:55px 0;align-items:flex-start}.gpec-hero-photo{background-position:64% center}.gpec-hero-dim{background:linear-gradient(90deg,rgba(3,19,37,.95),rgba(3,19,37,.66) 54%,rgba(3,19,37,.28) 100%)}.gpec-hero-copy{width:100%}.gpec-hero-copy h1{font-size:clamp(50px,9vw,71px)}.gpec-hero-copy p{font-size:21px;max-width:430px}.gpec-values-grid{width:calc(100% - 32px);grid-template-columns:repeat(2,1fr);padding:13px 0}.gpec-value{min-height:95px;border-bottom:1px solid #36516e;padding:11px 10px}.gpec-value:nth-child(2){border-right:0}.gpec-value:nth-child(n+3){border-bottom:0}.gpec-contact-row{grid-template-columns:repeat(2,1fr);width:calc(100% - 30px)}.gpec-contact-item:nth-child(2),.gpec-contact-item:nth-child(4){border-right:0}.gpec-contact-item:nth-child(3){border-right:1px solid #587087}.gpec-bottom-row{width:calc(100% - 30px)}}
@media(max-width:480px){.nav-shell{min-height:90px}.gpec-hero-v12,.gpec-hero-grid{min-height:595px}.gpec-hero-grid{padding:50px 0}.gpec-hero-photo{background-position:57% center}.gpec-hero-copy h1{font-size:clamp(43px,10.7vw,54px)}.gpec-hero-copy p{font-size:18px;max-width:350px}.gpec-gold-rule{margin:25px 0 20px}.gpec-hero-button{padding:12px 21px;font-size:16px}.gpec-value{gap:6px;padding:9px 5px}.gpec-value svg{flex:0 0 34px;width:34px;height:34px}.gpec-value strong{font-size:18px}.gpec-value small{font-size:12px}.gpec-contact-row{grid-template-columns:1fr}.gpec-contact-item{border-right:0!important;border-bottom:1px solid #41566f;min-height:72px}.gpec-contact-item:last-child{border-bottom:0}.gpec-footer-v12{padding-top:20px}.gpec-bottom-row{font-size:10px}}

/* GPEC 1.3 — Correct approved Home image: same white Leica, harbour bridge, skyline */
.gpec-hero-v12{min-height:825px;background:#051e37}
.gpec-hero-photo{background-image:url('assets/images/home-hero-approved-v13.webp');background-position:center center;background-size:cover}
.gpec-hero-dim{background:linear-gradient(90deg,rgba(2,18,38,.26),rgba(2,18,38,.12) 35%,transparent 60%)}
.gpec-hero-grid{min-height:825px;max-width:1550px;width:calc(100% - 100px);padding:48px 0}
.gpec-hero-copy{max-width:800px;width:min(750px,60%);transform:translateY(-35px)}
.gpec-hero-copy h1{font-size:clamp(65px,6.6vw,100px);font-weight:500;letter-spacing:-.043em;line-height:.97;text-shadow:0 2px 13px rgba(0,13,26,.18)}
.gpec-hero-copy h1 em{color:#fff;font-style:normal}
.gpec-gold-rule{margin-top:30px;margin-bottom:26px}
.gpec-hero-copy p{max-width:620px;font-size:clamp(20px,2vw,29px);line-height:1.25}
.gpec-values-v12{background:#041f39}
.gpec-value strong{font-size:clamp(23px,2vw,30px)}
.gpec-value small{font-size:16px}
@media(min-width:1650px){.gpec-hero-v12,.gpec-hero-grid{min-height:890px}}
@media(max-width:1050px){.gpec-hero-v12,.gpec-hero-grid{min-height:700px}.gpec-hero-copy{width:min(630px,65%)}.gpec-hero-copy h1{font-size:clamp(56px,7.2vw,78px)}}
@media(max-width:770px){.gpec-hero-v12,.gpec-hero-grid{min-height:640px}.gpec-hero-photo{background-position:60% center}.gpec-hero-dim{background:linear-gradient(90deg,rgba(1,15,31,.85),rgba(1,15,31,.66) 55%,rgba(1,15,31,.1))}.gpec-hero-copy{max-width:90%;width:90%;transform:none}.gpec-hero-copy h1{font-size:clamp(46px,8.1vw,68px)}.gpec-hero-copy p{font-size:19px}}
@media(max-width:480px){.gpec-hero-v12,.gpec-hero-grid{min-height:660px}.gpec-hero-photo{background-position:63% center}.gpec-hero-dim{background:linear-gradient(90deg,rgba(1,15,31,.86),rgba(1,15,31,.68) 65%,rgba(1,15,31,.2))}.gpec-hero-copy{max-width:100%;width:100%}.gpec-hero-copy h1{font-size:clamp(40px,10.5vw,55px)}.gpec-hero-copy p{font-size:17px}}

/* v1.3 visual comparison corrections — approved reference has dark left and larger logo */
@media(min-width:771px){
.nav-shell{min-height:142px}
.wordmark{min-width:365px;width:370px}
.wordmark img{width:309px;height:auto;max-height:none}
.wordmark small{font-size:12px}
.wordmark span{font-size:12px}
.gpec-hero-grid{width:calc(100% - 154px)}
}
.gpec-hero-dim{background:linear-gradient(90deg,rgba(1,15,35,.74) 0%,rgba(1,17,36,.50) 26%,rgba(2,20,38,.13) 54%,rgba(2,20,38,0) 69%)}
@media(max-width:770px){.gpec-hero-dim{background:linear-gradient(90deg,rgba(1,15,35,.86) 0%,rgba(1,15,35,.58) 60%,rgba(1,15,35,.15) 100%)}}

/* About Us 1.4: visually matched, independent WordPress content, non-flattened. */
.about-v14{color:#09223a;background:#fff}.a14-wide{width:min(1510px,calc(100% - 64px));margin-inline:auto}.a14-hero{min-height:310px;background-position:center 57%;background-size:cover;display:flex;align-items:center;color:#fff}.a14-hero .a14-wide{padding:40px 12px}.a14-hero h1{font-size:clamp(54px,5.8vw,87px);font-weight:500}.a14-hero p{font:clamp(23px,2.1vw,32px)/1.3 Georgia,serif;margin:0}.a14-story{padding:24px 0 29px;background:#fff}.a14-story-grid{display:grid;grid-template-columns:24% 25% minmax(0,1fr);gap:25px;align-items:stretch}.a14-portrait{margin:0;box-shadow:0 4px 20px #0b203022;align-self:stretch}.a14-portrait img{width:100%;height:365px;object-fit:cover;object-position:center 23%}.a14-portrait figcaption{padding:9px 12px;display:flex;flex-direction:column;font-size:12px;line-height:1.35}.a14-portrait strong{font:24px Georgia,serif}.a14-kicker{color:#b98632!important;font:700 13px/1.2 Georgia,serif!important;text-transform:uppercase;letter-spacing:.15em;margin:0 0 14px!important}.a14-story-copy h2{font-size:clamp(30px,2.3vw,42px);font-weight:500;margin:0 0 20px}.a14-story-copy p:not(.a14-kicker){font-size:14px;line-height:1.65;color:#263f58;margin:0 0 18px}.a14-story-right{display:flex;flex-direction:column;justify-content:space-between}.a14-history{display:grid;grid-template-columns:1fr 1fr;gap:12px}.a14-history figure{position:relative;margin:0;overflow:hidden}.a14-history img{height:235px;width:100%;object-fit:cover}.a14-history figcaption{position:absolute;bottom:0;left:0;right:0;padding:9px 12px;font:11px Arial,sans-serif;color:#fff;background:#041e36e8}.a14-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f6f8f9;padding:22px 4px}.a14-values>div{display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;border-right:1px solid #d6e0e7}.a14-values>div:last-child{border-right:0}.a14-values span{font:37px Georgia,serif;color:#ba8b3f}.a14-values strong{font:17px Georgia,serif}.a14-values small{font:12px/1.5 Arial,sans-serif;color:#31435a}.a14-capabilities{background:linear-gradient(110deg,#03192e,#082c4a 65%,#031627);color:#fff;padding:35px 0 42px}.a14-cap-grid{display:grid;grid-template-columns:1.15fr 1.1fr 1.2fr;gap:32px}.a14-intro h2{font:clamp(28px,2.3vw,36px)/1.16 Georgia,serif;margin-bottom:12px}.a14-intro p:not(.a14-kicker),.a14-international p:not(.a14-kicker){font:13px/1.7 Arial,sans-serif;color:#e6edf4}.a14-disciplines{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;align-content:center}.a14-disciplines div{border:1px solid #335978;padding:11px 10px;color:#f5f8fb;font-size:13px}.a14-disciplines div:before{content:'◇';color:#efc56f;margin-right:11px;font-size:18px}.a14-international{padding:5px 2px;background:radial-gradient(ellipse at 65% 45%,#1b4c6a66,transparent 62%)}.a14-international h2{font:33px Georgia,serif;margin-bottom:10px}.a14-country-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px}.a14-country-grid span{font-size:13px;color:#fff}.a14-country-grid span:before{content:'⌖';margin-right:8px;color:#f5c66e}.a14-contact{background:#f8fafb;padding:24px 0 33px}.a14-contact .a14-wide>p:not(.a14-kicker){max-width:800px;font-size:14px}.a14-contact-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cfd9e3;padding-top:20px;gap:12px}.a14-contact-items>div{display:flex;flex-direction:column;padding:0 14px;border-right:1px solid #d9e0e8;gap:4px;font:12px/1.5 Arial,sans-serif}.a14-contact-items>div:last-child{border:0}.a14-contact-items b{font-size:13px}.a14-contact-items a:hover{color:#ac7f32;text-decoration:underline}
@media(max-width:1100px){.a14-story-grid{grid-template-columns:28% 1fr}.a14-story-right{grid-column:1/-1}.a14-history img{height:220px}.a14-values{margin-top:15px}.a14-cap-grid{grid-template-columns:1fr 1fr}.a14-international{grid-column:1/-1}.a14-country-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:670px){.a14-wide{width:calc(100% - 30px)}.a14-hero{min-height:250px}.a14-story-grid{grid-template-columns:1fr;gap:21px}.a14-portrait{max-width:450px}.a14-portrait img{height:340px}.a14-history img{height:155px}.a14-values{grid-template-columns:1fr 1fr;row-gap:16px}.a14-values>div:nth-child(2){border:0}.a14-cap-grid{grid-template-columns:1fr}.a14-international{grid-column:auto}.a14-country-grid{grid-template-columns:1fr 1fr}.a14-contact-items{grid-template-columns:1fr 1fr;gap:23px}.a14-contact-items>div:nth-child(2){border:0}}

/* V1.5 About Us: historical narrative first; no small refinery photograph.
   Unmodified approved Home, historic illustrative images not presented as archival proof. */
.about-v14 .a15-story{padding:22px 0 30px}
.about-v14 .a15-story-grid{display:grid;grid-template-columns:minmax(0,24fr) minmax(0,27fr) minmax(0,49fr);grid-template-rows:minmax(340px,auto) minmax(150px,auto);gap:16px 23px;align-items:stretch}
.about-v14 .a15-portrait{grid-column:1;grid-row:1;margin:0;min-width:0;box-shadow:0 3px 14px #08264014;align-self:stretch;display:flex;flex-direction:column;background:#fff}
.about-v14 .a15-portrait img{width:100%;height:calc(100% - 57px);min-height:310px;max-height:355px;object-fit:cover;object-position:center 24%;display:block}
.about-v14 .a15-portrait figcaption{min-height:57px;display:flex;flex-direction:column;padding:6px 12px 9px;font-size:13px;line-height:1.35}
.about-v14 .a15-portrait figcaption strong{font:25px/1.1 Georgia,serif}
.about-v14 .a15-story-copy{grid-column:2;grid-row:1;min-width:0;align-self:start}
.about-v14 .a15-story-copy h2{font:400 clamp(28px,2.15vw,37px)/1.12 Georgia,serif;margin:0 0 14px;color:#061f37}
.about-v14 .a15-story-copy p:not(.a14-kicker){font:14px/1.58 Arial,sans-serif;color:#263f58;margin:0 0 14px}
.about-v14 .a15-media-stack{grid-column:3;grid-row:1 / span 2;min-width:0;display:grid;grid-template-rows: minmax(0,1.2fr) minmax(0,.84fr);gap:12px;min-height:522px}
.about-v14 .a15-media-stack figure{position:relative;margin:0;min-width:0;overflow:hidden;background:#1c2b33;box-shadow:0 2px 14px #06274020}
.about-v14 .a15-media-stack img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.about-v14 .a15-survey img{object-position:center 55%;filter:contrast(1.07)}
.about-v14 .a15-elder img{object-position:center 48%}
.about-v14 .a15-media-stack figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;color:#fff;padding:11px 15px;background:linear-gradient(0deg,rgba(2,20,36,.94),rgba(2,20,36,.67) 60%,transparent);font:13px/1.35 Arial,sans-serif;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}
.about-v14 .a15-media-stack figcaption strong{font:20px/1.15 Georgia,serif;color:#efd299}
.about-v14 .a15-media-stack figcaption span{color:#e0e8ee;font-size:12px}
.about-v14 .a15-values{grid-column:1 / span 2;grid-row:2;align-self:stretch;margin:0;padding:14px 2px 10px;gap:0;min-width:0;background:#f4f7f9}
.about-v14 .a15-values>div{justify-content:center;padding:7px 5px}
.about-v14 .a15-values span{font-size:33px;line-height:1.1}
.about-v14 .a15-values strong{font-size:16px}
.about-v14 .a15-values small{font-size:11px}
@media (max-width:1190px){
 .about-v14 .a15-story-grid{grid-template-columns:minmax(0,32fr) minmax(0,36fr) minmax(0,32fr);grid-template-rows:auto auto;gap:16px}
 .about-v14 .a15-portrait img{max-height:none;height:320px}
 .about-v14 .a15-story-copy p:not(.a14-kicker){font-size:13px;line-height:1.48}
 .about-v14 .a15-media-stack{min-height:420px}
 .about-v14 .a15-survey img{object-position:53% 50%}
 .about-v14 .a15-values{grid-column:1 / span 2;grid-row:2}
}
@media (max-width:910px){
 .about-v14 .a15-story-grid{grid-template-columns:minmax(0,38fr) minmax(0,62fr);grid-template-rows:auto auto auto;gap:17px}
 .about-v14 .a15-portrait{grid-column:1;grid-row:1}
 .about-v14 .a15-story-copy{grid-column:2;grid-row:1}
 .about-v14 .a15-media-stack{grid-column:1/-1;grid-row:2;grid-template-columns:1.16fr 1fr;grid-template-rows:260px;min-height:0}
 .about-v14 .a15-values{grid-column:1/-1;grid-row:3}
 .about-v14 .a15-survey img{object-position:center 51%}
}
@media (max-width:600px){
 .about-v14 .a15-story-grid{grid-template-columns:1fr;grid-template-rows:none}
 .about-v14 .a15-portrait{grid-column:1;grid-row:auto;max-width:none}
 .about-v14 .a15-portrait img{height:340px}
 .about-v14 .a15-story-copy{grid-column:1;grid-row:auto}
 .about-v14 .a15-media-stack{grid-column:1;grid-row:auto;grid-template-columns:1fr;grid-template-rows:245px 205px}
 .about-v14 .a15-values{grid-column:1;grid-row:auto}
 .about-v14 .a15-media-stack figcaption{padding:9px 11px}
 .about-v14 .a15-media-stack figcaption strong{font-size:18px}
}

/* v1.6: Engineering main page only, based on approved navy/gold service-card layout. */
.engineering-v16 .e16-hero{background:#061a30}
.engineering-v16 .e16-hero:before{background:linear-gradient(90deg,#051b30 0%,rgba(5,27,48,.97) 19%,rgba(5,27,48,.77) 45%,rgba(5,27,48,.25) 76%,rgba(5,27,48,.06) 100%),var(--ref-image) center 53%/cover no-repeat}
.engineering-v16 .e16-hero .hero-inner{min-height:410px;align-items:center;padding-top:35px;padding-bottom:40px}
.engineering-v16 .e16-hero .hero-copy{width:min(780px,83%)}
.engineering-v16 .e16-overline{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#efc572;margin:0 0 10px}
.engineering-v16 .e16-hero .hero-copy h1{font:400 clamp(58px,6.3vw,96px)/1.05 Georgia,serif;letter-spacing:-.035em;color:#fff}
.engineering-v16 .e16-hero .hero-subtitle{font:400 clamp(22px,2.15vw,32px)/1.25 Georgia,serif;color:#fff;margin:12px 0}
.engineering-v16 .e16-hero-desc{color:#eff2f6;font:15px/1.65 Arial,sans-serif;max-width:590px;margin:16px 0 0}
.engineering-v16 .e16-services{padding:25px 0 69px;background:linear-gradient(155deg,#092944,#061a30 70%);border-bottom:1px solid #274a64}
.engineering-v16 .e16-intro-row{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:5px 0 23px}
.engineering-v16 .e16-intro-row h2{font:400 clamp(25px,2.4vw,37px)/1.13 Georgia,serif;color:#fff;margin:3px 0}
.engineering-v16 .e16-intro-row>p{max-width:500px;color:#bfcfdd;font:14px/1.55 Arial,sans-serif;margin:0}
.engineering-v16 .e16-grid{gap:17px}
.engineering-v16 .e16-card{background:#051b30;border:1px solid rgba(210,169,100,.62);border-radius:3px;box-shadow:0 12px 23px #0004}
.engineering-v16 .e16-card .service-image{height:226px;background-size:cover;background-repeat:no-repeat;background-position:center 49%;position:relative}
.engineering-v16 .e16-card:nth-child(1) .service-image{background-position:center 43%}
.engineering-v16 .e16-card:nth-child(2) .service-image{background-position:center 54%}
.engineering-v16 .e16-card:nth-child(3) .service-image{background-position:center 47%}
.engineering-v16 .e16-card:nth-child(4) .service-image{background-position:center 55%}
.engineering-v16 .e16-card .service-image:after{content:'';position:absolute;inset:52% 0 0;background:linear-gradient(0deg,rgba(3,21,39,.73),transparent)}
.engineering-v16 .e16-card .service-text{min-height:246px;padding:20px 18px 19px}
.engineering-v16 .e16-card .e16-no{display:block;font:700 10px/1.25 Arial,sans-serif;letter-spacing:.16em;color:#e9c16f;margin:0 0 11px}
.engineering-v16 .e16-card .service-text h3{font:400 clamp(23px,2vw,31px)/1.16 Georgia,serif;margin:0;color:#fff}
.engineering-v16 .e16-card .service-text p{font:13.25px/1.55 Arial,sans-serif;color:#dce6ee;margin:11px 0 18px}
.engineering-v16 .e16-card .e16-more{font:700 12px/1.2 Arial,sans-serif;color:#f8ce78;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #395670;padding-top:14px}
.engineering-v16 .e16-card .e16-more b{font-size:18px;font-weight:400}
.engineering-v16 .e16-bridge{background:#f6f8f9;padding:74px 0 65px}
.engineering-v16 .e16-bridge-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}
.engineering-v16 .e16-bridge h2{color:#082a47;font:400 clamp(34px,3.4vw,48px)/1.13 Georgia,serif;margin:17px 0}
.engineering-v16 .e16-bridge h2 em{font-style:normal;color:#a67934}
.engineering-v16 .e16-bridge-grid>div:last-child p{color:#405c73;font:15px/1.75 Arial,sans-serif;margin-bottom:14px}
.engineering-v16 .e16-method{padding:66px 0 75px;background:#fff}
.engineering-v16 .e16-method h2{color:#08283f;font:400 clamp(34px,3vw,45px)/1.14 Georgia,serif;margin:10px 0 28px}
.engineering-v16 .e16-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.engineering-v16 .e16-method-grid article{padding:28px 28px 24px;border-top:3px solid #d5ad68;background:#f4f6f8;min-height:215px}
.engineering-v16 .e16-method-grid span{font:400 31px Georgia,serif;color:#b38a48}
.engineering-v16 .e16-method-grid h3{color:#15334e;font:400 25px Georgia,serif;margin:14px 0 12px}
.engineering-v16 .e16-method-grid p{color:#496174;font:14px/1.6 Arial,sans-serif;margin:0}
.engineering-v16 .e16-visual-note{color:#677e8a;font:12px/1.4 Arial,sans-serif;margin:25px 0 0}
@media(max-width:900px){.engineering-v16 .e16-hero .hero-inner{min-height:360px}.engineering-v16 .e16-intro-row{align-items:start;display:block}.engineering-v16 .e16-intro-row>p{margin-top:15px}.engineering-v16 .e16-card .service-image{height:200px}.engineering-v16 .e16-bridge-grid{gap:25px}}
@media(max-width:770px){.engineering-v16 .e16-hero:before{background:linear-gradient(90deg,rgba(5,26,46,.95),rgba(5,26,46,.72) 57%,rgba(5,26,46,.26)),var(--ref-image) center/cover no-repeat}.engineering-v16 .e16-hero .hero-inner{min-height:340px}.engineering-v16 .e16-hero .hero-copy{width:100%}.engineering-v16 .e16-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-v16 .e16-bridge-grid{grid-template-columns:1fr}.engineering-v16 .e16-method-grid{grid-template-columns:1fr}.engineering-v16 .e16-card .service-image{height:190px}}
@media(max-width:480px){.engineering-v16 .e16-hero .hero-inner{min-height:330px;align-items:center;padding-top:22px}.engineering-v16 .e16-hero .hero-copy h1{font-size:51px}.engineering-v16 .e16-hero .hero-subtitle{font-size:23px}.engineering-v16 .e16-hero-desc{font-size:13px}.engineering-v16 .e16-services{padding:28px 0 48px}.engineering-v16 .e16-intro-row h2{font-size:28px}.engineering-v16 .e16-grid{gap:11px}.engineering-v16 .e16-card .service-image{height:139px}.engineering-v16 .e16-card .service-text{min-height:255px;padding:13px 11px 15px}.engineering-v16 .e16-card .service-text h3{font-size:21px}.engineering-v16 .e16-card .service-text p{font-size:12px;line-height:1.43}.engineering-v16 .e16-card .e16-no{font-size:9px;letter-spacing:.075em}.engineering-v16 .e16-card .e16-more{font-size:11px}.engineering-v16 .e16-bridge{padding:52px 0}.engineering-v16 .e16-method{padding:50px 0}.engineering-v16 .e16-method-grid article{min-height:0}}

/* v1.7 — Surveying detail page only. Approved Home, About and Engineering left unchanged. */
.surveying-v17{background:#fff;color:#0b2b45}
.surveying-v17 .s17-kicker,.surveying-v17 .s17-overline{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.22em;color:#bc8c3c;text-transform:uppercase}
.surveying-v17 .s17-hero{position:relative;background:#071e35 url('assets/images/survey17-hero.webp') center 46%/cover no-repeat;min-height:540px;color:#fff;isolation:isolate}
.surveying-v17 .s17-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,38,.97) 0%,rgba(2,20,38,.95) 24%,rgba(2,20,38,.67) 46%,rgba(2,20,38,.12) 74%,rgba(2,20,38,0) 100%);z-index:-1}
.surveying-v17 .s17-hero-inner{padding-top:32px;padding-bottom:46px}
.surveying-v17 .s17-crumb{display:flex;align-items:center;gap:11px;color:#cfdde7;font:13px Arial,sans-serif;margin:1px 0 62px}
.surveying-v17 .s17-crumb a:hover{color:#ffda87}
.surveying-v17 .s17-hero-copy{max-width:730px}
.surveying-v17 .s17-overline{color:#f3d18d;margin-bottom:16px}
.surveying-v17 .s17-hero h1{font:400 clamp(57px,6vw,88px)/1.04 Georgia,serif;letter-spacing:-.035em;color:white}
.surveying-v17 em{font-style:normal;color:#d6ad66}
.surveying-v17 .s17-lead{font:400 clamp(22px,2vw,29px)/1.25 Georgia,serif;margin:18px 0 13px;color:#f9f6ef}
.surveying-v17 .s17-intro{max-width:570px;font:15px/1.7 Arial,sans-serif;color:#d8e3eb;margin:0 0 26px}
.surveying-v17 .s17-button{display:inline-flex;align-items:center;gap:31px;background:#f5d38b;color:#09253a;padding:12px 17px;border-radius:2px;font:700 13px Arial,sans-serif}
.surveying-v17 .s17-button:hover{background:#fff0bb}
.surveying-v17 .s17-button span{font-size:18px}
.surveying-v17 .s17-hero-label{position:absolute;right:26px;bottom:13px;color:rgba(255,255,255,.82);background:#061a2b83;padding:4px 8px;font:11px/1.3 Arial,sans-serif}
.surveying-v17 .s17-pillar-strip{background:#092842;border-top:1px solid #987a42;color:#fff}
.surveying-v17 .s17-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.surveying-v17 .s17-pillars>div{min-height:106px;display:grid;grid-template-columns:41px 1fr;grid-template-rows:1fr 1fr;gap:1px 11px;align-content:center;padding:26px 13px;border-right:1px solid #375570}
.surveying-v17 .s17-pillars>div:last-child{border-right:0}
.surveying-v17 .s17-pillars span{grid-row:1/3;font:400 27px Georgia,serif;color:#e9c17a;align-self:center}
.surveying-v17 .s17-pillars strong{font:600 13px Arial,sans-serif;align-self:end}
.surveying-v17 .s17-pillars small{font:12px/1.35 Arial,sans-serif;color:#bdcddd}
.surveying-v17 .s17-foundation{padding:84px 0;background:#fff}
.surveying-v17 .s17-foundation-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.surveying-v17 .s17-foundation h2,.surveying-v17 .s17-disciplines h2,.surveying-v17 .s17-process h2,.surveying-v17 .s17-end h2{font:400 clamp(34px,3.6vw,54px)/1.13 Georgia,serif;letter-spacing:-.022em;margin:13px 0 23px;color:#0c2a43}
.surveying-v17 .s17-foundation-copy>p:not(.s17-kicker){max-width:605px;font:15px/1.72 Arial,sans-serif;color:#52677a;margin-bottom:16px}
.surveying-v17 .s17-foundation-note{display:flex;gap:16px;background:#f2f5f6;border-left:3px solid #c69b57;padding:20px;margin-top:22px;align-items:center}
.surveying-v17 .s17-foundation-note>span{font:35px Georgia,serif;color:#c09b61}
.surveying-v17 .s17-foundation-note strong{display:block;font:600 14px Arial,sans-serif}
.surveying-v17 .s17-foundation-note small{display:block;color:#667d90;font:13px/1.5 Arial,sans-serif;margin-top:3px}
.surveying-v17 .s17-field-photo{margin:0;background:#071f36;padding:8px;box-shadow:0 16px 34px rgba(5,28,49,.12)}
.surveying-v17 .s17-field-photo img{width:100%;height:auto;aspect-ratio:1.32;object-fit:cover;object-position:center 43%;border:1px solid #244b67}
.surveying-v17 .s17-field-photo figcaption{font:12px/1.4 Arial,sans-serif;color:#cbdbe6;padding:10px 6px 4px}
.surveying-v17 .s17-disciplines{padding:77px 0 86px;background:linear-gradient(145deg,#07263f,#04182d);color:#fff}
.surveying-v17 .s17-disciplines h2{color:#fff}
.surveying-v17 .s17-heading-row{display:flex;align-items:end;justify-content:space-between;gap:42px;margin:0 0 29px}
.surveying-v17 .s17-heading-row>p{font:14px/1.65 Arial,sans-serif;max-width:450px;color:#c5d3df;margin:0 0 17px}
.surveying-v17 .s17-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.surveying-v17 .s17-service{padding:27px 21px 21px;border:1px solid rgba(213,173,102,.55);background:#0a2943;min-height:367px;display:flex;flex-direction:column}
.surveying-v17 .s17-num{font:700 11px Arial,sans-serif;letter-spacing:.13em;color:#e7c27e}
.surveying-v17 .s17-symbol{font:43px Georgia,serif;line-height:1;color:#d1a963;min-height:65px;padding-top:17px}
.surveying-v17 .s17-service h3{font:400 25px/1.17 Georgia,serif;color:white;margin:9px 0 16px}
.surveying-v17 .s17-service p{font:13px/1.62 Arial,sans-serif;color:#d2e0e9;margin-bottom:17px}
.surveying-v17 .s17-service-meta{border-top:1px solid #36546a;padding-top:13px;margin-top:auto;color:#e8c47d;font:11px/1.45 Arial,sans-serif}
.surveying-v17 .s17-process{background:#f3f6f8;padding:83px 0 91px}
.surveying-v17 .s17-process-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:start}
.surveying-v17 .s17-process-intro{font:15px/1.7 Arial,sans-serif;color:#526b7e;margin-bottom:24px;max-width:520px}
.surveying-v17 .s17-steps article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:15px 0;border-top:1px solid #d5e0e7}
.surveying-v17 .s17-steps article>span{font:27px Georgia,serif;color:#b88b4c}
.surveying-v17 .s17-steps h3{font:400 23px Georgia,serif;color:#17364f;margin:0 0 6px}
.surveying-v17 .s17-steps p{font:14px/1.52 Arial,sans-serif;color:#536e80;margin:0}
.surveying-v17 .s17-deliverables{background:#fff;padding:30px 33px 32px;border-top:4px solid #d3a665;box-shadow:0 12px 35px #132d4014}
.surveying-v17 .s17-deliverables h3{font:400 31px Georgia,serif;color:#0b3049;margin:12px 0 17px}
.surveying-v17 .s17-deliverables ul{margin:0;padding:0;list-style:none}
.surveying-v17 .s17-deliverables li{padding:12px 4px 12px 24px;border-bottom:1px solid #e5ebef;position:relative;color:#3e5c71;font:13.5px/1.48 Arial,sans-serif}
.surveying-v17 .s17-deliverables li:before{content:'◆';font-size:9px;color:#bc8a42;position:absolute;left:2px;top:15px}
.surveying-v17 .s17-note{font:11px/1.5 Arial,sans-serif;color:#718594;margin:21px 0}
.surveying-v17 .s17-deliverables>a{display:block;background:#082842;text-align:center;color:#f2d18b;padding:12px;font:600 13px Arial,sans-serif}
.surveying-v17 .s17-deliverables>a:hover{background:#194664}
.surveying-v17 .s17-end{background:#082940;color:#fff;padding:55px 0 62px;border-top:1px solid #c89e56}
.surveying-v17 .s17-end .site-width{display:flex;align-items:center;justify-content:space-between;gap:28px}
.surveying-v17 .s17-end h2{color:#fff;font-size:clamp(28px,2.7vw,40px);margin:12px 0}
.surveying-v17 .s17-back{border:1px solid #d0ae66;padding:13px 17px;white-space:nowrap;color:#efcc83;font:600 13px Arial,sans-serif}
@media(max-width:1050px){.surveying-v17 .s17-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surveying-v17 .s17-service{min-height:310px}.surveying-v17 .s17-foundation-grid{gap:32px}.surveying-v17 .s17-pillars>div{grid-template-columns:1fr;grid-template-rows:auto auto auto}.surveying-v17 .s17-pillars span{grid-row:auto;font-size:24px;margin-bottom:10px}}
@media(max-width:770px){.surveying-v17 .s17-hero{min-height:470px;background-position:60% center}.surveying-v17 .s17-hero:before{background:linear-gradient(90deg,rgba(3,23,42,.96),rgba(3,23,42,.75) 62%,rgba(3,23,42,.38))}.surveying-v17 .s17-crumb{margin-bottom:42px}.surveying-v17 .s17-hero h1{font-size:clamp(48px,7.5vw,70px)}.surveying-v17 .s17-hero-copy{max-width:610px}.surveying-v17 .s17-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.surveying-v17 .s17-pillars>div{min-height:90px;border-bottom:1px solid #375570}.surveying-v17 .s17-foundation{padding:54px 0}.surveying-v17 .s17-foundation-grid,.surveying-v17 .s17-process-grid{grid-template-columns:1fr}.surveying-v17 .s17-heading-row{display:block}.surveying-v17 .s17-heading-row>p{margin-top:13px}.surveying-v17 .s17-disciplines{padding:58px 0}.surveying-v17 .s17-process{padding:54px 0}.surveying-v17 .s17-end .site-width{display:block}.surveying-v17 .s17-back{display:inline-block;margin-top:15px}}
@media(max-width:480px){.surveying-v17 .s17-hero{min-height:565px}.surveying-v17 .s17-hero-inner{padding-top:20px}.surveying-v17 .s17-hero h1{font-size:48px}.surveying-v17 .s17-lead{font-size:23px}.surveying-v17 .s17-intro{font-size:14px}.surveying-v17 .s17-hero-label{font-size:9px}.surveying-v17 .s17-pillars>div{padding:17px 6px}.surveying-v17 .s17-pillars strong{font-size:12px}.surveying-v17 .s17-pillars small{font-size:10px}.surveying-v17 .s17-service-grid{grid-template-columns:1fr}.surveying-v17 .s17-service{min-height:0}.surveying-v17 .s17-foundation h2,.surveying-v17 .s17-disciplines h2,.surveying-v17 .s17-process h2{font-size:37px}.surveying-v17 .s17-process-grid{gap:31px}.surveying-v17 .s17-deliverables{padding:24px 20px}}

@media (min-width:771px) and (max-width:950px){body.page-surveying .nav-shell{gap:12px}body.page-surveying .nav-list{gap:13px}body.page-surveying .wordmark{min-width:220px;width:220px}body.page-surveying .wordmark img{width:180px}body.page-surveying .wordmark small{font-size:9px}body.page-surveying .wordmark span{font-size:9px}body.page-surveying .search-open{display:none}}

/* v1.8 — Surveying imagery: scenic independent photograph + real DJI equipment photograph, not an AI-generated aircraft. */
.surveying-v17 .s17-hero{background-image:url('assets/images/survey18-mountain-valley.webp');background-position:center 47%;min-height:580px}
.surveying-v17 .s17-hero:before{background:linear-gradient(90deg,rgba(2,20,38,.98),rgba(2,20,38,.92) 35%,rgba(2,20,38,.59) 59%,rgba(2,20,38,.19))}
.surveying-v17 .s17-hero-inner{display:flex;justify-content:space-between;gap:28px;align-items:center;position:relative;padding-bottom:40px}
.surveying-v17 .s17-crumb{position:absolute;top:30px;left:0}
.surveying-v17 .s17-hero-copy{padding-top:84px;max-width:58%;flex:0 1 690px}
.surveying-v17 .s17-hero h1{font-size:clamp(52px,5.3vw,82px)}
.surveying-v17 .s18-product-photo{margin:84px 0 0;flex:0 0 35%;width:35%;border:1px solid #c5a365;background:#061a2e;box-shadow:0 18px 42px #0006;align-self:center;overflow:hidden}
.surveying-v17 .s18-product-photo img{display:block;width:100%;aspect-ratio:1.44;object-fit:cover;background:linear-gradient(145deg,#24374c,#5d7687);color:#fff;font:13px Arial,sans-serif}
.surveying-v17 .s18-product-photo figcaption{padding:11px 13px 12px;background:rgba(2,20,38,.96);border-top:1px solid #ab874b;display:flex;flex-direction:column;gap:5px}
.surveying-v17 .s18-product-photo strong{color:#f5e3b9;font:600 14px Arial,sans-serif}
.surveying-v17 .s18-product-photo span,.surveying-v17 .s18-product-photo a{color:#c8d8e5;font:11px/1.35 Arial,sans-serif}
.surveying-v17 .s18-product-photo a{text-decoration:underline;text-underline-offset:2px;color:#ebcf96}
.surveying-v17 .s17-note a{text-decoration:underline;color:#174f72}
@media(max-width:900px){.surveying-v17 .s17-hero-inner{display:block}.surveying-v17 .s17-hero-copy{max-width:710px;padding-top:125px}.surveying-v17 .s18-product-photo{max-width:540px;width:70%;margin:25px 0 0}.surveying-v17 .s17-hero{min-height:770px}.surveying-v17 .s17-hero:before{background:linear-gradient(90deg,rgba(2,20,38,.96),rgba(2,20,38,.79))}}
@media(max-width:520px){.surveying-v17 .s17-hero{min-height:790px}.surveying-v17 .s17-hero-copy{padding-top:112px}.surveying-v17 .s17-hero h1{font-size:47px}.surveying-v17 .s18-product-photo{width:100%;max-width:400px;margin-top:24px}.surveying-v17 .s17-hero-inner{padding-bottom:28px}.surveying-v17 .s17-hero-label{display:none}}

.surveying-v17 .s18-photo-stage{width:100%;aspect-ratio:1.44;position:relative;background:#274c6a url('assets/images/survey18-offline-fallback.webp') center center/cover no-repeat;overflow:hidden}
.surveying-v17 .s18-photo-stage>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:block}
.surveying-v17 .s18-fallback-tag{display:none;position:absolute;bottom:8px;left:9px;color:#ffedcb;background:#07223bce;padding:4px 7px;font:10px Arial,sans-serif}
.surveying-v17 .s18-photo-stage.photo-unavailable .s18-fallback-tag{display:block}
.surveying-v17 .s18-photo-stage.photo-unavailable::after{content:'Offline preview • Real photograph requires Internet';color:#fff;background:#0d2739c7;font:11px/1.4 Arial,sans-serif;position:absolute;right:8px;top:8px;max-width:70%;padding:5px 7px}

/* v1.9 Surveying: flight within the actual hero scene; no standalone product card. */
body.page-surveying .surveying-v17 .s17-hero{background-image:url('assets/images/survey19-flight-hero.webp');background-position:center 33%;min-height:595px}
body.page-surveying .surveying-v17 .s17-hero-inner{display:block;padding-bottom:52px}
body.page-surveying .surveying-v17 .s17-hero-copy{max-width:650px;width:58%;padding-top:105px}
body.page-surveying .surveying-v17 .s17-hero:before{background:linear-gradient(90deg,rgba(2,20,38,.97) 0%,rgba(2,20,38,.92) 24%,rgba(2,20,38,.73) 39%,rgba(2,20,38,.37) 60%,rgba(2,20,38,.05) 86%,rgba(2,20,38,0) 100%)}
@media(max-width:900px){body.page-surveying .surveying-v17 .s17-hero{min-height:575px;background-position:58% 29%}body.page-surveying .surveying-v17 .s17-hero-copy{width:75%;max-width:650px;padding-top:130px}body.page-surveying .surveying-v17 .s17-hero:before{background:linear-gradient(90deg,rgba(2,20,38,.97) 0%,rgba(2,20,38,.88) 39%,rgba(2,20,38,.42) 78%,rgba(2,20,38,.1) 100%)}}
@media(max-width:520px){body.page-surveying .surveying-v17 .s17-hero{min-height:650px;background-position:81% 18%}body.page-surveying .surveying-v17 .s17-hero-copy{width:100%;padding-top:200px}body.page-surveying .surveying-v17 .s17-hero:before{background:linear-gradient(180deg,rgba(2,20,38,.18) 0%,rgba(2,20,38,.35) 20%,rgba(2,20,38,.93) 51%,rgba(2,20,38,.95) 100%)}}

/* GPEC v2.0 — exploration landing page. Scoped so approved Home, About and Engineering remain untouched. */
.exp20{color:#102b43;background:white;overflow-x:clip}
.exp20-hero{position:relative;isolation:isolate;min-height:604px;background:#061b32 url('assets/images/hq-hero-exploration.jpg') 50% 52%/cover no-repeat;color:#fff;display:flex;align-items:center}
.exp20-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041a30 0%,rgba(4,26,48,.96) 22%,rgba(4,26,48,.83) 39%,rgba(4,26,48,.3) 63%,rgba(4,26,48,.02) 100%)}
.exp20-hero-inner{min-height:604px;display:flex;align-items:center;width:calc(100% - 76px)}
.exp20-copy{width:min(750px,57%);padding:65px 0}
.exp20-kicker{font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.24em;color:#eebd6f;margin:0 0 16px}
.exp20-hero h1{font:500 clamp(51px,5.8vw,83px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#fff;margin:0}
.exp20-hero h1 em,.exp20-whatintro em{color:#f2c677;font-style:normal}
.exp20-rule{width:75px;height:3px;background:#e5b554;margin:22px 0 20px}
.exp20-lede{font:400 clamp(20px,2vw,28px)/1.28 Georgia,'Times New Roman',serif;color:#f8fbfd;max-width:620px;margin:0 0 13px}
.exp20-lede2{font:400 15.5px/1.75 Arial,Helvetica,sans-serif;color:#deecf5;max-width:580px;margin:0 0 27px}
.exp20-button{display:inline-flex;background:#f3cb7d;color:#041c32;border-radius:3px;padding:14px 19px;gap:22px;align-items:center;font:700 14px Arial,Helvetica,sans-serif}
.exp20-button:hover{background:#fff3c5;color:#051b30}
.exp20-index{background:#07253e;border-top:1px solid #52718b;border-bottom:1px solid #4d6a83;color:#fff}
.exp20-index-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:21px 0;gap:0}
.exp20-index-inner>div{display:flex;gap:13px;border-right:1px solid #456783;padding:10px 18px;align-items:flex-start}
.exp20-index-inner>div:first-child{padding-left:0}.exp20-index-inner>div:last-child{border:0}
.exp20-index-inner b{font:400 30px/1 Georgia,serif;color:#f1c676}.exp20-index-inner span{font:700 14px/1.32 Arial,Helvetica,sans-serif}.exp20-index-inner small{font:400 12px/1.5 Arial,Helvetica,sans-serif;color:#becedb}
.exp20-pathways{background:#f7f9fa;padding:65px 0 72px}
.exp20-heading{max-width:850px;margin:0 0 28px}
.exp20-heading h2{font:500 clamp(38px,3.5vw,51px)/1.1 Georgia,serif;color:#082039;margin:0 0 13px}
.exp20-heading>p:last-child{font:400 16px/1.7 Arial,Helvetica,sans-serif;color:#506980;max-width:820px;margin:0}
.exp20-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.exp20-card{height:375px;position:relative;isolation:isolate;display:flex;align-items:end;overflow:hidden;border-radius:4px;border:1px solid #8798a9;background:#06213d;color:#fff}
.exp20-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-2;transition:transform .35s ease}
.exp20-card:hover>img{transform:scale(1.025)}
.exp20-cardshade{position:absolute;inset:0;background:linear-gradient(0deg,#04192e 0%,rgba(4,25,46,.91) 21%,rgba(4,25,46,.45) 49%,rgba(4,25,46,.05) 100%);z-index:-1}
.exp20-cardcontent{padding:25px 31px 26px}
.exp20-cardcontent>span{font:700 10px Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#ffd28a}
.exp20-cardcontent h3{font:400 40px/1.05 Georgia,serif;margin:8px 0 9px;color:white}
.exp20-cardcontent p{font:400 14px/1.52 Arial,Helvetica,sans-serif;color:#e2ebf2;max-width:560px;margin:0 0 15px}
.exp20-cardcontent strong{font:700 13px Arial,sans-serif;color:#ffd27f}
.exp20-cardcontent strong span{font-size:17px;margin-left:14px}
.exp20-what{background:#fff;padding:78px 0 84px}
.exp20-what-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:75px;align-items:start}
.exp20-whatintro h2{font:500 clamp(35px,3.1vw,49px)/1.12 Georgia,serif;color:#0b2944;margin:0 0 22px}
.exp20-whatintro>p:last-child{font:400 16px/1.8 Arial,Helvetica,sans-serif;color:#486275}
.exp20-steps{display:grid;gap:12px}
.exp20-steps article{display:grid;grid-template-columns:45px 1fr;gap:16px;background:#f3f6f7;border:1px solid #dbe5eb;padding:17px 19px}
.exp20-steps b{font:400 27px Georgia,serif;color:#bc8c37}
.exp20-steps h3{font:600 20px Georgia,serif;color:#082b48;margin:0 0 6px}
.exp20-steps p{font:400 13.5px/1.6 Arial,Helvetica,sans-serif;color:#486578;margin:0}
.exp20-band{padding:46px 0;background:linear-gradient(115deg,#051b31,#0d314e);color:#fff;border-top:2px solid #bb9754}
.exp20-band-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}
.exp20-band h2{font:400 30px Georgia,serif;color:#fff;margin:0 0 9px}
.exp20-band p:last-child{margin:0;max-width:730px;font:400 14px/1.7 Arial,Helvetica,sans-serif;color:#d6e6f1}
.exp20-outline{display:inline-flex;gap:15px;align-items:center;flex-shrink:0;border:1px solid #f0c77c;color:#f0c77c;padding:15px 18px;font:700 13px Arial,sans-serif}
.exp20-outline:hover{background:#f0c77c;color:#041c30}
@media(max-width:980px){.exp20-copy{width:min(640px,71%)}.exp20-hero-inner{width:calc(100% - 48px)}.exp20-hero{background-position:57% center}.exp20-what-grid{gap:35px}.exp20-cardcontent{padding:18px 23px}}
@media(max-width:700px){.exp20-hero,.exp20-hero-inner{min-height:575px}.exp20-hero{background-position:65% 50%}.exp20-hero:before{background:linear-gradient(90deg,rgba(4,26,48,.98),rgba(4,26,48,.87) 56%,rgba(4,26,48,.46))}.exp20-copy{width:96%}.exp20-hero h1{font-size:clamp(41px,8.3vw,62px)}.exp20-index-inner{grid-template-columns:repeat(2,1fr)}.exp20-index-inner>div:nth-child(2){border-right:0}.exp20-index-inner>div{border-bottom:1px solid #3b516b}.exp20-index-inner>div:nth-child(n+3){border-bottom:0}.exp20-cards,.exp20-what-grid{grid-template-columns:1fr}.exp20-cards{gap:15px}.exp20-card{height:335px}.exp20-band-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:440px){.exp20-hero-inner{width:calc(100% - 34px)}.exp20-hero h1{font-size:42px}.exp20-copy{width:100%}.exp20-hero{min-height:610px}.exp20-index-inner>div{padding:10px 8px}.exp20-index-inner b{font-size:24px}.exp20-index-inner span{font-size:12px}.exp20-pathways{padding-top:48px}.exp20-card{height:340px}.exp20-cardcontent{padding:16px 17px}.exp20-cardcontent p{font-size:12.5px}.exp20-what{padding:45px 0}.exp20-whatintro h2{font-size:36px}}

/* Exploration tablet header fit without touching previously approved pages */
@media (min-width:771px) and (max-width:980px){body.page-exploration .search-open{display:none}}


/* GPEC Next v2.1 -- Onshore Exploration only. All approved earlier pages remain unchanged. */
.on21{background:#fff;color:#0b2b44;overflow-x:clip}
.on21 em{font-style:normal;color:#e9bc6d}
.on21 .on21-kicker{font:700 11px/1.45 Arial,Helvetica,sans-serif;color:#cf9c4f;letter-spacing:.22em;margin:0 0 15px}
.on21-hero{background:#051d34;color:white;border-bottom:1px solid #45647c;overflow:hidden}
.on21-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.97fr);gap:32px;align-items:center;min-height:625px;max-width:1380px}
.on21-hero-copy{padding:70px 0 58px}
.on21-crumb{font:400 12px Arial,sans-serif;color:#c5d6e4;margin:0 0 72px}
.on21-crumb a:hover{color:#f3c978}
.on21-hero h1{font:400 clamp(53px,5.5vw,82px)/1.02 Georgia,serif;color:white;letter-spacing:-.035em;margin:0}
.on21-hero h1 em{display:block}
.on21-goldline{width:76px;height:4px;background:#f4ca7a;margin:25px 0}
.on21-lead{font:400 clamp(23px,2.2vw,30px)/1.25 Georgia,serif;color:#fff;max-width:640px;margin:0 0 16px}
.on21-summary{font:400 15.5px/1.75 Arial,sans-serif;color:#dce8ef;max-width:560px;margin:0 0 27px}
.on21-button{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border-radius:3px;background:#f3ca7d;color:#07253d;font:700 14px Arial,sans-serif}
.on21-button:hover{background:#fff0b7}
.on21-hero-photo{position:relative;align-self:stretch;min-height:590px;margin:0;overflow:hidden;border-left:1px solid #6b6c61}
.on21-hero-photo:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#051d34 0%,rgba(5,29,52,.28) 16%,transparent 38%),linear-gradient(0deg,rgba(0,13,29,.7),transparent 35%)}
.on21-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:54% 58%;position:absolute;inset:0}
.on21-hero-photo figcaption{position:absolute;bottom:20px;right:23px;z-index:2;color:#ffe0a2;font:500 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.on21-rail{background:#082943;color:white;border-bottom:1px solid #67809b}
.on21-rail-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}
.on21-rail-grid>div{padding:7px 17px;border-right:1px solid #476781;display:grid;grid-template-columns:38px 1fr;gap:2px 10px}
.on21-rail-grid>div:first-child{padding-left:0}.on21-rail-grid>div:last-child{border:0}
.on21-rail-grid span{grid-row:1/3;color:#f1c577;font:400 29px Georgia,serif}
.on21-rail-grid strong{font:700 14px Arial,sans-serif}.on21-rail-grid small{color:#bfcddd;font:400 12px/1.5 Arial,sans-serif}
.on21-services{background:#f7f9fa;padding:78px 0 86px}
.on21-section-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:75px;margin-bottom:31px}
.on21-section-head h2{font:400 clamp(37px,3.6vw,53px)/1.12 Georgia,serif;color:#0b2945;margin:0}
.on21-section-head h2 em{color:#bd8740}
.on21-section-head>p{font:400 15px/1.72 Arial,sans-serif;color:#526d82;margin:0 0 3px}
.on21-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.on21-service{border:1px solid #d1dde5;background:#fff;padding:22px 19px 20px;min-height:360px;box-shadow:0 10px 23px #061b3010;display:flex;flex-direction:column}
.on21-index{font:700 10px Arial,sans-serif;letter-spacing:.13em;color:#ae8244}
.on21-lineicon{font:400 42px Georgia,serif;color:#b98b48;margin:19px 0 10px;height:44px}
.on21-service h3{font:400 25px/1.13 Georgia,serif;color:#0b2945;margin:0 0 13px}
.on21-service p{font:400 13.3px/1.62 Arial,sans-serif;color:#486177;margin:0 0 12px}
.on21-service .on21-caption{padding-top:11px;border-top:1px solid #e0e7eb;color:#627d8d;margin-top:auto;font-size:12px}
.on21-feature{background:#fff;padding:83px 0}
.on21-feature-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center}
.on21-feature-photo{margin:0;border:1px solid #ccd8df;box-shadow:0 16px 30px #09233c20;background:#071c30}
.on21-feature-photo img{width:100%;height:440px;object-fit:cover;object-position:52% center}
.on21-feature-photo figcaption{font:400 12px Arial,sans-serif;color:#f4d29b;padding:10px 15px}
.on21-feature-copy h2{font:400 clamp(37px,3.8vw,54px)/1.12 Georgia,serif;color:#0b2945;margin:0 0 23px}
.on21-feature-copy h2 em{color:#bd8740}
.on21-feature-copy>p:not(.on21-kicker){font:400 15px/1.78 Arial,sans-serif;color:#50697d;margin:0 0 17px}
.on21-quote{background:#f0f4f6;border-left:3px solid #c49b56;padding:17px 20px;display:grid;gap:5px}
.on21-quote strong{font:700 13px Arial,sans-serif;color:#0b2945}.on21-quote span{font:400 13px/1.6 Arial,sans-serif;color:#4b6579}
.on21-method{background:#071f36;color:white;padding:81px 0 75px}
.on21-method-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}
.on21-method-title h2{font:400 clamp(43px,4.1vw,61px)/1.1 Georgia,serif;color:white;margin:0 0 22px}
.on21-method-title>p:last-child{font:400 15px/1.65 Arial,sans-serif;color:#d4dfeb}
.on21-method-steps{display:grid;gap:10px}
.on21-method-steps article{display:grid;grid-template-columns:55px 1fr;gap:17px;border:1px solid #49667f;background:#0d2c47;padding:17px 20px}
.on21-method-steps b{font:400 27px Georgia,serif;color:#f2cb83}
.on21-method-steps h3{font:400 23px Georgia,serif;color:#fff;margin:0 0 5px}
.on21-method-steps p{font:400 13px/1.68 Arial,sans-serif;color:#d3e0e9;margin:0}
.on21-output{margin-top:53px;border-top:1px solid #47637e;padding-top:27px}
.on21-output h3{font:400 27px Georgia,serif;margin:0 0 17px;color:#fff}
.on21-output>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px}
.on21-output span{color:#dce8f0;font:400 13px/1.5 Arial,sans-serif;border-bottom:1px solid #38526a;padding:9px 0}.on21-output span:before{content:"◇";color:#f3cd7a;margin-right:10px}
.on21-navband{background:linear-gradient(90deg,#f8fbfc,#e6edf1);padding:43px 0;border-top:3px solid #cdaa6a}
.on21-navband-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}
.on21-navband h2{font:400 30px Georgia,serif;color:#06263d;margin:0 0 7px}
.on21-navband p:not(.on21-kicker){font:400 14px/1.6 Arial,sans-serif;color:#516b7e;margin:0}
.on21-navbuttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.on21-navbuttons a{border:1px solid #b79050;padding:12px 14px;color:#0a2d47;font:700 12px Arial,sans-serif;white-space:nowrap}
.on21-navbuttons a:hover{background:#092b45;color:#ffdd96}
@media(max-width:1100px){.on21-hero-grid{gap:12px;grid-template-columns:1.05fr .95fr}.on21-hero-copy{padding:60px 0}.on21-hero-photo{min-height:590px}.on21-service-grid{grid-template-columns:repeat(2,1fr)}.on21-service{min-height:290px}.on21-feature-grid{gap:30px}.on21-method-grid{gap:30px}.on21-navband-grid{grid-template-columns:1fr}.on21-navbuttons{justify-content:flex-start}}
@media(max-width:770px){.on21-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.on21-hero-copy{padding:36px 0 42px;width:100%}.on21-crumb{margin-bottom:35px}.on21-hero-photo{height:320px;width:100%;min-height:0;border-left:0;border-top:1px solid #56758b}.on21-hero-photo img{object-position:center 47%}.on21-hero-photo:before{background:linear-gradient(0deg,#061c34aa,transparent 40%)}.on21-rail-grid{grid-template-columns:repeat(2,1fr)}.on21-rail-grid>div{padding:15px 10px!important;border-bottom:1px solid #3d5974}.on21-rail-grid>div:nth-child(2){border-right:0}.on21-rail-grid>div:nth-child(n+3){border-bottom:0}.on21-section-head,.on21-feature-grid,.on21-method-grid{grid-template-columns:1fr;gap:20px}.on21-services,.on21-feature,.on21-method{padding:56px 0}.on21-feature-photo img{height:320px}.on21-output>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.on21-hero h1{font-size:50px}.on21-hero-photo{height:275px}.on21-summary{font-size:14px}.on21-lead{font-size:23px}.on21-service-grid{grid-template-columns:1fr}.on21-service{min-height:0}.on21-rail-grid strong{font-size:12px}.on21-rail-grid span{font-size:25px}.on21-output>div{grid-template-columns:1fr}.on21-method-title h2{font-size:43px}.on21-navbuttons a{font-size:11px}.on21-navband h2{font-size:28px}}
@media (min-width:771px) and (max-width:980px){body.page-onshore .search-open{display:none}}


/* Offshore v2.2. Isolated rules. Previously approved pages are unchanged. */
.of22{color:#0a2944;background:#fff;overflow-x:clip}
.of22 em{font-style:normal;color:#eabb6b}
.of22 .of22-label{color:#d9a65b;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.20em;margin:0 0 17px}
.of22-hero{background:#051e34;color:#fff;overflow:hidden}
.of22-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:30px;min-height:632px;max-width:1380px;align-items:stretch}
.of22-hero-copy{padding:37px 0 56px;align-self:center}
.of22-breadcrumb{color:#c8d7e5;font:12px/1.5 Arial,sans-serif;margin:0 0 70px}
.of22-breadcrumb span{color:#b9955a;padding:0 8px}
.of22-breadcrumb a:hover{color:#f3ce84}
.of22-hero h1{color:#fff;font:400 clamp(62px,6.2vw,85px)/.99 Georgia,serif;letter-spacing:-.03em;margin:0}
.of22-shortline{width:74px;height:4px;background:#eec47c;margin:26px 0}
.of22-lead{font:400 clamp(23px,2.1vw,30px)/1.26 Georgia,serif;max-width:570px;margin:0 0 15px}
.of22-summary{color:#d9e5ee;font:15px/1.7 Arial,sans-serif;max-width:560px;margin:0 0 26px}
.of22-cta{display:inline-flex;gap:15px;align-items:center;padding:13px 20px;border-radius:3px;background:#f0c97d;color:#09253d;font:700 13px Arial,sans-serif}
.of22-cta:hover{background:#fff0bd}
.of22-hero-media{margin:0;position:relative;min-height:632px;overflow:hidden;border-left:1px solid #4c6476;background:#14344d}
.of22-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#051e3466,transparent 18%),linear-gradient(0deg,#061c2da8,transparent 31%);pointer-events:none}
.of22-hero-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:46% 54%}
.of22-hero-media figcaption{position:absolute;z-index:1;bottom:20px;left:23px;color:#fff;font:12px Arial,sans-serif;letter-spacing:.06em}
.of22-rail{background:#082943;color:#fff;border-top:1px solid #53738a;border-bottom:1px solid #45637d}
.of22-rail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0}
.of22-rail-grid>div{display:grid;grid-template-columns:42px 1fr;gap:2px 10px;padding:8px 14px;border-right:1px solid #4c657e}
.of22-rail-grid>div:first-child{padding-left:0}.of22-rail-grid>div:last-child{border:0}
.of22-rail-grid b{grid-row:1/3;color:#f0ca80;font:normal 29px Georgia,serif}
.of22-rail-grid strong{font:700 14px Arial,sans-serif}.of22-rail-grid small{font:12px/1.5 Arial,sans-serif;color:#c3d5e4}
.of22-services{background:#f6f8fa;padding:82px 0 89px}
.of22-heading{display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:end;margin-bottom:37px}
.of22-heading h2{font:400 clamp(40px,3.5vw,55px)/1.1 Georgia,serif;margin:0}
.of22-heading>p{font:15px/1.7 Arial,sans-serif;color:#4a6477;margin:0}
.of22-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.of22-service-grid article{min-height:350px;padding:24px 21px;background:#fff;border:1px solid #d3dfe7;box-shadow:0 9px 25px #122f4d12;display:flex;flex-direction:column}
.of22-service-index{font:700 10px Arial,sans-serif;letter-spacing:.1em;color:#af874c}
.of22-icon{font:46px Georgia,serif;color:#b98c4d;height:66px;margin-top:20px}
.of22-service-grid h3{font:400 25px/1.13 Georgia,serif;margin:0 0 16px}
.of22-service-grid p{font:13.3px/1.63 Arial,sans-serif;color:#485f73;margin:0 0 14px}
.of22-service-grid small{font:12px/1.5 Arial,sans-serif;color:#617487;border-top:1px solid #dce5eb;padding-top:11px;margin-top:auto}
.of22-field{background:#fff;padding:79px 0}
.of22-field-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:60px;align-items:center}
.of22-field-text h2{font:400 clamp(41px,3.8vw,54px)/1.12 Georgia,serif;margin:0 0 25px}
.of22-field-text>p:not(.of22-label){font:15px/1.75 Arial,sans-serif;color:#4d6679;margin:0 0 17px}
.of22-insight{margin-top:22px;border-left:4px solid #d3a65e;padding:17px 20px;background:#edf2f5;display:grid;gap:6px;font:13px/1.5 Arial,sans-serif;color:#516b7a}
.of22-insight b{color:#0a2b45}
.of22-crew{margin:0;box-shadow:0 18px 32px #08213822;background:#06243c;border:1px solid #c1d0dc}
.of22-crew img{width:100%;height:435px;object-fit:cover;object-position:50% 39%}
.of22-crew figcaption{padding:11px 14px;color:#f5e0af;font:12px/1.5 Arial,sans-serif;display:flex;gap:6px;flex-wrap:wrap}
.of22-crew figcaption span{color:#bad0dc}
.of22-method{background:#051e35;color:#fff;padding:81px 0 76px}
.of22-method-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:60px}
.of22-method h2{font:400 clamp(45px,4.3vw,62px)/1.09 Georgia,serif;margin:0 0 18px;color:#fff}
.of22-method-intro{font:15px/1.69 Arial,sans-serif;color:#d0dde8}
.of22-steps{display:grid;gap:9px}
.of22-steps article{display:grid;grid-template-columns:55px 1fr;gap:13px;padding:17px 19px;border:1px solid #4d6b84;background:#0b2c46}
.of22-steps b{font:400 27px Georgia,serif;color:#f2cb80}
.of22-steps h3{font:400 22px Georgia,serif;color:#fff;margin:0 0 6px}
.of22-steps p{font:13.2px/1.62 Arial,sans-serif;color:#dae5ed;margin:0}
.of22-products{margin-top:56px;border-top:1px solid #3f6078;padding-top:26px}
.of22-products h3{font:400 27px Georgia,serif;color:white;margin:0 0 19px}
.of22-products>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 20px}
.of22-products span{font:13px/1.5 Arial,sans-serif;color:#dce5eb;padding:11px 0;border-bottom:1px solid #39546b}
.of22-products span:before{content:'◇';color:#eec67f;padding-right:11px}
.of22-next{padding:43px 0;background:linear-gradient(100deg,#f7fafb,#e6edf1);border-top:3px solid #bd985b}
.of22-next-grid{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}
.of22-next h2{font:400 31px Georgia,serif;margin:0 0 7px}
.of22-next p:not(.of22-label){font:14px Arial,sans-serif;color:#4f6477;margin:0}
.of22-buttons{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.of22-buttons a{border:1px solid #b69353;padding:12px 14px;color:#0b2944;font:700 12px Arial,sans-serif;white-space:nowrap}
.of22-buttons a:hover{background:#0b2944;color:#ffe0a2}
@media(max-width:1150px){.of22-hero-grid{grid-template-columns:1.03fr .97fr;gap:16px}.of22-field-grid{gap:30px}.of22-heading{gap:40px}.of22-service-grid{grid-template-columns:repeat(2,1fr)}.of22-service-grid article{min-height:295px}.of22-method-grid{gap:32px}.of22-next-grid{grid-template-columns:1fr}.of22-buttons{justify-content:flex-start}}
@media(max-width:770px){.of22-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.of22-hero-copy{padding:37px 0 43px}.of22-breadcrumb{margin-bottom:30px}.of22-hero-media{min-height:345px;border-left:0;border-top:1px solid #60798d}.of22-hero-media img{object-position:50% 50%}.of22-rail-grid{grid-template-columns:repeat(2,1fr)}.of22-rail-grid>div{padding:15px 10px!important;border-bottom:1px solid #3c5670}.of22-rail-grid>div:nth-child(2){border-right:0}.of22-rail-grid>div:nth-child(n+3){border-bottom:0}.of22-heading,.of22-field-grid,.of22-method-grid{grid-template-columns:1fr;gap:18px}.of22-services,.of22-field,.of22-method{padding:54px 0}.of22-crew img{height:360px}.of22-products>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.of22-hero h1{font-size:54px}.of22-hero-media{min-height:278px}.of22-lead{font-size:23px}.of22-summary{font-size:14px}.of22-service-grid{grid-template-columns:1fr}.of22-service-grid article{min-height:0}.of22-rail-grid strong{font-size:12px}.of22-rail-grid b{font-size:23px}.of22-crew img{height:285px}.of22-products>div{grid-template-columns:1fr}.of22-buttons a{font-size:11px}}

/* v2.2: keep tablet navigation inside viewport, same approach as approved Onshore */
@media (min-width:771px) and (max-width:980px){body.page-offshore .search-open{display:none}}


/* Flood Zoning v2.3 - isolated rules; approved pages remain unchanged. */
.fz23{background:#fff;color:#082943;overflow-x:clip}
.fz23 em{font-style:normal;color:#deb574}
.fz23 .fz23-kicker{color:#c49958;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.21em;margin:0 0 14px}
.fz23-hero{position:relative;isolation:isolate;min-height:650px;background:#071d33;overflow:hidden;color:white}
.fz23-hero-photo{position:absolute;inset:0;background:url('assets/images/flood23-hero.webp') center 56%/cover no-repeat;z-index:-3}
.fz23-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,44,.98) 0%,rgba(4,26,47,.93) 26%,rgba(5,33,51,.55) 50%,rgba(4,30,48,.04) 89%),linear-gradient(0deg,rgba(3,21,35,.5),transparent 25%);z-index:-2}
.fz23-hero-inner{display:flex;align-items:center;min-height:650px}
.fz23-hero-content{padding:30px 0 60px;max-width:710px}
.fz23-crumb{color:#d5e1e9;font:13px Arial,sans-serif;margin:0 0 66px}
.fz23-crumb span{padding:0 9px;color:#d9ae68}
.fz23-crumb a:hover{color:#ffe0a2}
.fz23-hero h1{color:#fff;font:400 clamp(53px,5.3vw,79px)/1.03 Georgia,serif;letter-spacing:-.03em;margin:0}
.fz23-rule{background:#ecc27a;width:74px;height:3px;margin:26px 0 18px}
.fz23-lead{font:400 clamp(22px,2.1vw,30px)/1.25 Georgia,serif;color:#fff;margin:0 0 17px}
.fz23-summary{color:#e2eaf1;max-width:620px;font:15px/1.72 Arial,sans-serif;margin:0 0 28px}
.fz23-button{display:inline-flex;gap:20px;align-items:center;color:#09253b!important;background:#f3ce88;padding:15px 22px;border-radius:3px;font:700 13px Arial,sans-serif}
.fz23-button:hover{background:#fff2c9}
.fz23-image-note{position:absolute;bottom:17px;right:32px;margin:0;color:#fff;font:11px Arial,sans-serif;text-shadow:0 1px 5px #002}
.fz23-rail{background:#092a45;border-top:1px solid #56738a;border-bottom:1px solid #56738a;color:#fff}
.fz23-rail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0}
.fz23-rail-grid>div{display:grid;grid-template-columns:44px 1fr;column-gap:12px;row-gap:4px;padding:6px 15px;border-right:1px solid #47627b}
.fz23-rail-grid>div:first-child{padding-left:0}.fz23-rail-grid>div:last-child{border:0}
.fz23-rail-grid b{grid-row:1 / span 2;color:#f0c77c;font:normal 29px Georgia,serif}
.fz23-rail-grid strong{font:700 13px Arial,sans-serif}.fz23-rail-grid small{font:12px/1.5 Arial,sans-serif;color:#c5d7e5}
.fz23-intro{padding:83px 0 78px;background:#fff}
.fz23-intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}
.fz23-intro h2,.fz23-section-head h2,.fz23-method h2{font:400 clamp(40px,3.9vw,57px)/1.12 Georgia,serif;margin:0 0 25px}
.fz23-intro-text>p:not(.fz23-kicker){font:15px/1.75 Arial,sans-serif;color:#4d6577;margin:0 0 17px}
.fz23-note{background:#eef3f6;border-left:3px solid #bf914a;padding:18px 21px;display:grid;gap:5px}
.fz23-note strong{color:#0b2d46;font:700 14px Arial,sans-serif}.fz23-note span{color:#5b6f80;font:13px/1.55 Arial,sans-serif}
.fz23-intro-image{margin:0;box-shadow:0 19px 32px #18364b24;border:1px solid #d8e1e8;background:#092843}
.fz23-intro-image img{width:100%;height:425px;object-fit:cover;object-position:50% 57%;display:block}
.fz23-intro-image figcaption{font:12px Arial,sans-serif;color:#f2ddb9;padding:11px 15px}
.fz23-services{background:#f5f8fa;padding:84px 0 88px}
.fz23-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:end;margin-bottom:31px}
.fz23-section-head>p{font:15px/1.73 Arial,sans-serif;color:#566d7f;margin:0 0 24px}
.fz23-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.fz23-service{background:#fff;border:1px solid #d5e0e8;box-shadow:0 12px 24px #18344b0e;display:flex;flex-direction:column}
.fz23-service-image{height:169px;position:relative;background-image:linear-gradient(0deg,#061d38aa,#061d3800 70%),var(--tile);background-size:cover;background-position:center 53%}
.fz23-tile-blue{background-position:24% 50%}.fz23-tile-map{background-position:75% 50%}.fz23-tile-river{background-position:79% 51%}
.fz23-service-image span{position:absolute;left:17px;bottom:13px;color:#fff;font:700 11px Arial,sans-serif;letter-spacing:.07em}
.fz23-service-body{padding:23px 20px 20px;display:flex;flex:1;flex-direction:column}
.fz23-service h3{font:400 25px/1.15 Georgia,serif;color:#0b2c45;margin:0 0 14px}
.fz23-service p{font:13px/1.66 Arial,sans-serif;color:#50677a;margin:0 0 15px}
.fz23-service small{margin-top:auto;padding-top:12px;border-top:1px solid #d8e2e9;color:#6b7d8e;font:12px/1.5 Arial,sans-serif}
.fz23-method{background:#061e35;color:white;padding:86px 0 80px}
.fz23-method-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px}
.fz23-method h2{color:#fff}.fz23-method-summary{font:15px/1.75 Arial,sans-serif;color:#cedde8;max-width:470px}
.fz23-steps{display:grid;gap:10px}
.fz23-steps article{display:grid;grid-template-columns:54px 1fr;gap:14px;background:#0c2c46;border:1px solid #486a83;padding:19px 21px}
.fz23-steps b{font:normal 28px Georgia,serif;color:#f0c984}.fz23-steps h3{font:400 23px/1.2 Georgia,serif;color:white;margin:0 0 7px}.fz23-steps p{font:13px/1.65 Arial,sans-serif;color:#cfdfeb;margin:0}
.fz23-output{margin-top:57px;border-top:1px solid #45647a;padding-top:25px}
.fz23-output h3{font:400 28px Georgia,serif;color:#fff;margin:0 0 20px}
.fz23-output>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 26px}
.fz23-output span{font:13px/1.6 Arial,sans-serif;color:#d4e2eb;padding:10px 0;border-bottom:1px solid #33526a}.fz23-output span:before{content:'◇';color:#dcb073;padding-right:10px}
.fz23-next{background:#f2f6f8;border-top:3px solid #c09b63;padding:42px 0}
.fz23-next-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}
.fz23-next h2{font:400 30px Georgia,serif;color:#0b2b43;margin:0 0 6px}
.fz23-next p:not(.fz23-kicker){font:14px/1.55 Arial,sans-serif;color:#567084;margin:0}
.fz23-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.fz23-actions a{border:1px solid #be9859;padding:12px 14px;font:700 12px Arial,sans-serif;color:#09263e}
.fz23-actions a:hover{background:#09263e;color:#f7d293}
@media(max-width:1120px){.fz23-intro-grid{gap:30px}.fz23-section-head{gap:25px}.fz23-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fz23-method-grid{gap:30px}.fz23-next-grid{grid-template-columns:1fr}.fz23-actions{justify-content:flex-start}}
@media(max-width:770px){.fz23-hero,.fz23-hero-inner{min-height:620px}.fz23-hero-photo{background-position:61% center}.fz23-hero-shade{background:linear-gradient(90deg,#061c34f5,#061c34a8 77%,#061c3444),linear-gradient(0deg,#061c3499,transparent 40%)}.fz23-hero-content{padding:28px 0 65px}.fz23-crumb{margin-bottom:42px}.fz23-image-note{right:15px;bottom:10px;font-size:10px}.fz23-rail-grid{grid-template-columns:repeat(2,1fr)}.fz23-rail-grid>div{padding:15px 10px!important;border-bottom:1px solid #345670}.fz23-rail-grid>div:nth-child(2){border-right:0}.fz23-rail-grid>div:nth-child(n+3){border-bottom:0}.fz23-intro-grid,.fz23-section-head,.fz23-method-grid{grid-template-columns:1fr;gap:25px}.fz23-intro,.fz23-services,.fz23-method{padding:56px 0}.fz23-intro-image img{height:325px}.fz23-output>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.fz23-hero,.fz23-hero-inner{min-height:620px}.fz23-hero h1{font-size:48px}.fz23-summary{font-size:13.7px}.fz23-lead{font-size:22px}.fz23-crumb{margin-bottom:29px}.fz23-service-grid{grid-template-columns:1fr}.fz23-service-image{height:192px}.fz23-output>div{grid-template-columns:1fr}.fz23-rail-grid strong{font-size:11px}.fz23-rail-grid b{font-size:25px}.fz23-intro h2,.fz23-section-head h2,.fz23-method h2{font-size:41px}.fz23-actions{gap:8px}}
@media(min-width:771px) and (max-width:980px){}

/* v2.3 image stacking and independently authored image sources */
.fz23-hero-photo{z-index:0}
.fz23-hero-shade{z-index:1}
.fz23-hero-inner{position:relative;z-index:2}
.fz23-image-note{z-index:2}
.fz23-service-image.fz23-tile-catchment{background-image:linear-gradient(0deg,#061d38b3,transparent 70%),url('assets/images/flood23-valley.webp')}
.fz23-service-image.fz23-tile-blue{background-image:linear-gradient(0deg,#061d38b3,transparent 70%),url('assets/images/hq-hero-flood.jpg')}
.fz23-service-image.fz23-tile-map{background-image:linear-gradient(0deg,#061d38b3,transparent 70%),url('assets/images/flood23-hero.webp')}
.fz23-service-image.fz23-tile-river{background-image:linear-gradient(0deg,#061d38b3,transparent 70%),url('assets/images/flood23-valley.webp')}

/* Solid parent-level image fallback for browsers and print engines */
.fz23-hero{background-image:linear-gradient(90deg,#03182cf5 0%,#06243ca6 42%,#06243c18 90%),url('assets/images/flood23-hero.webp');background-size:cover;background-position:center 56%}
.fz23-rail-grid>div{display:block;position:relative;padding-left:65px;min-height:49px}
.fz23-rail-grid>div:first-child{padding-left:65px}
.fz23-rail-grid b{position:absolute;left:15px;top:5px;display:block}
.fz23-rail-grid strong,.fz23-rail-grid small{display:block;margin-bottom:5px}
@media(max-width:770px){.fz23-rail-grid>div{padding-left:55px!important}.fz23-rail-grid>div b{left:8px}}
.fz23-service{display:block;min-height:450px}
.fz23-service-body{display:block;min-height:259px}
.fz23-service-body small{display:block}
@media(max-width:480px){.fz23-service{min-height:0}.fz23-service-body{min-height:0}}


/* GPEC Flood Zoning v2.4 — reference composition, isolated to this page. */
body.page-flood{background:#071b2e}







body.page-flood .nav-list>li:nth-child(3)>a{color:#f3cd85;border-bottom:2px solid #f3cd85}
.f24{overflow:hidden;background:#fff;color:#0c2b46}
.f24 .f24-overline{color:#edba72;font:700 13px/1.3 Arial,sans-serif;letter-spacing:.29em;margin:0}
.f24-hero{height:558px;min-height:558px;position:relative;background:#09253a;color:#fff;overflow:hidden}
.f24-hero-media{position:absolute;inset:0;background:url('assets/images/flood24-hero-reference.webp') center center/cover no-repeat}
.f24-hero-dim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,40,.38) 0%,rgba(3,21,40,.22) 29%,transparent 60%)}
.f24-hero-inner{position:relative;z-index:2;max-width:1470px;width:calc(100% - 120px);margin:auto;height:100%;display:flex;align-items:flex-start}
.f24-hero-text{width:min(730px,61vw);padding-top:137px}
.f24-hero h1{font:400 clamp(55px,4.55vw,76px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:white;margin:11px 0 11px}
.f24-hero h1 em{font-style:normal;color:#edbe74;white-space:nowrap}
.f24-hero .f24-overline:after{content:'';display:block;background:#e2b567;width:136px;height:2px;margin:10px 0 0}
.f24-lead{color:white;font:400 clamp(22px,1.7vw,28px)/1.28 Georgia,serif;margin:8px 0 14px}
.f24-summary{max-width:612px;color:#fff;font:400 clamp(16px,1.14vw,19px)/1.38 Georgia,serif;margin:0 0 11px}
.f24-learn{color:#ffd087!important;font:400 19px Georgia,serif;display:inline-flex;gap:19px;align-items:center;position:relative;padding-bottom:9px;text-decoration:none}
.f24-learn:after{content:'';height:2px;width:67px;background:#eabe73;position:absolute;left:0;bottom:0}
.f24-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#051d31;color:#fff;min-height:369px}
.f24-card{position:relative;isolation:isolate;min-height:369px;overflow:hidden;border-right:1px solid #c9a36f}
.f24-card:last-child{border-right:0}
.f24-card-media{position:absolute;inset:0;background-size:cover;background-position:center top;z-index:-2;transition:transform .45s ease}
.f24-card:hover .f24-card-media{transform:scale(1.025)}
.f24-card-1 .f24-card-media{background-image:url('assets/images/flood24-card-1.webp')}
.f24-card-2 .f24-card-media{background-image:url('assets/images/flood24-card-2.webp')}
.f24-card-3 .f24-card-media{background-image:url('assets/images/flood24-card-3.webp')}
.f24-card-4 .f24-card-media{background-image:url('assets/images/flood24-card-4.webp')}
.f24-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,27,46,.06) 0%,rgba(3,27,46,.26) 21%,rgba(3,27,46,.92) 47%,#041c30 67%)}
.f24-card-cover{padding:107px 31px 22px 38px;min-height:369px;display:flex;flex-direction:column;align-items:flex-start}
.f24-card-icon{display:flex;align-items:center;justify-content:center;height:68px;width:68px;border:2px solid #f0c177;background:#061d2fe8;color:#f5c879;margin-bottom:11px}
.f24-card-icon svg{height:39px;width:39px}
.f24-card h2{margin:0 0 9px;color:#fff;font:400 clamp(23px,1.8vw,30px)/1.12 Georgia,serif;letter-spacing:-.022em}
.f24-card p{color:#f4f5f6;font:400 clamp(15px,1.1vw,18px)/1.31 Georgia,serif;margin:0 0 12px;max-width:370px}
.f24-card a{color:#f0c276!important;font:400 18px Georgia,serif;margin-top:auto;display:inline-flex;align-items:center;gap:18px;padding:4px 0 8px;position:relative}
.f24-card a:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:68px;background:#edbf72}
.f24-card a:hover{color:white!important}
.f24-illustration-notice{color:#708395;background:#f6f8f9;font:11px/1.6 Arial,sans-serif;margin:0;padding:8px 30px;text-align:center}
.f24-deep{background:#f7f9fa;padding:76px 0 95px;scroll-margin-top:16px}
.f24-deep>.site-width>h2{font:400 clamp(35px,3.2vw,52px)/1.2 Georgia,serif;margin:10px 0 13px;color:#092941}
.f24-deep-intro{font:15px/1.7 Arial,sans-serif;max-width:920px;color:#536a7c;margin:0 0 28px}
.f24-deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.f24-deep-grid article{padding:26px 28px;background:#fff;border-top:3px solid #cfa05e;scroll-margin-top:30px;box-shadow:0 4px 18px #0d2b4110}
.f24-deep-grid article span{font:700 11px Arial,sans-serif;letter-spacing:.14em;color:#b58d54}
.f24-deep-grid article h3{font:400 28px Georgia,serif;margin:12px 0;color:#092941}
.f24-deep-grid article p{font:14px/1.72 Arial,sans-serif;color:#50697e;margin:0 0 16px}
.f24-deep-grid article small{font:12.5px/1.58 Arial,sans-serif;color:#5e7383}
.f24-workflow{background:#06233a;color:#fff;padding:79px 0 70px}
.f24-workflow-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:70px}
.f24-workflow h2{color:#fff;font:400 clamp(36px,3.8vw,56px)/1.1 Georgia,serif;margin:12px 0 25px}
.f24-workflow h2 em{color:#eec17e;font-style:normal}
.f24-workflow-grid>div>p:not(.f24-overline){font:15px/1.75 Arial,sans-serif;color:#cbdbe6}
.f24-workflow-steps{display:grid;gap:10px}
.f24-workflow-steps>div{background:#0a2f4d;border:1px solid #516c84;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px}
.f24-workflow-steps b{font:400 29px Georgia,serif;color:#efc67e}
.f24-workflow-steps span{font:13px/1.6 Arial,sans-serif;color:#d8e5ef}
.f24-workflow-steps strong{color:white;font:400 24px Georgia,serif;display:block;margin-bottom:5px}
.f24-deliverables{display:flex;gap:20px 29px;flex-wrap:wrap;border-top:1px solid #46657e;padding-top:20px;margin-top:39px;color:#d5e5ee;font:13px Arial,sans-serif}
.f24-deliverables strong{color:#f3c97f}
.f24-next{background:#edf3f5;padding:43px 0}
.f24-next-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.f24-next h2{font:400 32px Georgia,serif;margin:5px 0;color:#0a2942}
.f24-next p:not(.f24-overline){color:#526c7c;font:14px/1.6 Arial,sans-serif;margin:0}
.f24-next-grid>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.f24-next-grid a{color:#0a2b43;border:1px solid #c4a16d;padding:11px 15px;font:700 12px Arial,sans-serif}
.f24-next-grid a:hover{background:#092b44;color:white}
@media(max-width:1200px){.f24-hero-inner{width:calc(100% - 70px)}.f24-hero h1{font-size:clamp(51px,4.6vw,71px)}.f24-card-cover{padding-left:24px;padding-right:19px}.f24-card h2{font-size:24px}.f24-card p{font-size:15px}}
@media(max-width:770px){.f24-hero{height:auto;min-height:610px}.f24-hero-media{background-position:67% center}.f24-hero-dim{background:linear-gradient(90deg,#061b30ee 0%,#061b30aa 78%,#061b3055 100%)}.f24-hero-inner{width:calc(100% - 40px);min-height:610px}.f24-hero-text{padding-top:76px;width:100%}.f24-hero h1{font-size:clamp(46px,7.3vw,62px)}.f24-hero h1 em{white-space:normal}.f24-lead{font-size:23px}.f24-summary{font-size:16px}.f24-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.f24-card,.f24-card-cover{min-height:375px}.f24-card-cover{padding:125px 20px 20px}.f24-deep-grid,.f24-workflow-grid,.f24-next-grid{grid-template-columns:1fr}.f24-workflow-grid{gap:28px}}
@media(max-width:480px){.f24-hero,.f24-hero-inner{min-height:565px}.f24-hero-text{padding-top:51px}.f24-hero h1{font-size:44px}.f24-lead{font-size:21px}.f24-summary{font-size:14.5px}.f24-cards{grid-template-columns:1fr}.f24-card,.f24-card-cover{min-height:340px}.f24-card-cover{padding-top:97px}.f24-card-icon{height:58px;width:58px}.f24-deep,.f24-workflow{padding-top:48px;padding-bottom:50px}.f24-deep-grid article{padding:20px}.f24-deliverables{display:grid}.f24-illustration-notice{font-size:10px}}
/* Flood Zoning now shares the same navigation as all other pages. */
@media (min-width:771px){







}

/* Gold logo is used only on the Trading and About Us pages. */



.f24-card h2{font-family:'Times New Roman',Georgia,serif;letter-spacing:-.035em;font-size:28px}
@media(max-width:770px){}


/* GPEC Flood Zoning v2.5: native-source image fidelity and photo-backed editorial cards. */
body.page-flood .f24-hero-media{
 background-image:url('assets/images/flood25-hero-reference-optimized.webp');
 background-size:cover;background-position:center center;
 image-rendering:auto;
}
body.page-flood .f24-hero-dim{background:linear-gradient(90deg,rgba(2,19,36,.38) 0%,rgba(2,19,36,.26) 31%,transparent 68%)}
body.page-flood .f24-cards{background:#071b2e;min-height:450px}
body.page-flood .f24-card{min-height:450px}
body.page-flood .f24-card-media{inset:0;background-size:cover;background-position:center 34%;transform:none;filter:none;}
body.page-flood .f24-card:hover .f24-card-media{transform:scale(1.012)}
body.page-flood .f24-card-1 .f24-card-media{background-image:url('assets/images/flood25-service-1.webp')}
body.page-flood .f24-card-2 .f24-card-media{background-image:url('assets/images/flood25-service-2.webp')}
body.page-flood .f24-card-3 .f24-card-media{background-image:url('assets/images/flood25-service-3.webp')}
body.page-flood .f24-card-4 .f24-card-media{background-image:url('assets/images/flood25-service-4.webp')}
body.page-flood .f24-card:before{background:linear-gradient(180deg,rgba(1,20,37,.05) 0%,rgba(1,20,37,.15) 25%,rgba(1,20,37,.64) 44%,rgba(1,19,35,.94) 70%,rgba(1,18,34,.97) 100%)}
body.page-flood .f24-card-cover{min-height:450px;padding-top:160px;padding-bottom:26px}
body.page-flood .f24-card h2{font-size:clamp(23px,1.83vw,30px)}
/* Photographic backgrounds also extend to the FOUR rectangular technical detail panels. */
body.page-flood .f24-deep{background:#f3f7f8}
body.page-flood .f24-deep-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:278px;background:#071e34;box-shadow:0 10px 23px #041c3030;border-top:3px solid #d5a961}
body.page-flood .f24-deep-grid article:before{content:'';position:absolute;inset:0;z-index:-2;background-position:center 45%;background-size:cover;filter:saturate(.93)}
body.page-flood .f24-deep-grid article:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,25,46,.95),rgba(2,25,46,.73) 75%,rgba(2,25,46,.52))}
body.page-flood .f24-deep-grid article:nth-child(1):before{background-image:url('assets/images/flood25-service-1.webp')}
body.page-flood .f24-deep-grid article:nth-child(2):before{background-image:url('assets/images/flood25-service-2.webp')}
body.page-flood .f24-deep-grid article:nth-child(3):before{background-image:url('assets/images/flood25-service-3.webp')}
body.page-flood .f24-deep-grid article:nth-child(4):before{background-image:url('assets/images/flood25-service-4.webp')}
body.page-flood .f24-deep-grid article span{color:#f2c781}
body.page-flood .f24-deep-grid article h3{color:#fff}
body.page-flood .f24-deep-grid article p{color:#f2f6f9}
body.page-flood .f24-deep-grid article small{color:#cde1ee}
/* Technical workflow steps: subdued photographic textures rather than empty solid rectangles. */
body.page-flood .f24-workflow-steps>div{position:relative;isolation:isolate;overflow:hidden;background:#082a43}
body.page-flood .f24-workflow-steps>div:before{content:'';position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 46%;opacity:.25}
body.page-flood .f24-workflow-steps>div:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#062138ec,#0621389c)}
body.page-flood .f24-workflow-steps>div:nth-child(1):before{background-image:url('assets/images/flood25-service-1.webp')}
body.page-flood .f24-workflow-steps>div:nth-child(2):before{background-image:url('assets/images/flood25-service-2.webp')}
body.page-flood .f24-workflow-steps>div:nth-child(3):before{background-image:url('assets/images/flood25-service-3.webp')}
body.page-flood .f24-workflow-steps>div:nth-child(4):before{background-image:url('assets/images/flood25-service-4.webp')}
@media(max-width:770px){body.page-flood .f24-card,body.page-flood .f24-card-cover{min-height:405px}body.page-flood .f24-card-cover{padding-top:143px}}
@media(max-width:480px){body.page-flood .f24-card,body.page-flood .f24-card-cover{min-height:395px}body.page-flood .f24-card-cover{padding-top:135px}body.page-flood .f24-deep-grid article{min-height:245px}}


/* Urban Planning v2.6 — editorial hero, four sharp thematic cards and image-backed technical content. Other page selectors untouched. */
.urban-v26{font-family:Arial,'Segoe UI',sans-serif;background:#fff;color:#0a2a45}
body.page-urban .nav-list>li:nth-child(3)>a{color:#efc779;border-bottom:2px solid #efc779}
.urban-v26 h1,.urban-v26 h2,.urban-v26 h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.urban-v26 em{font-style:normal;color:#f0bf73}
.urban-v26 .u26-kicker{margin:0 0 13px;color:#e6b765;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.22em}
.urban-v26 .u26-hero{min-height:536px;position:relative;isolation:isolate;overflow:hidden;background:#061b31;color:#fff}
.urban-v26 .u26-hero-image{position:absolute;inset:0;z-index:-3;background:url('assets/images/urban26-hero.jpg') center 56%/cover no-repeat;image-rendering:auto}
.urban-v26 .u26-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#051a2ffc 0%,#051a2fe5 22%,#051a2f9c 43%,#051a2f11 82%),linear-gradient(0deg,#041c3380,transparent 42%)}
.urban-v26 .u26-hero-inner{width:calc(100% - 110px);max-width:1450px;margin:0 auto;min-height:536px;display:flex;align-items:center;padding:62px 0 65px}
.urban-v26 .u26-hero-copy{max-width:750px}
.urban-v26 .u26-hero h1{font-size:clamp(55px,5.3vw,84px);letter-spacing:-.035em;line-height:1.04;margin:0 0 18px;color:#fff}
.urban-v26 .u26-lead{font:400 clamp(22px,2.1vw,31px)/1.25 Georgia,serif;max-width:650px;margin:0 0 20px;color:#fff}
.urban-v26 .u26-description{font:15.5px/1.6 Arial,sans-serif;color:#e5edf4;max-width:565px;margin:0 0 24px}
.urban-v26 .u26-text-link{display:inline-flex;align-items:center;gap:17px;padding-bottom:9px;border-bottom:2px solid #d5ae64;color:#f2c575;font:700 14px Arial,sans-serif}
.urban-v26 .u26-text-link:hover{color:#fff}
.urban-v26 .u26-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;background:#041b2f}
.urban-v26 .u26-service{isolation:isolate;position:relative;overflow:hidden;min-height:452px;border-right:1px solid #a67a3f;color:#fff}
.urban-v26 .u26-service:last-child{border-right:0}
.urban-v26 .u26-service-photo{position:absolute;inset:0;z-index:-3;background-position:center 38%;background-size:cover;background-repeat:no-repeat;transition:transform .3s ease}
.urban-v26 .u26-service:hover .u26-service-photo{transform:scale(1.014)}
.urban-v26 .u26-service:after{position:absolute;inset:0;z-index:-2;content:'';background:linear-gradient(180deg,#04203906 0%,#04203923 32%,#04182bbf 54%,#04172bef 72%,#04172b 100%)}
.urban-v26 .u26-service-1 .u26-service-photo{background-image:url('assets/images/urban26-master.jpg')}
.urban-v26 .u26-service-2 .u26-service-photo{background-image:url('assets/images/urban26-landuse.jpg')}
.urban-v26 .u26-service-3 .u26-service-photo{background-image:url('assets/images/urban26-infrastructure.jpg')}
.urban-v26 .u26-service-4 .u26-service-photo{background-image:url('assets/images/urban26-green.jpg')}
.urban-v26 .u26-service-content{position:absolute;left:28px;right:22px;bottom:27px;z-index:2}
.urban-v26 .u26-service-mark{display:flex;align-items:center;justify-content:center;width:61px;height:61px;border:1px solid #d4ae65;background:#08263d;color:#e7bd70;font:40px Georgia,serif;margin:0 0 12px}
.urban-v26 .u26-service-number{font:700 9px Arial,sans-serif;color:#e8bb6d;letter-spacing:.13em;margin:0 0 5px}
.urban-v26 .u26-service h2{font-size:clamp(26px,2.1vw,34px);letter-spacing:-.03em;line-height:1.1;color:#fff;margin:0 0 11px}
.urban-v26 .u26-service-content>p:not(.u26-service-number){font:14px/1.52 Arial,sans-serif;color:#e6edf3;margin:0 0 13px}
.urban-v26 .u26-service-content a{display:inline-block;color:#f2c779;font:700 13px Arial,sans-serif;border-bottom:1px solid #dbaf62;padding-bottom:8px}
.urban-v26 .u26-image-note{margin:0;padding:9px 25px;text-align:center;background:#eff3f5;color:#556b7c;font:11px/1.5 Arial,sans-serif}
.urban-v26 .u26-intro{background:#f8fafb;padding:74px 0 73px}
.urban-v26 .u26-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px}
.urban-v26 .u26-intro h2{font-size:clamp(38px,3.5vw,53px);line-height:1.13;margin:7px 0 20px}
.urban-v26 .u26-intro h2 em,.urban-v26 .u26-process h2 em{color:#bc8c4a}
.urban-v26 .u26-intro-grid>div:first-child>p:not(.u26-kicker){color:#425d72;font:15px/1.77 Arial,sans-serif;margin:0 0 17px}
.urban-v26 .u26-intro-aside{border-top:3px solid #c69d56;background:#edf2f5;padding:24px 30px}
.urban-v26 .u26-intro-aside>span{font:700 11px Arial,sans-serif;letter-spacing:.16em;color:#ad7b36}
.urban-v26 .u26-intro-aside>div{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #cbd7de}
.urban-v26 .u26-intro-aside>div:last-child{border:0}
.urban-v26 .u26-intro-aside b{font:35px Georgia,serif;color:#b48c54;font-weight:400}
.urban-v26 .u26-intro-aside p{margin:0;color:#536b7e;font:13px/1.55 Arial,sans-serif}
.urban-v26 .u26-intro-aside strong{display:block;font:600 16px/1.5 Arial,sans-serif;color:#122e46;margin-bottom:3px}
.urban-v26 .u26-technical{background:#fff;padding:70px 0 87px}
.urban-v26 .u26-technical h2{font-size:clamp(37px,3.7vw,51px);margin:4px 0 14px}
.urban-v26 .u26-section-lead{max-width:750px;color:#587185;font:15px/1.6 Arial,sans-serif;margin:0 0 28px}
.urban-v26 .u26-technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.urban-v26 .u26-tech{position:relative;isolation:isolate;overflow:hidden;min-height:290px;background:#08263e;border-top:3px solid #cfa55a;color:#fff}
.urban-v26 .u26-tech:before{position:absolute;inset:0;content:'';z-index:-2;background-size:cover;background-position:center 45%;background-repeat:no-repeat;filter:saturate(.85)}
.urban-v26 .u26-tech:after{position:absolute;inset:0;content:'';z-index:-1;background:linear-gradient(90deg,#061a30f5 0%,#061a30c9 65%,#061a30a8 100%)}
.urban-v26 .u26-tech-1:before{background-image:url('assets/images/urban26-master.jpg')}
.urban-v26 .u26-tech-2:before{background-image:url('assets/images/urban26-landuse.jpg')}
.urban-v26 .u26-tech-3:before{background-image:url('assets/images/urban26-infrastructure.jpg')}
.urban-v26 .u26-tech-4:before{background-image:url('assets/images/urban26-green.jpg')}
.urban-v26 .u26-tech-inner{padding:26px 30px}
.urban-v26 .u26-tech span{font:700 10px Arial,sans-serif;letter-spacing:.13em;color:#edc16e}
.urban-v26 .u26-tech h3{font-size:clamp(25px,2.5vw,35px);color:#fff;margin:11px 0}
.urban-v26 .u26-tech p{font:14px/1.64 Arial,sans-serif;color:#ecf2f7;margin:0 0 11px}
.urban-v26 .u26-tech small{font:12px/1.5 Arial,sans-serif;color:#e3c88c}
.urban-v26 .u26-process{background:linear-gradient(125deg,#061d34,#092e49);color:#fff;padding:73px 0 45px}
.urban-v26 .u26-process-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px}
.urban-v26 .u26-process h2{font-size:clamp(38px,3.6vw,52px);margin:13px 0 18px;color:#fff}
.urban-v26 .u26-process-grid>div:first-child>p:not(.u26-kicker){color:#ccd9e4;font:15px/1.7 Arial,sans-serif}
.urban-v26 .u26-process-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.urban-v26 .u26-process-steps>div{position:relative;isolation:isolate;overflow:hidden;padding:22px 20px;background:#092d49;border-left:2px solid #b78a48}
.urban-v26 .u26-process-steps>div:before{position:absolute;inset:0;z-index:-2;content:'';background:url('assets/images/urban26-landuse.jpg') center/cover;opacity:.17}
.urban-v26 .u26-process-steps>div:nth-child(even):before{background-image:url('assets/images/urban26-green.jpg')}
.urban-v26 .u26-process-steps>div:after{position:absolute;inset:0;z-index:-1;content:'';background:linear-gradient(90deg,#05233ad8,#05233a77)}
.urban-v26 .u26-process-steps b{display:block;color:#e2b667;font:29px Georgia,serif;font-weight:400;margin-bottom:10px}
.urban-v26 .u26-process-steps span{font:13px/1.56 Arial,sans-serif;color:#d6e3ec}
.urban-v26 .u26-process-steps strong{display:block;color:#fff;font-size:15px;margin-bottom:6px}
.urban-v26 .u26-deliverables{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:47px;border-top:1px solid #436178;padding-top:19px}
.urban-v26 .u26-deliverables>*{font:12px Arial,sans-serif;color:#dfebf3;padding:6px 12px;border:1px solid #44647a}
.urban-v26 .u26-deliverables strong{color:#e9be71;border:0;padding-left:0}
.urban-v26 .u26-related{background:#f4f7f9;padding:55px 0 65px}
.urban-v26 .u26-related>.site-width{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.urban-v26 .u26-related h2{font-size:clamp(33px,3vw,45px);margin:8px 0 13px}
.urban-v26 .u26-related p:not(.u26-kicker){color:#587185;font:15px/1.6 Arial,sans-serif}
.urban-v26 .u26-related-links{display:flex;flex-direction:column;gap:9px}
.urban-v26 .u26-related-links a{display:block;padding:15px 22px;background:#0b2942;color:#f0d194;border-left:3px solid #c7a15d;font:700 13px Arial,sans-serif}
.urban-v26 .u26-related-links a:hover{background:#174260}
@media(max-width:1050px){.urban-v26 .u26-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.urban-v26 .u26-service{min-height:415px}.urban-v26 .u26-hero-inner{width:calc(100% - 62px)}.urban-v26 .u26-intro-grid,.urban-v26 .u26-process-grid{gap:35px}}
@media(max-width:760px){.urban-v26 .u26-hero,.urban-v26 .u26-hero-inner{min-height:490px}.urban-v26 .u26-hero h1{font-size:clamp(46px,7vw,67px)}.urban-v26 .u26-hero-shade{background:linear-gradient(90deg,#051a2ff7,#051a2fbd 65%,#051a2f50)}.urban-v26 .u26-intro-grid,.urban-v26 .u26-process-grid,.urban-v26 .u26-related>.site-width{grid-template-columns:1fr}.urban-v26 .u26-technical-grid{grid-template-columns:1fr}.urban-v26 .u26-process-steps{grid-template-columns:1fr}}
@media(max-width:500px){.urban-v26 .u26-hero,.urban-v26 .u26-hero-inner{min-height:475px}.urban-v26 .u26-hero-inner{width:calc(100% - 36px);padding:44px 0}.urban-v26 .u26-hero h1{font-size:42px}.urban-v26 .u26-lead{font-size:23px}.urban-v26 .u26-description{font-size:13px}.urban-v26 .u26-service-grid{grid-template-columns:1fr}.urban-v26 .u26-service{min-height:375px}.urban-v26 .u26-service-content{left:24px;right:20px;bottom:22px}.urban-v26 .u26-intro,.urban-v26 .u26-technical{padding:51px 0}.urban-v26 .u26-intro h2,.urban-v26 .u26-technical h2{font-size:35px}.urban-v26 .u26-technical-grid{gap:12px}.urban-v26 .u26-tech{min-height:0}.urban-v26 .u26-tech-inner{padding:24px 21px}.urban-v26 .u26-process{padding:50px 0}.urban-v26 .u26-process-steps>div{padding:18px}.urban-v26 .u26-related{padding:47px 0}}

/* v2.6 rendering-safe positive stacking: no decorative image is hidden behind an opaque card. */
.urban-v26 .u26-hero-image{z-index:0}
.urban-v26 .u26-hero-shade{z-index:1}
.urban-v26 .u26-hero-inner{position:relative;z-index:2}
.urban-v26 .u26-service-photo{z-index:0}
.urban-v26 .u26-service:after{z-index:1;pointer-events:none}
.urban-v26 .u26-tech:before{z-index:0}
.urban-v26 .u26-tech:after{z-index:1}
.urban-v26 .u26-tech-inner{position:relative;z-index:2}
.urban-v26 .u26-process-steps>div:before{z-index:0}
.urban-v26 .u26-process-steps>div:after{z-index:1}
.urban-v26 .u26-process-steps>div>b,.urban-v26 .u26-process-steps>div>span{position:relative;z-index:2}

/* Native img sources for a faithful preview in both browser and print-render engines. */
.urban-v26 .u26-hero-image>img,.urban-v26 .u26-service-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%;position:absolute;inset:0;z-index:0}
.urban-v26 .u26-tech>.u26-tech-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:saturate(.85)}

/* direct photographic layers so export engines paint the same assets as browser */
.urban-v26 .u26-hero-direct{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:0}
.urban-v26 .u26-service-direct{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:0}
.urban-v26 .u26-hero-shade{background:linear-gradient(90deg,#04192df7 0%,#04192de8 26%,#04192d94 48%,#04192d20 88%)}
.urban-v26 .u26-tech-inner{background:rgba(4,22,40,.84);height:100%;min-height:288px}
.urban-v26 .u26-service-content{background:linear-gradient(0deg,rgba(3,20,36,.97),rgba(3,20,36,.79) 60%,rgba(3,20,36,.04));margin:-13px -15px -10px;padding:32px 15px 12px}

/* readability on real desktop and in PDF/HTML preview renderer */
.urban-v26 .u26-hero-copy{background-color:rgba(3,20,37,.82);padding:25px 27px;margin-left:-27px;border-left:2px solid rgba(221,170,89,.7)}
@media(max-width:500px){.urban-v26 .u26-hero-copy{padding:17px;margin-left:0}}


/* Trading v2.7: scoped layout, other approved pages remain pixel-identical. */
.gpec-trading-v27{background:#04182d;color:#f5f5f6}
.gpec-trading-v27 h1,.gpec-trading-v27 h2,.gpec-trading-v27 h3{font-family:Georgia,'Times New Roman',serif;font-weight:500}
.gpec-trading-v27 p{margin:0}
.gpec-trading-v27 .trade27-overline{font:700 12px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#e0b96d}
.trade27-hero{height:585px;min-height:500px;position:relative;isolation:isolate;overflow:hidden;background:#0a1f32}
.trade27-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-3}
.trade27-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#05192e 0%,rgba(5,25,45,.94) 22%,rgba(5,25,45,.76) 43%,rgba(5,25,45,.16) 76%),linear-gradient(0deg,rgba(3,15,30,.4),transparent 45%)}
.trade27-hero-inner{min-height:100%;position:relative;display:flex;align-items:center}
.trade27-hero-copy{max-width:620px;padding:35px 0 50px}
.trade27-hero h1{font-size:94px;line-height:1.05;color:#fff;margin:10px 0 14px;letter-spacing:-.035em}
.trade27-hero-tagline{font:normal 39px/1.17 Georgia,serif;color:#f5f8fa;letter-spacing:-.025em}
.trade27-hero-tagline em,.trade27-partnership h2 em{font-style:normal;color:#f4c56e}
.trade27-hero-description{max-width:530px;color:#e5edf1;line-height:1.65;font-size:16px;margin:23px 0 25px!important}
.trade27-button{display:inline-flex;align-items:center;gap:21px;padding:13px 23px;border-radius:3px;background:linear-gradient(180deg,#ffe4a0,#eac16c);color:#081c2e;font-weight:800;font-size:14px;box-shadow:0 3px 0 #a97a35}
.trade27-button:hover{background:#ffe9bc;color:#08243e}
.trade27-hero-label{position:absolute;right:0;bottom:26px;font:700 11px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#ffe7b6;text-shadow:0 1px 6px #001}
.trade27-products{padding:60px 0 77px;background:#061b30;border-top:1px solid #c49b5b55}
.trade27-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}
.trade27-section-heading h2{font-size:45px;color:#fff;margin:7px 0 0}
.trade27-section-heading>p{max-width:420px;font:14px/1.6 'Segoe UI',Arial,sans-serif;color:#bdcddc}
.trade27-product-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}
.trade27-card{grid-column:span 3;min-height:248px;overflow:hidden;position:relative;isolation:isolate;background:#12334f;border:1px solid rgba(240,195,113,.46);display:flex;align-items:end;color:#fff}
.trade27-card:nth-child(-n+3){grid-column:span 4;min-height:280px}
.trade27-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.trade27-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,14,28,.98) 0%,rgba(2,14,28,.64) 29%,rgba(2,14,28,.04) 78%),linear-gradient(90deg,rgba(3,16,31,.26),transparent 80%)}
.trade27-card-content{display:block;width:100%;padding:26px 21px 19px;position:relative}
.trade27-card-category{display:block;color:#f1d69f;text-transform:uppercase;font:650 10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.08em;margin-bottom:5px}
.trade27-card-content strong{display:block;font:normal 29px/1.08 Georgia,serif;letter-spacing:-.02em;margin-bottom:9px}
.trade27-card-action{font:750 12px/1.4 'Segoe UI',Arial,sans-serif;color:#f4cf88;display:flex;align-items:center;gap:12px}
.trade27-card:hover{border-color:#f4ce83}.trade27-card:hover .trade27-card-action{text-decoration:underline}
.trade27-image-caption{font:12px/1.5 'Segoe UI',Arial,sans-serif;color:#7f98ab;margin-top:16px!important}
.trade27-partnership{background:#092238;padding:78px 0;border-top:1px solid #294961}
.trade27-partnership-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}
.trade27-partnership h2{font-size:46px;line-height:1.15;margin:11px 0 24px}
.trade27-partnership-copy>p:not(.trade27-overline){font:15px/1.8 'Segoe UI',Arial,sans-serif;color:#cedbe5;max-width:640px;margin:0 0 20px}
.trade27-text-link{color:#eeca83;font-weight:800;display:inline-block;border-bottom:1px solid #dfbe79;padding-bottom:4px;margin-top:4px}
.trade27-meeting-figure{margin:0;max-width:100%;border:1px solid #b89960;padding:8px;background:#0b2b46}
.trade27-meeting-figure img{width:100%;max-height:304px;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:50% 44%}
.trade27-meeting-figure figcaption{font:12px/1.6 'Segoe UI',Arial,sans-serif;color:#b9c5d1;padding:8px 2px 2px}
.trade27-technical{padding:80px 0 95px;background:radial-gradient(circle at 70% 0%,#173957 0%,#071d34 57%,#05172b 100%);border-top:1px solid #315471}
.trade27-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.trade27-process-grid article{border:1px solid rgba(230,188,111,.45);padding:29px 22px 30px;background:linear-gradient(140deg,rgba(29,69,93,.75),rgba(4,22,41,.98));min-height:278px}
.trade27-step{font:700 11px 'Segoe UI',Arial,sans-serif;color:#e7bd6a;letter-spacing:.16em}
.trade27-process-grid h3{font-size:25px;color:#fff;margin:20px 0 14px}
.trade27-process-grid p{font:14px/1.76 'Segoe UI',Arial,sans-serif;color:#cbd8e3}
.trade27-foot-cta{background:#0c2b48;padding:51px 0;border-top:1px solid #4b6683}
.trade27-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.trade27-foot-cta h2{font-size:37px;color:#fff;margin:7px 0 12px}
.trade27-foot-cta p:not(.trade27-overline){color:#c8d9e4;font-size:15px}
@media(max-width:900px){.trade27-hero{height:540px}.trade27-section-heading{align-items:start;flex-direction:column}.trade27-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade27-card,.trade27-card:nth-child(-n+3){grid-column:auto;min-height:265px}.trade27-partnership-grid{grid-template-columns:1fr;gap:35px}.trade27-meeting-figure{max-width:530px}.trade27-process-grid{grid-template-columns:repeat(2,1fr)}.trade27-cta-inner{flex-wrap:wrap}}
@media(max-width:600px){.trade27-hero{height:auto;min-height:530px}.trade27-hero-photo{object-position:60% center}.trade27-hero-overlay{background:linear-gradient(90deg,rgba(4,20,38,.93),rgba(4,20,38,.73) 73%,rgba(4,20,38,.5)),linear-gradient(0deg,#061a31aa,transparent)}.trade27-hero-copy{padding:55px 0 80px}.trade27-hero h1{font-size:65px}.trade27-hero-tagline{font-size:30px}.trade27-hero-description{font-size:14px}.trade27-hero-label{left:0;right:auto;bottom:20px;font-size:9px}.trade27-products{padding:46px 0}.trade27-section-heading h2{font-size:34px}.trade27-product-grid{gap:11px}.trade27-card,.trade27-card:nth-child(-n+3){min-height:205px}.trade27-card-content{padding:15px 11px}.trade27-card-category{font-size:8px}.trade27-card-content strong{font-size:22px}.trade27-partnership{padding:52px 0}.trade27-process-grid{grid-template-columns:1fr}.trade27-process-grid article{min-height:auto}.trade27-technical{padding:55px 0}.trade27-foot-cta h2{font-size:30px}}

/* Render-safe fixes for Trading v2.7 only: browser and HTML print screenshot parity. */
.gpec-trading-v27 .trade27-button{display:inline-block;width:auto;min-width:0}.gpec-trading-v27 .trade27-button span{margin-left:16px}.gpec-trading-v27 .trade27-hero h1{font-size:94px}.gpec-trading-v27 .trade27-card-content strong{font-size:29px}
@media(max-width:600px){.gpec-trading-v27 .trade27-hero h1{font-size:63px}.gpec-trading-v27 .trade27-card-content strong{font-size:22px}.gpec-trading-v27 .trade27-hero-tagline{font-size:30px}}

/* Mid-size Trading navigation only; do not alter approved pages. */
@media (min-width:771px) and (max-width:950px){body.page-trading .wordmark{min-width:235px;width:235px}body.page-trading .nav-shell{gap:13px}body.page-trading .nav-list{gap:14px}body.page-trading .search-open{display:none}}


/* ===== Trading v2.8: original-resolution imagery, careful crop and visual process panels ===== */
.gpec-trading-v27 .trade27-hero{height:585px;min-height:500px}
.gpec-trading-v27 .trade27-hero-photo{object-fit:cover;object-position:50% 53%;filter:none;image-rendering:auto}
.gpec-trading-v27 .trade27-hero-overlay{background:linear-gradient(90deg,rgba(3,20,39,.96) 0%,rgba(3,20,39,.86) 27%,rgba(3,20,39,.55) 45%,rgba(3,20,39,.09) 73%),linear-gradient(0deg,rgba(2,13,27,.18),transparent 55%)}
.gpec-trading-v27 .trade27-card img{object-fit:cover;object-position:50% 44%;filter:none;transition:transform .25s ease}
.gpec-trading-v27 .trade27-card:hover img{transform:scale(1.025)}
.gpec-trading-v27 .trade27-card-shade{background:linear-gradient(0deg,rgba(3,15,30,.98) 0%,rgba(3,15,30,.75) 23%,rgba(3,15,30,.12) 73%,rgba(3,15,30,.03) 100%)}
.gpec-trading-v27 .trade27-sulphur img{object-position:45% 49%}
.gpec-trading-v27 .trade27-bitumen img{object-position:70% 48%}
.gpec-trading-v27 .trade27-lpg img{object-position:60% 46%}
.gpec-trading-v27 .trade27-urea img{object-position:58% 50%}
.gpec-trading-v27 .trade27-phosphate img{object-position:56% 50%}
.gpec-trading-v27 .trade27-refined img{object-position:53% 53%}
.gpec-trading-v27 .trade27-minerals img{object-position:63% 55%}
.gpec-trading-v27 .trade27-process-grid article{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(225,188,110,.58);background:#09243d;min-height:310px;display:flex;flex-direction:column;align-items:start;justify-content:flex-end}
.gpec-trading-v27 .trade27-process-grid article::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--trade28-process-photo);background-repeat:no-repeat;background-size:cover;background-position:var(--trade28-process-position,center);filter:none}
.gpec-trading-v27 .trade27-process-grid article::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(4,22,41,.23) 0%,rgba(4,22,41,.52) 32%,rgba(4,22,41,.94) 82%)}
.gpec-trading-v27 .trade27-process-grid article:nth-child(1){--trade28-process-photo:url('assets/images/trading28-sulphur.webp');--trade28-process-position:40% 50%}
.gpec-trading-v27 .trade27-process-grid article:nth-child(2){--trade28-process-photo:url('assets/images/trading28-phosphate.webp');--trade28-process-position:40% 50%}
.gpec-trading-v27 .trade27-process-grid article:nth-child(3){--trade28-process-photo:url('assets/images/trading28-lpg.webp');--trade28-process-position:50% 50%}
.gpec-trading-v27 .trade27-process-grid article:nth-child(4){--trade28-process-photo:url('assets/images/trading28-petroleum.webp');--trade28-process-position:50% 50%}
.gpec-trading-v27 .trade27-process-grid h3{margin:14px 0 12px;line-height:1.1;text-shadow:0 2px 6px #001}
.gpec-trading-v27 .trade27-process-grid p{color:#edf4f8;text-shadow:0 1px 5px #001}
.gpec-trading-v27 .trade27-step{background:rgba(5,28,47,.66);padding:5px 8px;border-left:2px solid #e9bf75}
.gpec-trading-v27 .trade27-foot-cta{background:linear-gradient(90deg,rgba(4,22,39,.95),rgba(4,22,39,.78)),url('assets/images/trading28-hero.webp') center 61%/cover}
@media (min-width:901px){.gpec-trading-v27 .trade27-card:nth-child(-n+3){min-height:300px}.gpec-trading-v27 .trade27-card:nth-child(n+4){min-height:268px}}
@media (max-width:900px){.gpec-trading-v27 .trade27-process-grid article{min-height:300px}}
@media (max-width:600px){.gpec-trading-v27 .trade27-hero{min-height:530px;height:auto}.gpec-trading-v27 .trade27-hero-photo{object-position:60% 50%}.gpec-trading-v27 .trade27-hero-overlay{background:linear-gradient(90deg,rgba(3,20,39,.95),rgba(3,20,39,.78) 90%)}.gpec-trading-v27 .trade27-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpec-trading-v27 .trade27-card{min-height:215px}.gpec-trading-v27 .trade27-process-grid article{min-height:245px}.gpec-trading-v27 .trade27-card-content strong{font-size:22px}}

/* GPEC 2.9: Accessible Trading product information; no standalone Products route. Hidden until requested. */
.gpec-trading-detail-dialog{background:#071e37;color:#f5f7fc;border:1px solid #c9a15b;border-radius:12px;box-shadow:0 20px 65px rgba(0,0,0,.65);padding:26px clamp(20px,3vw,38px);max-width:min(93vw,640px);max-height:86vh;overflow-y:auto}
.gpec-trading-detail-dialog::backdrop{background:rgba(0,12,25,.72)}
.gpec-trading-detail-dialog h2{color:#f5d18c;font:500 clamp(28px,3.5vw,43px)/1.1 Georgia,serif;margin:18px 0}
.gpec-trading-detail-dialog p{color:#e6eef7;font:400 17px/1.65 Arial,sans-serif;margin:0 0 24px}
.gpec-detail-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#d9b773;text-transform:uppercase;letter-spacing:2px;font:600 11px/1.4 Arial,sans-serif}
.gpec-detail-dialog-header form{margin:0}.gpec-detail-dialog-header button{background:transparent;border:1px solid #b48f58;color:#fff;border-radius:5px;min-width:38px;min-height:38px;font-size:25px;cursor:pointer}
.gpec-detail-dialog-note{font-size:12px!important;opacity:.78;margin-top:20px!important}

/* v2.9.4 — shared branded header; no Flood-specific positioning or font overrides. */
.site-header .nav-shell{position:relative;min-width:0}
.site-header .wordmark{max-width:100%;overflow:visible}
.site-header .wordmark img{object-fit:contain;object-position:left center;max-width:100%}
.site-header .nav-list>li>a{font-family:var(--sans);font-style:normal}
body.page-trading .site-header .wordmark img,body.page-about .site-header .wordmark img{filter:none}
body.page-flood .site-header{position:relative;inset:auto;background:var(--navy);border-bottom:1px solid #2d4a63}
body.page-flood .site-header .site-navigation{position:static;margin-left:auto}
body.page-flood .site-header .wordmark img{display:block}
body.page-flood .site-header .wordmark:before{content:none}
body.page-flood .site-header .search-open{position:static;display:block}
body.page-flood .site-header .nav-list>li{order:initial}
body.page-flood .site-header .nav-list>li>a{font-family:var(--sans);font-size:13px;font-weight:650}
body.page-flood .f24-hero h1 em{white-space:normal}
@media(max-width:770px){
 body.page-flood .site-header .site-navigation{position:absolute;top:100%;left:0;right:0;z-index:90;margin-left:0}
 body.page-flood .site-header .search-open{display:none}
 body.page-flood .site-header .wordmark img{display:block}
}


/* ================================================================
   GPEC Next 2.9.5 — Responsive refinements (23 October 2026)
   Desktop: proportionate logo and caption; original design retained.
   Mobile: compact header, comfortable hero typography and CTA.
   Declarations intentionally override earlier Additional CSS tweaks.
   ================================================================ */

@media (min-width: 1101px) {
  .site-header .nav-shell {
    min-height: 104px !important;
    gap: 20px;
  }
  .site-header .wordmark {
    width: 265px !important;
    min-width: 265px !important;
    max-width: 265px !important;
    padding: 8px 0 !important;
    align-items: center !important;
    justify-content: center;
  }
  .site-header .wordmark img {
    width: 208px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  .site-header .wordmark small {
    font: 500 10.2px/1.35 Arial, Helvetica, sans-serif !important;
    text-align: center;
    margin-top: 3px;
    letter-spacing: 0;
  }
  .site-header .wordmark span {
    font: 500 10px/1.3 Arial, Helvetica, sans-serif !important;
    gap: 7px;
    padding-left: 0 !important;
    margin-top: 4px;
  }
  .site-header .wordmark span i { width: 21px !important; }
}

@media (min-width: 771px) and (max-width: 1100px) {
  .site-header .nav-shell { min-height: 98px !important; gap: 12px !important; }
  .site-header .wordmark {
    width: 215px !important;
    min-width: 215px !important;
    max-width: 215px !important;
    padding: 8px 0 !important;
    align-items: center !important;
  }
  .site-header .wordmark img {
    width: 180px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  .site-header .wordmark small { font-size: 9px !important; text-align: center; }
  .site-header .wordmark span { font-size: 9px !important; gap: 5px; padding-left: 0 !important; }
  .site-header .wordmark span i { width: 15px !important; }
  .site-header .nav-list { gap: 13px; }
}

/* Mobile header across all ten pages */
@media (max-width: 770px) {
  .site-header .nav-shell {
    width: calc(100% - 30px) !important;
    min-height: 78px !important;
    gap: 8px !important;
    align-items: center !important;
  }
  .site-header .wordmark {
    width: min(270px, calc(100% - 66px)) !important;
    max-width: calc(100% - 66px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    align-items: flex-start !important;
    justify-content: center;
  }
  .site-header .wordmark img {
    width: 127px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    object-position: left center;
  }
  .site-header .wordmark small {
    font: 500 9px/1.3 Arial, Helvetica, sans-serif !important;
    text-align: left !important;
    letter-spacing: 0;
    white-space: normal;
    margin-top: 2px !important;
  }
  .site-header .wordmark span {
    font: 500 9px/1.3 Arial, Helvetica, sans-serif !important;
    gap: 7px;
    padding-left: 0 !important;
    margin-top: 4px !important;
  }
  .site-header .wordmark span i { width: 17px !important; }
  .site-header .mobile-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 44px;
    min-height: 44px;
    padding: 7px 10px;
    margin-left: auto;
  }
}

@media (max-width: 480px) {
  .site-header .nav-shell { min-height: 74px !important; }
  .site-header .wordmark { padding: 7px 0 !important; }
  .site-header .wordmark img { width: 118px !important; }
  .site-header .wordmark small { font-size: 8.6px !important; line-height: 1.27 !important; }
  .site-header .wordmark span { font-size: 8.8px !important; margin-top: 3px !important; }

  .gpec-home-only .gpec-hero-v12,
  .gpec-home-only .gpec-hero-grid {
    min-height: 510px !important;
  }
  .gpec-home-only .gpec-hero-grid {
    width: calc(100% - 34px) !important;
    padding: 33px 0 45px !important;
    align-items: flex-start !important;
  }
  .gpec-home-only .gpec-hero-copy {
    max-width: 100% !important;
    width: 100% !important;
    transform: none !important;
  }
  .gpec-home-only .gpec-hero-copy h1 {
    max-width: 340px;
    font-size: clamp(33px, 9vw, 39px) !important;
    font-weight: 500;
    line-height: 1.08 !important;
    letter-spacing: -.03em;
  }
  .gpec-home-only .gpec-gold-rule {
    width: 72px;
    height: 3px;
    margin: 21px 0 16px !important;
  }
  .gpec-home-only .gpec-hero-copy p {
    max-width: 310px;
    font-size: 15px !important;
    line-height: 1.42 !important;
    margin-bottom: 21px !important;
  }
  .gpec-home-only .gpec-hero-button {
    min-height: 44px;
    padding: 11px 18px !important;
    font-size: 14px !important;
    gap: 14px !important;
    border-radius: 6px;
  }
  .gpec-home-only .gpec-hero-button span { font-size: 21px !important; }
  .gpec-home-only .gpec-hero-photo {
    background-position: 60% center !important;
  }
  .gpec-home-only .gpec-hero-dim {
    background: linear-gradient(90deg,
      rgba(1,15,34,.91) 0%,
      rgba(1,15,34,.73) 45%,
      rgba(1,15,34,.25) 100%) !important;
  }
}

@media (min-width: 481px) and (max-width: 770px) {
  .gpec-home-only .gpec-hero-v12,
  .gpec-home-only .gpec-hero-grid { min-height: 570px !important; }
  .gpec-home-only .gpec-hero-copy h1 {
    font-size: clamp(42px, 8vw, 58px) !important;
    line-height: 1.06;
  }
  .gpec-home-only .gpec-hero-copy p { font-size: 17px !important; }
}

@media (max-width: 360px) {
  .site-header .wordmark img { width: 108px !important; }
  .site-header .wordmark small { font-size: 8.1px !important; }
  .gpec-home-only .gpec-hero-copy h1 { font-size: 32px !important; }
  .gpec-home-only .gpec-hero-copy p { font-size: 14px !important; }
}


/* ================================================================
   GPEC Next 2.9.6 | Compact mobile homepage hero
   Reduces the visual size/height of the Leica photo on phones.
   Preserves desktop layout, logo, primary navigation and page copy.
   ================================================================ */
@media (max-width: 480px) {
  body.home .gpec-home-only .gpec-hero-v12,
  body.home .gpec-home-only .gpec-hero-grid {
    min-height: 445px !important;
  }
  body.home .gpec-home-only .gpec-hero-grid {
    padding: 23px 0 30px !important;
    align-items: flex-start !important;
  }
  body.home .gpec-home-only .gpec-hero-copy h1 {
    font-size: clamp(31px, 8.4vw, 36px) !important;
    line-height: 1.06 !important;
  }
  body.home .gpec-home-only .gpec-gold-rule {
    margin: 17px 0 13px !important;
  }
  body.home .gpec-home-only .gpec-hero-copy p {
    font-size: 14px !important;
    line-height: 1.38 !important;
    margin-bottom: 17px !important;
  }
  body.home .gpec-home-only .gpec-hero-button {
    min-height: 43px;
    padding: 10px 16px !important;
  }
  /* Photo remains full bleed, but its shorter frame shows it less zoomed. */
  body.home .gpec-home-only .gpec-hero-photo {
    background-position: 62% center !important;
    background-size: cover !important;
  }
}
@media (min-width: 481px) and (max-width: 770px) {
  body.home .gpec-home-only .gpec-hero-v12,
  body.home .gpec-home-only .gpec-hero-grid {
    min-height: 510px !important;
  }
  body.home .gpec-home-only .gpec-hero-grid {
    padding: 30px 0 37px !important;
  }
  body.home .gpec-home-only .gpec-hero-copy h1 {
    font-size: clamp(39px, 7.3vw, 53px) !important;
  }
}
@media (max-width: 360px) {
  body.home .gpec-home-only .gpec-hero-v12,
  body.home .gpec-home-only .gpec-hero-grid { min-height: 425px !important; }
  body.home .gpec-home-only .gpec-hero-copy h1 {font-size: 30px !important;}
}


/* ==================================================================
   GPEC Next 3.0.1 — Original approved concept 2 (diagonal split)
   Preserves the v2.9.6 responsive header and all existing page styles.
   Sulphur draft gets an independent fully designed template.
   ================================================================== */
.gpec-home-v3{background:#061d32;color:#fff;overflow:hidden}
.gpec-v3-split{position:relative;isolation:isolate;min-height:690px;overflow:hidden;background:#071c33}
.gpec-v3-pane{position:absolute;inset-block:0;background-position:center center;background-size:cover}
.gpec-v3-eng{left:0;width:56%;z-index:2;clip-path:polygon(0 0,100% 0,87.5% 100%,0 100%);background-image:linear-gradient(90deg,rgba(2,17,34,.52),rgba(2,17,34,.14) 48%,rgba(2,17,34,.68)),url('assets/images/home-v3-engineering-modern-v301.webp')}
.gpec-v3-trade{right:0;width:56%;z-index:1;background-image:linear-gradient(90deg,rgba(3,14,30,.45),rgba(3,14,30,.35) 35%,rgba(3,14,30,.88)),url('assets/images/home-v3-trading.webp')}
.gpec-v3-seam{position:absolute;inset-block:0;left:55.9%;width:3px;background:linear-gradient(180deg,#f3cf7f,#ab7b34);z-index:3;transform:skew(-7.9deg);transform-origin:top left;pointer-events:none;box-shadow:0 0 10px #d5a95d50}
.gpec-v3-copy{position:absolute;z-index:4;bottom:clamp(54px,9vh,130px);color:#fff;text-shadow:0 2px 10px #01162d70}
.gpec-v3-copy-eng{left:clamp(28px,5.2vw,92px);max-width:min(510px,73%)}
.gpec-v3-copy-trade{right:clamp(26px,4.6vw,96px);max-width:min(490px,72%)}
.gpec-v3-overline{display:flex;align-items:center;gap:13px;margin:0 0 21px;font-size:11px;line-height:1.4;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#f7d17c}
.gpec-v3-overline-rule{width:24px;height:2px;background:#edbd61;flex-shrink:0}
.gpec-v3-copy h1,.gpec-v3-copy h2{color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(37px,3.75vw,65px);font-weight:500;line-height:1.07;letter-spacing:-.025em;margin:0 0 18px;text-shadow:0 2px 18px #00122480}
.gpec-v3-copy h1 span,.gpec-v3-copy h2 span{display:block;color:#f6d07a}
.gpec-v3-copy .gpec-v3-summary{color:#f1f4f7;max-width:440px;font-size:clamp(14px,1.23vw,18px);line-height:1.58;margin:0 0 27px;text-shadow:0 1px 8px #001224}
.gpec-v3-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:49px;padding:11px 19px;color:#fff!important;border:1px solid #f5d182;text-decoration:none!important;font-size:13px;font-weight:700;letter-spacing:.02em;transition:background .2s,color .2s,transform .2s}
.gpec-v3-cta:hover,.gpec-v3-cta:focus-visible{background:#f5d182;color:#071b2d!important;transform:translateY(-2px)}
.gpec-v3-cta-gold{background:#f5cd76;border-color:#f5cd76;color:#07192d!important}
.gpec-v3-cta-gold:hover,.gpec-v3-cta-gold:focus-visible{background:#fff;border-color:#fff}
.gpec-v3-values{background:#061728;border-top:1px solid #7d5c2d}
.gpec-v3-values-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0 24px;gap:0}
.gpec-v3-values-inner>div{display:flex;gap:15px;align-items:center;min-width:0;padding:10px 23px;border-right:1px solid #3a5164}
.gpec-v3-values-inner>div:first-child{padding-left:0}
.gpec-v3-values-inner>div:last-child{border-right:0;padding-right:0}
.gpec-v3-v-icon{color:#eac06d;flex:0 0 26px;text-align:center;font-size:27px;font-family:Georgia,serif}
.gpec-v3-values-inner p{margin:0;min-width:0}
.gpec-v3-values-inner strong{display:block;color:#fff;font-weight:600;font-size:14px;line-height:1.25}
.gpec-v3-values-inner small{display:block;color:#bacbd8;font-size:11px;line-height:1.35;margin-top:5px}
.gpec-v3-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:76px;padding-bottom:82px}
.gpec-v3-kicker{color:#e5be73;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 15px}
.gpec-v3-intro h2{font-family:Georgia,serif;font-size:clamp(33px,3.2vw,54px);line-height:1.12;font-weight:500;margin:0;color:#fff}
.gpec-v3-intro h2 em{color:#f0c76e;font-style:normal}
.gpec-v3-intro>div:nth-child(2){padding-top:17px}
.gpec-v3-intro>div:nth-child(2)>p{color:#d3e0ea;font-size:17px;line-height:1.7;margin:0 0 23px}
.gpec-v3-intro-actions{display:flex;gap:20px;flex-wrap:wrap}
.gpec-v3-intro-actions a{color:#f6d07a;text-decoration:none;border-bottom:1px solid #a98948;padding-bottom:5px;font-size:14px}
.gpec-v3-intro-actions a:hover{color:#fff}
@media(min-width:1600px){.gpec-v3-split{min-height:790px}}
@media(min-width:771px) and (max-width:1120px){.gpec-v3-split{min-height:630px}.gpec-v3-copy-eng{max-width:74%;left:28px}.gpec-v3-copy-trade{max-width:70%;right:28px}.gpec-v3-copy h1,.gpec-v3-copy h2{font-size:clamp(33px,4.4vw,48px)}.gpec-v3-copy .gpec-v3-summary{font-size:13px}.gpec-v3-values-inner>div{padding:8px 11px;gap:8px}.gpec-v3-values-inner strong{font-size:12px}}
@media(max-width:770px){
 .gpec-v3-split{min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .gpec-v3-pane{position:relative;inset:auto;width:100%;min-height:350px;clip-path:none!important}
 .gpec-v3-eng{z-index:2;clip-path:polygon(0 0,100% 0,100% calc(100% - 31px),0 100%)!important;background-position:50% center}
 .gpec-v3-trade{z-index:1;margin-top:-31px;padding-top:28px;min-height:362px;background-position:58% center}
 .gpec-v3-seam{display:none}
 .gpec-v3-copy,.gpec-v3-copy-eng,.gpec-v3-copy-trade{position:relative;left:auto;right:auto;bottom:auto;max-width:100%;width:100%;padding:76px 26px 36px}
 .gpec-v3-copy-trade{padding-top:64px}
 .gpec-v3-copy h1,.gpec-v3-copy h2{font-size:clamp(34px,7.1vw,52px);line-height:1.06;max-width:560px;margin-bottom:13px}
 .gpec-v3-overline{font-size:10px;letter-spacing:.12em;margin-bottom:15px}
 .gpec-v3-copy .gpec-v3-summary{font-size:14px;line-height:1.48;max-width:550px;margin-bottom:18px}
 .gpec-v3-cta{min-height:42px;font-size:12px;padding:9px 14px;gap:20px}
 .gpec-v3-values-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 0}
 .gpec-v3-values-inner>div{padding:14px!important;border-bottom:1px solid #30475d}
 .gpec-v3-values-inner>div:nth-child(2){border-right:0}
 .gpec-v3-values-inner>div:nth-child(n+3){border-bottom:0}
 .gpec-v3-v-icon{font-size:22px;flex-basis:18px}
 .gpec-v3-values-inner strong{font-size:12px}.gpec-v3-values-inner small{font-size:10px}
 .gpec-v3-intro{grid-template-columns:1fr;gap:18px;padding:42px 0 50px}
 .gpec-v3-intro h2{font-size:36px}.gpec-v3-intro>div:nth-child(2)>p{font-size:15px}
}
@media(max-width:420px){.gpec-v3-pane{min-height:360px}.gpec-v3-trade{min-height:370px}.gpec-v3-copy,.gpec-v3-copy-eng,.gpec-v3-copy-trade{padding-left:22px;padding-right:22px}.gpec-v3-copy h1,.gpec-v3-copy h2{font-size:35px}.gpec-v3-copy .gpec-v3-summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.gpec-v3-cta{transition:none}}

/* GPEC product page — navy and gold, independent of the editor's white canvas. */
.gpec-sulphur-v3{background:#061b30;color:#f6f7f9;overflow:hidden}
.gpec-s3-hero{min-height:625px;position:relative;isolation:isolate;overflow:hidden;background:#061a30}
.gpec-s3-hero-image{position:absolute;inset:0;z-index:-2;background-image:url('assets/images/sulphur-v3-hero.webp');background-size:cover;background-position:center 48%}
.gpec-s3-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,21,42,.96) 0%,rgba(3,21,42,.91) 23%,rgba(3,21,42,.66) 46%,rgba(3,21,42,.13) 83%),linear-gradient(0deg,#061b30ae,transparent 50%)}
.gpec-s3-hero-inner{display:flex;align-items:center;min-height:625px;padding:70px 0 90px}
.gpec-s3-hero-copy{max-width:640px}
.gpec-s3-kicker{color:#f0c778;font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.17em;margin:0 0 18px;font-weight:600}
.gpec-s3-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,6.4vw,104px);color:#fff;font-weight:500;line-height:.97;letter-spacing:-.04em;margin:0 0 18px}
.gpec-s3-hero h1 span{display:block;color:#f1c873}
.gpec-s3-subtitle{font-size:clamp(18px,1.6vw,24px);font-weight:600;margin:0 0 18px;color:#fff}
.gpec-s3-lead{font-size:16px;line-height:1.72;max-width:530px;color:#dfedf5;margin:0 0 31px}
.gpec-s3-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.gpec-s3-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#f0c66d;border:1px solid #f0c66d;color:#061a2e!important;padding:15px 23px;font-size:14px;font-weight:700;text-decoration:none!important;min-height:52px;transition:background .2s}
.gpec-s3-btn:hover,.gpec-s3-btn:focus-visible{background:#fff;border-color:#fff}
.gpec-s3-ghost{color:#f4d89d!important;text-decoration:none!important;font-size:14px;border-bottom:1px solid #c7a36b;padding:8px 0}
.gpec-s3-caption{position:absolute;bottom:12px;right:clamp(20px,5vw,90px);margin:0;color:#ccd9df;font-size:10px;text-shadow:0 1px 7px #000}
.gpec-s3-pillars{background:#082139;border-top:1px solid #b89250;border-bottom:1px solid #334c65}
.gpec-s3-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}
.gpec-s3-pillars-grid>div{display:flex;flex-direction:column;padding:6px 24px;border-right:1px solid #465974}
.gpec-s3-pillars-grid>div:first-child{padding-left:0}.gpec-s3-pillars-grid>div:last-child{border-right:0}
.gpec-s3-pillars-grid span{font-size:11px;color:#f0c66d;letter-spacing:.1em;margin-bottom:7px}
.gpec-s3-pillars-grid strong{font-size:16px;font-weight:600;margin-bottom:6px;color:#fff}
.gpec-s3-pillars-grid small{font-size:12px;color:#cedce7;line-height:1.5}
.gpec-s3-section{padding-top:84px;padding-bottom:84px}
.gpec-s3-overview{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.gpec-s3-overview h2,.gpec-s3-tech h2,.gpec-s3-process h2,.gpec-s3-contact h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,3.6vw,60px);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:#fff;margin:0}
.gpec-s3-overview h2 em,.gpec-s3-process h2 em{color:#f0c66d;font-style:normal}
.gpec-s3-narrative p{font-size:17px;line-height:1.8;color:#d8e4ec;margin:0 0 18px}
.gpec-s3-tech{background:#f3f5f6;color:#08213a;padding:83px 0 95px}
.gpec-s3-tech .gpec-s3-kicker{color:#9f7134}
.gpec-s3-tech h2{color:#08213a;margin-bottom:15px}
.gpec-s3-tech-heading>p:last-child{font-size:16px;line-height:1.6;max-width:640px;color:#516274;margin:0}
.gpec-s3-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}
.gpec-s3-tech-grid article{background:#fff;border-top:3px solid #bf8d44;padding:27px 23px;box-shadow:0 13px 30px #12314b0d;min-height:225px}
.gpec-s3-tech-grid span{color:#a77b3f;font-size:11px;letter-spacing:.13em;font-weight:700}
.gpec-s3-tech-grid h3{font-family:Georgia,serif;color:#092640;font-size:23px;line-height:1.18;font-weight:600;margin:19px 0 14px}
.gpec-s3-tech-grid p{color:#435d72;font-size:14px;line-height:1.65;margin:0}
.gpec-s3-process{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:85px;padding-bottom:95px;align-items:center}
.gpec-s3-process-visual{margin:0;overflow:hidden;background:#103251}
.gpec-s3-process-visual img{display:block;width:100%;height:420px;object-fit:cover}
.gpec-s3-process-visual p{margin:0;background:#103251;color:#bfd1df;padding:13px 18px;font-size:11px}
.gpec-s3-process ol{padding:0;list-style:none;margin:28px 0 0;counter-reset:sg}
.gpec-s3-process li{border-top:1px solid #40536d;padding:18px 0 15px;counter-increment:sg}
.gpec-s3-process li strong{font-size:16px;color:#f7d18c}
.gpec-s3-process li strong:before{content:'0' counter(sg) '  /  ';font-size:12px;color:#b8c7d6;letter-spacing:.1em}
.gpec-s3-process li p{margin:8px 0 0;color:#cbdce8;font-size:14px;line-height:1.6}
.gpec-s3-contact{background:linear-gradient(100deg,#08253c,#04182a);border-top:1px solid #876937;padding:70px 0}
.gpec-s3-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.gpec-s3-contact h2{font-size:clamp(36px,3.4vw,53px);margin-bottom:18px}
.gpec-s3-contact p:last-child{max-width:660px;font-size:16px;line-height:1.65;color:#c7d9e7;margin:0}
.gpec-s3-contact .gpec-s3-btn{flex-shrink:0}
@media(max-width:1050px){.gpec-s3-tech-grid{grid-template-columns:repeat(2,1fr)}.gpec-s3-hero{min-height:570px}.gpec-s3-hero-inner{min-height:570px}}
@media(max-width:770px){
 .gpec-s3-hero,.gpec-s3-hero-inner{min-height:630px}
 .gpec-s3-hero-image{background-position:65% center}
 .gpec-s3-hero:before{background:linear-gradient(90deg,#041c34f7,#041c34ca 62%,#041c3469)}
 .gpec-s3-hero-inner{align-items:flex-end;padding:80px 0 75px}
 .gpec-s3-hero h1{font-size:clamp(52px,10vw,72px)}
 .gpec-s3-lead{font-size:15px;line-height:1.58}
 .gpec-s3-caption{right:16px;left:16px;text-align:left}
 .gpec-s3-pillars-grid{grid-template-columns:1fr;padding:5px 0}
 .gpec-s3-pillars-grid>div{padding:15px 0!important;border-right:0;border-bottom:1px solid #38516b}
 .gpec-s3-pillars-grid>div:last-child{border-bottom:0}
 .gpec-s3-overview,.gpec-s3-process{grid-template-columns:1fr;gap:28px}
 .gpec-s3-section{padding-top:53px;padding-bottom:54px}
 .gpec-s3-narrative p{font-size:15px}
 .gpec-s3-tech{padding:55px 0}
 .gpec-s3-tech-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
 .gpec-s3-tech-grid article{min-height:190px;padding:18px 15px}
 .gpec-s3-tech-grid h3{font-size:20px;margin:13px 0 9px}
 .gpec-s3-tech-grid p{font-size:13px}
 .gpec-s3-process{padding-top:54px;padding-bottom:54px}
 .gpec-s3-process-visual img{height:290px}
 .gpec-s3-contact{padding:50px 0}
 .gpec-s3-contact-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:460px){.gpec-s3-hero,.gpec-s3-hero-inner{min-height:610px}.gpec-s3-hero h1{font-size:53px}.gpec-s3-hero-copy{width:100%}.gpec-s3-actions{align-items:flex-start;gap:11px;flex-direction:column}.gpec-s3-ghost{font-size:13px}.gpec-s3-tech-grid{grid-template-columns:1fr}.gpec-s3-tech-grid article{min-height:0}.gpec-s3-contact .gpec-s3-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.gpec-s3-btn{transition:none}}


/* GPEC Next 3.0.2 — matching independent fertilizer landing page */
.gpec-urea-v3{background:#061b30;color:#f6f7f9;overflow:hidden}
.gpec-urea-v3 .gpec-s3-hero-image{background-image:url('assets/images/urea-v3-hero.webp');background-position:right 52% center}
.gpec-urea-v3 .gpec-s3-hero:before{background:linear-gradient(90deg,rgba(3,21,42,.98) 0%,rgba(3,21,42,.93) 29%,rgba(3,21,42,.68) 50%,rgba(3,21,42,.12) 93%),linear-gradient(0deg,#061b30ae,transparent 50%)}
.gpec-urea-v3 .gpec-s3-overview h2 em{color:#f0c66d;font-style:normal}
@media(max-width:770px){.gpec-urea-v3 .gpec-s3-hero-image{background-position:65% center}.gpec-urea-v3 .gpec-s3-hero:before{background:linear-gradient(90deg,#041c34f7,#041c34dd 67%,#041c3485)}}