/* Strait & Arrow Group — one stylesheet for all pages.
Layout: cream editorial pages, dark navy bands for statements, split panels for section openers.
Single brand look by choice (matches the capability statements), so colours are fixed rather than theme-switched. */
:root{
--bg:#F4F2EC; --paper:#FFFFFF; --rule:#D9D5C8; --ink:#1A2233; --body:#4A4F5C; --muted:#6E717A;
--dark:#0A0D14; --navy:#12243D; --navy2:#0F1E33; --line-dark:#2A3A55;
--gold:#C8952A; --goldtxt:#9C7418; --goldlight:#E2C48A; --tint:#F3E7CC; --light:#D5D9E0;
--serif:Georgia,Gelasio,"Times New Roman",serif; --sans:Arial,Helvetica,"Liberation Sans",sans-serif;
color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto;scroll-padding-top:104px}
body{background:var(--bg);color:var(--body);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding-inline:40px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;color:var(--ink);line-height:1.15;text-wrap:balance}
h2{font-size:clamp(28px,3.4vw,40px);max-width:30ch}
h3{font-size:19px;font-weight:700}
p{max-width:68ch}
.label{display:flex;align-items:center;gap:10px;font:700 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin-bottom:18px}
.label::before{content:"";width:9px;height:9px;background:var(--gold);flex:none}
.on-dark .label{color:var(--gold)}
.tag{font:700 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--goldtxt)}
.btn{display:inline-block;background:var(--gold);color:var(--dark);font:700 14px/1 var(--sans);padding:14px 22px;text-decoration:none;border:1px solid var(--gold)}
.btn:hover{background:#D9A640}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn.ghost:hover{border-color:#fff}
.btn.line{background:transparent;color:var(--ink);border-color:var(--ink)}
section{padding-block:96px}
.lede{font-size:18px;color:var(--body);margin-top:16px}
.note{font-size:13px;font-style:italic;color:var(--muted);margin-top:24px}
.more{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--goldtxt);text-decoration:none;margin-top:auto;padding-top:22px}
.more::after{content:"→";font-size:16px;transition:transform .2s}
a:hover .more::after,.more:hover::after{transform:translateX(4px)}
/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--dark)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:88px;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font:700 15px var(--serif);letter-spacing:.12em;color:#fff;text-decoration:none;text-transform:uppercase}
.brand img{width:64px;height:64px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 0 4px rgba(200,149,42,.14)}
nav ul{display:flex;gap:28px;list-style:none;align-items:center}
nav a{color:var(--light);text-decoration:none;font-size:14px;padding-block:6px;border-bottom:2px solid transparent}
nav a:hover{color:#fff}
nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--gold)}
nav .btn{padding:10px 16px;color:var(--dark);border-bottom:1px solid var(--gold)}
.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;padding:8px 12px;font:14px var(--sans)}
/* hero (home) */
.hero{position:relative;display:flex;align-items:flex-end;background:var(--dark) url(https://static.wixstatic.com/media/a85940_4e291ec9c7514603bff88ac041919d28~mv2.jpg) center 40%/cover no-repeat;color:#fff;padding:0}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,20,.92) 0%,rgba(10,13,20,.78) 55%,rgba(10,13,20,.45) 100%)}
.hero .wrap{position:relative;width:100%;padding-top:140px;padding-bottom:56px}
.hero h1{color:#fff;font-size:clamp(42px,6vw,76px)}
.hero .sub{font:italic clamp(20px,2.2vw,28px) var(--serif);color:var(--goldlight);margin-top:14px}
.hero .div-line{color:var(--light);margin-top:18px;font-size:17px;max-width:60ch}
.ctas{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;gap:24px 56px;border-top:1px solid rgba(200,149,42,.45);margin-top:64px;padding-top:26px}
.stat{text-align:center}
.stat b{display:block;font:400 34px var(--serif);color:#fff;font-variant-numeric:tabular-nums}
.stat span{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
/* page hero (division pages) */
.phero{display:grid;grid-template-columns:7fr 5fr;background:var(--dark);color:var(--light);padding:0}
.phero .inner{padding:88px 56px 72px max(40px,calc((100vw - 1200px)/2 + 40px))}
.phero h1{color:#fff;font-size:clamp(36px,4.6vw,58px);max-width:18ch}
.phero p{margin-top:20px;font-size:18px}
.phero .media{background-size:cover;background-position:center;position:relative;min-height:360px}
.phero .media::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dark) 0%,rgba(10,13,20,.25) 40%,rgba(10,13,20,.1) 100%)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.chips a{border:1px solid var(--line-dark);color:var(--light);text-decoration:none;font-size:14px;padding:9px 14px}
.chips a:hover{border-color:var(--gold);color:#fff}
.phero .crumb{font:700 12px var(--sans);margin-top:0;letter-spacing:.1em;text-transform:uppercase;color:#9AA0AC;margin-bottom:22px}
.crumb a{color:#9AA0AC;text-decoration:none}
.crumb a:hover{color:#fff}
/* split panels */
.split{display:grid;grid-template-columns:5fr 8fr;min-height:600px}
.panel{background:var(--dark);color:var(--light);padding:96px 56px;display:flex;flex-direction:column}
.panel h2{color:#fff;max-width:16ch}
.panel p{margin-top:22px}
.panel .mission{font:italic 19px/1.4 var(--serif);color:var(--goldlight);margin-top:auto;padding-top:40px}
.photo-panel{position:relative;background-size:cover;background-position:center}
.photo-panel::before{content:"";position:absolute;inset:0;background:rgba(10,13,20,.62)}
.photo-panel>*{position:relative}
.photo-panel h2{margin-top:auto}
.split-body{padding:96px 56px;min-width:0}
/* divisions as doors (home) — v2: open cards, header band + capability list */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:28px 64px;margin-top:44px}
.door{display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;text-decoration:none;color:var(--body);overflow:hidden;transition:transform .2s,box-shadow .2s}
.door:hover .dhead{border-bottom-width:5px;padding-bottom:24px}
.door .dhead{background:transparent;padding:0 0 26px;border-bottom:3px solid var(--gold)}
.door.arrow .dhead{border-bottom-color:var(--navy)}
.door .tag{color:var(--goldtxt)}
.door.arrow .tag{color:var(--navy)}
.door h3{font-size:56px;font-weight:400;line-height:1;margin:10px 0 10px;color:var(--goldtxt)}
.door.arrow h3{color:var(--navy)}
.door .lead{font:italic 20px/1.4 var(--serif);color:var(--ink);margin:0}
.door .dbody{display:flex;flex-direction:column;flex:1;padding:8px 0 0}
.door ul{list-style:none;flex:1}
.door li{display:grid;grid-template-columns:10px 1fr;column-gap:16px;border-top:1px solid var(--rule);padding:16px 0}
.door li:first-child{border-top:0}
.door li::before{content:"";width:8px;height:8px;margin-top:8px;background:var(--gold);transform:rotate(45deg);grid-row:span 2}
.door.arrow li::before{background:var(--navy)}
.door h4{font:700 17px var(--serif);color:var(--ink)}
.door li p{font-size:14.5px;margin-top:3px}
.door .more{margin-top:18px}
.door.arrow .more{color:var(--navy)}
.mission-line{font:italic 20px/1.4 var(--serif);color:var(--ink);margin-top:40px;display:flex;gap:14px;align-items:baseline}
.mission-line::before{content:"";width:9px;height:9px;background:var(--gold);flex:none;transform:translateY(-2px)}
/* how we work (navy band) */
.band-navy{background:var(--navy);color:var(--light)}
.band-navy h2{color:#fff}
.journey5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px}
.jstep{background:var(--navy2);border:1px solid var(--line-dark);border-top:4px solid #5D7290;padding:22px;display:flex;flex-direction:column;gap:8px}
.jstep.arrow{border-top-color:var(--gold)}
.jstep .tag{color:#AEB9CB}
.jstep.arrow .tag{color:var(--gold)}
.jstep h3{font-size:26px;font-weight:400;color:#fff}
.jstep p{font-size:14.5px}
.journey5.four{grid-template-columns:repeat(4,1fr)}
.jline{font:italic 20px/1.4 var(--serif);color:var(--goldlight);margin-top:32px;max-width:none}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.principles div{border-top:1px solid var(--gold);padding-top:18px}
.principles h3{font-size:22px;font-weight:400;color:#fff}
.principles p{font-size:15px;margin-top:8px}
/* cards */
.grid{display:grid;gap:24px;margin-top:48px}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)} .g5{grid-template-columns:repeat(5,1fr)}
.card{background:var(--paper);border:1px solid var(--rule);padding:30px;min-width:0}
.card h3{margin:14px 0 8px}
.card p{font-size:15px}
.dot{width:46px;height:46px;border-radius:50%;background:var(--navy);display:grid;place-items:center}
.dot svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* band */
.band{background:var(--dark);display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}
.band div{padding:26px 30px;border-left:1px solid #2A3548}
.band div:first-child{border-left:0}
.band b{display:block;font:400 30px var(--serif);color:#fff}
.band span{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.quote{display:flex;gap:14px;align-items:baseline;margin-top:40px;font:italic 19px var(--serif);color:var(--ink)}
.quote::before{content:"";width:9px;height:9px;background:var(--gold);flex:none;transform:translateY(-2px)}
.callout{background:var(--tint);padding:20px 28px;margin-top:40px;font:italic 18px var(--serif);color:var(--ink)}
.callout.dark{background:var(--dark);color:#fff}
/* journey (Arrow) */
.timeline{position:relative;margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.timeline::before{content:"";position:absolute;left:0;right:0;top:52px;height:2px;background:var(--navy)}
.step .stage{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;height:32px}
.step .node{width:22px;height:22px;border-radius:50%;background:var(--gold);border:4px solid var(--bg);margin:0 auto 26px;position:relative}
.step .card h3{font-size:22px;margin:16px 0 4px}
/* process */
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:48px}
.chev{background:var(--navy);color:#fff;font:16px var(--serif);padding:18px 22px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
.process>div:first-child .chev,.chev.first{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.process>div:last-child .chev{background:var(--gold);color:var(--dark)}
.chev b{color:var(--gold);margin-right:8px}
.process>div:last-child .chev b{color:var(--dark)}
.proc-body{background:var(--paper);border:1px solid var(--rule);padding:22px;margin-top:10px;min-height:230px;display:flex;flex-direction:column}
.proc-body p{font-size:14px}
.proc-body .out{margin-top:auto;border-top:1px solid var(--rule);padding-top:12px}
.proc-body .out strong{display:block;font:700 15px var(--serif);color:var(--ink);margin-top:4px}
/* two-column comparison (M&A, Strait directions) */
.cmp{margin-top:8px}
.cmp-head,.cmp-row{display:grid;grid-template-columns:150px 1fr 1fr;gap:18px}
.cmp-head h3{font-size:22px;font-weight:400;margin-top:6px}
.cmp-row{border-top:1px solid var(--rule);padding:12px 0;align-items:center}
.cmp-row>span{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}
.cmp-row>div{background:var(--paper);border:1px solid var(--rule);padding:14px 18px;font-size:15px;color:var(--ink);min-width:0}
.cmp-row>div.new{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.exp{font:17px/1.5 var(--serif);color:#fff;margin-top:10px}
/* transformation */
.chain{display:flex;align-items:flex-start;justify-content:center;margin-top:56px}
.node-c{text-align:center;width:200px}
.circle{width:150px;height:150px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);margin:0 auto;display:grid;place-items:center;color:#fff;font:700 16px var(--serif);padding:16px}
.node-c p{font-size:14px;margin:14px auto 0;max-width:190px}
.link{flex:0 0 80px;border-top:2px dashed var(--gold);margin-top:75px}
.system{text-align:center;font:italic 17px var(--serif);color:var(--goldtxt);margin:32px auto 0;max-width:62ch}
.phases{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}
.phases p{font-size:14px;margin-top:12px;padding:0 6px}
.outputs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.outputs span{background:var(--paper);border:1px solid var(--rule);padding:8px 16px;font-size:14px;color:var(--ink)}
/* growth */
.pcard{background:var(--paper);border:1px solid var(--rule);min-width:0}
.pcard img{aspect-ratio:29/15;object-fit:cover;width:100%}
.pcard div{padding:24px}
.pcard .n{font:22px var(--serif);color:var(--goldtxt)}
.pcard h3{margin:6px 0 8px}
.pcard p{font-size:14px}
/* corridors (Strait) */
.corr{background:var(--paper);border:1px solid var(--rule);border-top:4px solid var(--navy);padding:24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.corr.priority{border-top-color:var(--gold)}
.corr h3{font-size:22px;font-weight:400}
.corr p{font-size:14.5px}
.sectors{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;align-items:center}
.sectors .tag{margin-right:6px}
.sectors span:not(.tag){background:var(--tint);color:var(--ink);font-size:14px;padding:7px 14px}
/* work */
.work{margin-top:40px}
.work-head,.work-row{display:grid;grid-template-columns:220px 190px 1fr;gap:24px}
.work-head span{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--navy);padding-bottom:12px}
.work-row{border-top:1px solid var(--rule);padding:24px 0;align-items:start}
.work-row:last-child{border-bottom:1px solid var(--rule)}
.work-row h3{font-size:20px}
.work-row .pill{background:var(--tint);color:var(--goldtxt);font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;justify-self:start}
.work-row p{font-size:15px}
/* why */
.why-list{list-style:none}
.why-list li{display:grid;grid-template-columns:70px 1fr;padding:26px 0;border-top:1px solid var(--rule)}
.why-list li:first-child{border-top:0;padding-top:0}
.why-list .n{font:30px var(--serif);color:var(--goldtxt)}
.why-list h3{font-size:20px}
.why-list p{margin-top:6px;font-size:15px}
/* people & partners */
.people{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:48px}
.people>div{min-width:0}
.people>div+div{border-left:1px solid var(--rule);padding-left:56px}
.person{display:grid;grid-template-columns:96px 1fr;gap:22px;padding:24px 0;border-top:1px solid var(--rule)}
.person:first-of-type{border-top:0}
.person>div{min-width:0}
.person img.face{width:96px;height:96px;border-radius:50%;border:2px solid var(--gold);object-fit:cover}
.person h3{font-size:19px}
.person .tag{display:block;margin:6px 0 8px}
.person p{font-size:14px}
.partner{padding:24px 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:10px}
.partner:first-of-type{border-top:0;padding-top:0}
.partner .role{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.partner .mark{height:34px;display:flex;align-items:center}
.partner .mark img{height:30px;width:auto;max-width:280px}
.partner .mark .word{font:700 22px var(--serif);letter-spacing:.14em;color:var(--navy);text-transform:uppercase}
.partner .who{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--goldtxt)}
.partner p{font-size:14.5px}
.partner.plain h3{font-size:19px}
/* cross-link band */
.next{background:var(--paper);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:56px}
.next .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.next p{font:22px/1.35 var(--serif);color:var(--ink);max-width:40ch}
/* contact */
.contact{background:var(--dark);color:var(--light);padding:0}
.contact .split{grid-template-columns:7fr 5fr;min-height:600px}
.contact .inner{padding:96px 56px 96px max(40px,calc((100vw - 1200px)/2 + 40px))}
.contact h2{color:#fff;max-width:20ch}
.cd{margin-top:40px;max-width:560px}
.cd div{display:grid;grid-template-columns:170px 1fr;border-top:1px solid #2A3A55;padding:16px 0}
.cd span{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding-top:4px}
.cd b{font:17px var(--serif);color:#fff;display:block}
.cd small{color:#9AA0AC;font-size:13px}
.cd a{color:#fff}
.contact .img{background:#12243D url(https://static.wixstatic.com/media/95f402_8400942902c549c586969911a218d0df~mv2.jpg) center/cover no-repeat}
footer{background:var(--dark);border-top:1px solid #1F2733;color:#9AA0AC;font-size:12px;letter-spacing:.06em}
footer .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px;flex-wrap:wrap}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer a{color:#9AA0AC;text-decoration:none}
footer a:hover{color:#fff}
@media (max-width:980px){
.wrap{padding-inline:24px}
header nav ul{display:none;position:absolute;top:88px;left:0;right:0;background:var(--dark);flex-direction:column;padding:20px 24px;gap:18px;align-items:flex-start}
header nav ul.open{display:flex}
.menu-toggle{display:block}
.split,.contact .split,.phero{grid-template-columns:1fr}
.panel,.split-body,.contact .inner,.phero .inner{padding:64px 24px}
.photo-panel{min-height:360px}
.phero .media{min-height:240px}
.contact .img{min-height:300px}
.doors,.g2,.g3,.people,.principles{grid-template-columns:1fr}
.people>div+div{border-left:0;padding-left:0}
.g4,.g5,.band,.timeline,.journey5,.journey5.four{grid-template-columns:repeat(2,1fr)}
.timeline::before{display:none}
.process,.phases{grid-template-columns:1fr}
.chev{clip-path:none!important}
.cmp-head,.cmp-row{grid-template-columns:1fr}
.cmp-head>span{display:none}
.cmp-row>span{padding-top:6px}
.work-head{display:none}
.work-row{grid-template-columns:1fr;gap:10px}
.chain{flex-direction:column;align-items:center}
.link{flex:0 0 40px;border-top:0;border-left:2px dashed var(--gold);margin:10px 0}
.stats{grid-template-columns:repeat(3,auto);gap:20px 36px}
section{padding-block:72px}
.cd div{grid-template-columns:1fr;gap:4px}
}
@media (max-width:560px){
.g4,.g5,.band,.journey5,.journey5.four{grid-template-columns:1fr}
.stats{grid-template-columns:repeat(2,auto)}
.door .dhead{padding:0 0 20px}.door .dbody{padding:4px 0 0}
.door h3{font-size:44px}
.brand span{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.door,.more::after{transition:none}}
.partner .marks{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;height:auto}

/* explore buttons + mission spacing */
.door .more{align-self:flex-start;margin-top:28px;padding:14px 22px;background:var(--gold);color:var(--dark);border-radius:2px;transition:background .2s}
.door:hover .more{background:#B5841F}
.door.arrow .more{background:var(--navy);color:#fff}
.door.arrow:hover .more{background:#0B1A2E}
.mission-line{margin-top:72px;padding-top:32px;border-top:1px solid var(--rule)}

/* header blends into hero */
.hero::after,.phero .media::after{content:"";position:absolute;left:0;right:0;top:0;height:140px;background:linear-gradient(180deg,var(--dark) 0%,rgba(10,13,20,0) 100%);pointer-events:none}
.hero .wrap{z-index:1}

/* seamless page-to-page transitions */
@view-transition{navigation:auto}
header{view-transition-name:site-header}
::view-transition-old(root){animation:sa-out .28s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:sa-in .42s cubic-bezier(.2,0,0,1) both}
@keyframes sa-out{to{opacity:0;transform:translateY(-16px)}}
@keyframes sa-in{from{opacity:0;transform:translateY(24px)}}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* open, interactive info cards */
.grid > .card{background:transparent;border:0;border-top:1px solid var(--rule);padding:30px 4px 8px;position:relative;transition:transform .35s cubic-bezier(.2,0,0,1)}
.grid > .card::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:48px;background:var(--gold);transition:width .5s cubic-bezier(.2,0,0,1)}
.grid > .card:hover::before{width:100%}
.grid > .card:hover{transform:translateY(-4px)}
.grid > .card .dot{transition:background .3s,transform .3s}
.grid > .card .dot svg{transition:stroke .3s}
.grid > .card:hover .dot{background:var(--gold);transform:scale(1.08)}
.grid > .card:hover .dot svg{stroke:var(--navy)}
.grid > .card h3{transition:color .3s}
.grid > .card:hover h3{color:var(--goldtxt)}
.reveal-ready .grid > .card{opacity:0;transform:translateY(18px)}
.reveal-ready .grid > .card.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,0,0,1)}
.reveal-ready .grid > .card.in:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.grid > .card,.grid > .card::before,.grid > .card .dot{transition:none}.reveal-ready .grid > .card{opacity:1;transform:none}}

/* open, interactive five-stage process */
.proc-body{background:transparent;border:0;border-top:1px solid var(--rule);padding:20px 4px 0;margin-top:14px;transition:border-color .3s}
.process>div{transition:transform .35s cubic-bezier(.2,0,0,1)}
.process>div:hover{transform:translateY(-4px)}
.chev{transition:background .3s,color .3s}
.chev b{transition:color .3s}
.process>div:hover .chev{background:var(--gold);color:var(--dark)}
.process>div:hover .chev b{color:var(--dark)}
.process>div:hover .proc-body{border-top-color:var(--gold)}
.proc-body .out strong{transition:color .3s}
.process>div:hover .out strong{color:var(--goldtxt)}
.callout:not(.dark){background:transparent;border-left:3px solid var(--gold);padding:6px 0 6px 24px}
.reveal-ready .process>div{opacity:0;transform:translateX(-16px)}
.reveal-ready .process>div.in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,0,0,1)}
.reveal-ready .process>div.in:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.process>div,.chev,.proc-body{transition:none}.reveal-ready .process>div{opacity:1;transform:none}}

/* outbound / inbound comparison: open layout with permanent flow */
.cmp-head>div{position:relative;padding-bottom:16px}
.cmp-head>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--rule);background-image:linear-gradient(90deg,rgba(200,149,42,0) 0%,var(--gold) 50%,rgba(200,149,42,0) 100%);background-size:35% 100%;background-repeat:no-repeat;animation:sa-flow-r 3.2s linear infinite}
.cmp-head>div:last-child::after{background-image:linear-gradient(90deg,rgba(18,36,61,0) 0%,var(--navy) 50%,rgba(18,36,61,0) 100%);animation-name:sa-flow-l}
@keyframes sa-flow-r{from{background-position:-60% 0}to{background-position:160% 0}}
@keyframes sa-flow-l{from{background-position:160% 0}to{background-position:-60% 0}}
.cmp-row>div{background:transparent;border:0;border-left:2px solid var(--rule);padding:10px 18px;transition:background .3s}
.cmp-row>div:nth-child(2){animation:sa-wave-gold 7s ease-in-out infinite}
.cmp-row>div:nth-child(3){animation:sa-wave-navy 7s ease-in-out infinite}
.cmp>.cmp-row:nth-child(4)>div{animation-delay:.5s}
.cmp>.cmp-row:nth-child(5)>div{animation-delay:1s}
.cmp>.cmp-row:nth-child(6)>div{animation-delay:1.5s}
.cmp>.cmp-row:nth-child(7)>div{animation-delay:2s}
@keyframes sa-wave-gold{0%,45%,100%{border-left-color:var(--rule)}12%,28%{border-left-color:var(--gold)}}
@keyframes sa-wave-navy{0%,45%,100%{border-left-color:var(--rule)}12%,28%{border-left-color:var(--navy)}}
.cmp-row>span{transition:color .3s}
.cmp-row:hover>span{color:var(--goldtxt)}
.cmp-row:hover>div{background:rgba(255,255,255,.6)}
.cmp-row:hover>div:nth-child(2){border-left-color:var(--gold)}
.cmp-row:hover>div:nth-child(3){border-left-color:var(--navy)}
@media (prefers-reduced-motion:reduce){.cmp-head>div::after,.cmp-row>div{animation:none}}

/* interactive corridor map */
.cmap{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;margin-top:40px;align-items:center}
.cmap-map svg{display:block;width:100%;height:auto;overflow:visible}
.cm-dots circle{fill:#CFC9BA}
.cm-arc{fill:none;stroke:var(--navy);stroke-opacity:.35;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:3 9;animation:cm-flow 1.6s linear infinite;transition:stroke .3s,stroke-opacity .3s,stroke-width .3s}
.cm-arc.on{stroke:var(--gold);stroke-opacity:1;stroke-width:3.2;stroke-dasharray:7 8;animation-duration:.9s}
@keyframes cm-flow{to{stroke-dashoffset:-24}}
.cm-pin{cursor:pointer;outline:none}
.cm-pin .hit{fill:transparent}
.cm-pin .core{fill:var(--navy);stroke:var(--bg);stroke-width:3;transition:fill .3s}
.cm-pin.home .core,.cm-pin.on .core{fill:var(--gold)}
.cm-pin .ring{fill:none;stroke:var(--gold);stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center}
.cm-pin.home .ring,.cm-pin.on .ring{animation:cm-pulse 2.2s ease-out infinite}
@keyframes cm-pulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
.cm-pin text{font:700 21px var(--sans);fill:var(--navy);paint-order:stroke;stroke:var(--bg);stroke-width:7px;stroke-linejoin:round;transition:fill .3s}
.cm-pin.on text{fill:var(--goldtxt)}
.cm-pin:focus-visible .core{stroke:var(--gold);stroke-width:5}
.cm-sat{fill:var(--navy);opacity:.55;transition:fill .3s,opacity .3s}
.cm-pin.on .cm-sat{fill:var(--gold);opacity:1}
.cmap-list{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.cm-item{appearance:none;background:transparent;border:0;border-bottom:1px solid var(--rule);border-left:3px solid transparent;margin:0;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:16px 12px 16px 18px;display:block;transition:border-color .3s,background .3s}
.cm-item .tag{display:block}
.cm-name{display:block;font:400 22px var(--serif);color:var(--ink);margin-top:4px;transition:color .3s}
.cm-desc{display:block;font-size:14.5px;line-height:1.55;color:var(--body);max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .3s,margin .3s}
.cm-item:hover .cm-name{color:var(--goldtxt)}
.cm-item.on{border-left-color:var(--gold);background:rgba(255,255,255,.6)}
.cm-item.on .cm-name{color:var(--goldtxt)}
.cm-item.on .cm-desc{max-height:180px;opacity:1;margin-top:8px}
.cm-item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (max-width:900px){.cmap{grid-template-columns:1fr;gap:24px}.cm-pin text{font-size:30px;stroke-width:9px}}
@media (prefers-reduced-motion:reduce){.cm-arc,.cm-pin .ring{animation:none!important}.cm-desc{transition:none}}

/* inbound / outbound flow through Australia */
.flowx{position:relative}
.fx-head,.fx-row{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);align-items:center}
.fx-side h3{font-size:20px;font-weight:400;margin-top:6px;line-height:1.25}
.fx-in-head{text-align:right;padding-right:8px}
.fx-in-head .tag{color:var(--navy)}
.fx-out-head{padding-left:8px}
.fx-hub{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}
.fx-hub-dot{width:20px;height:20px;border-radius:50%;background:var(--gold);border:4px solid var(--bg);box-sizing:content-box;animation:fx-hub 2.4s ease-out infinite}
@keyframes fx-hub{0%{box-shadow:0 0 0 0 rgba(200,149,42,.55)}100%{box-shadow:0 0 0 16px rgba(200,149,42,0)}}
.fx-hub-label{font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.fx-rows{position:relative;margin-top:14px}
.fx-rows::before{content:"";position:absolute;left:50%;top:-14px;bottom:18px;width:2px;margin-left:-1px;background-color:var(--rule);background-image:linear-gradient(180deg,rgba(200,149,42,0),var(--gold),rgba(200,149,42,0));background-size:100% 34%;background-repeat:no-repeat;animation:fx-spine 3.6s linear infinite}
@keyframes fx-spine{from{background-position:0 -60%}to{background-position:0 160%}}
.fx-row{padding:13px 0;position:relative}
.fx-in,.fx-out{margin:0;font-size:14.5px;line-height:1.45;color:var(--body);transition:color .3s}
.fx-in{text-align:right;padding-right:8px}
.fx-out{padding-left:8px}
.fx-node{position:relative;display:flex;align-items:center;justify-content:center;height:34px}
.fx-node span{position:relative;z-index:1;background:var(--bg);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;font:700 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--navy);white-space:nowrap;width:106px;box-sizing:border-box;text-align:center;transition:background .3s,border-color .3s,color .3s}
.fx-line{position:absolute;top:50%;height:2px;margin-top:-1px;background-size:14px 2px;background-repeat:repeat-x;animation:fx-dash .9s linear infinite;transition:height .3s,margin .3s}
.fx-l{left:2px;right:calc(50% + 62px);background-image:linear-gradient(90deg,var(--navy) 0 6px,rgba(18,36,61,0) 6px)}
.fx-r{left:calc(50% + 55px);right:10px;background-image:linear-gradient(90deg,var(--gold) 0 6px,rgba(200,149,42,0) 6px)}
.fx-line::after{content:"";position:absolute;right:-7px;top:50%;margin-top:-4px;border-left:7px solid var(--navy);border-top:4px solid transparent;border-bottom:4px solid transparent}
.fx-r::after{border-left-color:var(--gold)}
@keyframes fx-dash{from{background-position:0 0}to{background-position:14px 0}}
.fx-row:hover .fx-node span{background:var(--gold);border-color:var(--gold);color:var(--dark)}
.fx-row:hover .fx-line{height:3px;margin-top:-1.5px;animation-duration:.5s}
.fx-row:hover .fx-in,.fx-row:hover .fx-out{color:var(--ink)}
@media (max-width:760px){
.fx-head{grid-template-columns:1fr 1fr;gap:16px}
.fx-hub,.fx-rows::before,.fx-line{display:none}
.fx-in-head{text-align:left;padding:0}
.fx-out-head{padding:0}
.fx-row{grid-template-columns:1fr;gap:6px;border-top:1px solid var(--rule)}
.fx-node{justify-content:flex-start;height:auto;order:-1}
.fx-in,.fx-out{text-align:left;padding:0}
.fx-in::before{content:"In: ";font-weight:700;color:var(--navy)}
.fx-out::before{content:"Out: ";font-weight:700;color:var(--goldtxt)}
}
@media (prefers-reduced-motion:reduce){.fx-hub-dot,.fx-rows::before,.fx-line{animation:none}}

/* flow: wider stage labels + buy/sell labels on mobile */
.fx-head,.fx-row{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr)}
.fx-node span{width:132px;font-size:10px;letter-spacing:.08em}
.fx-l{right:calc(50% + 75px)}
.fx-r{left:calc(50% + 68px)}
@media (max-width:760px){.fx-head{grid-template-columns:1fr 1fr}.fx-row{grid-template-columns:1fr}.fx-node span{width:auto}.flowx.ms .fx-in::before{content:"Buy: "}.flowx.ms .fx-out::before{content:"Sell: "}}

/* partners row (Strait and Arrow) */
.partners-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}
.partners-row .partner,.partners-row .partner:first-of-type{border-top:1px solid var(--rule);padding-top:24px}
@media (max-width:900px){.partners-row{grid-template-columns:1fr;gap:8px}}

/* trade facilitation: live deal flow */
.tradeflow{position:relative;display:grid;grid-template-columns:110px repeat(3,minmax(0,1fr)) 110px;column-gap:28px;margin-top:48px}
.tf-rail{position:absolute;top:22px;left:55px;right:55px;height:2px;background-image:linear-gradient(90deg,var(--rule) 0 8px,rgba(0,0,0,0) 8px);background-size:14px 2px;background-repeat:repeat-x}
.tf-cargo{position:absolute;top:-22px;left:0;width:40px;height:24px;margin-left:-20px;animation:tf-move 9s linear infinite}
.tf-cargo svg{width:40px;height:24px;fill:var(--gold);stroke:var(--bg);stroke-width:1}
@keyframes tf-move{0%{left:0;opacity:0}5%{opacity:1}95%{opacity:1}100%{left:100%;opacity:0}}
.tf-end{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative;z-index:1}
.tf-pin{width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--navy);margin:12px 0 8px}
.tf-seller .tf-pin{animation:tf-seller 9s linear infinite}
.tf-buyer .tf-pin{animation:tf-buyer 9s linear infinite}
@keyframes tf-seller{0%,8%{background:var(--gold);border-color:var(--gold)}14%,100%{background:var(--bg);border-color:var(--navy)}}
@keyframes tf-buyer{0%,86%{background:var(--bg);border-color:var(--navy)}93%,100%{background:var(--gold);border-color:var(--gold)}}
.tf-end b{font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.tf-end small{font-size:12.5px;color:var(--muted);line-height:1.35}
.tf-stage{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 4px;transition:transform .35s cubic-bezier(.2,0,0,1)}
.tf-node{width:46px;height:46px;border-radius:50%;background:var(--navy);display:grid;place-items:center;box-shadow:0 0 0 6px var(--bg)}
.tf-node svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s1 .tf-node{animation:tf-hit1 9s linear infinite}
.s2 .tf-node{animation:tf-hit2 9s linear infinite}
.s3 .tf-node{animation:tf-hit3 9s linear infinite}
@keyframes tf-hit1{0%,14%,32%,100%{background:var(--navy)}19%,27%{background:var(--gold)}}
@keyframes tf-hit2{0%,42%,58%,100%{background:var(--navy)}46%,54%{background:var(--gold)}}
@keyframes tf-hit3{0%,70%,88%,100%{background:var(--navy)}75%,83%{background:var(--gold)}}
.tf-num{font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--goldtxt);margin-top:16px}
.tf-stage h3{font-size:20px;margin:6px 0 8px;transition:color .3s}
.tf-stage p{font-size:14.5px;max-width:32ch}
.tf-stage:hover{transform:translateY(-4px)}
.tf-stage:hover h3{color:var(--goldtxt)}
.tf-stage:hover .tf-node{animation-play-state:paused;background:var(--gold)}
.tf-stage:hover .tf-node svg{stroke:var(--navy)}
.ticker{display:flex;align-items:stretch;margin-top:44px;background:var(--navy);color:#fff;overflow:hidden}
.ticker-label{flex:none;display:flex;align-items:center;padding:0 18px;background:var(--gold);color:var(--dark);font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.ticker-view{overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-track{display:flex;width:max-content;animation:tf-ticker 38s linear infinite}
.ticker-track span{display:flex;align-items:center;gap:22px;padding:14px 0 14px 22px;font-size:14px;white-space:nowrap;color:var(--light)}
.ticker-track span::after{content:"";width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tf-ticker{to{transform:translateX(-50%)}}
@media (max-width:900px){
.tradeflow{grid-template-columns:1fr;row-gap:28px}
.tf-rail,.tf-cargo{display:none}
.tf-end{flex-direction:row;justify-content:center}
.tf-pin{margin:0 6px 0 0}
}
@media (prefers-reduced-motion:reduce){.tf-cargo,.tf-pin,.tf-node,.ticker-track{animation:none!important}}

/* wider flow charts + wider trade flow */
@media (min-width:981px){
.split:has(.flowx){grid-template-columns:1fr 2fr}
.split:has(.flowx) .split-body{padding:96px 48px}
.fx-head,.fx-row{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr)}
.fx-side h3{font-size:25px}
.fx-head .tag{font-size:12px}
.fx-in,.fx-out{font-size:16.5px;line-height:1.5}
.fx-row{padding:16px 0}
.fx-node{height:40px}
.fx-node span{width:156px;font-size:12px;padding:8px 12px}
.fx-l{right:calc(50% + 87px)}
.fx-r{left:calc(50% + 80px)}
.fx-hub-label{font-size:12px}
#trade .wrap{max-width:1480px}
.tradeflow{grid-template-columns:140px repeat(3,minmax(0,1fr)) 140px;column-gap:40px}
.tf-rail{left:70px;right:70px}
.tf-stage h3{font-size:25px}
.tf-stage p{font-size:16.5px;max-width:38ch}
.tf-num{font-size:12px}
.tf-end b{font-size:13px}
.tf-end small{font-size:14px}
.tf-node{width:54px;height:54px}
.tf-node svg{width:26px;height:26px}
.tf-rail{top:26px}
.tf-pin{margin-top:16px}
.ticker-track span{font-size:15px}
}

/* auto left-to-right flow: approach cards + process stages */
#approach .grid > .card::before{animation:ap-bar 7.5s ease-in-out infinite}
#approach .grid > .card .dot{animation:ap-dot 7.5s ease-in-out infinite}
#approach .grid > .card .dot svg{animation:ap-ico 7.5s ease-in-out infinite}
#approach .grid > .card h3{animation:ap-h3 7.5s ease-in-out infinite}
#approach .grid > .card:nth-child(2)::before,#approach .grid > .card:nth-child(2) .dot,#approach .grid > .card:nth-child(2) .dot svg,#approach .grid > .card:nth-child(2) h3{animation-delay:2.5s}
#approach .grid > .card:nth-child(3)::before,#approach .grid > .card:nth-child(3) .dot,#approach .grid > .card:nth-child(3) .dot svg,#approach .grid > .card:nth-child(3) h3{animation-delay:5s}
@keyframes ap-bar{0%,36%,100%{width:48px}4%,30%{width:100%}}
@keyframes ap-dot{0%,36%,100%{background:var(--navy)}4%,30%{background:var(--gold)}}
@keyframes ap-ico{0%,36%,100%{stroke:var(--gold)}4%,30%{stroke:var(--navy)}}
@keyframes ap-h3{0%,36%,100%{color:var(--ink)}4%,30%{color:var(--goldtxt)}}
#approach .grid > .card:hover::before,#approach .grid > .card:hover .dot,#approach .grid > .card:hover .dot svg,#approach .grid > .card:hover h3{animation:none}
.process>div:last-child .chev{background:var(--navy);color:#fff}
.process>div:last-child .chev b{color:var(--gold)}
.proc-body{border-top-width:2px}
.process>div .chev{animation:pr-chev 10s ease-in-out infinite}
.process>div .chev b{animation:pr-num 10s ease-in-out infinite}
.process>div .proc-body{animation:pr-line 10s ease-in-out infinite}
.process>div .out strong{animation:pr-out 10s ease-in-out infinite}
.process>div:nth-child(2) .chev,.process>div:nth-child(2) .chev b,.process>div:nth-child(2) .proc-body,.process>div:nth-child(2) .out strong{animation-delay:2s}
.process>div:nth-child(3) .chev,.process>div:nth-child(3) .chev b,.process>div:nth-child(3) .proc-body,.process>div:nth-child(3) .out strong{animation-delay:4s}
.process>div:nth-child(4) .chev,.process>div:nth-child(4) .chev b,.process>div:nth-child(4) .proc-body,.process>div:nth-child(4) .out strong{animation-delay:6s}
.process>div:nth-child(5) .chev,.process>div:nth-child(5) .chev b,.process>div:nth-child(5) .proc-body,.process>div:nth-child(5) .out strong{animation-delay:8s}
@keyframes pr-chev{0%,22%,100%{background:var(--navy);color:#fff}3%,19%{background:var(--gold);color:var(--dark)}}
@keyframes pr-num{0%,22%,100%{color:var(--gold)}3%,19%{color:var(--dark)}}
@keyframes pr-line{0%,22%,100%{border-top-color:var(--rule)}3%,19%{border-top-color:var(--gold)}}
@keyframes pr-out{0%,22%,100%{color:var(--ink)}3%,19%{color:var(--goldtxt)}}
.process>div:hover .chev,.process>div:hover .chev b,.process>div:hover .proc-body,.process>div:hover .out strong{animation:none}
@media (min-width:981px){
#approach .wrap,#entry .wrap{max-width:1480px}
#approach .grid{gap:48px}
#approach .card h3{font-size:24px}
#approach .card p{font-size:16.5px;line-height:1.6}
.process{gap:16px;margin-top:56px}
.chev{font-size:19px;padding:22px 28px}
.chev b{margin-right:10px}
.proc-body{padding:24px 6px 0;margin-top:18px;min-height:270px}
.proc-body p{font-size:16.5px;line-height:1.6}
.proc-body .out{padding-top:16px}
.proc-body .out .tag{font-size:12px}
.proc-body .out strong{font-size:18px;margin-top:6px}
.callout{font-size:20px;margin-top:48px}
}
@media (prefers-reduced-motion:reduce){#approach .grid > .card::before,#approach .grid > .card .dot,#approach .grid > .card .dot svg,#approach .grid > .card h3,.process>div .chev,.process>div .chev b,.process>div .proc-body,.process>div .out strong{animation:none!important}}

/* two-way flow arrows, bigger flow type, wider map, glowing logo */
.fx-line::before{content:"";position:absolute;left:-7px;top:50%;margin-top:-4px;border-right:7px solid var(--navy);border-top:4px solid transparent;border-bottom:4px solid transparent}
.fx-r::before{border-right-color:var(--gold)}
.fx-line{animation:fx-dash2 2.4s ease-in-out infinite alternate}
@keyframes fx-dash2{from{background-position:0 0}to{background-position:56px 0}}
.fx-row:hover .fx-line{animation-duration:1.2s}
.cm-arc{animation:cm-flow2 3s ease-in-out infinite alternate}
.cm-arc.on{animation-duration:2s}
@keyframes cm-flow2{from{stroke-dashoffset:0}to{stroke-dashoffset:-96}}
.brand img{animation:logo-glow 3.4s ease-in-out infinite}
@keyframes logo-glow{0%,100%{box-shadow:0 0 0 4px rgba(200,149,42,.14),0 0 0 0 rgba(200,149,42,0)}50%{box-shadow:0 0 0 5px rgba(200,149,42,.4),0 0 26px 8px rgba(200,149,42,.5)}}
@media (min-width:981px){
header .wrap{height:104px}
.brand img{width:84px;height:84px;border-width:3px}
html{scroll-padding-top:120px}
.fx-head,.fx-row{grid-template-columns:minmax(0,1fr) 290px minmax(0,1fr)}
.fx-side h3{font-size:31px}
.fx-head .tag{font-size:13px}
.fx-hub-dot{width:26px;height:26px}
.fx-hub-label{font-size:13px}
.fx-rows{margin-top:22px}
.fx-row{padding:24px 0}
.fx-in,.fx-out{font-size:18px;line-height:1.55}
.fx-node{height:44px}
.fx-node span{width:166px;font-size:12.5px;padding:10px 12px}
.fx-l{right:calc(50% + 100px)}
.fx-r{left:calc(50% + 93px)}
#corridors .wrap{max-width:1480px}
.cmap{gap:64px}
.cm-name{font-size:26px}
.cm-desc{font-size:16.5px}
.cm-item{padding:18px 14px 18px 22px}
}
@media (prefers-reduced-motion:reduce){.brand img,.fx-line,.cm-arc{animation:none!important}}

/* flow text spacing from arrows */
@media (min-width:761px){.fx-in{padding-right:20px}.fx-out{padding-left:20px}.fx-in-head{padding-right:20px}.fx-out-head{padding-left:20px}}

/* animated two-way lines under Strait / Arrow + bigger top bar */
.door .dhead,.door .dhead:hover,.door:hover .dhead{border-bottom:0;position:relative;padding-bottom:30px}
.door .dhead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12'%3E%3Cpath d='M9 0L0 6l9 6z' fill='%23C8952A'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12'%3E%3Cpath d='M0 0l9 6-9 6z' fill='%23C8952A'/%3E%3C/svg%3E"),linear-gradient(90deg,var(--gold) 0 10px,rgba(200,149,42,0) 10px);background-size:9px 12px,9px 12px,18px 3px;background-repeat:no-repeat,no-repeat,repeat-x;background-position:0 50%,100% 50%,0 50%;animation:dh-flow 2.6s ease-in-out infinite alternate}
.door.arrow .dhead::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12'%3E%3Cpath d='M9 0L0 6l9 6z' fill='%2312243D'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12'%3E%3Cpath d='M0 0l9 6-9 6z' fill='%2312243D'/%3E%3C/svg%3E"),linear-gradient(90deg,var(--navy) 0 10px,rgba(18,36,61,0) 10px)}
@keyframes dh-flow{from{background-position:0 50%,100% 50%,0 50%}to{background-position:0 50%,100% 50%,72px 50%}}
.door:hover .dhead::after{animation-duration:1.2s;background-size:9px 12px,9px 12px,18px 4px}
@media (min-width:981px){
header .wrap{max-width:1480px;height:122px}
.brand img{width:98px;height:98px}
nav ul{gap:40px}
nav a{font-size:17px}
nav .btn{font-size:16px;padding:15px 24px}
html{scroll-padding-top:140px}
}
@media (prefers-reduced-motion:reduce){.door .dhead::after{animation:none}}

/* flow as a bold T: crossbar + big hub */
@media (min-width:761px){
.fx-head{position:relative;padding-bottom:40px}
.fx-head::before,.fx-head::after{content:"";position:absolute;bottom:0;height:16px;margin-bottom:-8px;background-repeat:repeat-x;animation:fx-bar 1.6s linear infinite}
.fx-head::before{left:0;right:50%;background-image:linear-gradient(90deg,var(--navy) 0 16px,rgba(18,36,61,0) 16px);background-size:26px 4px;background-position:0 50%}
.fx-head::after{left:50%;right:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16'%3E%3Cpath d='M0 0l11 8-11 8z' fill='%23C8952A'/%3E%3C/svg%3E"),linear-gradient(90deg,var(--gold) 0 16px,rgba(200,149,42,0) 16px);background-size:11px 16px,26px 4px;background-repeat:no-repeat,repeat-x;background-position:100% 50%,0 50%;animation-name:fx-bar-r}
@keyframes fx-bar{from{background-position:0 50%}to{background-position:52px 50%}}
@keyframes fx-bar-r{from{background-position:100% 50%,0 50%}to{background-position:100% 50%,52px 50%}}
.fx-hub{align-self:end;margin-bottom:-58px;z-index:2;gap:12px}
.fx-hub-label{background:var(--navy);color:#fff;border-radius:999px;padding:12px 24px;box-shadow:0 0 0 7px var(--bg);font-size:14px;letter-spacing:.18em}
.fx-rows{margin-top:72px}
.fx-rows::before{top:-72px;width:4px;margin-left:-2px;background-color:rgba(200,149,42,.28)}
}
@media (min-width:981px){
.fx-head,.fx-row{grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr)}
.fx-side h3{font-size:38px;line-height:1.15}
.fx-head .tag{font-size:14px;letter-spacing:.14em}
.fx-hub-dot{width:30px;height:30px;border-width:6px}
.fx-hub-label{font-size:17px;padding:14px 30px}
.fx-row{padding:22px 0}
.fx-node{height:50px}
.fx-node span{width:196px;font-size:14px;padding:13px 14px;border-width:2px}
.fx-l{right:calc(50% + 112px)}
.fx-r{left:calc(50% + 110px)}
.fx-line{height:3px;margin-top:-1.5px}
}
@media (prefers-reduced-motion:reduce){.fx-head::before,.fx-head::after{animation:none}}

/* circular top of the flow */
.fx-arc{display:none}
@media (min-width:761px){
.fx-head{padding-bottom:170px}
.fx-head::before{display:none}
.fx-head::after{left:auto;right:-14px;bottom:136px;margin:0;width:0;height:0;background:none;border-left:16px solid var(--gold);border-top:9px solid transparent;border-bottom:9px solid transparent;animation:none}
.fx-arc{display:block;position:absolute;left:0;bottom:0;width:100%;height:160px;overflow:visible;pointer-events:none}
.fx-arc path{fill:none;stroke-width:4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:16 12;animation:fx-arc 1.6s linear infinite}
.fx-arc-in{stroke:var(--navy)}
.fx-arc-out{stroke:var(--gold)}
@keyframes fx-arc{to{stroke-dashoffset:-56}}
.fx-hub{margin-bottom:-158px}
.fx-hub-dot{position:relative}
.fx-hub-dot::after{content:"";position:absolute;inset:-16px;border:2px dashed var(--gold);border-radius:50%;animation:fx-spin 9s linear infinite}
@keyframes fx-spin{to{transform:rotate(360deg)}}
}
@media (prefers-reduced-motion:reduce){.fx-arc path,.fx-hub-dot::after{animation:none}}

/* hub sits on the bottom of the curve */
@media (min-width:761px){.fx-hub{margin-bottom:-183px}}

/* orbit around the flow header + rotating globe hub */
.fx-orbit,.fx-globe .m,.fx-globe .lat{display:none}
@media all{
.fx-head{padding:22px 0;min-height:0}
.fx-head::before,.fx-head::after,.fx-arc,.fx-hub-dot::after{display:none}
.fx-side{position:relative;z-index:1}
.fx-orbit{display:block;position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:100%;overflow:visible;pointer-events:none;z-index:0}
.fx-orbit path{fill:none;stroke-linecap:round}
.fx-orbit .trk{stroke:rgba(18,36,61,.12);stroke-width:1.5}
.fx-orbit .g.c6{filter:drop-shadow(0 0 4px rgba(200,149,42,.9))}
.fx-orbit .n.c6{filter:drop-shadow(0 0 3px rgba(18,36,61,.6))}
.fx-orbit .c{animation:fx-orbit 11s linear infinite}
.fx-orbit .g{stroke:var(--gold)}
.fx-orbit .n{stroke:var(--navy)}
.fx-orbit .c1{stroke-dasharray:380 620;stroke-width:1.5;opacity:.07;animation-delay:-6.82s}
.fx-orbit .c2{stroke-dasharray:270 730;stroke-width:2;opacity:.12;animation-delay:-8.03s}
.fx-orbit .c3{stroke-dasharray:185 815;stroke-width:2.5;opacity:.2;animation-delay:-8.965s}
.fx-orbit .c4{stroke-dasharray:115 885;stroke-width:3;opacity:.36;animation-delay:-9.735s}
.fx-orbit .c5{stroke-dasharray:60 940;stroke-width:3.5;opacity:.62;animation-delay:-10.34s}
.fx-orbit .c6{stroke-dasharray:22 978;stroke-width:5;opacity:1;animation-delay:-10.758s}
.fx-orbit .n.c1{animation-delay:-1.32s}
.fx-orbit .n.c2{animation-delay:-2.53s}
.fx-orbit .n.c3{animation-delay:-3.465s}
.fx-orbit .n.c4{animation-delay:-4.235s}
.fx-orbit .n.c5{animation-delay:-4.84s}
.fx-orbit .n.c6{animation-delay:-5.258s}
@keyframes fx-orbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
.fx-hub{align-self:center;margin:0;gap:0;z-index:2}
.fx-globe{position:relative;display:block;width:104px;height:104px;border-radius:50%;border:2px solid var(--navy);overflow:hidden;background:radial-gradient(circle at 34% 28%,#3A5680 0,#1A3152 38%,#12243D 64%,#08111F 100%);box-shadow:0 0 0 8px var(--bg),0 0 0 9px rgba(200,149,42,.35),0 16px 34px rgba(18,36,61,.25)}
.fx-globe::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.28),rgba(255,255,255,0) 40%),radial-gradient(circle,rgba(0,0,0,0) 60%,rgba(0,0,0,.35) 100%);pointer-events:none}
.fx-globe .m{display:block;position:absolute;inset:0;border-radius:50%;border-left:1.5px solid rgba(226,196,138,.85);animation:fx-mer 14s infinite}
.fx-globe .m:nth-child(2){animation-delay:-1.75s}
.fx-globe .m:nth-child(3){animation-delay:-3.5s}
.fx-globe .m:nth-child(4){animation-delay:-5.25s}
.fx-globe .m:nth-child(5){animation-delay:-7s}
.fx-globe .m:nth-child(6){animation-delay:-8.75s}
.fx-globe .m:nth-child(7){animation-delay:-10.5s}
.fx-globe .m:nth-child(8){animation-delay:-12.25s}
@keyframes fx-mer{0%{transform:scaleX(1);opacity:.9;animation-timing-function:cubic-bezier(.37,0,.63,1)}49.9%{opacity:.9}50%{transform:scaleX(-1);opacity:.18;animation-timing-function:cubic-bezier(.37,0,.63,1)}99.9%{opacity:.18}100%{transform:scaleX(1);opacity:.9}}
.fx-globe .lat{display:block;position:absolute;border-radius:50%;border:1.5px solid rgba(226,196,138,.32)}
.fx-globe .l0{left:-2px;right:-2px;top:40%;height:20%}
.fx-globe .l1{left:9%;right:9%;top:13.5%;height:16%}
.fx-globe .l2{left:9%;right:9%;top:70.5%;height:16%}
.fx-globe .fx-hub-dot{position:absolute;left:50%;top:64%;width:14px;height:14px;margin:-11px 0 0 -11px;border-width:4px;border-color:#12243D;z-index:1}
.fx-hub-label{position:relative;z-index:2;margin-top:-16px}
.fx-rows{margin-top:30px}
.fx-rows::before{top:-80px}
}
@media (min-width:981px){
.fx-head{padding:26px 0;grid-template-columns:minmax(0,1fr) clamp(230px,19vw,340px) minmax(0,1fr)}
.fx-side h3{font-size:clamp(26px,2.1vw,38px)}
.fx-orbit{left:-40px;width:calc(100% + 80px)}
.fx-globe{width:140px;height:140px}
.fx-globe .fx-hub-dot{width:18px;height:18px;margin:-13px 0 0 -13px}
.fx-hub-label{margin-top:-20px}
.fx-rows{margin-top:34px}
.fx-rows::before{top:-96px}
}
@media (prefers-reduced-motion:reduce){.fx-orbit .c,.fx-globe .m{animation:none}}

/* flow rows: smaller, narrower text + fuller, shorter side panel */
@media (min-width:761px){
.fx-in,.fx-out{font-size:14.5px;line-height:1.5}
.fx-in{padding-left:clamp(16px,4vw,80px)}
.fx-out{padding-right:clamp(16px,4vw,80px)}
.fx-row{padding:14px 0}
}
@media (min-width:981px){
.fx-in,.fx-out{font-size:15.5px}
.fx-row{padding:16px 0}
.split:has(.flowx) .split-body{padding:72px 48px}
.split:has(.flowx) .panel{padding:72px 56px}
.split:has(.flowx) .panel h2{font-size:clamp(38px,3.4vw,56px);line-height:1.06}
}
.px-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.px-stats div{padding:22px 10px 20px;text-align:center}
.px-stats div+div{border-left:1px solid var(--line-dark)}
.px-stats b{display:block;font:400 clamp(40px,3.4vw,56px)/1 var(--serif);color:var(--gold);animation:px-glow 4.5s ease-in-out infinite}
.px-stats div:nth-child(2) b{animation-delay:-1.5s}
.px-stats div:nth-child(3) b{animation-delay:-3s}
@keyframes px-glow{0%,100%{text-shadow:0 0 0 rgba(200,149,42,0)}50%{text-shadow:0 0 20px rgba(200,149,42,.6)}}
.px-stats span{display:block;margin-top:10px;font:700 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--light)}
.px-ex{margin-top:auto;padding-top:40px}
.px-ex .tag{color:var(--gold)}
.px-ex ul{list-style:none;margin:14px 0 0;padding:0;border-bottom:1px solid var(--line-dark)}
.px-ex li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line-dark);font:400 18px/1.35 var(--serif);color:#fff;max-width:none}
.px-dir{flex:none;width:76px;text-align:center;padding:6px 0;border-radius:999px;font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.px-dir.out{border:1px solid var(--gold);color:var(--gold)}
.px-dir.in{border:1px solid var(--light);color:var(--light)}
.px-ex.grid ul{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.px-ex.grid li::before{content:"";flex:none;width:14px;height:2px;background:var(--gold)}
@media (max-width:560px){.px-ex.grid ul{grid-template-columns:1fr}.px-ex li{font-size:17px}}
@media (prefers-reduced-motion:reduce){.px-stats b{animation:none}}

/* hub label sits in the centre of the globe */
@media all{
.fx-hub{position:relative}
.fx-hub-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:92px;background:none;box-shadow:none;border-radius:0;color:#fff;font-size:11px;letter-spacing:.18em;line-height:1.25;text-align:center;white-space:normal;text-shadow:0 1px 8px rgba(8,17,31,.95),0 0 2px rgba(8,17,31,.95);z-index:3;pointer-events:none}
.fx-globe .fx-hub-dot{top:74%}
}
@media (min-width:981px){
.fx-hub-label{width:124px;margin:0;padding:0;font-size:13.5px}
}

/* Australia at the centre of the globe, small light on top */
.fx-globe .land{display:none}
@media all{
.fx-globe .land{display:block;position:absolute;inset:0;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cpath d='M-10.8,50L-10.7,49.9L-10.3,50L-10.8,50ZM-6,50L-5.6,49.9L-5.1,50L-6,50ZM-4.4,50L-4.1,49.9L-3.6,49.9L-3.2,49.9L-2.7,50L-4.4,50ZM-2.7,50L-2.2,49.8L-1.7,49.6L-1.2,49.6L-0.6,49.6L-0.1,49.5L0.4,49.4L0.6,48.9L0.6,48.5L0.9,48.8L1,49.2L1.2,49.7L1.4,50L1.4,50L-2.7,50ZM-43.5,42.8L-44,43.3L-44.5,42.8L-44.8,42.4L-45,42.2L-44.4,42.3L-44,42.1L-43.8,42.2ZM35.7,25.9L35.6,26.5L36.4,26.2L36.4,26.7L36.1,27.2L35.6,27.7L34.7,28.4L34.1,28.7L34.1,29.4L33.5,29.2L32.7,29.4L32.1,30.1L31.1,31.1L30.3,31.5L29.8,31.7L29.1,31.4L28.8,30.9L28,30.6L28.1,30.2L28.9,29.4L30.3,28.5L30.9,28.5L31.7,28.2L32.6,27.8L33.4,27.3L34.1,26.5L34.5,26.3L34.9,25.7L35.7,25.4ZM39.4,20.7L39.5,22.2L39.8,21.3L40,21.8L39.8,22.7L40.2,23.4L40.7,23.7L41.3,23.4L41.6,23.7L40.9,24.7L40.4,25.2L39.8,25L39.5,25.3L39.3,25.8L39.1,26L38.5,26.5L37.7,27.2L36.9,27.4L36.9,27.1L36.7,26.8L37.6,26L37.7,25.2L37.1,24.5L37.3,24L38,23.8L38.6,23L38.9,22.2L38.9,21.3L39,21L38.8,20.4L38.6,19.1L38.6,18.1L38.9,18.1L39.1,19L39.6,19.5ZM38,1.1L37.5,1.3L37,0.8L36.4,0L35.8,-0.9L35.3,-1.9L35.2,-2.4L35.7,-2.3L36.2,-1.7L36.6,-1.1L36.9,-0.7L37.5,0.3ZM50,-0.3L50,-0.3L49.4,-0.3L48.9,-0.7L49,-1.3L49.4,-1.6L49.8,-1.3L50,-1.3L50,-0.3ZM40.1,-6L39.7,-5.9L39.4,-6.6L39.5,-6.9ZM39.6,-8.1L39.6,-7.1L39.3,-7.3L39.1,-7.3L39,-7.7L39.1,-8.7ZM34.8,-15.1L35,-14.6L34.2,-14.8L33.9,-15.7L34.5,-15.2ZM-17,-18.3L-17.5,-18.2L-19.2,-18.9L-18,-19.3L-17.4,-19L-16.9,-18.6ZM33.4,-16.2L32.9,-16.3L32.2,-16.5L32,-16.8L32.1,-17.3L32.9,-16.9L33.2,-16.6ZM34.4,-16.3L34.2,-16.1L33.4,-17.4L33.2,-18.2L33.6,-18.1L33.9,-17ZM-12.3,-18.8L-13.3,-18.4L-13.5,-18.6L-13.4,-19L-12.9,-19.8L-11.6,-20.4L-11.5,-20.7L-10.4,-21.1L-9.5,-21.2L-9.1,-21.3L-8.6,-21.2L-9.1,-20.9L-10.4,-20.2L-11.5,-19.8ZM-20.6,-20.6L-20.1,-20.3L-19.4,-20.5L-19,-20L-20.5,-19.6L-21.3,-19.3L-22,-19.2L-21.6,-20L-20.9,-20.1ZM-14.3,-21.2L-14.5,-20.5L-16.3,-20L-18,-20L-18,-20.4L-17.1,-20.8L-16.3,-20.5L-15.4,-20.7ZM32.4,-18.4L32.4,-18.1L31.5,-18.8L30.9,-19.4L30.5,-19.9L30.7,-20L31.2,-19.6L32.1,-18.8ZM29.7,-20.1L29.5,-20.1L29,-20.5L28.5,-21.1L28.6,-21.3L29.3,-20.6ZM-31.9,-20.4L-29.6,-20.7L-29.4,-21.3L-27.1,-21.1L-26.7,-20.3L-24.8,-20.4L-23.3,-19.9L-24.7,-19.2L-26,-19.5L-27.1,-19.3L-28.4,-19.2L-29.5,-19.2L-30.9,-19.4L-31.8,-19.4L-32.3,-19.1L-34.4,-19.2L-34.6,-19.7L-35.7,-19.5L-35,-20.9L-33.6,-21.1L-32.6,-20.8L-32.1,-20.8ZM0.9,-24.1L0.3,-23.3L0.1,-24.2L0.4,-24.7L0.7,-25.1L0.9,-24.7ZM27.8,-21.1L27.4,-21.1L26.9,-21.6L26.4,-22.5L26.2,-23.5L26.3,-23.6L26.5,-23.2L26.8,-22.8L27.4,-22L27.9,-21.5ZM23.1,-23.5L22.4,-23.5L22.2,-23.2L21.5,-23L20.8,-22.8L20.2,-22.8L19.2,-23.3L18.5,-23.8L18.6,-24.1L19.7,-23.8L20.4,-23.8L20.6,-24.4L20.8,-24.4L20.9,-23.7L21.6,-23.7L22,-24.1L22.7,-24.5L22.5,-25.2L23.3,-25.1L23.5,-24.9L23.5,-24.2ZM-8.8,-27.3L-9.3,-26.9L-10.2,-27.1L-10.4,-27.6L-9.1,-27.7ZM-4.6,-27.9L-4.1,-27L-5.2,-27.5L-6.3,-27.5L-7.1,-27.4L-8,-27.4L-7.7,-28.1L-6,-28.2ZM24.5,-24.5L24.1,-24.2L23.9,-25L23.6,-25.5L23.1,-26L22.4,-26.6L21.5,-27.1L21.8,-27.3L22.5,-26.9L22.9,-26.6L23.4,-26.2L23.9,-25.6L24.4,-25.2ZM0.2,-30.3L0.6,-28.4L1.9,-27.6L3,-28.9L4.5,-29.6L5.7,-29.6L6.8,-29.1L7.7,-28.6L9.1,-28.3L11.4,-27.4L13.7,-26.5L14.6,-25.8L15.3,-25.1L15.5,-24.4L17.6,-23.4L17.9,-22.7L16.7,-22.7L17,-21.9L18.1,-20.9L18.8,-19.5L19.6,-19.5L19.5,-18.9L20.4,-18.6L20,-18.4L21.3,-17.7L21.2,-17.4L20.4,-17.4L20.1,-17.7L19,-18L17.8,-18.3L16.8,-19.2L16.1,-20L15.5,-21.2L13.9,-21.8L12.8,-21.6L12,-21.2L12.1,-20.3L11.1,-19.9L10.4,-20.2L9.1,-20.3L7.9,-21.4L6.6,-21.7L6.3,-21.3L4.7,-21.3L5.2,-22.4L6.1,-22.7L5.7,-24L5.1,-25.1L2.6,-26.2L1.5,-26.3L-0.4,-27.4L-0.8,-26.8L-1.3,-26.7L-1.6,-27.2L-1.6,-27.7L-2.6,-28.3L-1.2,-28.7L-0.3,-28.7L-0.4,-29L-2.3,-29L-2.8,-29.7L-4,-29.9L-4.6,-30.5L-2.8,-30.8L-2.1,-31.2L0,-30.8ZM-11.4,-33L-12.5,-31.8L-13.4,-31.5L-14.7,-31.6L-16.8,-31.3L-17.9,-31.1L-18.1,-30.1L-17,-29.2L-16.3,-29.8L-13.9,-30.4L-14,-29.9L-14.5,-30L-15.1,-29.2L-16.2,-28.7L-15,-27.2L-15.2,-26.8L-14,-25.5L-14,-24.7L-14.7,-24.3L-15.2,-24.6L-14.6,-25.7L-15.9,-25.1L-16.2,-25.4L-16,-25.9L-17,-26.5L-16.9,-27.7L-17.7,-27.3L-17.6,-25.9L-17.5,-24.1L-18.3,-23.9L-18.9,-24.2L-18.5,-25.3L-18.7,-26.5L-19.3,-26.4L-19.7,-27.2L-19.2,-28.1L-19,-29L-18.4,-30.9L-18.1,-31.4L-17,-32.4L-16,-32.2L-14.4,-32.1L-12.9,-32.3L-11.6,-33.2ZM-6.9,-32.9L-7,-31.9L-7.7,-32L-7.9,-31.2L-7.3,-30.6L-7.7,-30.5L-8.2,-31.2L-8.6,-32.7L-8.4,-33.6L-7.9,-34.1L-7.8,-33.4L-7.1,-33.4ZM-35.2,-20.9L-36.5,-20.5L-37.5,-21.3L-39,-22L-39.5,-22.6L-40.4,-23.3L-40.9,-24.1L-41.8,-25.5L-42.7,-26.3L-43,-27.2L-43.4,-28L-44.4,-28.4L-44.9,-29.3L-45.6,-29.6L-46.6,-30.6L-46.7,-31.1L-46,-31.3L-44.4,-31.6L-43.6,-30.8L-42.8,-30.2L-42.2,-29.9L-41.2,-28.9L-40.1,-29.2L-39.2,-28.7L-38.5,-27.9L-37.7,-27.5L-38.1,-26.4L-37.5,-26.2L-37.1,-26.3L-36.9,-25.5L-36.5,-24.9L-35.6,-25L-35,-24.3L-35.3,-22.8ZM-20.8,-32.6L-19.4,-31.7L-20.9,-31.4L-21.3,-30.5L-21.3,-29.4L-22.5,-28.5L-22.5,-27.3L-22.9,-25.3L-23.1,-25.7L-24.5,-25L-25,-25.7L-25.9,-25.6L-26.5,-25.9L-28,-25.2L-28.4,-25.7L-29.2,-25.5L-30.2,-25.5L-30.4,-27.1L-31,-27.3L-31.6,-28.2L-31.8,-29.2L-31.6,-30.3L-30.9,-31.2L-30,-31L-29.1,-31.4L-28.8,-32.4L-28.3,-32.7L-26.8,-33.2L-25.9,-34.3L-25.3,-35.1L-24.8,-35.6L-23.8,-36.4L-22.8,-37.3L-22.1,-38.2L-21.6,-38.3L-21,-37.8L-20.9,-37.3L-20.1,-37.1L-19.1,-36.9L-19.2,-36.5L-20,-36.3L-19.8,-35.8L-20.8,-35.3L-21.5,-34.1L-20.6,-33.2ZM-9.8,-41L-9.7,-40.3L-9.7,-39.7L-10.1,-38.6L-10.6,-39.8L-11.2,-39.1L-10.8,-38.4L-11.2,-37.8L-12.7,-38.4L-13,-39.1L-12.6,-39.7L-13.4,-40.2L-13.8,-39.7L-14.4,-39.7L-15.4,-39L-15.6,-39.3L-15,-40.2L-14.2,-40.6L-13.5,-41.1L-13.1,-40.6L-12.1,-41L-11.9,-41.5L-11,-41.6L-11,-42.4L-10,-42L-9.9,-41.4ZM-12.8,-42.8L-13.3,-42.5L-13.7,-41.7L-14.1,-41.4L-14.9,-42.1L-14.6,-42.4L-14.3,-42.7L-14.1,-43.4L-13.4,-43.5L-13.7,-42.8L-12.7,-43.9ZM-19.8,-41.1L-21.5,-39.9L-20.8,-40.7L-19.9,-41.5L-19.1,-42.4L-18.4,-43.5L-18.2,-42.6L-19.1,-42ZM-15.4,-44.3L-14.7,-44.1L-13.9,-44.1L-13.9,-43.7L-14.5,-43.2L-15.3,-42.8L-15.4,-43.3L-15.2,-43.8ZM-10.8,-45L-10.5,-43.8L-11.5,-44L-11.5,-43.7L-11.2,-43L-11.8,-42.8L-11.8,-43.5L-12.2,-43.5L-12.4,-44.2L-11.6,-44.1L-11.6,-44.5L-12.4,-45.3L-11.2,-45.3ZM-15.8,-45.5L-16.2,-44.6L-16.7,-45.1L-17.2,-45.8L-16.2,-45.8ZM-14.5,-50L-14.3,-49.7L-14.7,-48.8L-15.4,-48.4L-15.7,-47.6L-15.4,-46.8L-14.8,-46.8L-14.2,-46.9L-12.7,-46.5L-12.9,-45.9L-12.5,-45.7L-12.6,-45.2L-13.6,-45.7L-14,-46.2L-14.3,-45.8L-15.1,-46.3L-16.2,-46.1L-16.8,-46.2L-16.7,-46.6L-16.3,-46.9L-16.7,-47.1L-16.9,-46.8L-17.4,-47.3L-17.6,-47.7L-17.6,-48.6L-17.1,-48.4L-16.8,-49.9L-16.8,-50L-14.5,-50ZM-28,-50L-28.2,-49.9L-28.5,-49.3L-28.5,-49.3L-29.6,-48.6L-30.4,-48.7L-30.3,-49.6L-29.8,-50L-28,-50ZM-32.5,-50L-33.3,-49.3L-33.6,-48.6L-33,-47.7L-32.2,-46.7L-31.3,-46.3L-30.7,-45.6L-30.4,-43.8L-30.8,-41.9L-31.8,-41L-33.2,-40.1L-34.3,-39L-35.8,-37.6L-36.1,-38.2L-35.7,-39L-36.5,-39.5L-37.4,-39.4L-37.8,-39.8L-38.2,-40.8L-39.1,-41L-40,-40.7L-39.8,-41.6L-40.7,-41.4L-41,-40.2L-41.7,-38.4L-42.2,-37.4L-42.2,-36.6L-41.5,-36.8L-41.2,-35.9L-41.1,-35L-40.5,-34.5L-39.9,-34.6L-39.4,-34.1L-39.1,-34.1L-38.5,-33.6L-38.1,-32.9L-38,-32.2L-38.2,-31.6L-38.1,-31.3L-38,-30.6L-37.6,-30.4L-37.2,-29.4L-37.2,-29L-38,-28.8L-39.1,-29.4L-40.4,-29.9L-40.5,-30.5L-41.1,-31.1L-41.2,-32L-41.5,-32.5L-41.4,-33.4L-41.6,-33.8L-42,-34.1L-42.1,-34.6L-42.6,-35.1L-43.1,-35.4L-43.3,-34.7L-43.5,-35.3L-43.3,-36L-42.8,-37.2L-42.8,-37.9L-42.4,-38.9L-42.7,-39.4L-42.4,-40.6L-42.7,-41L-42.8,-42.1L-42.8,-43.4L-43,-44.1L-43.8,-43.3L-45.1,-42.2L-45.6,-42.1L-46.1,-42.2L-45.5,-43.6L-45.5,-44.4L-45.9,-45.3L-45.7,-45.7L-46.2,-45.6L-46.6,-46.2L-46.7,-46.6L-46.6,-47L-46.6,-47.4L-46.8,-47.8L-47.6,-47.5L-47.7,-47.2L-48.1,-46.5L-48.4,-46.6L-48.6,-46.4L-48.8,-46.4L-49.1,-46.3L-49.4,-45.9L-49.9,-45.7L-50,-45.6L-50,-50Z' fill='rgba(226,196,138,.18)'/%3E%3Cpath d='M11.2,20.9L12.1,21.4L12.6,21.3L13.4,21.1L14,21.3L13.8,22.7L13.4,23.1L13.1,24.1L12.9,23.7L12.1,24.5L11.9,24.5L11.3,24.4L10.9,23.3L10.9,22.4L10.5,21.3L10.6,20.7ZM12.1,-14.2L12.5,-13.1L13.3,-13.6L13.7,-13L14.3,-12.4L14.1,-11.9L14.3,-10.8L14.5,-10.1L14.8,-9.9L15,-8.8L14.9,-8.1L15.2,-7.2L16.5,-6.4L17.3,-5.7L18,-5L17.8,-4.7L18.4,-3.8L18.7,-2.4L19.2,-2.6L19.7,-2L20,-2.2L20,-0.8L20.7,0.1L21.2,0.7L21.9,1.9L22.1,3L22,3.7L21.8,4.5L22.2,5.7L21.9,6.8L21.6,7.4L21.1,8.5L21,9.2L20.7,10.1L20,11.2L19.1,11.8L18.6,12.7L18.1,13.3L17.6,14.3L17.1,14.9L16.7,15.8L16.4,16.7L16.4,17.1L15.8,17.5L14.6,17.4L13.6,17.8L13.1,18.3L12.4,18.8L11.7,18.1L11.1,17.8L11.3,17.2L10.7,17.4L9.8,18.2L8.9,17.8L8.4,17.6L7.8,17.5L6.8,17.1L6.2,16.2L6.1,15.3L5.9,14.6L5.4,14.1L4.4,13.9L4.8,13.3L4.5,12.3L4,13.2L3,13.4L3.6,12.7L3.8,11.9L4.2,11.3L4.2,10.4L3.3,11.4L2.6,11.9L2.1,12.9L1.3,12.4L1.3,11.7L0.7,10.7L0.1,10.2L0.3,9.9L-1.1,9.2L-1.9,9.1L-3,8.5L-5,8.7L-6.4,9.2L-7.6,9.7L-8.7,9.7L-9.8,10.4L-10.7,10.8L-10.8,11.5L-11.2,12L-12.1,12.1L-12.7,12.3L-13.7,12.1L-14.4,12.4L-15.2,12.5L-15.7,13.2L-16,13.2L-16.5,13.6L-16.9,14.1L-17.7,14.2L-18.3,14.2L-19.6,13.6L-20.2,13.4L-20.3,12.7L-19.8,12.4L-19.7,12.1L-19.8,11.7L-19.8,10.7L-20.1,10L-20.8,8.8L-21.1,8.1L-21.2,7.3L-21.8,6.6L-21.9,6.2L-22.4,5.7L-22.7,4.7L-23.5,3.8L-23.8,3.3L-23.2,3.8L-23.7,2.6L-23.1,2.9L-22.7,3.4L-22.9,2.7L-23.6,1.8L-23.7,1.4L-24,1L-24,0.3L-23.8,-0.1L-23.8,-0.8L-24,-1.5L-23.7,-2.5L-23.4,-1.5L-23.1,-2.5L-22.2,-3.1L-21.7,-3.7L-20.8,-4.3L-20.3,-4.5L-20,-4.3L-19.1,-4.9L-18.4,-5.2L-18.3,-5.5L-17.9,-5.6L-17.3,-5.7L-16.1,-6.2L-15.4,-6.8L-15.2,-7.5L-14.5,-8.3L-14.5,-8.8L-14.5,-9.5L-13.7,-10.7L-13.1,-9.6L-12.6,-9.9L-13.1,-10.5L-12.7,-11.1L-12.2,-10.9L-12.1,-11.9L-11.4,-12.5L-11.1,-13.1L-10.5,-13.3L-10.5,-13.7L-10,-13.6L-9.9,-13.9L-9.4,-14.1L-8.8,-14.3L-7.8,-13.8L-7.1,-13L-6.3,-13.1L-5.5,-13L-5.8,-13.7L-5.2,-14.7L-4.7,-15.1L-4.9,-15.4L-4.3,-16.1L-3.6,-16.6L-2.9,-16.5L-1.8,-16.7L-1.8,-17.4L-2.8,-17.8L-2.1,-18L-1.3,-17.7L-0.6,-17.1L0.5,-16.8L0.9,-16.9L1.7,-16.5L2.4,-16.9L2.9,-16.8L3.2,-17L3.8,-16.4L3.4,-15.7L2.9,-15.2L2.5,-15.2L2.6,-14.6L2.3,-14L1.8,-13.4L1.9,-13L2.9,-12.3L3.9,-11.9L4.5,-11.4L5.4,-10.6L5.7,-10.6L6.4,-10.2L6.6,-9.8L7.7,-9.3L8.6,-9.7L8.8,-10.4L9.1,-11L9.3,-11.7L9.7,-12.7L9.6,-13.3L9.7,-13.7L9.5,-14.4L9.7,-15.4L10,-15.6L9.8,-16.1L10.1,-16.7L10.4,-17.4L10.4,-17.8L10.9,-18.2L11.3,-17.6L11.3,-16.8L11.6,-16.6L11.7,-16.1L12.1,-15.4L12.2,-14.6Z' fill='%23E2C48A' fill-opacity='.94' stroke='%23C8952A' stroke-width='.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.fx-globe .m{border-left-color:rgba(226,196,138,.5)}
.fx-globe .lat{border-color:rgba(226,196,138,.2)}
.fx-globe .fx-hub-dot{top:50%;width:8px;height:8px;margin:-6px 0 0 -6px;border-width:2px;z-index:2;background:#FFD27A}
}
@media (min-width:981px){
.fx-globe .fx-hub-dot{width:10px;height:10px;margin:-7px 0 0 -7px}
}
/* small light on Sydney, clear of the centred label */
@media all{.fx-globe .fx-hub-dot{top:62.7%;left:68.4%}}

/* ===== mobile upgrade ===== */
.m-cta{display:none}
@media (max-width:980px){
/* menu: round icon button + full-screen panel */
.menu-toggle{position:relative;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(200,149,42,.6);font-size:0;color:transparent;background:rgba(255,255,255,.03)}
.menu-toggle::before,.menu-toggle::after{content:"";position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:#fff;transition:transform .3s cubic-bezier(.2,0,0,1),top .3s,left .3s,background .3s}
.menu-toggle::before{top:17px}
.menu-toggle::after{top:26px;left:20px;background:var(--gold)}
.menu-toggle[aria-expanded="true"]::before{top:21px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"]::after{top:21px;left:13px;transform:rotate(-45deg);background:#fff}
header nav ul{height:calc(100vh - 88px);height:calc(100dvh - 88px);overflow:auto;gap:0;padding:20px 24px 40px;background:radial-gradient(120% 60% at 100% 0%,rgba(200,149,42,.16),rgba(200,149,42,0) 60%),var(--dark);border-top:1px solid rgba(200,149,42,.35)}
header nav ul.open{display:flex;animation:m-menu .3s ease}
header nav ul.open li{animation:m-item .45s cubic-bezier(.2,0,0,1) both}
header nav ul.open li:nth-child(2){animation-delay:.05s}
header nav ul.open li:nth-child(3){animation-delay:.1s}
header nav ul.open li:nth-child(4){animation-delay:.15s}
header nav ul.open li:nth-child(5){animation-delay:.2s}
header nav li{width:100%;border-bottom:1px solid var(--line-dark)}
header nav li a{display:flex;align-items:center;justify-content:space-between;padding:20px 2px;font:400 30px/1.1 var(--serif);color:#fff;text-decoration:none}
header nav li a::after{content:"\2192";font:400 20px var(--sans);color:var(--gold)}
header nav li a[aria-current="page"]{color:var(--goldlight)}
header nav li:last-child{border:0;margin-top:30px}
header nav li a.btn{justify-content:center;gap:10px;padding:18px;background:var(--gold);color:var(--dark);font:700 16px var(--sans);letter-spacing:.02em;border-radius:2px}
header nav li a.btn::after{color:var(--dark)}
@keyframes m-menu{from{opacity:0}to{opacity:1}}
@keyframes m-item{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body:has(#menu.open){overflow:hidden}

/* five-stage process becomes a vertical timeline */
.process{position:relative;gap:0;margin-top:36px}
.process::before{content:"";position:absolute;left:19px;top:20px;bottom:44px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(200,149,42,.15))}
.process>div{position:relative;padding:0 0 30px 60px}
.process>div:last-child{padding-bottom:0}
.process .chev{background:none!important;color:var(--ink)!important;padding:7px 0 0;font:400 24px/1.15 var(--serif);clip-path:none!important;animation:none!important}
.process>div .chev b{position:absolute;left:0;top:0;width:40px;height:40px;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--gold);font:700 14px var(--sans);box-shadow:0 0 0 5px var(--bg);animation-name:m-proc}
@keyframes m-proc{0%,18%{background:var(--gold);color:var(--dark);box-shadow:0 0 0 5px var(--bg),0 0 0 10px rgba(200,149,42,.28)}26%,100%{background:var(--navy);color:var(--gold);box-shadow:0 0 0 5px var(--bg)}}
.process .proc-body{min-height:0!important;border:0!important;padding:8px 0 0!important;margin:0!important;background:none!important;animation:none!important}
.process .proc-body p{font-size:15px;line-height:1.55}
.process .proc-body .out{margin-top:14px;padding:11px 14px;border:0;border-left:3px solid var(--gold);background:rgba(200,149,42,.1)}
.process .proc-body .out .tag{font-size:10px}
.process .proc-body .out strong{font-size:16px;margin-top:3px}
}

@media (max-width:760px){
section{padding-block:60px}
/* home hero: no empty sky above the content */
.hero{min-height:0}
.hero .wrap{padding-top:56px;padding-bottom:40px}
/* division heroes: photo full-bleed behind the text */
.phero{position:relative;overflow:hidden}
.phero .media{position:absolute;inset:0;min-height:0;z-index:0}
.phero .media::before{background:linear-gradient(180deg,rgba(10,13,20,.62) 0%,rgba(10,13,20,.8) 50%,rgba(10,13,20,.96) 100%)}
.phero .inner{position:relative;z-index:1;padding:56px 24px 60px}
.phero h1{font-size:clamp(34px,9.4vw,44px)}
.chips a{border-radius:999px;border-color:rgba(200,149,42,.55);background:rgba(10,13,20,.45);padding:10px 16px}

/* both-directions / buy-sell flow: globe, orbit and live cards */
.fx-head{grid-template-columns:1fr 1fr;gap:18px 12px;padding:8px 0 0}
.fx-hub{display:flex;grid-column:1/-1;grid-row:1;justify-self:center;margin:0}
.fx-globe{width:112px;height:112px}
.fx-orbit{top:29px;left:-14px;width:calc(100% + 28px);height:70px}
.fx-in-head{grid-row:2;text-align:left}
.fx-out-head{grid-row:2;text-align:right}
.fx-side h3{font-size:22px;line-height:1.2}
.fx-rows{margin-top:16px}
.fx-row{grid-template-columns:1fr;gap:10px;margin-top:12px;padding:16px 16px 18px;background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--navy);box-shadow:0 8px 22px rgba(18,36,61,.06)}
.fx-row:nth-child(even){border-left-color:var(--gold)}
.fx-node{display:flex;align-items:center;justify-content:flex-start;height:auto;order:-1}
.fx-node span{width:auto;background:var(--navy);border-color:var(--navy);color:#fff;padding:7px 14px;font-size:11px}
.fx-node::after{content:"";flex:1;height:2px;margin-left:12px;background-image:linear-gradient(90deg,var(--gold) 0 6px,rgba(200,149,42,0) 6px);background-size:14px 2px;background-repeat:repeat-x;animation:fx-dash .9s linear infinite}
.fx-in,.fx-out{display:flex;align-items:baseline;gap:10px;font-size:15px;line-height:1.5}
.fx-in::before,.fx-out::before{flex:none;min-width:46px;text-align:center;padding:5px 8px;border-radius:999px;font:700 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;transform:translateY(-2px)}
.fx-in::before{content:"In";background:rgba(18,36,61,.09);color:var(--navy)}
.fx-out::before{content:"Out";background:rgba(200,149,42,.18);color:var(--goldtxt)}
.flowx.ms .fx-in::before{content:"Buy"}
.flowx.ms .fx-out::before{content:"Sell"}

/* Arrow growth journey: single column timeline (also fixes sideways scroll) */
.timeline{grid-template-columns:1fr;gap:0;margin-top:36px}
.timeline>*{min-width:0}
.timeline::before{display:block;left:10px;right:auto;top:6px;bottom:30px;width:2px;height:auto;background:linear-gradient(180deg,var(--gold),var(--navy))}
.step{position:relative;padding:0 0 22px 42px}
.step .stage{text-align:left;height:auto;margin:0 0 8px}
.step .node{position:absolute;left:0;top:0;margin:0;animation:m-node 2.6s ease-out infinite}
.step:nth-child(2) .node{animation-delay:.65s}
.step:nth-child(3) .node{animation-delay:1.3s}
.step:nth-child(4) .node{animation-delay:1.95s}
@keyframes m-node{0%{box-shadow:0 0 0 0 rgba(200,149,42,.5)}100%{box-shadow:0 0 0 12px rgba(200,149,42,0)}}

/* corridor map: edge to edge */
.cmap-map{margin-inline:-16px}

/* floating connect button */
.m-cta{display:flex;align-items:center;gap:10px;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;padding:14px 20px;border-radius:999px;background:var(--gold);color:var(--dark);font:700 14px var(--sans);text-decoration:none;box-shadow:0 12px 28px rgba(10,13,20,.35);opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.2,0,0,1)}
.m-cta::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dark);animation:fx-hub 2.4s ease-out infinite}
.m-cta.on{opacity:1;transform:none;pointer-events:auto}
body:has(#menu.open) .m-cta{opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){header nav ul.open,header nav ul.open li,.process>div .chev b,.step .node,.m-cta::before,.fx-node::after{animation:none}}
/* flow: capabilities as one horizontal row, bigger globe, detail beside it */
.fx-caps{display:none}
.fx-tabbed .fx-rows{display:none}
.fx-tabbed .fx-caps{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;position:relative;z-index:1}
.fx-cap{position:relative;overflow:hidden;background:var(--paper);border:2px solid var(--rule);border-radius:999px;padding:12px 22px;font:700 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .3s}
.fx-cap:hover{border-color:var(--gold);transform:translateY(-2px)}
.fx-cap.on{background:var(--navy);border-color:var(--navy);color:#fff}
.fx-cap .fx-bar{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left}
.fx-cap.on .fx-bar{animation:fx-capbar 4.5s linear forwards}
.fx-hold .fx-cap.on .fx-bar{animation-play-state:paused}
@keyframes fx-capbar{to{transform:scaleX(1)}}
.fx-desc{margin:14px 0 0;max-width:260px;min-height:4.6em;font-size:15px;line-height:1.5;color:var(--body)}
.fx-in-head .fx-desc{margin-left:auto}
.fx-swap .fx-desc{animation:fx-fade .55s ease}
@keyframes fx-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (min-width:761px){
.fx-tabbed .fx-globe{width:160px;height:160px}
.fx-tabbed .fx-hub-label{width:120px;font-size:12px}
}
@media (min-width:981px){
.fx-tabbed .fx-globe{width:clamp(190px,14.5vw,260px);height:clamp(190px,14.5vw,260px)}
.fx-tabbed .fx-hub-label{width:180px;font-size:16px}
.fx-tabbed .fx-globe .fx-hub-dot{width:14px;height:14px;margin:-9px 0 0 -9px}
.fx-desc{font-size:16px;max-width:280px}
.fx-tabbed .fx-caps{margin-top:36px;gap:14px}
.fx-cap{font-size:14px;padding:14px 26px}
}
@media (max-width:760px){
.fx-tabbed .fx-globe{width:150px;height:150px}
.fx-tabbed .fx-orbit{top:45px;height:76px}
.fx-desc{font-size:14px;min-height:6em}
.fx-tabbed .fx-caps{gap:8px;margin-top:22px}
.fx-cap{font-size:11px;padding:10px 15px}
}
@media (prefers-reduced-motion:reduce){.fx-cap.on .fx-bar,.fx-swap .fx-desc{animation:none}}