/* Pratik Jam — minimal editorial executive site
 * FRAME: 1.5% horizontal header/footer
 * CONTENT: 3% horizontal on every viewport
 * Poppins: headings / wordmark; Inter: all other typography
 */
:root{
  color-scheme:light;
  --bg:#f6f8f9;--paper:#fff;--soft:#eef3f4;--ink:#122b3a;--muted:#5b707c;--line:#d9e3e6;
  --accent:#177e81;--accent-strong:#0d696d;--deep:#0b2835;
  --herobg:#082431;--hero2:#113e44;--hero-fg:#f5fbf8;
}
html[data-theme=dark]{
  color-scheme:dark;--bg:#101e28;--paper:#172832;--soft:#1c3038;--ink:#e9f3f4;--muted:#a4b8bf;--line:#34505a;
  --accent:#7bcbbe;--accent-strong:#90dcd0;--deep:#e0f4f3;--herobg:#071825;--hero2:#0e333e;--hero-fg:#f5fbf8;
}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .25s,color .25s}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
h1,h2,h3,h4{font-family:Poppins,Arial,sans-serif;font-weight:500;line-height:1.3;letter-spacing:-.035em;margin:0;color:var(--ink)}
p{margin:0 0 19px;color:var(--muted)}
h2{font-size:clamp(29px,2.6vw,39px);line-height:1.4}
h3{font-size:20px}
strong{font-weight:600}
.page-gutter{padding-inline:3%;width:100%}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 16px;background:var(--paper);color:var(--ink);z-index:999}
.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line);transition:background-color .3s,border-color .3s,box-shadow .3s}
.site-header.is-scrolled{box-shadow:0 12px 30px #0000000a}
.header-inner{padding-inline:1.5%;height:76px;display:flex;align-items:center;gap:34px}
.wordmark{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}
.wordmark-symbol{font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.09em;line-height:1}
.wordmark-symbol span,.footer-logo span{color:var(--accent)}
.wordmark-divider{width:1px;height:27px;background:currentColor;opacity:.18}
.wordmark-copy{display:flex;flex-direction:column;gap:0;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;white-space:nowrap}
.wordmark-copy small{color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(13px,2.15vw,37px)}
.desktop-nav a{position:relative;padding:9px 0;font-size:14px;color:var(--muted);font-weight:500;transition:color .2s;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--accent)}
.desktop-nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent)}
.header-controls{display:flex;align-items:center;gap:10px}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border:1px solid var(--line);background:transparent;border-radius:5px;font-size:13px;min-width:76px;height:36px;transition:border-color .2s}
.theme-toggle:hover{border-color:var(--accent)}
.theme-toggle svg{height:16px;width:16px}
.moon-icon{display:none}
html[data-theme=dark] .moon-icon{display:block}
html[data-theme=dark] .sun-icon{display:none}
.menu-toggle{display:none}
.mobile-menu[hidden]{display:none!important}
body[data-page=Home] .site-header:not(.is-scrolled){background:transparent;color:#f5fbf8;border-color:rgba(255,255,255,.17);box-shadow:none}
body[data-page=Home] .site-header:not(.is-scrolled) .wordmark-copy small,
body[data-page=Home] .site-header:not(.is-scrolled) .desktop-nav a{color:#c0d6da}
body[data-page=Home] .site-header:not(.is-scrolled) .desktop-nav a[aria-current=page],
body[data-page=Home] .site-header:not(.is-scrolled) .desktop-nav a:hover{color:#fff}
body[data-page=Home] .site-header:not(.is-scrolled) .desktop-nav a[aria-current=page]:after{background:#a5dcd5}
body[data-page=Home] .site-header:not(.is-scrolled) .theme-toggle{border-color:rgba(255,255,255,.35)}
body[data-page=Home] .site-header:not(.is-scrolled) .wordmark-symbol span{color:#92d9cb}
.eyebrow,.small-upper,.section-intro,.section-index,.section-descriptor,.hero-mini,.hero-upper-right,.hero-baseline,.hero-aside .aside-overline,.aside-details span,.inner-page-id,.section-index,.row-number,.row-meta,.experience-stage,.market-stage,.discipline-num,.discipline-flag,.role-tag,.contact-channel>span,.statement-kicker,.market-disclaimer,.footer-bottom{font-size:12px;letter-spacing:.08em;font-weight:600}
.accent-circle{height:7px;width:7px;border-radius:50%;background:#8bcbbf;display:inline-block;vertical-align:middle;margin-right:10px}
.hero-immersive{min-height:100svh;position:relative;overflow:hidden;color:var(--hero-fg);background:linear-gradient(112deg,#071e2c 7%,#092a38 43%,#144c4d 90%,#12393f 100%);isolation:isolate}
html[data-theme=dark] .hero-immersive{background:linear-gradient(112deg,#061724 0%,#082431 48%,#104144 100%)}
.hero-immersive:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 15%,rgba(163,223,215,.027) 30%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(60,134,125,.36),transparent 53%)}
.hero-immersive:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 109px,rgba(255,255,255,.023) 110px)}
.hero-ambient{position:absolute;z-index:-1;width:85vw;height:85vw;right:-25%;top:-40%;background:radial-gradient(circle,rgba(160,222,211,.13) 0,rgba(65,127,137,.06) 35%,transparent 68%);filter:blur(4px);animation:ambient-drift 22s ease-in-out infinite alternate}
.hero-art{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;opacity:.76;z-index:-1;animation:art-enter 2s ease both}
.hero-inner{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding-top:105px;padding-bottom:32px;position:relative}
.hero-upper{display:flex;align-items:center;justify-content:space-between;gap:22px;color:#cadcda}
.hero-upper-right{color:#cadcda;letter-spacing:.07em}
.slash{margin:0 10px;color:#73a6a1}
.hero-core{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:11%;padding-block:65px 50px}
.hero-primary{max-width:770px}
.hero-mini{color:#a9c8c8;margin:0 0 31px}
.hairline-dash{width:28px;height:1px;background:#94bdb6;display:inline-block;margin:0 10px 3px}
.hero-primary h1{font-size:clamp(44px,4.75vw,65px);font-weight:500;color:#f7fcfa;line-height:1.22;letter-spacing:-.052em;margin-bottom:29px}
.hero-primary h1 span{color:#88d3c2}
.hero-thesis{font-size:clamp(17px,1.5vw,21px);color:#cbdfe0;line-height:1.72;max-width:590px;font-weight:400;margin-bottom:34px}
.hero-action{display:inline-flex;align-items:center;justify-content:space-between;gap:56px;color:#f7fcfa;font-size:15px;font-weight:600;padding:14px 0;border-bottom:1px solid #8dcdc2;min-width:238px;transition:color .2s,gap .2s}
.hero-action:hover{color:#a4e2d5;gap:65px}
.hero-action span{font-size:18px;font-weight:400}
.hero-aside{align-self:center;justify-self:end;max-width:310px;border-left:1px solid rgba(219,240,239,.36);padding-left:25px}
.hero-aside .aside-overline{color:#a5cbc7}
.hero-aside p{color:#e2eeea;font-size:16px;margin:14px 0 33px;line-height:1.9}
.aside-details{border-top:1px solid rgba(235,252,248,.19)}
.aside-details>div{padding:13px 0;border-bottom:1px solid rgba(235,252,248,.19);display:flex;flex-direction:column;gap:5px}
.aside-details span{color:#a8c7c7}
.aside-details strong{font-size:14px;color:#f0faf7;font-weight:500}
.hero-baseline{border-top:1px solid rgba(255,255,255,.25);padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#d0e0df;letter-spacing:.07em}
.hero-baseline i{font-style:normal;color:#7eaaa9;margin:0 5px}
.hero-baseline a{color:#f5fbf8;transition:color .2s}
.hero-baseline a:hover{color:#a6d6ca}
.content-section{padding:96px 0}
.soft-section{background:var(--soft)}
.career-band{background:var(--paper)}
.section-intro{display:flex;align-items:center;gap:19px;margin-bottom:50px}
.section-index{color:var(--accent);white-space:nowrap}
.small-rule{width:37px;height:1px;background:var(--accent);opacity:.65}
.section-descriptor{color:var(--muted)}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}
.editorial-grid h2 span{color:var(--accent)}
.narrative-copy{max-width:670px}
.narrative-copy p{font-size:17px;line-height:1.93;margin-bottom:20px}
.inline-link{font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:45px;padding:9px 0 12px;border-bottom:1px solid var(--accent);transition:gap .2s,color .2s}
.inline-link:hover{color:var(--accent);gap:52px}
.inline-link span{color:var(--accent);font-size:16px}
.section-heading-split{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:36px}
.section-heading-split p{max-width:370px;font-size:16px}
.link-rows{border-top:1px solid var(--line)}
.link-rows>a{display:grid;grid-template-columns:80px minmax(0,1fr) 200px 30px;align-items:center;gap:12px;min-height:98px;border-bottom:1px solid var(--line);transition:padding-left .25s,color .25s}
.link-rows>a:hover{padding-left:8px;color:var(--accent)}
.row-number{color:var(--accent)}
.row-title{font-family:Poppins,sans-serif;font-weight:500;font-size:clamp(19px,1.8vw,27px);letter-spacing:-.025em}
.row-meta{color:var(--muted);font-size:12px;letter-spacing:.05em}
.row-arrow{font-size:20px;color:var(--accent);font-weight:400;text-align:right}
.lower-link{margin-top:30px}
.market-lines{border-top:1px solid var(--line)}
.market-lines>div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:7px}
.market-lines span{font-size:12px;color:var(--accent);letter-spacing:.09em;font-weight:600}
.market-lines strong{font-size:24px;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:-.035em}
.market-lines p{font-size:16px;margin:0}
.home-contact{background:linear-gradient(110deg,#12384a 0%,#186263 100%);color:#fff}
.contact-band{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding-block:62px}
.contact-band .eyebrow{grid-column:1/-1;color:#abdcd5}
.contact-band h2{color:#f8fcfa;font-size:clamp(29px,2.75vw,42px)}
.light-action{border-bottom:1px solid #8bcbc3;color:#f5fcfa;padding:10px 0;font-size:15px;display:inline-flex;gap:35px;white-space:nowrap}
.light-action span{font-size:18px}
/* Inner pages */
.inner-hero{padding-top:146px;background:radial-gradient(ellipse at 85% 30%,rgba(90,157,157,.10),transparent 46%),var(--paper)}
.inner-hero-container{padding-bottom:50px}
.inner-hero-head{display:flex;justify-content:space-between;align-items:center;gap:25px}
.inner-hero .eyebrow{color:var(--accent)}
.inner-page-id{color:var(--muted)}
.inner-hero-layout{padding:56px 0 64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:9%;align-items:end}
.inner-hero h1{font-size:clamp(34px,3.65vw,51px);line-height:1.33;max-width:790px}
.inner-hero-layout>p{font-size:17px;line-height:1.87;margin:0;max-width:520px}
.inner-hero-rule{height:1px;background:var(--line)}
.standfirst{font-size:17px;margin-top:23px;max-width:520px}
.three-statements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%}
.three-statements>div{border-top:1px solid var(--line);padding-top:18px}
.three-statements>div>span{color:var(--accent);font-size:12px;font-weight:600}
.three-statements h3{margin:24px 0 13px;font-size:21px}
.three-statements p{font-size:16px}
.next-page{position:relative;background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1fr auto;gap:10px;padding:45px 3%;transition:filter .2s}
html[data-theme=dark] .next-page{background:#234a57;color:#fff}
.next-page:hover{filter:brightness(1.1)}
.next-page>span:first-child{grid-column:1/-1;font-size:12px;letter-spacing:.12em;color:#a8d5cb;font-weight:600}
.next-page strong{grid-column:1;font-family:Poppins,sans-serif;font-size:clamp(27px,2.9vw,39px);font-weight:500}
.next-page .next-description{grid-column:1;font-size:15px;color:#d0e3df}
.next-page .next-arrow{font-size:28px;grid-row:2/4;grid-column:2;align-self:center}
.discipline-rows{border-top:1px solid var(--line)}
.discipline-row{padding:33px 0;display:grid;grid-template-columns:80px minmax(0,1fr) 220px;gap:18px;align-items:start;border-bottom:1px solid var(--line);scroll-margin-top:104px}
.discipline-num{color:var(--accent)}
.discipline-row h2{font-size:clamp(22px,2.05vw,30px);margin-bottom:10px}
.discipline-row p{max-width:690px;margin-bottom:0;font-size:16px}
.discipline-flag{color:var(--muted);font-size:12px;align-self:center}
.commodity-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}
.commodity-list span{font-size:14px;font-weight:500;padding:8px 13px;border:1px solid var(--line);border-radius:3px;color:var(--ink)}
.market-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:50px;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.small-upper{color:var(--accent)}
.market-feature h2{margin:18px 0}
.market-feature-heading p{max-width:610px;margin:0;font-size:17px}
.market-feature-aside{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.market-stage{font-size:11px;color:var(--muted);margin-bottom:20px}
.market-feature-aside strong{font-family:Poppins,sans-serif;font-weight:500;font-size:34px;line-height:1.2}
.market-feature-aside>span:last-child{font-size:15px;color:var(--muted)}
.market-secondary{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.market-secondary>div{padding:36px 0;border-bottom:1px solid var(--line)}
.market-secondary h3{font-size:26px;margin:15px 0}
.market-secondary p{font-size:16px;max-width:470px}
.market-disclaimer{font-size:13px;color:var(--muted);letter-spacing:0;margin-top:28px}
.experience-timeline{border-top:1px solid var(--line)}
.experience-entry{display:grid;grid-template-columns:minmax(200px,.35fr) minmax(0,.65fr);gap:50px;border-bottom:1px solid var(--line);padding:35px 0}
.experience-stage{color:var(--accent);padding-top:8px}
.experience-entry h2{font-size:clamp(24px,2.3vw,34px)}
.role-tag{color:var(--muted);margin:8px 0 15px}
.experience-entry p:last-child{font-size:16px;max-width:720px;margin:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.contact-intro h2{margin-bottom:20px}
.contact-intro p{max-width:500px;font-size:17px}
.contact-channels{border-top:1px solid var(--line)}
.contact-channel{display:grid;grid-template-columns:1fr 25px;gap:8px;padding:25px 0;border-bottom:1px solid var(--line)}
.contact-channel>span{grid-column:1/-1;color:var(--muted)}
.contact-channel strong{font-family:Poppins,sans-serif;font-size:clamp(18px,1.8vw,24px);font-weight:500;overflow-wrap:anywhere}
.contact-channel i{font-style:normal;font-size:22px;color:var(--accent);line-height:1.2}
.contact-channel[href]:hover strong{color:var(--accent)}
.topic-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.topic-row span{font-size:16px;border-top:1px solid var(--line);padding:15px 0}
.site-footer{background:var(--paper);border-top:1px solid var(--line)}
.footer-inner{padding:28px 1.5% 19px}
.footer-main{display:flex;align-items:center;gap:25px}
.footer-logo{font-family:Poppins,sans-serif;font-size:27px;letter-spacing:-.085em;font-weight:700;line-height:1}
.footer-main>span{font-size:13px;color:var(--muted)}
.footer-separator{margin-inline:8px;color:var(--accent)}
.footer-email{font-size:14px;font-weight:600;margin-left:auto;border-bottom:1px solid var(--accent);padding:7px 0}
.footer-email span{color:var(--accent);margin-left:24px}
.footer-rule{height:1px;background:var(--line);margin:24px 0 15px}
.footer-bottom{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:12px;letter-spacing:0}
.footer-bottom a:hover{color:var(--accent)}
/* restrained motion */
.has-js .revealable{opacity:0;transform:translateY(16px);transition:opacity .75s ease,transform .75s cubic-bezier(.18,.7,.2,1)}
.has-js .revealable.in-view{opacity:1;transform:none}
@keyframes ambient-drift{from{transform:translate(-2%,1%)}to{transform:translate(4%,-4%)}}
@keyframes art-enter{from{opacity:0;transform:translateX(30px)}to{opacity:.76;transform:none}}
@media(max-width:1110px){
 .desktop-nav{gap:13px}
 .wordmark-copy{font-size:12px}
 .wordmark-copy small{font-size:11px}
 .hero-core{gap:7%}
 .hero-primary h1{font-size:clamp(43px,5.15vw,60px)}
}
@media(max-width:930px){
 .header-inner{height:69px}
 .desktop-nav{display:none}
 .header-controls{margin-left:auto}
 .menu-toggle{display:flex;width:36px;height:36px;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:5px;background:transparent}
 body[data-page=Home] .site-header:not(.is-scrolled) .menu-toggle{border-color:#a1c9c8}
 .menu-toggle span{width:16px;height:1.5px;background:currentColor}
 .mobile-menu:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;background:var(--paper);color:var(--ink);flex-direction:column;padding:18px 1.5% 26px;box-shadow:0 22px 38px #0002;border-bottom:1px solid var(--line);max-height:calc(100svh - 69px);overflow:auto}
 .mobile-menu a{font-size:16px;padding:13px 0;border-bottom:1px solid var(--line)}
 .mobile-menu a[aria-current=page]{color:var(--accent);font-weight:600}
 .hero-inner{padding-top:90px}
 .hero-core{grid-template-columns:1fr;gap:47px}
 .hero-aside{justify-self:start;max-width:650px;border-left:0;border-top:1px solid rgba(219,240,239,.25);padding:17px 0 0}
 .hero-aside p{margin:12px 0 13px}
 .aside-details{display:flex;gap:45px}
 .aside-details>div{min-width:180px}
 .hero-baseline>span:nth-child(2){display:none}
 .hero-art{opacity:.43;transform:translateX(90px)}
}
@media(max-width:680px){
 html{scroll-padding-top:75px}
 body{font-size:15px}
 .header-inner{height:64px}
 .wordmark-symbol{font-size:23px}
 .wordmark-divider{height:24px}
 .theme-toggle{width:36px;min-width:36px;padding:0}
 .theme-word{display:none}
 .mobile-menu:not([hidden]){max-height:calc(100svh - 64px)}
 .hero-immersive{min-height:100svh}
 .hero-inner{min-height:100svh;padding-top:88px;padding-bottom:23px}
 .hero-upper-right{display:none}
 .hero-core{padding:55px 0 34px;align-content:center;gap:38px}
 .hero-mini{font-size:11px;margin-bottom:20px}
 .hero-primary h1{font-size:clamp(38px,9.2vw,52px);margin-bottom:19px;line-height:1.27}
 .hero-thesis{font-size:16px;margin-bottom:25px}
 .hero-aside p{font-size:14px}
 .aside-details{flex-wrap:wrap;gap:4px 20px}
 .aside-details>div{min-width:120px}
 .aside-details span{font-size:10px}
 .aside-details strong{font-size:13px}
 .hero-baseline{font-size:11px}
 .hero-art{left:0;opacity:.26}
 .content-section{padding:67px 0}
 .section-intro{gap:12px;margin-bottom:30px;font-size:11px}
 .editorial-grid,.contact-grid{grid-template-columns:1fr;gap:29px}
 h2{font-size:29px}
 .narrative-copy p{font-size:16px}
 .section-heading-split{display:block;margin-bottom:24px}
 .section-heading-split p{margin-top:13px}
 .link-rows>a{grid-template-columns:29px 1fr 24px;min-height:85px}
 .row-title{font-size:18px}
 .row-meta{display:none}
 .row-arrow{font-size:17px}
 .market-lines strong{font-size:21px}
 .contact-band{grid-template-columns:1fr;gap:14px;padding-block:45px}
 .contact-band .eyebrow{grid-column:1}
 .contact-band h2{font-size:29px}
 .light-action{justify-self:start}
 .inner-hero{padding-top:107px}
 .inner-hero-container{padding-bottom:28px}
 .inner-page-id{display:none}
 .inner-hero-layout{grid-template-columns:1fr;gap:20px;padding:38px 0 45px}
 .inner-hero h1{font-size:clamp(30px,7.6vw,43px)}
 .inner-hero-layout>p{font-size:16px}
 .three-statements{grid-template-columns:1fr;gap:26px}
 .three-statements h3{margin:12px 0 7px}
 .discipline-row{grid-template-columns:33px 1fr;gap:12px;padding:27px 0}
 .discipline-flag{grid-column:2;align-self:start}
 .discipline-row h2{font-size:22px}
 .market-feature{grid-template-columns:1fr;gap:23px;padding:23px 0}
 .market-feature-aside{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
 .market-secondary{grid-template-columns:1fr;gap:0}
 .market-secondary>div{padding:24px 0}
 .market-secondary h3{font-size:24px}
 .experience-entry{grid-template-columns:1fr;gap:9px;padding:25px 0}
 .topic-row{grid-template-columns:1fr 1fr;gap:15px}
 .footer-inner{padding-top:23px}
 .footer-main{gap:13px;flex-wrap:wrap}
 .footer-main>span{font-size:12px}
 .footer-email{margin-left:0;flex-basis:100%;width:max-content}
 .footer-bottom{gap:9px;font-size:11px}
}
@media(max-width:380px){
 .wordmark-divider,.wordmark-copy{display:none}
 .hero-primary h1{font-size:35px}
 .hero-aside{display:none}
 .topic-row{grid-template-columns:1fr}
}

/* Editorial images: illustrative, directly relevant and consistently captioned */
.editorial-photo-section{padding:0 0 10px;background:var(--bg)}
.editorial-photo{margin:28px 0 0;max-width:100%;overflow:hidden}
.editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:2.55/1;object-fit:cover;background:var(--soft);filter:saturate(.86) contrast(.99)}
.editorial-photo-wide{margin:0}
.editorial-photo-wide img{aspect-ratio:2.7/1;max-height:470px}
.editorial-photo-market{margin:32px 0 0}
.editorial-photo-market img{aspect-ratio:2.65/1;max-height:430px}
.editorial-photo-commodity{margin:27px 0 0}
.editorial-photo-commodity img{aspect-ratio:1.7/1;max-height:340px}
.editorial-photo figcaption{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.editorial-photo figcaption span:first-child{font-weight:600;letter-spacing:.045em;color:var(--accent)}
/* Informational sections */
.trade-context,.contact-guide{background:var(--paper)}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:29px}
.process-step{border-top:2px solid var(--accent);padding-top:21px}
.process-step>span,.insight-grid>div>span{font-size:12px;letter-spacing:.06em;font-weight:700;color:var(--accent)}
.process-step h3{font-size:18px;margin:21px 0 9px}
.process-step p{font-size:15px;line-height:1.75;margin:0}
.value-chain-list{border-top:1px solid var(--line)}
.value-chain-list>div{padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;column-gap:14px}
.value-chain-list>div>span{grid-row:1/3;font-size:12px;color:var(--accent);font-weight:700}
.value-chain-list strong{font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:17px}
.value-chain-list p{grid-column:2;font-size:15px;margin:5px 0 0}
.insight-grid,.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5%}
.insight-grid>div,.scope-grid>div{border-top:1px solid var(--accent);padding:22px 0}
.insight-grid h3,.scope-grid h3{font-size:19px;margin:15px 0 10px}
.insight-grid p,.scope-grid p{font-size:15px;margin:0;line-height:1.8}
.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8%}
.scope-grid .inline-link{margin-top:21px}
@media(max-width:1000px){
 .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .insight-grid{gap:22px}
 .editorial-photo-wide img{aspect-ratio:2.3/1}
}
@media(max-width:680px){
 .editorial-photo img,.editorial-photo-wide img,.editorial-photo-market img{aspect-ratio:1.35/1;max-height:none}
 .editorial-photo-commodity img{aspect-ratio:1.45/1}
 .editorial-photo figcaption{font-size:11px;flex-wrap:wrap;gap:2px;padding:11px 0}
 .process-grid{grid-template-columns:1fr;gap:18px}
 .process-step{padding-top:14px}
 .process-step h3{font-size:19px;margin:11px 0 7px}
 .process-step p{font-size:15px}
 .insight-grid,.scope-grid{grid-template-columns:1fr;gap:16px}
 .insight-grid h3,.scope-grid h3{font-size:19px}
 .value-chain-list>div{grid-template-columns:28px 1fr}
 .value-chain-list strong{font-size:17px}
 .value-chain-list p{font-size:15px}
 .scope-grid .inline-link{margin-top:15px}
}

/* KC-style executive directory (hamburger visible across all breakpoints) */
.desktop-nav{display:none!important}
.header-controls{margin-left:auto;gap:11px}
.menu-toggle{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:42px;border:1px solid var(--line);background:var(--accent);color:white;border-radius:7px;transition:background .2s}
.menu-toggle:hover{background:var(--accent-strong)}
.menu-toggle span{height:2px;width:20px;background:currentColor;display:block;transition:width .2s}
.menu-toggle span:nth-child(2){width:14px}
.menu-toggle:hover span:nth-child(2){width:20px}
body[data-page=Home] .site-header:not(.is-scrolled) .menu-toggle{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.4);color:white}
.directory-overlay[hidden]{display:none!important}
.directory-overlay{position:fixed;inset:0;z-index:300;height:100dvh;overflow:auto;overscroll-behavior:contain;background:var(--bg);color:var(--ink);animation:directory-in .33s ease-out}
.directory-shell{min-height:100%;padding-inline:1.5%;display:flex;flex-direction:column}
.directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.directory-head-brand{display:flex;align-items:center;gap:20px}
.directory-brand{font:600 29px Poppins,sans-serif;letter-spacing:-.07em}
.directory-brand span{color:var(--accent)}
.directory-head-brand>span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;padding-left:20px;border-left:1px solid var(--line)}
.directory-close{display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid var(--line);background:var(--paper);border-radius:7px;font-size:13px;transition:border-color .2s}
.directory-close:hover{border-color:var(--accent)}
.directory-close span{font-size:24px;line-height:.7}
.directory-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:7%;align-content:center;padding:22px 0 35px}
.directory-nav-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent)}
.directory-link{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(110px,185px) 20px;gap:12px;align-items:center;min-height:62px;padding:9px 0;border-bottom:1px solid var(--line);transition:padding-left .2s}
.directory-link:hover{padding-left:8px}
.directory-number{font-size:11px;font-weight:700;color:var(--accent)}
.directory-name{font:500 clamp(19px,2vw,28px)/1.3 Poppins,sans-serif;letter-spacing:-.025em}
.directory-link[aria-current=page] .directory-name,.directory-link:hover .directory-name{color:var(--accent)}
.directory-description{font-size:11px;line-height:1.5;text-align:right;color:var(--muted)}
.directory-arrow{color:var(--accent);font-size:18px}
.directory-aside{display:flex;flex-direction:column;justify-content:space-between;gap:34px;border-left:1px solid var(--line);padding-left:clamp(24px,3vw,50px)}
.directory-aside-group{padding-top:12px}
.directory-eyebrow{display:block;margin-bottom:16px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.directory-aside h2{font-size:clamp(24px,2.1vw,30px);line-height:1.4}
.directory-aside p{margin:10px 0;font-size:14px}
.directory-aside-group>a:not(.directory-email){font-size:13px;font-weight:600;border-bottom:1px solid var(--accent);display:inline-flex;gap:15px;padding:8px 0}
.directory-email{display:flex;align-items:center;gap:15px;justify-content:space-between;font:500 clamp(16px,1.5vw,21px) Poppins,sans-serif;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding-bottom:15px}
.directory-email span{color:var(--accent)}
.directory-location{display:block;margin-top:12px;font-size:12px;color:var(--muted)}
.directory-bottom{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.08em}
body.directory-open{overflow:hidden}
@keyframes directory-in{from{opacity:0;clip-path:inset(0 0 8% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
/* Homepage: KC's seven-section sequence, adapted to PJ */
.kc-hero .hero-core{grid-template-columns:1fr;position:relative;padding-block:40px}
.kc-hero .hero-primary{max-width:900px}
.kc-hero .hero-primary h1{font-size:clamp(43px,5vw,69px);font-weight:500;line-height:1.19;letter-spacing:-.052em;max-width:890px}
.kc-hero .hero-thesis{font-size:clamp(17px,1.45vw,21px);max-width:680px}
.hero-monogram{pointer-events:none;position:absolute;right:1%;bottom:6%;font:600 clamp(160px,25vw,440px)/.9 Poppins,sans-serif;letter-spacing:-.14em;color:#ffffff08}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:12px}
.hero-solid-action,.hero-line-action{padding:14px 21px;border-radius:7px;font-size:14px;font-weight:600;display:inline-flex;justify-content:space-between;align-items:center;gap:40px;transition:transform .2s}
.hero-solid-action{color:#103b40;background:#e7f7f3}
.hero-line-action{color:#fff;border:1px solid #ffffff8c;background:#ffffff0c}
.hero-solid-action:hover,.hero-line-action:hover{transform:translateY(-3px)}
.hero-solid-action span,.hero-line-action span{font-size:19px}
.kc-overview{background:var(--paper);border-bottom:1px solid var(--line)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-item{padding:34px 22px 38px 0;border-right:1px solid var(--line);margin-right:22px}
.overview-item:last-child{margin-right:0;border:0}
.overview-item>span{display:block;margin-bottom:14px;font-size:12px;letter-spacing:.09em;color:var(--accent);font-weight:700}
.overview-item strong{font:500 clamp(17px,1.6vw,23px)/1.4 Poppins,sans-serif;display:block}
.overview-item p{margin:9px 0 0;font-size:14px}
.kc-section{padding:86px 0;border-bottom:1px solid var(--line);background:var(--paper)}
.kc-lifecycle,.kc-featured{background:var(--soft)}
.kc-eyebrow{display:block;margin-bottom:15px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.14em}
.kc-section h2{font-size:clamp(29px,2.9vw,43px)}
.kc-section h2 span{color:var(--accent)}
.kc-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:37px}
.kc-heading-row>div{max-width:820px}
.kc-heading-row p{max-width:640px;font-size:16px;margin:16px 0 0}
.kc-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-weight:600;font-size:14px;white-space:nowrap;border-bottom:1px solid var(--accent);padding:10px 0}
.kc-text-link span{color:var(--accent);font-size:20px}
.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.domain-tile{min-height:223px;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:23px;transition:transform .2s,border-color .2s}
.domain-tile:hover{transform:translateY(-3px);border-color:var(--accent)}
.domain-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.07em;margin-bottom:auto}
.domain-top span:last-child{font-size:19px}
.domain-tile h3{font-size:21px;margin:30px 0 8px}
.domain-tile p{font-size:14px;margin:0}
.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.trade-stage{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--accent);padding:23px 18px}
.stage-index{font-size:12px;color:var(--accent);font-weight:700}
.trade-stage h3{font-size:21px;margin:46px 0 11px}
.trade-stage p{font-size:14px;margin:0}
.lifecycle-endnote{display:flex;gap:30px;align-items:center;margin-top:25px;border:1px solid var(--line);background:var(--paper);padding:18px 21px}
.lifecycle-endnote span{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}
.lifecycle-endnote p{font-size:14px;margin:0}
.company-grid{display:grid;grid-template-columns:1fr .9fr;gap:10%}
.kc-company h2{margin-bottom:20px}
.kc-company p{font-size:16px;max-width:600px}
.company-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}
.company-links a{display:inline-flex;gap:22px;font-size:14px;font-weight:600;border-bottom:1px solid var(--accent);padding:8px 0}
.company-links a span{color:var(--accent)}
.company-panel{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:30px}
.company-panel>span:first-child{display:block;font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.1em}
.company-panel h3{font-size:25px;margin:18px 0 12px}
.company-panel p{font-size:15px}
.company-mail{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--accent);font:500 clamp(16px,1.75vw,24px) Poppins,sans-serif;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding:8px 0 17px}
.company-location{display:block!important;margin-top:17px;font-size:12px!important;color:var(--muted)!important;letter-spacing:.08em}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.featured-item{display:flex;flex-direction:column;min-height:260px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px;transition:transform .2s,border-color .2s}
.featured-item:hover{transform:translateY(-3px);border-color:var(--accent)}
.featured-item>span{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.08em}
.featured-item h3{font-size:22px;margin:20px 0 10px}
.featured-item p{font-size:15px;margin:0}
.featured-item b{font-size:22px;font-weight:400;color:var(--accent);margin-top:auto;text-align:right}
.featured-disclaimer{font-size:12px;margin-top:15px}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%}
.faq-lead p{font-size:16px;margin:19px 0}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:17px;padding:23px 0;color:var(--ink);font-size:16px;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{display:block;width:12px;height:12px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(45deg);flex:none;transition:transform .2s}
.faq-item[open] summary span{transform:rotate(225deg)}
.faq-item p{font-size:15px;margin:0;padding:0 28px 20px 0}
.kc-prefooter{padding:64px 0;background:linear-gradient(110deg,#103548,#176360);color:white}
.kc-prefooter .kc-eyebrow{color:#b0ddd4}
.kc-prefooter h2{color:white;font-size:clamp(27px,2.9vw,40px);max-width:760px}
.kc-prefooter p{font-size:16px;color:#d6e8e6;max-width:720px;margin:17px 0 26px}
.kc-prefooter-action{display:inline-flex;align-items:center;gap:40px;background:white;color:#123b43;padding:14px 20px;font-size:14px;font-weight:600;border-radius:7px}
.kc-prefooter-action span{font-size:19px}
/* Case-study explainers and Insights articles */
.scenario-row{display:grid;grid-template-columns:minmax(170px,.3fr) minmax(0,.7fr);gap:7%;padding:37px 0;border-bottom:1px solid var(--line);scroll-margin-top:97px}
.scenario-num,.perspective-category{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.08em}
.scenario-row h2,.perspective-article h2{font-size:clamp(24px,2.45vw,36px);margin-bottom:16px}
.scenario-row h3{font-size:19px;margin:23px 0 10px}
.scenario-row p,.perspective-article p{font-size:16px;max-width:840px}
.scenario-row ul{padding-left:22px;font-size:15px;line-height:1.85;color:var(--muted)}
.scenario-note{font-size:13px!important;color:var(--accent)}
.perspective-article{padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:97px}
.perspective-article h2{margin:15px 0}
.editorial-notice{max-width:880px;padding:18px 22px;border-left:3px solid var(--accent);background:var(--soft);margin-top:32px}
.editorial-notice p{font-size:14px;margin:6px 0 0}
@media(max-width:1120px){
 .directory-layout{grid-template-columns:1.3fr .7fr;gap:4%}
 .directory-link{grid-template-columns:30px minmax(0,1fr) 20px}
 .directory-description{display:none}
 .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .overview-item:nth-child(2){border:0}
 .domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .directory-head{padding:16px 0}
 .directory-brand{font-size:25px}
 .directory-head-brand{gap:12px}
 .directory-head-brand>span{font-size:10px;letter-spacing:.04em;padding-left:12px}
 .directory-close{gap:8px;padding:9px 12px}
 .directory-layout{grid-template-columns:1fr;gap:26px;padding:19px 0 26px}
 .directory-link{min-height:49px;padding:8px 0;gap:9px}
 .directory-name{font-size:clamp(18px,5vw,24px)}
 .directory-aside{border-left:0;border-top:1px solid var(--line);padding:23px 0 0;gap:25px}
 .directory-aside-group{padding:0}
 .directory-aside h2{font-size:23px}
 .directory-aside p{font-size:13px}
 .directory-eyebrow{margin-bottom:10px}
 .directory-bottom{font-size:9px}
 .directory-bottom span:last-child{display:none}
 .kc-hero .hero-primary h1{font-size:clamp(36px,9vw,51px)}
 .hero-monogram{font-size:43vw;bottom:24%;right:-12%}
 .hero-solid-action,.hero-line-action{padding:12px 16px;gap:20px;font-size:13px}
 .overview-grid{grid-template-columns:1fr 1fr}
 .overview-item{padding:22px 12px 23px 0;margin-right:11px}
 .overview-item strong{font-size:16px}
 .overview-item p{font-size:12px}
 .kc-section{padding:60px 0}
 .kc-section h2{font-size:clamp(28px,6.5vw,36px)}
 .kc-heading-row{display:block}
 .kc-text-link{margin-top:18px}
 .domain-grid{grid-template-columns:1fr}
 .domain-tile{min-height:160px}
 .domain-tile h3{margin:19px 0 8px;font-size:20px}
 .stage-grid{grid-template-columns:1fr}
 .trade-stage h3{margin:20px 0 9px}
 .lifecycle-endnote{align-items:start;display:block}
 .lifecycle-endnote p{margin-top:8px}
 .company-grid,.faq-layout{grid-template-columns:1fr;gap:28px}
 .company-panel{padding:22px}
 .featured-grid{grid-template-columns:1fr}
 .featured-item{min-height:180px}
 .featured-item h3{margin:16px 0 8px}
 .scenario-row{grid-template-columns:1fr;gap:13px}
}
@media(prefers-reduced-motion:reduce){.directory-overlay,.hero-ambient,.hero-art{animation:none!important}}


/* Detail articles and insight library */
.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.library-card{background:var(--paper);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-height:276px;border-radius:9px;transition:border-color .2s,transform .2s}
.library-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.library-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.06em}
.library-card-top span:last-child{font-size:20px;font-weight:400}
.library-card h2{font-size:clamp(20px,2vw,27px);margin:26px 0 12px}
.library-card p{font-size:15px;margin:0 0 20px}
.library-read{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700;margin-top:auto;border-bottom:1px solid var(--accent);width:max-content;padding-bottom:6px}
.library-read>span{color:var(--accent)}
.library-disclosure{margin-top:30px;border-left:3px solid var(--accent);background:var(--soft);padding:18px 22px;max-width:950px}
.library-disclosure strong{font-size:13px}
.library-disclosure p{font-size:13px;margin:5px 0 0}
.article-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:23px;color:var(--muted);font-size:12px}
.article-breadcrumbs a:hover{color:var(--accent)}
.article-page .article-hero .inner-hero-layout{grid-template-columns:1.2fr .8fr}
.article-body{padding:50px 0 90px}
.article-layout{display:grid;grid-template-columns:minmax(175px,.27fr) minmax(0,.73fr);gap:8%;align-items:start}
.article-side{border-top:2px solid var(--accent);padding:19px 0;position:sticky;top:102px}
.article-side>span{display:block;font-size:11px;color:var(--accent);letter-spacing:.1em;font-weight:700}
.article-side p{font-size:13px;margin:14px 0 18px}
.article-side a{display:inline-block;font-size:12px;font-weight:600;border-bottom:1px solid var(--accent);padding:6px 0}
.article-prose{max-width:860px}
.article-prose .article-intro{font-size:19px;color:var(--ink);line-height:1.75;margin-bottom:37px}
.article-prose>section{margin:0 0 39px}
.article-prose h2{font-size:clamp(24px,2.1vw,32px);line-height:1.4;margin:0 0 17px}
.article-prose p{font-size:16px;line-height:1.93;margin-bottom:17px}
.article-checklist{background:var(--soft);padding:24px 27px;border-left:3px solid var(--accent)}
.article-checklist h2{font-size:22px}
.article-checklist ul{padding-left:20px;margin:0}
.article-checklist li{font-size:15px;line-height:1.8;color:var(--muted);margin:9px 0}
.case-steps{padding-left:23px;margin:0}
.case-steps li{padding:0 0 17px 8px;color:var(--accent);font-weight:600}
.case-steps li strong{color:var(--ink);font-size:16px}
.case-steps li p{font-weight:400;font-size:15px;color:var(--muted);margin:5px 0 0}
.article-source-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:37px 0 28px}
.article-source-note strong{color:var(--accent);font-size:13px}
.article-source-note p{font-size:13px;margin:7px 0 0}
.article-end-links{display:flex;gap:27px;align-items:center;flex-wrap:wrap}
.article-end-links a{font-size:14px;font-weight:600;border-bottom:1px solid var(--accent);padding:5px 0}
@media(max-width:800px){
 .library-grid{grid-template-columns:1fr}
 .library-card{min-height:215px}
 .article-page .article-hero .inner-hero-layout{grid-template-columns:1fr}
 .article-layout{grid-template-columns:1fr;gap:25px}
 .article-side{position:static}
 .article-body{padding:27px 0 66px}
 .article-prose .article-intro{font-size:17px}
 .article-prose p{font-size:15px}
 .article-checklist{padding:20px}
}


/* Purposeful icons and added PJ homepage chapters */
.domain-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--line);border-radius:10px;color:var(--accent);background:linear-gradient(135deg,var(--paper),var(--soft));margin:21px 0 -10px;transition:background .25s,color .25s,border-color .25s,transform .25s}
.domain-icon svg{height:26px;width:26px;display:block;flex:none}
.domain-tile:hover .domain-icon{border-color:var(--accent);transform:translateY(-2px)}
.domain-tile h3{margin-top:21px}
.pj-commodity{background:var(--paper)}
.commodity-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center}
.commodity-description{max-width:680px}
.commodity-description h2{max-width:580px}
.commodity-description h2 span,.pj-career h2 span{color:var(--accent)}
.commodity-description p{font-size:16px;margin:21px 0 25px}
.commodity-spectrum{border-top:1px solid var(--line)}
.commodity-spectrum>div{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(100px,.9fr);align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:22px 0}
.commodity-spectrum>div>span{font-size:12px;font-weight:700;color:var(--accent)}
.commodity-spectrum strong{font:500 clamp(17px,1.65vw,23px) Poppins,sans-serif;letter-spacing:-.03em}
.commodity-spectrum small{font-size:11px;font-weight:600;letter-spacing:.045em;text-align:right;color:var(--muted)}
.pj-market-focus{background:var(--soft)}
.pj-market-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}
.pj-market-primary,.pj-market-secondary{min-height:245px;padding:28px 26px;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}
.pj-market-primary{background:linear-gradient(125deg,#0a3546,#1b6d69);border-color:#1c6267;color:#effaf5}
.pj-market-grid>div>span:first-child{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--accent)}
.pj-market-primary>span:first-child{color:#aee1d9!important}
.pj-market-grid h3{font-size:clamp(20px,2vw,27px);margin:29px 0 10px}
.pj-market-primary h3{color:#fff}
.pj-market-grid p{font-size:14px;margin:0}
.pj-market-primary p{color:#cee3e0}
.pj-market-seal{font-size:10px!important;letter-spacing:.075em;font-weight:700;border:1px solid #ffffff77;border-radius:3px;padding:6px 10px;color:#fff;margin-top:auto}
.pj-career{background:var(--paper)}
.pj-career-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.pj-career-layout>div:first-child>p{font-size:16px;max-width:610px;margin:20px 0 22px}
.pj-career-timeline{border-top:1px solid var(--line)}
.pj-career-timeline>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}
.pj-career-time{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.09em;margin-top:5px}
.pj-career-timeline h3{font-size:20px;line-height:1.45}
.pj-career-timeline p{font-size:14px;margin:8px 0 0}
@media(max-width:1050px){
 .pj-market-grid{grid-template-columns:1fr 1fr}
 .pj-market-primary{grid-column:1/-1;min-height:200px}
 .commodity-feature{gap:5%}
 .commodity-spectrum>div{grid-template-columns:28px 1fr}
 .commodity-spectrum small{grid-column:2;text-align:left;margin-top:-9px}
}
@media(max-width:760px){
 .domain-icon{width:46px;height:46px;margin:15px 0 -4px}
 .domain-icon svg{height:24px;width:24px}
 .commodity-feature,.pj-career-layout{grid-template-columns:1fr;gap:27px}
 .commodity-description p,.pj-career-layout>div:first-child>p{font-size:15px}
 .commodity-spectrum>div{padding:18px 0}
 .pj-market-grid{grid-template-columns:1fr}
 .pj-market-primary{grid-column:auto}
 .pj-market-primary,.pj-market-secondary{min-height:185px;padding:23px}
 .pj-market-grid h3{margin-top:19px}
 .pj-career-timeline>div{grid-template-columns:92px 1fr;gap:13px}
 .pj-career-timeline h3{font-size:18px}
 .pj-career-time{font-size:10px}
}


/* PJ editorial photography — real places/products, not portrayed as company facilities */
.pj-photo{margin:0;overflow:hidden;min-width:0}
.pj-photo img{display:block;width:100%;height:100%;object-fit:cover;background:var(--soft);filter:saturate(.81) contrast(1.03);transition:filter .3s}
.pj-photo:hover img{filter:saturate(.96) contrast(1.02)}
.pj-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--accent)}
.pj-photo figcaption span{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}
.pj-photo-commodities{grid-column:1/-1;margin-top:35px}
.pj-photo-commodities img{aspect-ratio:3.35/1;max-height:460px}
.pj-photo-dubai{margin-top:30px}
.pj-photo-dubai img{aspect-ratio:3.45/1;max-height:425px}
.pj-photo-trade{margin:24px 0 19px}
.pj-photo-trade img{aspect-ratio:2.2/1;max-height:315px}
.pj-photo-trade figcaption{font-size:10px}
.pj-photo-trade figcaption span{font-size:10px}
/* Sitewide pre-footer: page-level content gutters = 3% */
.pj-prefooter{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(114deg,#0d2d40 0%,#145457 70%,#1b6e64 100%);color:#fff}
.pj-prefooter::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 12%,rgba(175,231,218,.16),transparent 42%),repeating-linear-gradient(90deg,transparent 0,transparent 139px,rgba(255,255,255,.028) 140px)}
html[data-theme=dark] .pj-prefooter{background:linear-gradient(120deg,#071925 2%,#10363e 72%,#194c4a 100%)}
.pj-prefooter-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:10%;align-items:center;padding-block:76px 80px}
.pj-prefooter-kicker{font-size:12px;letter-spacing:.12em;font-weight:700;color:#bcdfd9;display:flex;align-items:center;gap:10px}
.pj-prefooter-dot{height:8px;width:8px;border-radius:50%;background:#a1e7d2}
.pj-prefooter h2{font-size:clamp(28px,3vw,43px);line-height:1.35;font-weight:500;letter-spacing:-.035em;color:#fff;margin:22px 0 17px}
.pj-prefooter h2 em{font-style:normal;color:#b7f0e0}
.pj-prefooter-lead>p{font-size:16px;line-height:1.85;color:#d3e4e3;max-width:630px;margin:0}
.pj-prefooter-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:29px}
.pj-prefooter-actions>a{font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:14px 18px;border-radius:7px;transition:transform .2s,border-color .2s}
.pj-prefooter-actions>a:hover{transform:translateY(-3px)}
.pj-prefooter-actions>a span{font-size:19px;font-weight:400}
.pj-prefooter-primary{background:#e9f6f3;color:#143e42}
.pj-prefooter-secondary{border:1px solid #d8eee49a;color:#fff}
.pj-prefooter-meta{border-left:1px solid #d9f1e563;padding-left:32px;max-width:470px}
.pj-prefooter-meta>span{display:block;font-size:11px;letter-spacing:.09em;font-weight:700;color:#b7dcd8;margin-bottom:12px}
.pj-prefooter-meta>strong{display:block;font:500 27px Poppins,sans-serif;color:#fff;letter-spacing:-.03em}
.pj-prefooter-meta>p{font-size:14px;color:#d6e9e7;margin:8px 0 24px;line-height:1.7}
.pj-prefooter-meta-rule{height:1px;background:#ffffff38;margin:16px 0 23px}
.pj-prefooter-meta>a{font-size:15px;font-weight:600;color:#f6ffff;overflow-wrap:anywhere;border-bottom:1px solid #afddce;padding-bottom:7px}
/* Detailed footer: 1.5% frame gutters preserved */
.site-footer-expanded{background:#101e28;color:#ebf1f1;border-top:1px solid #ffffff20}
html[data-theme=dark] .site-footer-expanded{background:#09141e}
.site-footer-expanded .footer-inner{padding:55px 1.5% 22px}
.pj-footer-grid{display:grid;grid-template-columns:minmax(255px,1.8fr) minmax(150px,.75fr) minmax(210px,1.2fr) minmax(175px,.9fr);gap:6%;align-items:start}
.pj-footer-logo{font:700 39px/.9 Poppins,sans-serif;letter-spacing:-.085em;color:#f8fcfc}
.pj-footer-logo span{color:#9cddd0}
.pj-footer-name{font-size:13px;letter-spacing:.1em;font-weight:700;color:#f4fcfa;margin:25px 0 4px}
.pj-footer-role{font-size:14px;color:#b9cfd1;line-height:1.7;margin:0 0 18px}
.pj-footer-description{font-size:13px;color:#a9bec3;line-height:1.85;max-width:350px;margin:0 0 17px}
.pj-footer-direct{display:inline-flex;gap:13px;align-items:center;border-bottom:1px solid #a2dcd0;padding-bottom:7px;font-size:14px;color:#e8f8f5;font-weight:600;overflow-wrap:anywhere}
.pj-footer-direct span{color:#a0e2d5}
.pj-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pj-footer-col h2{font:600 14px Poppins,sans-serif;letter-spacing:.02em;color:#fff;margin:3px 0 16px}
.pj-footer-col>a{font-size:13px;color:#b5c9cd;line-height:1.5;transition:color .2s}
.pj-footer-col>a:hover,.pj-footer-direct:hover{color:#a4dfd2}
.pj-footer-connect>a span{color:#98dbcf}
.pj-footer-location{border-top:1px solid #ffffff32;margin-top:19px;padding-top:21px;width:100%;display:flex;flex-direction:column;gap:5px}
.pj-footer-location>span{font-size:10px;color:#96c9c6;font-weight:700;letter-spacing:.09em}
.pj-footer-location>strong{font-size:17px;font-weight:500;color:#fff}
.pj-footer-location>small{font-size:12px;color:#b5c9cd}
.pj-footer-disclosure{border-top:1px solid #ffffff28;margin-top:50px;padding:17px 0 19px;max-width:none;color:#9bb2b9;font-size:12px;line-height:1.6}
.pj-footer-bottom{border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:#9eb5bb;font-size:12px}
.pj-footer-bottom>a{color:#d7f3ec;font-weight:600}
.pj-footer-bottom>a:hover{color:#a8e6d7}
@media(max-width:1160px){
 .pj-footer-grid{grid-template-columns:1.25fr 1fr 1fr;gap:40px}
 .pj-footer-identity{grid-column:1/-1;max-width:650px}
 .pj-prefooter-inner{gap:5%}
}
@media(max-width:760px){
 .pj-photo-commodities img,.pj-photo-dubai img{aspect-ratio:1.65/1}
 .pj-photo-trade img{aspect-ratio:1.75/1}
 .pj-photo figcaption{font-size:10px}
 .pj-prefooter-inner{grid-template-columns:1fr;gap:31px;padding-block:53px}
 .pj-prefooter h2{font-size:clamp(28px,6.6vw,37px)}
 .pj-prefooter-lead>p{font-size:15px}
 .pj-prefooter-actions>a{font-size:13px;padding:12px 15px}
 .pj-prefooter-meta{border-left:0;border-top:1px solid #d9f1e563;padding:25px 0 0;max-width:none}
 .pj-prefooter-meta>strong{font-size:23px}
 .pj-prefooter-meta>p{font-size:13px;margin:6px 0 17px}
 .pj-prefooter-meta-rule{margin:10px 0 19px}
 .pj-footer-grid{grid-template-columns:1fr 1fr;gap:38px 17px}
 .pj-footer-identity{grid-column:1/-1}
 .site-footer-expanded .footer-inner{padding-block:40px 24px}
 .pj-footer-col h2{margin:0 0 8px}
 .pj-footer-col>a{font-size:13px}
 .pj-footer-disclosure{margin-top:34px}
 .pj-footer-bottom{font-size:11px;align-items:flex-start}
}
@media(max-width:440px){
 .pj-footer-grid{grid-template-columns:1fr 1fr}
 .pj-footer-connect{grid-column:1/-1}
 .pj-footer-identity{grid-column:1/-1}
 .pj-prefooter-actions>a{width:100%}
 .pj-footer-bottom{flex-direction:column;gap:7px}
}


/* Editorial collection / career photo placements */
.pj-library-photo{margin:0 0 28px}
.pj-library-photo img{aspect-ratio:3.35/1;max-height:425px}
.pj-experience-photo{margin:8px 0 35px}
.pj-experience-photo img{aspect-ratio:3.15/1;max-height:400px}
@media(max-width:760px){
 .pj-library-photo img,.pj-experience-photo img{aspect-ratio:1.75/1}
}

/* Visual rhythm: adjacent homepage sections and adjacent cards never share an identical treatment. */
:root{
 --chapter-white:#fff;
 --chapter-mineral:#edf4f2;
 --chapter-sky:#edf2f9;
 --chapter-ivory:#f8f5ef;
 --chapter-linen:#f1f7f3;
 --chapter-cloud:#f7f9fc;
 --card-a:#fff;
 --card-b:#eaf3f4;
 --card-c:#f2f2f8;
}
html[data-theme=dark]{
 --chapter-white:#172832;
 --chapter-mineral:#1d3437;
 --chapter-sky:#1c3040;
 --chapter-ivory:#2a2e34;
 --chapter-linen:#1c3531;
 --chapter-cloud:#182b37;
 --card-a:#172832;
 --card-b:#203b40;
 --card-c:#2b3040;
}
/* Homepage: intentional alternate chapter tones, independent of light/dark mode */
body[data-page="Home"] main > .kc-overview{background:var(--chapter-white)}
body[data-page="Home"] main > .kc-domains{background:var(--chapter-mineral)}
body[data-page="Home"] main > .pj-commodity{background:var(--chapter-ivory)}
body[data-page="Home"] main > .kc-lifecycle{background:var(--chapter-sky)}
body[data-page="Home"] main > .pj-market-focus{background:var(--chapter-linen)}
body[data-page="Home"] main > .kc-company{background:var(--chapter-white)}
body[data-page="Home"] main > .pj-career{background:var(--chapter-cloud)}
body[data-page="Home"] main > .kc-featured{background:var(--chapter-ivory)}
body[data-page="Home"] main > .kc-faq{background:var(--chapter-mineral)}
body[data-page="Home"] main > .pj-prefooter{background:linear-gradient(105deg,#185978,#228577)}
/* Inner pages: adjacent editorial sections alternate tones without touching the premium prefooter */
body:not([data-page="Home"]) main > section:not(.pj-prefooter):not(.inner-hero):nth-of-type(even){background:var(--chapter-mineral)}
body:not([data-page="Home"]) main > section:not(.pj-prefooter):not(.inner-hero):nth-of-type(odd){background:var(--chapter-white)}
body:not([data-page="Home"]) main > .inner-hero{background:var(--chapter-white)}
body:not([data-page="Home"]) main > .pj-prefooter{background:linear-gradient(105deg,#185978,#228577)}
html[data-theme=dark] body main > .pj-prefooter{background:linear-gradient(105deg,#133e51,#206762)}
/* Domain grid: Latin-square colors guarantee different horizontal & vertical neighbors at 3 columns */
.domain-grid > .domain-tile:nth-child(1),
.domain-grid > .domain-tile:nth-child(6),
.domain-grid > .domain-tile:nth-child(8){background:var(--card-a)}
.domain-grid > .domain-tile:nth-child(2),
.domain-grid > .domain-tile:nth-child(4),
.domain-grid > .domain-tile:nth-child(9){background:var(--card-b)}
.domain-grid > .domain-tile:nth-child(3),
.domain-grid > .domain-tile:nth-child(5),
.domain-grid > .domain-tile:nth-child(7){background:var(--card-c)}
/* Sidebar and card neighbors have distinct tones as well */
.stage-grid > .trade-stage:nth-child(1),
.stage-grid > .trade-stage:nth-child(5){background:var(--card-a)}
.stage-grid > .trade-stage:nth-child(2),
.stage-grid > .trade-stage:nth-child(4){background:var(--card-b)}
.stage-grid > .trade-stage:nth-child(3){background:var(--card-c)}
.featured-grid > .featured-item:nth-child(3n+1){background:var(--card-a)}
.featured-grid > .featured-item:nth-child(3n+2){background:var(--card-b)}
.featured-grid > .featured-item:nth-child(3n){background:var(--card-c)}
.pj-market-grid > .pj-market-secondary:nth-child(2){background:var(--card-b)}
.pj-market-grid > .pj-market-secondary:nth-child(3){background:var(--card-c)}
.library-grid > .library-card:nth-child(4n+1),
.library-grid > .library-card:nth-child(4n+4){background:var(--card-a)}
.library-grid > .library-card:nth-child(4n+2),
.library-grid > .library-card:nth-child(4n+3){background:var(--card-b)}
/* Six-page menu: comfortable rows, without the former eight-item clutter */
.directory-link{min-height:70px}
.directory-nav-top{margin-bottom:4px}
/* Insights & Cases share one top-level destination */
.knowledge-case-strip{margin-top:44px;padding-top:43px;border-top:1px solid var(--line)}
.knowledge-case-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.knowledge-case-head h2{font-size:clamp(24px,2.5vw,34px)}
.knowledge-case-head p{font-size:15px;max-width:660px;margin:13px 0 0}
.knowledge-case-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.knowledge-case-links > a{min-height:165px;padding:21px 20px;border:1px solid var(--line);background:var(--card-a);border-radius:8px;display:flex;align-items:start;flex-direction:column;gap:16px;transition:transform .2s,border-color .2s}
.knowledge-case-links > a:nth-child(2){background:var(--card-b)}
.knowledge-case-links > a:nth-child(3){background:var(--card-c)}
.knowledge-case-links > a:hover{transform:translateY(-3px);border-color:var(--accent)}
.knowledge-case-links > a > span{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.knowledge-case-links strong{font:500 clamp(16px,1.5vw,20px)/1.35 Poppins,sans-serif}
.knowledge-case-links b{align-self:flex-end;margin-top:auto;font-size:20px;color:var(--accent);font-weight:400}
@media(max-width:1120px){
 .domain-grid > .domain-tile:nth-child(1),
 .domain-grid > .domain-tile:nth-child(4),
 .domain-grid > .domain-tile:nth-child(5),
 .domain-grid > .domain-tile:nth-child(8),
 .domain-grid > .domain-tile:nth-child(9){background:var(--card-a)}
 .domain-grid > .domain-tile:nth-child(2),
 .domain-grid > .domain-tile:nth-child(3),
 .domain-grid > .domain-tile:nth-child(6),
 .domain-grid > .domain-tile:nth-child(7){background:var(--card-b)}
}
@media(max-width:760px){
 .domain-grid > .domain-tile:nth-child(odd){background:var(--card-a)}
 .domain-grid > .domain-tile:nth-child(even){background:var(--card-b)}
 .knowledge-case-head{display:block}
 .knowledge-case-head .kc-text-link{margin-top:16px}
 .knowledge-case-links{grid-template-columns:1fr}
 .knowledge-case-links > a{min-height:130px}
 .directory-link{min-height:59px}
}

/* Distinguish neighboring summary items and stacked editorial rows */
.overview-grid > .overview-item:nth-child(1){background:var(--card-a)}
.overview-grid > .overview-item:nth-child(2){background:var(--card-b)}
.overview-grid > .overview-item:nth-child(3){background:var(--card-c)}
.overview-grid > .overview-item:nth-child(4){background:var(--chapter-ivory)}
.commodity-spectrum > div:nth-child(odd),
.market-lines > div:nth-child(odd){background:var(--card-a)}
.commodity-spectrum > div:nth-child(even),
.market-lines > div:nth-child(even){background:var(--card-b)}
.commodity-spectrum > div,.market-lines > div{padding-inline:12px}
@media(max-width:800px){
 .library-grid > .library-card:nth-child(odd){background:var(--card-a)}
 .library-grid > .library-card:nth-child(even){background:var(--card-b)}
}

/* Executive signal band — replaces the old four-column overview */
.hero-signal-band{background:var(--chapter-white);border-bottom:1px solid var(--line)}
.hero-signal-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.signal-card{min-height:184px;padding:27px clamp(18px,2.05vw,36px) 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-right:1px solid var(--line);position:relative}
.signal-card:last-child{border-right:0}
.signal-label{font:700 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.085em;color:var(--accent)}
.signal-card h3{font:500 clamp(20px,1.75vw,26px)/1.35 Poppins,Arial,sans-serif;letter-spacing:-.032em;color:var(--ink);margin:30px 0 9px}
.signal-card p{font:400 15px/1.65 Inter,Arial,sans-serif;color:var(--muted);margin:0;max-width:350px}
.signal-card.tone-a{background:linear-gradient(145deg,#fff 5%,#f8fbfa 100%)}
.signal-card.tone-b{background:linear-gradient(145deg,#eaf4f2 5%,#e5f0ee 100%)}
.signal-card.tone-c{background:linear-gradient(145deg,#f0f2f8 5%,#e9eef6 100%)}
.signal-card.tone-d{background:linear-gradient(145deg,#f8f4ed 5%,#f1ede5 100%)}
html[data-theme=dark] .signal-card.tone-a{background:linear-gradient(145deg,#172832,#192f37)}
html[data-theme=dark] .signal-card.tone-b{background:linear-gradient(145deg,#203938,#1e3436)}
html[data-theme=dark] .signal-card.tone-c{background:linear-gradient(145deg,#252e3d,#202b38)}
html[data-theme=dark] .signal-card.tone-d{background:linear-gradient(145deg,#35332f,#302e2d)}
/* Low-key continuous movement on existing curved lines, not on the hero copy */
.kc-hero .hero-art .hero-flow-lines{transform-box:fill-box;transform-origin:center;will-change:transform}
.kc-hero .hero-art .hero-flow-one{animation:pj-hero-lines-a 26s ease-in-out infinite alternate}
.kc-hero .hero-art .hero-flow-two{animation:pj-hero-lines-b 35s ease-in-out infinite alternate}
@keyframes pj-hero-lines-a{from{transform:translate3d(-33px,13px,0)}to{transform:translate3d(31px,-17px,0)}}
@keyframes pj-hero-lines-b{from{transform:translate3d(25px,-13px,0)}to{transform:translate3d(-29px,15px,0)}}
@media(max-width:1080px){
 .hero-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .signal-card:nth-child(2){border-right:0}
 .signal-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .signal-card{min-height:169px}
}
@media(max-width:650px){
 .hero-signal-grid{grid-template-columns:1fr}
 .signal-card{min-height:0;padding:23px 20px 24px;border-right:0;border-bottom:1px solid var(--line)}
 .signal-card:nth-child(2){border-bottom:1px solid var(--line)}
 .signal-card:last-child{border-bottom:0}
 .signal-card h3{font-size:22px;margin:15px 0 6px}
 .signal-card p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 .kc-hero .hero-art .hero-flow-lines{animation:none!important;will-change:auto}
}


/* FINAL EXECUTIVE SYSTEM — immersive internal heroes, white panels, graceful motion */
body main > .inner-hero.premium-hero{--ph-ink:#f6fbf9;--ph-muted:#d1e4e1;--ph-accent:#a8e3d6;--ph-line:#ffffff32;position:relative;isolation:isolate;overflow:hidden;padding:0;color:var(--ph-ink);background:linear-gradient(120deg,#102d3e,#235963)}
body main > .inner-hero.premium-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 38%,#bbe9df22,transparent 48%),linear-gradient(120deg,transparent 20%,#ffffff06 100%)}
.premium-hero-frame{display:grid;grid-template-rows:auto 1fr auto;gap:30px;min-height:clamp(600px,78svh,890px);padding-top:111px;padding-bottom:28px}
.premium-hero-top,.premium-hero-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-bottom:1px solid var(--ph-line);padding:0 0 18px;font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.095em;color:var(--ph-muted)}
.premium-hero-top>span:first-child{color:var(--ph-accent)}
.premium-hero-bottom{border:0;border-top:1px solid var(--ph-line);padding:18px 0 0;font-size:10px}
.premium-hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(290px,.9fr);gap:clamp(30px,5vw,90px);align-items:center;min-height:0}
.premium-hero-copy{max-width:790px;position:relative;z-index:2}
.premium-hero-kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;font:700 11px/1.6 Inter,Arial,sans-serif;letter-spacing:.11em;color:var(--ph-accent)}
.premium-kicker-dot{display:block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--ph-accent)}
body main > .premium-hero h1{font:500 clamp(34px,3.55vw,55px)/1.23 Poppins,Arial,sans-serif;letter-spacing:-.043em;color:var(--ph-ink);margin:0 0 23px;text-wrap:balance}
body main > .premium-hero h1 em{font-style:normal;color:var(--ph-accent)}
.premium-hero-summary{font:400 clamp(16px,1.25vw,19px)/1.8 Inter,Arial,sans-serif;color:var(--ph-muted);max-width:640px;margin:0 0 29px}
.premium-hero-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:11px 0;border-bottom:1px solid var(--ph-accent);font:600 14px Inter,sans-serif;color:var(--ph-ink);transition:gap .25s}
.premium-hero-link:hover{gap:46px}
.premium-hero-link span{font-size:20px;color:var(--ph-accent)}
.premium-hero-media{min-width:0;max-width:800px;width:100%;justify-self:end}
.premium-hero-photo{height:clamp(360px,51vh,545px);margin:0;position:relative;overflow:hidden;border:1px solid var(--ph-line);background:#fff;border-radius:4px}
.premium-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.03)}
.premium-hero-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0a2437bb);pointer-events:none}
.premium-hero-photo figcaption{position:absolute;z-index:2;bottom:22px;left:23px;color:white;font:700 10px Inter,sans-serif;letter-spacing:.09em}
.premium-graphic{display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;height:clamp(360px,50vh,535px);padding:clamp(22px,2.6vw,40px);border:1px solid #dde8e9!important;border-radius:5px;background:#fff!important;color:#193442!important;box-shadow:0 18px 50px #08192624}
.premium-graphic:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,#15495b0b 1px,transparent 1px),linear-gradient(to bottom,#15495b0b 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(115deg,transparent,#000)}
.graphic-overline,.graphic-foot{font:700 10px/1.6 Inter,sans-serif;letter-spacing:.11em;color:#647985!important}
.graphic-foot{border-top:1px solid #dfe8ea;padding-top:16px}
.graphic-period{color:#148486!important}
.journey-graphic-lines{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:auto 0}
.journey-graphic-lines>span{display:flex;flex-direction:column;gap:10px;color:#177f80;font:700 11px Inter,sans-serif}
.journey-graphic-lines strong{color:#193442!important;font:500 clamp(18px,2vw,27px)/1.35 Poppins,sans-serif}
.journey-graphic-lines small{font:400 11px/1.5 Inter,sans-serif;color:#617783}
.journey-graphic-lines i{font:400 45px Poppins,sans-serif;color:#158384}
.premium-graphic-contact .graphic-symbol{align-self:flex-end;margin:auto 0 -25px;font:400 clamp(120px,14vw,215px)/1 Poppins,sans-serif;color:#d8e8e9}
.premium-graphic-contact>a{display:flex;align-items:center;justify-content:space-between;gap:13px;overflow-wrap:anywhere;padding-bottom:20px;border-bottom:1px solid #e1e8ea;color:#1b3c48;font:500 clamp(16px,1.7vw,23px) Poppins,sans-serif}
.premium-graphic-contact>a span{color:#167e80}
.editorial-graphic-index{display:flex;justify-content:space-between;margin-top:auto;gap:15px;border-bottom:1px solid #dfe7e9;padding-bottom:15px;color:#1a8586;font:600 11px Inter,sans-serif}
.premium-graphic-editorial>strong{font:500 clamp(53px,7vw,105px)/1 Poppins,sans-serif;letter-spacing:-.09em;color:#193442;margin:16px 0}
.scenario-graphic-list{display:grid;margin:auto 0;gap:5px}
.scenario-graphic-list>span{display:flex;align-items:center;gap:18px;border-bottom:1px solid #e0e7e9;padding:14px 0;color:#177d7e;font:700 11px Inter,sans-serif}
.scenario-graphic-list strong{color:#193442;font:500 clamp(15px,1.45vw,20px) Poppins,sans-serif}
.premium-graphic-article .article-graphic-num{font:500 clamp(100px,10vw,170px)/1 Poppins,sans-serif;color:#dce9ea;text-align:right;margin:auto 0 0}
.article-graphic-slash{font-size:.55em}
.premium-graphic-article>strong{font:500 clamp(20px,2.4vw,32px)/1.3 Poppins,sans-serif;color:#193442;margin:0 0 16px}
body main>.premium-hero--profile{background:linear-gradient(115deg,#102e40,#1b5258)}
body main>.premium-hero--expertise{background:linear-gradient(112deg,#143b3d,#2b685c)}
body main>.premium-hero--markets{background:linear-gradient(115deg,#102f47,#285a71)}
body main>.premium-hero--experience{background:linear-gradient(115deg,#1a3448,#485c64)}
body main>.premium-hero--contact{background:linear-gradient(115deg,#112e40,#24565b)}
body main>.premium-hero--insights{background:linear-gradient(115deg,#25364d,#465c68)}
body main>.premium-hero--cases{background:linear-gradient(115deg,#2b3c44,#4b6062)}
body main>.premium-hero--case{background:linear-gradient(115deg,#243c46,#465d63)}
body main>.premium-hero--insight{background:linear-gradient(115deg,#1b3745,#3b5b63)}
/* All boxes white, including in dark mode; contrast comes from borders and composition, never pastel panels. */
:is(.domain-tile,.signal-card,.trade-stage,.featured-item,.library-card,.knowledge-case-links>a,.pj-market-primary,.pj-market-secondary,.company-panel,.overview-item,.premium-graphic,.article-checklist,.editorial-notice,.library-disclosure){background:#fff!important;color:#193442!important;border-color:#dfe6e9!important}
:is(.domain-tile,.signal-card,.trade-stage,.featured-item,.library-card,.knowledge-case-links>a,.pj-market-primary,.pj-market-secondary,.company-panel,.overview-item,.article-checklist,.editorial-notice,.library-disclosure) :is(h2,h3,h4,strong){color:#193442!important}
:is(.domain-tile,.signal-card,.trade-stage,.featured-item,.library-card,.knowledge-case-links>a,.pj-market-primary,.pj-market-secondary,.company-panel,.overview-item,.article-checklist,.editorial-notice,.library-disclosure) p{color:#566f7b!important}
.domain-icon{background:white!important}
body[data-page=Home] main > .kc-overview,body[data-page=Home] main > .pj-commodity,body[data-page=Home] main > .pj-market-focus,body[data-page=Home] main > .pj-career,body[data-page=Home] main > .kc-faq{background:#fff}
body[data-page=Home] main > .kc-domains,body[data-page=Home] main > .kc-lifecycle,body[data-page=Home] main > .kc-company,body[data-page=Home] main > .kc-featured{background:#f4f6f6}
@media(max-width:1000px){.premium-hero-frame{min-height:0;padding-top:110px}.premium-hero-layout{grid-template-columns:1fr;gap:25px;padding:14px 0 28px}.premium-hero-photo,.premium-graphic{height:310px;min-height:310px;max-width:100%}}
@media(max-width:700px){.premium-hero-frame{padding-top:96px;gap:18px}.premium-hero-top,.premium-hero-bottom{font-size:9px}.premium-hero-top>span:last-child,.premium-hero-bottom>span:last-child{display:none}body main > .premium-hero h1{font-size:clamp(30px,7.6vw,43px)}.premium-hero-summary{font-size:15px}.premium-hero-photo,.premium-graphic{height:268px;min-height:268px}.premium-graphic{padding:20px}.premium-graphic-editorial>strong{font-size:58px}.premium-graphic-article .article-graphic-num{font-size:90px}.journey-graphic-lines strong{font-size:16px}.journey-graphic-lines i{font-size:25px}}
/* Abstract continuous line flow on the homepage; no moving copy or interaction gimmicks. */
.kc-hero .hero-art .hero-flow-lines{transform-box:view-box;transform-origin:55% 45%;stroke-dasharray:5 8;will-change:transform,opacity}
.kc-hero .hero-art .hero-flow-one{animation:pj-abstract-one 35s ease-in-out infinite alternate}
.kc-hero .hero-art .hero-flow-two{animation:pj-abstract-two 49s ease-in-out infinite alternate}
@keyframes pj-abstract-one{0%{transform:translate3d(-30px,12px,0) rotate(-2deg);stroke-dashoffset:0;opacity:.65}50%{transform:translate3d(17px,-18px,0) rotate(.8deg);stroke-dashoffset:-56;opacity:1}100%{transform:translate3d(33px,8px,0) rotate(2deg);stroke-dashoffset:-110;opacity:.7}}
@keyframes pj-abstract-two{0%{transform:translate3d(23px,-14px,0) rotate(1.5deg);stroke-dashoffset:0;opacity:.7}50%{transform:translate3d(-18px,15px,0) rotate(-1deg);stroke-dashoffset:70;opacity:.5}100%{transform:translate3d(-34px,-7px,0) rotate(-2.7deg);stroke-dashoffset:130;opacity:.85}}
@media(prefers-reduced-motion:reduce){.kc-hero .hero-art .hero-flow-lines{animation:none!important;will-change:auto}}


/* PJ Motion & Interaction System — editorial, restrained, accessible */
.site-reading-progress{position:fixed;z-index:450;top:0;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,#287a83,#76cab8);transform:scaleX(0);transform-origin:left center;will-change:transform}
.directory-overlay:not([hidden]) .directory-link{animation:pj-menu-item-in .42s both cubic-bezier(.16,1,.3,1);animation-delay:calc(var(--menu-order,0) * 45ms)}
.directory-overlay:not([hidden]) .directory-aside{animation:pj-menu-item-in .52s .18s both cubic-bezier(.16,1,.3,1)}
@keyframes pj-menu-item-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.directory-link .directory-arrow{transition:transform .3s ease,color .25s}
.directory-link:hover .directory-arrow,.directory-link:focus-visible .directory-arrow{transform:translate(4px,-4px)}
.directory-link .directory-name{transition:color .25s,letter-spacing .35s}
.directory-link:hover .directory-name{letter-spacing:.005em}
/* Hero retains animated independent curved lines, plus low-amplitude cursor influence */
.kc-hero.hero-pointer-active::before{background:radial-gradient(ellipse at var(--spot-x,78%) var(--spot-y,40%),rgba(139,220,207,.16),transparent 42%),linear-gradient(120deg,transparent 25%,rgba(255,255,255,.02))}
.kc-hero.hero-pointer-active .hero-art{animation:none!important;transform:translate3d(var(--hero-drift-x,0px),var(--hero-drift-y,0px),0);transition:transform .7s cubic-bezier(.17,.7,.2,1)}
/* Delayed entrance only after intersection, leaving the no-JS experience unchanged */
.has-js .revealable.in-view{transition-delay:var(--reveal-delay,0ms)}
/* White surfaces stay white. The movement is in the silhouette and border. */
:is(.domain-tile,.trade-stage,.featured-item,.library-card,.knowledge-case-links > a,.signal-card,.pj-market-secondary){transition:transform .34s cubic-bezier(.2,.7,.2,1),border-color .28s ease,box-shadow .34s ease}
:is(.domain-tile,.trade-stage,.featured-item,.library-card,.knowledge-case-links > a,.signal-card,.pj-market-secondary):hover{transform:translateY(-5px);border-color:#a2cac7!important;box-shadow:0 18px 35px rgba(12,51,64,.085)}
:is(.domain-tile,.featured-item,.library-card) :is(.domain-top span:last-child,b,.library-card-top span:last-child){transition:transform .25s ease}
:is(.domain-tile,.featured-item,.library-card):hover :is(.domain-top span:last-child,b,.library-card-top span:last-child){transform:translate(3px,-3px)}
.domain-tile .domain-icon{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s}
.domain-tile:hover .domain-icon{transform:translateY(-3px) rotate(-3deg);border-color:#9ecfc8!important}
/* Photography gains slight depth only when intentionally explored */
.pj-photo img,.editorial-photo img,.premium-hero-photo img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.pj-photo:hover img,.editorial-photo:hover img,.premium-hero-photo:hover img{transform:scale(1.045);filter:saturate(.98) contrast(1.04)}
/* Polished interactive actions, without magnetic buttons or bouncy navigation */
:is(.hero-solid-action,.hero-line-action,.pj-prefooter-primary,.pj-prefooter-secondary,.kc-prefooter-action){transition:transform .27s ease,box-shadow .27s ease,background-color .27s}
:is(.hero-solid-action,.hero-line-action,.pj-prefooter-primary,.pj-prefooter-secondary,.kc-prefooter-action):hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(4,32,42,.13)}
.pj-copy-action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:5px;padding:10px 13px;background:#fff;color:#1b424f;font:600 12px Inter,sans-serif;transition:border-color .2s,box-shadow .2s}
.pj-copy-action:hover{border-color:#6faeac;box-shadow:0 5px 16px rgba(14,59,64,.08)}
.pj-copy-action:focus-visible{outline:2px solid #168a8b;outline-offset:3px}
.pj-copy-status:empty{display:none}
.pj-copy-status{display:block;color:var(--muted);font-size:11px;margin-top:7px}
.pj-contact-copy{border-bottom:1px solid var(--line);padding:16px 0}
.pj-article-share{margin-top:18px}
.pj-article-toc{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.pj-toc-heading{font:700 10px Inter,sans-serif;letter-spacing:.12em;color:var(--accent);margin:0 0 11px}
.pj-article-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:0}
.pj-article-toc li{font-size:12px;line-height:1.6;margin:0}
.pj-article-toc a{display:block;padding:9px 0 9px 12px;border-left:2px solid var(--line);color:var(--muted);transition:color .2s,border-color .2s,padding-left .2s}
.pj-article-toc a:hover,.pj-article-toc a.is-active{color:var(--accent);border-color:var(--accent);padding-left:16px}
.article-prose > section > h2[id]{scroll-margin-top:108px}
.pj-library-filter{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 26px;padding:17px 0;border-block:1px solid var(--line)}
.pj-library-filter label{font:600 13px Inter,sans-serif;white-space:nowrap}
.pj-library-filter input{flex:1;min-width:210px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:400 14px Inter,sans-serif;min-height:43px;padding:10px 13px;outline:none;transition:border-color .25s}
.pj-library-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(22,126,129,.09)}
.pj-filter-count{color:var(--muted);font-size:12px;min-width:70px;text-align:right}
.library-card[hidden],.knowledge-case-links a[hidden],.knowledge-case-strip[hidden]{display:none!important}
.faq-item summary span{transition:transform .28s ease}
.faq-item[open] > p{animation:pj-faq-content .34s ease both}
@keyframes pj-faq-content{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:800px){
 .pj-library-filter{align-items:stretch;gap:10px}
 .pj-library-filter label{flex-basis:100%}
 .pj-library-filter input{min-width:0;flex-basis:100%}
 .pj-filter-count{text-align:left}
 .pj-article-toc{margin-top:15px}
 .pj-article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
}
@media(max-width:440px){.pj-article-toc ol{grid-template-columns:1fr}}
@media(hover:none){
 :is(.domain-tile,.trade-stage,.featured-item,.library-card,.knowledge-case-links > a,.signal-card,.pj-market-secondary):hover{transform:none;box-shadow:none}
 .pj-photo:hover img,.editorial-photo:hover img,.premium-hero-photo:hover img{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .directory-overlay:not([hidden]) .directory-link,.directory-overlay:not([hidden]) .directory-aside,.faq-item[open] > p{animation:none!important}
 .site-reading-progress{will-change:auto}
 .kc-hero.hero-pointer-active .hero-art{transition:none!important}
 .has-js .revealable{opacity:1!important;transform:none!important;transition:none!important}
}

/* Reveal transforms must not override the intended hover affordance. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .has-js .revealable.in-view:is(.domain-tile,.trade-stage,.featured-item,.library-card,.knowledge-case-links > a,.signal-card,.pj-market-secondary):hover{
   transform:translateY(-5px);
   transition-delay:0ms;
 }
}


/* PurpleBlue House-inspired abstract flow — live, continuous full-width Bezier curves. */
.kc-hero .hero-flow-art{
 opacity:.84;
 -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.8) 67%,#000 100%);
 mask-image:linear-gradient(90deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.8) 67%,#000 100%);
}
.kc-hero .hero-flow-art .pj-flow-threads,
.kc-hero .hero-flow-art .pj-flow-thread{
 fill:none;
 stroke-dasharray:none!important;
 stroke-dashoffset:0!important;
 vector-effect:non-scaling-stroke;
}
/* The curve itself responds to the pointer; moving the whole SVG would make it slide. */
.kc-hero.hero-pointer-active .hero-flow-art{
 animation:none!important;
 transform:none!important;
 transition:none!important;
}
.kc-hero .hero-flow-art .pj-flow-thread{animation:none!important}
@media(max-width:740px){
 .kc-hero .hero-flow-art{
   opacity:.55;
   -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.11),rgba(0,0,0,.65) 55%,#000);
   mask-image:linear-gradient(90deg,rgba(0,0,0,.11),rgba(0,0,0,.65) 55%,#000);
 }
}
@media(prefers-reduced-motion:reduce){
 .kc-hero .hero-flow-art,.kc-hero .hero-flow-art .pj-flow-thread{
   animation:none!important;transform:none!important;transition:none!important;
 }
}

@media(prefers-reduced-motion:reduce){
 *,:before,:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .has-js .revealable{opacity:1;transform:none}
}

/* MAROON EXECUTIVE DESIGN — flat ink, champagne gold and white. */
:root,html[data-theme=light]{
 color-scheme:light;
 --bg:#f9f6f1;--paper:#fff;--soft:#f5f1ea;
 --ink:#3f1c2b;--muted:#6d6267;--line:#e8dfdb;
 --accent:#8b642f;--accent-strong:#725024;--deep:#491a30;
 --herobg:#491a30;--hero2:#491a30;--hero-fg:#fff;
 --chapter-white:#fff;--chapter-mineral:#f9f6f1;--chapter-sky:#f9f6f1;
 --chapter-ivory:#fff;--chapter-linen:#f9f6f1;--chapter-cloud:#fff;
 --card-a:#fff;--card-b:#fff;--card-c:#fff
}
html{color-scheme:light}
body{background:#f9f6f1;color:#3f1c2b}
/* Disable all legacy gradient backgrounds; the photographs and SVG linework remain. */
*,*::before,*::after{background-image:none!important}
html .theme-toggle{display:none!important}
html .site-header,html .site-header.is-scrolled{background:#491a30!important;color:#fff!important;border-color:#72465c!important}
html .site-header.is-scrolled{box-shadow:0 8px 27px #2c101d21}
html .site-header .wordmark-symbol span,html .directory-brand span{color:#dfb977}
html .site-header .wordmark-copy small{color:#e4d5dd}
html .site-header .menu-toggle{background:transparent!important;color:#fff!important;border:1px solid #c6a7b4!important}
html .site-header .menu-toggle:hover{border-color:#dfb977!important}
html .directory-overlay{background:#faf8f4!important;color:#3f1c2b!important}
html .directory-link:hover .directory-name,html .directory-link[aria-current=page] .directory-name{color:#9c6f33}
html .directory-number,html .directory-eyebrow,html .directory-nav-top{color:#8b642f}
html .directory-aside{color:#3f1c2b}
html .directory-aside p{color:#76676e}
html .directory-close{background:#fff;color:#3f1c2b;border-color:#e3dbd7}
html .directory-email span{color:#8b642f}
html .hero-immersive.kc-hero{background:#491a30!important;color:#fff!important}
html .kc-hero .hero-ambient{background:transparent!important}
html .kc-hero .hero-primary h1{color:#fff!important}
html .kc-hero .hero-primary h1 span{color:#e5c085!important}
html .kc-hero .hero-thesis,html .kc-hero .hero-mini,html .kc-hero .hero-upper,html .kc-hero .hero-baseline{color:#e9dce2!important}
html .kc-hero .accent-circle{background:#e5c085}
html .kc-hero .hero-flow-art{opacity:.65;-webkit-mask-image:none!important;mask-image:none!important}
html .kc-hero .hero-flow-art .pj-flow-thread{stroke:#d9b678!important;stroke-dasharray:none!important}
html .hero-solid-action{background:#fff!important;color:#491a30!important}
html .hero-line-action{background:transparent!important;color:#fff!important;border-color:#d9b678!important}
html .hero-signal-band,html .signal-card{background:#fff!important;color:#3f1c2b!important;border-color:#e5dedb!important}
html .signal-card :is(h2,h3,strong){color:#3f1c2b!important}
html .signal-card p{color:#6d6267!important}
html main > .premium-hero.inner-hero{background:#491a30!important;color:#fff!important;position:relative;isolation:isolate;overflow:hidden;min-height:92svh}
html main > .premium-hero.inner-hero::before,html main > .premium-hero.inner-hero::after{background:none!important}
html main > .premium-hero .premium-hero-frame{min-height:92svh;position:relative;z-index:2;grid-template-rows:auto 1fr auto;padding-top:114px}
html main > .premium-hero h1{color:#fff!important;font-size:clamp(35px,3.7vw,58px);line-height:1.22}
html main > .premium-hero h1 em{color:#e5c085!important;font-style:normal}
html main > .premium-hero .premium-hero-kicker,html main > .premium-hero .premium-hero-top>span:first-child,html main > .premium-hero .premium-hero-link span{color:#e5c085!important}
html main > .premium-hero .premium-kicker-dot{background:#e5c085!important}
html main > .premium-hero .premium-hero-summary{color:#e9dce2;font-size:clamp(16px,1.4vw,19px)}
html main > .premium-hero .premium-hero-link{color:#fff!important;border-color:#e5c085!important}
html main > .premium-hero .premium-hero-top,html main > .premium-hero .premium-hero-bottom{color:#e0d2da;border-color:#ffffff45}
html main > .premium-hero .premium-graphic{background:#fff!important;color:#3f1c2b!important;box-shadow:0 20px 48px #250d1e24}
html main > .premium-hero .premium-graphic :is(strong,.graphic-overline,.graphic-foot){color:#3f1c2b!important}
html main > .premium-hero .premium-graphic :is(.graphic-period,.journey-graphic-lines i){color:#8b642f!important}
html main > .premium-hero .premium-hero-photo{border-color:#a57d8e}
.inner-hero-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:.42}
.inner-hero-lines path{fill:none;stroke:#d9b678;stroke-width:1.05;vector-effect:non-scaling-stroke;animation:inner-ribbon-sway 21s ease-in-out infinite alternate;transform-origin:70% 47%}
.inner-hero-lines path:nth-child(2){animation-duration:29s;animation-direction:alternate-reverse;opacity:.7}
.inner-hero-lines path:nth-child(3){animation-duration:37s;opacity:.45}
@keyframes inner-ribbon-sway{
 0%{transform:translate3d(-30px,10px,0) rotate(-2deg)}
 50%{transform:translate3d(24px,-18px,0) rotate(1.2deg)}
 100%{transform:translate3d(45px,14px,0) rotate(3deg)}
}
html .site-footer-expanded{background:#381424!important;color:#fff}
html .site-footer-expanded :is(h2,strong,.pj-footer-logo,.pj-footer-name){color:#fff}
html .site-footer-expanded :is(p,small,.pj-footer-col>a,.pj-footer-bottom){color:#e3d6dc}
html .site-footer-expanded .pj-footer-logo span{color:#e5c085}
html .pj-prefooter{background:#551f38!important;color:#fff!important}
html .pj-prefooter::before{background:none!important}
html .pj-prefooter h2,html .pj-prefooter h2 em{color:#fff!important}
html .pj-prefooter .pj-prefooter-kicker,html .pj-prefooter .pj-prefooter-meta>span{color:#e5c085!important}
html .pj-prefooter .pj-prefooter-dot{background:#e5c085}
html .pj-prefooter .pj-prefooter-primary{background:#fff!important;color:#491a30!important}
html .pj-prefooter .pj-prefooter-secondary{background:transparent!important;color:#fff!important;border-color:#e5c085!important}
html :is(.domain-tile,.signal-card,.trade-stage,.featured-item,.library-card,.knowledge-case-links>a,.pj-market-primary,.pj-market-secondary,.company-panel,.overview-item,.premium-graphic,.article-checklist,.editorial-notice,.library-disclosure,.scope-grid>div,.insight-grid>div){background:#fff!important;color:#3f1c2b!important;border-color:#e5dedb!important}
html :is(.domain-tile,.signal-card,.trade-stage,.featured-item,.library-card,.knowledge-case-links>a,.pj-market-primary,.pj-market-secondary,.company-panel,.overview-item,.article-checklist,.editorial-notice,.library-disclosure) :is(h2,h3,strong){color:#3f1c2b!important}
html :is(.domain-tile,.signal-card,.trade-stage,.featured-item,.library-card,.knowledge-case-links>a,.pj-market-primary,.pj-market-secondary,.company-panel,.overview-item,.article-checklist,.editorial-notice,.library-disclosure) p{color:#6d6267!important}
html .domain-icon{background:#fff!important;color:#8b642f!important}
body[data-page=Home] main > :is(.kc-overview,.pj-commodity,.pj-market-focus,.pj-career,.kc-faq){background:#fff!important}
body[data-page=Home] main > :is(.kc-domains,.kc-lifecycle,.kc-company,.kc-featured){background:#f9f6f1!important}
html .pj-market-grid .pj-market-primary :is(h2,h3,p,span){color:#3f1c2b!important}
html .company-panel :is(h3,p){color:#3f1c2b!important}
html .site-reading-progress{background:#d6b177!important}
html .premium-graphic::before{background:none!important}
html :is(.domain-tile,.featured-item,.library-card,.pj-chapter-item):hover{border-color:#c8a56c!important;box-shadow:0 16px 37px #5a23451a}
html .pj-copy-action{color:#491a30;border-color:#dbcabc}
html .pj-library-filter input{background:#fff;color:#3f1c2b}
html .faq-item summary{color:#3f1c2b}
html .faq-item summary span{border-color:#8b642f}
html .pj-footer-direct span{color:#e5c085}
/* The unique supporting chapter and related reading section on each page. */
.pj-chapter{padding:clamp(74px,8vw,114px) 0;background:#fff;color:#3f1c2b}
.pj-chapter-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:5%;align-items:end;margin-bottom:37px}
.pj-overline{grid-column:1/-1;font:700 11px/1.5 Inter,sans-serif;letter-spacing:.14em;color:#8b642f;display:block;margin-bottom:15px}
.pj-chapter h2,.pj-next h2{font:500 clamp(27px,3vw,43px)/1.3 Poppins,sans-serif;letter-spacing:-.035em;color:#3f1c2b;margin:0}
.pj-chapter-lead>p,.pj-next-lead>p{font-size:16px;line-height:1.8;color:#6d6267;margin:0}
.pj-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #decbbd;border-bottom:1px solid #decbbd}
.pj-chapter-item{background:#fff!important;padding:28px 25px 33px;border-right:1px solid #e4dcd6;min-height:214px;transition:transform .35s,box-shadow .35s}
.pj-chapter-item:first-child{padding-left:0}
.pj-chapter-item:last-child{border-right:0}
.pj-chapter-item>span{font:700 12px Inter,sans-serif;color:#8b642f}
.pj-chapter-item h3{font:500 clamp(18px,1.7vw,23px)/1.35 Poppins,sans-serif;color:#3f1c2b;margin:36px 0 12px}
.pj-chapter-item p{font:400 15px/1.75 Inter,sans-serif;color:#6d6267;margin:0}
.pj-next{background:#f9f6f1;padding:clamp(74px,8vw,109px) 0;color:#3f1c2b}
.pj-next-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%;align-items:center}
.pj-next-lead h2{margin-bottom:19px}
.pj-next-links{border-top:1px solid #d9c6b9}
.pj-next-links>a{display:grid;grid-template-columns:35px 1fr 19px;gap:14px;align-items:center;border-bottom:1px solid #d9c6b9;padding:21px 3px;color:#3f1c2b;transition:padding-left .28s,color .28s}
.pj-next-links>a>span{font:600 12px Inter,sans-serif;color:#8b642f}
.pj-next-links strong{font:500 17px/1.4 Poppins,sans-serif}
.pj-next-links>a:hover{padding-left:12px;color:#986c38}
@media(max-width:900px){.pj-chapter-lead{grid-template-columns:1fr;gap:18px}.pj-next-inner{grid-template-columns:1fr;gap:32px}}
@media(max-width:700px){
 html main > .premium-hero .premium-hero-frame{padding-top:100px}
 html main > .premium-hero h1{font-size:clamp(31px,7.5vw,45px)}
 .inner-hero-lines{opacity:.26}
 .pj-chapter-grid{grid-template-columns:1fr}
 .pj-chapter-item{border-right:0;border-bottom:1px solid #e4dcd6;min-height:0;padding:23px 0!important}
 .pj-chapter-item:last-child{border-bottom:0}
 .pj-chapter-item h3{margin:12px 0 9px}
}
@media(prefers-reduced-motion:reduce){.inner-hero-lines path{animation:none!important;transform:none!important}}


/* Dark oxblood + Dubai expansion imagery: final overrides of legacy flat backgrounds. */
:root,html[data-theme="light"]{
 --deep:#260D1B;--herobg:#260D1B;--hero2:#48192E;
 --accent:#946B36;--accent-strong:#765228;--ink:#351827;
 --bg:#FAF7F3;--soft:#F6F2ED;--line:#E5DAD7;
}
html body[data-page="Home"] .hero-immersive.kc-hero{
 background-color:#260D1B!important;
 background-image:linear-gradient(120deg,#1F0916 0%,#351021 54%,#512038 100%)!important;
 border-radius:0 0 26px 26px!important;
 overflow:hidden;
}
html body[data-page="Home"] .kc-hero .hero-dubai-backdrop{
 position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
 background-color:#260D1B;
 background-image:
  linear-gradient(90deg,rgba(26,6,17,.98) 0%,rgba(32,8,21,.96) 28%,rgba(43,12,28,.84) 51%,rgba(49,17,32,.66) 78%,rgba(43,13,29,.58) 100%),
  linear-gradient(0deg,rgba(26,8,19,.92) 0%,rgba(35,10,25,.11) 56%,rgba(26,8,19,.48) 100%),
  url("https://images.unsplash.com/photo-1745750434535-5943ef2fd31a?auto=format&fit=crop&w=1920&q=76")!important;
 background-size:cover,cover,cover!important;
 background-position:center,center,60% 46%!important;
 background-repeat:no-repeat!important;
 transform:scale(1.012);
}
html .kc-hero .hero-ambient{z-index:0;opacity:.24}
html .kc-hero .hero-monogram{z-index:1;color:rgba(255,255,255,.06)}
html .kc-hero .hero-inner{z-index:3}
html .kc-hero .hero-flow-art{
 z-index:2;opacity:.65;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.035) 9%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.37) 34%,rgba(0,0,0,.68) 48%,rgba(0,0,0,.94) 60%,#000 71%)!important;
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.035) 9%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.37) 34%,rgba(0,0,0,.68) 48%,rgba(0,0,0,.94) 60%,#000 71%)!important;
 filter:blur(.45px);
}
html .kc-hero .hero-flow-art .pj-flow-thread{stroke:#D7AE7A!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
html .kc-hero .hero-primary h1{color:#fff!important}
html .kc-hero .hero-primary h1 span{color:#EEC98E!important}
html .site-header,html .site-header.is-scrolled{
 background-color:#260D1B!important;
 background-image:linear-gradient(105deg,#200A17 0%,#351022 64%,#47182D 100%)!important;
 border-color:rgba(231,194,137,.20)!important;
}
html main > .premium-hero.inner-hero{
 background-color:#2D0C1C!important;
 background-image:linear-gradient(125deg,#210A17 0%,#351021 58%,#522239 100%)!important;
 border-radius:0 0 24px 24px!important;
 overflow:hidden;
}
html .pj-prefooter{
 background-color:#321020!important;
 background-image:linear-gradient(118deg,#240B19 0%,#3B1427 65%,#54243C 100%)!important;
 border-radius:22px 22px 0 0!important;
 overflow:hidden;
}
html .site-footer-expanded{
 background-color:#220B18!important;
 background-image:linear-gradient(115deg,#1E0A16 0%,#2B1020 100%)!important;
}
html .directory-overlay{background-color:#FAF7F3!important;background-image:none!important}
/* White editorial cards, softened edges, restrained shadows. */
html :is(.domain-tile,.trade-stage,.featured-item,.library-card,.signal-card,.pj-market-primary,.pj-market-secondary,.company-panel,.overview-item,.premium-graphic,.article-checklist,.editorial-notice,.library-disclosure,.knowledge-case-links>a,.pj-chapter-item,.scope-grid>div,.insight-grid>div,.process-step){
 background-color:#fff!important;background-image:none!important;
 border-radius:16px!important;
}
html .hero-signal-grid{border-radius:16px!important;overflow:hidden}
html .hero-signal-band{padding-block:22px}
html :is(.pj-photo,.editorial-photo,.pj-library-photo,.pj-experience-photo,.premium-hero-photo){border-radius:16px!important;overflow:hidden}
html :is(.hero-solid-action,.hero-line-action,.pj-prefooter-primary,.pj-prefooter-secondary,.kc-prefooter-action,.pj-copy-action,.menu-toggle,.directory-close,.pj-library-filter input){border-radius:12px!important}
html :is(.domain-icon,.pj-market-seal){border-radius:12px!important}
html :is(.domain-tile,.featured-item,.library-card,.pj-chapter-item):hover{border-color:#C8AA87!important;box-shadow:0 16px 38px rgba(45,12,28,.10)}
html .inner-hero-lines path{stroke:#D7AD76}
html .pj-footer-logo span{color:#EEC98E}
@media(max-width:760px){
 html body[data-page="Home"] .kc-hero .hero-dubai-backdrop{
  background-position:center,center,62% center!important;
  background-image:
   linear-gradient(90deg,rgba(28,6,18,.95) 0%,rgba(40,11,26,.87) 48%,rgba(45,15,30,.77) 100%),
   linear-gradient(0deg,rgba(30,7,19,.93),rgba(37,11,25,.32) 64%,rgba(31,8,20,.52)),
   url("https://images.unsplash.com/photo-1745750434535-5943ef2fd31a?auto=format&fit=crop&w=960&q=70")!important;
 }
 html .kc-hero .hero-flow-art{opacity:.40;filter:blur(.55px)}
 html .hero-signal-band{padding-block:15px}
 html body[data-page="Home"] .hero-immersive.kc-hero{border-radius:0 0 18px 18px!important}
 html main > .premium-hero.inner-hero{border-radius:0 0 18px 18px!important}
 html :is(.domain-tile,.trade-stage,.featured-item,.library-card,.signal-card,.company-panel,.premium-graphic){border-radius:14px!important}
}
@media(prefers-reduced-motion:reduce){html .kc-hero .hero-flow-art{filter:none}}


/* Transparent overlay navigation on every hero. After hero, restore legible maroon header. */
html .site-header.header-on-hero:not(.is-scrolled){
 background:transparent!important;
 background-image:none!important;
 border-color:rgba(255,255,255,.19)!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 color:#fff!important;
}
html .site-header.header-on-hero.is-scrolled{
 background-color:rgba(38,13,27,.96)!important;
 background-image:linear-gradient(115deg,rgba(31,9,21,.97),rgba(64,19,40,.96))!important;
 border-color:rgba(229,192,133,.16)!important;
 -webkit-backdrop-filter:blur(14px);
 backdrop-filter:blur(14px);
 color:#fff!important;
 box-shadow:0 8px 24px rgba(23,5,15,.2)!important;
}
html .site-header.header-on-hero .header-inner{padding-inline:1.5%}
html .site-header.header-on-hero .wordmark,html .site-header.header-on-hero .wordmark-copy,html .site-header.header-on-hero .menu-toggle{color:#fff!important}
html .site-header.header-on-hero .wordmark-symbol span{color:#eac994!important}
/* Real enquiry forms use the unused room inside the home contact panel. */
html .kc-company .company-grid{align-items:start}
html .kc-company .company-panel{
 align-self:start;
 height:auto!important;
 min-height:0!important;
 padding:clamp(22px,2.4vw,35px)!important;
 display:flex;
 flex-direction:column;
 gap:0;
}
html .kc-company .company-panel h3{font-size:clamp(23px,2vw,29px);line-height:1.3;margin-top:14px}
html .kc-company .company-panel p{font-size:15px;line-height:1.7}
html .kc-company .company-mail{font-size:clamp(16px,1.65vw,23px);margin-top:5px}
.pj-panel-form-head{border-top:1px solid #eadfe1;margin:25px 0 18px;padding-top:24px}
.pj-panel-form-head>span{display:block;font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;color:#936631}
.pj-panel-form-head>p{font-size:14px;margin:7px 0 0;color:#766b6c}
/* Forms: white cards, transparent field labels, and strong focus states. */
.pj-enquiry-form{display:block;min-width:0}
.pj-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px}
.pj-form-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.pj-form-field-wide{grid-column:1/-1}
.pj-form-field label{font:600 12px/1.45 Inter,Arial,sans-serif;color:#452a35}
.pj-form-field :is(input,select,textarea){
 appearance:none;
 display:block;
 box-sizing:border-box;
 width:100%;
 min-height:45px;
 border:1px solid #ded2d5;
 border-radius:10px;
 background:#fff!important;
 background-image:none!important;
 color:#371724;
 font:400 14px/1.5 Inter,Arial,sans-serif;
 padding:11px 12px;
 outline:none;
 transition:border-color .2s,box-shadow .2s;
}
.pj-form-field textarea{resize:vertical;min-height:112px;max-height:340px}
.pj-form-field select{cursor:pointer;padding-right:30px}
.pj-form-field :is(input,select,textarea):focus-visible{
 border-color:#94672f;
 box-shadow:0 0 0 3px rgba(180,133,69,.16);
}
.pj-form-field :is(input,textarea)::placeholder{color:#978e8c;opacity:1}
.pj-form-honeypot{position:absolute!important;width:1px;height:1px;left:-9999px;overflow:hidden;visibility:hidden}
.pj-form-bottom{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-top:19px}
.pj-form-bottom p{font:400 11px/1.6 Inter,Arial,sans-serif!important;color:#746b6c!important;margin:0;max-width:380px}
.pj-form-submit{
 display:inline-flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 flex:none;
 border:1px solid #310e20;
 border-radius:11px;
 background:#321120!important;
 color:white;
 font:600 13px/1.5 Inter,Arial,sans-serif;
 padding:13px 17px;
 cursor:pointer;
 min-height:46px;
 transition:transform .22s,background-color .22s,box-shadow .22s;
}
.pj-form-submit span{font-size:18px;color:#f0ca92}
.pj-form-submit:hover{transform:translateY(-2px);background:#4b1932!important;box-shadow:0 7px 16px rgba(38,13,27,.16)}
.pj-form-submit:focus-visible{outline:3px solid #cba974;outline-offset:3px}
.pj-form-submit:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.pj-form-status{font:500 13px/1.6 Inter,Arial,sans-serif!important;min-height:0;margin:10px 0 0!important;color:#5b4752}
.pj-form-status:empty{display:none}
.pj-form-status[data-state=success]{color:#21634e!important}
.pj-form-status[data-state=error]{color:#962c3f!important}
.pj-form-status[data-state=pending]{color:#705568!important}
/* Contact page: useful context beside a complete form, not a mostly empty card. */
.pj-contact-form-section{padding:clamp(72px,7.5vw,114px) 0;background:#f7f2ed!important;border-top:1px solid #e9dfde}
.pj-contact-form-layout{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);align-items:start;gap:7%}
.pj-contact-form-intro{padding:14px 0}
.pj-contact-form-intro h2{font:500 clamp(29px,3.2vw,46px)/1.24 Poppins,Arial,sans-serif;letter-spacing:-.035em;color:#371724;max-width:550px;margin:0 0 20px}
.pj-contact-form-intro>p{font:400 16px/1.85 Inter,Arial,sans-serif;color:#6d6267;max-width:500px}
.pj-contact-quick{display:flex;flex-direction:column;gap:9px;border-top:1px solid #dcd0cc;margin-top:38px;padding-top:24px}
.pj-contact-quick>span{font:700 11px/1.6 Inter,sans-serif;letter-spacing:.1em;color:#95682f;margin-top:9px}
.pj-contact-quick :is(a,strong){font:500 16px/1.5 Poppins,sans-serif;color:#411e2e;overflow-wrap:anywhere}
.pj-contact-quick a{display:flex;gap:16px;align-items:center;justify-content:space-between}
.pj-contact-form-card{border:1px solid #e2d7d5;border-radius:18px;padding:clamp(22px,2.7vw,42px);background:#fff!important;box-shadow:0 24px 60px rgba(56,24,41,.055)}
@media(max-width:1060px){
 .pj-contact-form-layout{grid-template-columns:1fr;gap:27px}
 .pj-contact-form-intro{padding:0}
 .pj-contact-quick{margin-top:22px}
}
@media(max-width:850px){
 html .kc-company .company-grid{grid-template-columns:1fr}
 html .kc-company .company-panel{margin-top:27px}
}
@media(max-width:620px){
 .pj-form-fields{grid-template-columns:1fr;gap:14px}
 .pj-form-field-wide{grid-column:1}
 .pj-form-bottom{flex-direction:column;align-items:stretch;gap:14px}
 .pj-form-submit{width:100%;justify-content:space-between}
 .pj-contact-form-card{border-radius:14px;padding:22px 17px}
 .pj-contact-form-intro h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
 .pj-form-submit,.pj-form-field :is(input,textarea,select){transition:none!important}
 .pj-form-submit:hover{transform:none}
}