/*
Theme Name: Australian National Finance
Theme URI: https://anfonline.com.au
Author: Australian National Finance
Description: Custom theme for Australian National Finance Pty Ltd. Navy and gold corporate identity, serif editorial typography, seventeen structured pages covering the enterprise, its capability, its method and how to engage it. Built from the ANF design prototype.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary — all rights reserved
Text Domain: anf
Tags: business, corporate, custom-menu, custom-logo, featured-images, translation-ready
*/

/* =========================================================================
   Australian National Finance — design system
   Colour, type and layout tokens are declared once in :root below.
   Change a token here and it changes everywhere on the site.
   ========================================================================= */

:root{
  --logo_light_h:url("assets/img/logo-light-h.png");
  --logo_light_xl:url("assets/img/logo-light-xl.png");
  --logo_dark_h:url("assets/img/logo-dark-h.png");
}
:root{
  --img-global:url("assets/img/global.webp");
  --img-hero:url("assets/img/hero.webp");
  --img-who:url("assets/img/who.webp");
  --img-whatwedo:url("assets/img/whatwedo.webp");
  --img-howwework:url("assets/img/howwework.webp");
  --img-workingwith:url("assets/img/workingwith.webp");
  --img-d_trading:url("assets/img/d-trading.webp");
  --img-d_facil:url("assets/img/d-facil.webp");
  --img-d_finance:url("assets/img/d-finance.webp");
  --img-d_infra:url("assets/img/d-infra.webp");
  --img-c_petroleum:url("assets/img/c-petroleum.webp");
  --img-c_coal:url("assets/img/c-coal.webp");
  --img-c_ironore:url("assets/img/c-ironore.webp");
  --img-c_base:url("assets/img/c-base.webp");
  --img-c_steel:url("assets/img/c-steel.webp");
  --img-c_grains:url("assets/img/c-grains.webp");
  --img-c_oilseeds:url("assets/img/c-oilseeds.webp");
  --img-c_pulses:url("assets/img/c-pulses.webp");
  --img-b_energy:url("assets/img/b-energy.webp");
  --img-b_metals:url("assets/img/b-metals.webp");
  --img-b_agri:url("assets/img/b-agri.webp");
  --img-petro_hero:url("assets/img/petro-hero.webp");
}
:root{
  --navy:#013256; --navy-deep:#01253f; --navy-mid:#0c4670; --navy-line:#0a3e68;
  --gold:#b4924f; --gold-l:#d9c08a; --gold-deep:#8f7238;
  --ink:#221f1f; --grey:#4a4a4a; --grey-l:#7c7c7c;
  --bone:#f3f1ec; --paper:#fff; --rule:#c9be9e; --hair:#ded9d0; --pale:#e7edf2;
  --serif:"Source Serif 4",Charter,Georgia,"Times New Roman",serif;
  --sans:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --w:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 32px}
.caps{font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;font-weight:600}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:1px solid var(--navy-line)}
.util{background:var(--navy-deep);border-bottom:1px solid #0b3557}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:30px;font-family:var(--sans);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.util a{color:#fff;text-decoration:none;margin-left:20px}
.util a:hover{color:var(--gold-l)}
@media(max-width:900px){.util .wrap{justify-content:center}.util span:first-child{display:none}.util a{margin:0 10px}}
.bar{display:flex;align-items:center;gap:28px;height:86px}
.brand{margin-right:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto;white-space:nowrap}
.brand svg{display:block}
.brand span:not(.logo){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
nav.main{margin-left:auto;display:flex;align-items:center;gap:26px;flex-wrap:nowrap}
nav.main a+a{margin-left:22px}
nav.main a{white-space:nowrap;flex:0 0 auto;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:#cfdae4;text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
nav.main a:hover{color:#fff}
nav.main a.on{color:#fff;border-bottom-color:var(--gold)}
.enq{border:1px solid var(--gold)!important;color:var(--gold)!important;padding:8px 14px!important;letter-spacing:.14em}
.enq:hover{background:var(--gold);color:var(--navy)!important}
@media(max-width:1240px){nav.main a{font-size:10px;letter-spacing:.12em}nav.main a+a{margin-left:15px}}
.burger{display:none;margin-left:auto;background:none;border:1px solid #2b5779;color:#fff;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:9px 12px;cursor:pointer}

/* ---------- cover / hero ---------- */
.cover{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:120px 0 116px}
.cover .wrap{position:relative;z-index:2;text-align:center}
/* The registered name is set on one line at any width: the type scales with
   the viewport and is capped so it never outgrows the measure. */
.lockup{font-family:var(--serif);font-weight:700;color:var(--gold-l);letter-spacing:.12em;font-size:clamp(9px,calc(3.7vw - 2.6px),36px);line-height:1.15;text-transform:uppercase;margin:16px 0 0;white-space:nowrap;text-indent:.12em}
.cover hr{width:120px;border:0;border-top:1px solid #7e8ca0;margin:22px auto}
.tag{font-family:var(--sans);color:var(--gold);letter-spacing:.28em;text-transform:uppercase;font-size:9.5px;font-weight:500}
.cover h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.4vw,44px);line-height:1.14;margin:54px 0 0;color:#fff}
.cover .sub{color:#b9c8d6;font-size:17px;max-width:620px;margin:18px auto 0}
.cta{display:inline-flex;gap:14px;margin-top:34px;flex-wrap:wrap;justify-content:center}
.btn{font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;text-decoration:none;padding:13px 22px;border:1px solid var(--gold);color:var(--gold);background:none;cursor:pointer}
.btn:hover{background:var(--gold);color:var(--navy)}
.btn.solid{background:var(--gold);color:var(--navy)}
.btn.solid:hover{background:var(--gold-l)}
.btn.ink{border-color:var(--navy);color:var(--navy)}
.btn.ink:hover{background:var(--navy);color:#fff}

/* ---------- category index ---------- */
.index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--hair);margin-bottom:34px}
.index>div{padding:18px 20px 18px 0}
.index>div+div{border-left:1px solid var(--hair);padding-left:20px}
.index h4{font-family:var(--sans);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin:0 0 10px}
.index a,.index span{display:block;font-size:14.5px;padding:4px 0;text-decoration:none}
.index a{color:var(--navy);font-weight:600}
.index a:hover{color:var(--gold-deep)}
.index span{color:var(--grey-l)}
@media(max-width:900px){.index{grid-template-columns:1fr}.index>div+div{border-left:0;padding-left:0;border-top:1px solid var(--hair)}}

/* ---------- books, drilling into categories ---------- */
.books3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.bk{background:var(--paper);border:1px solid var(--hair)}
.bk .ph{height:120px;background-size:cover;background-position:center;margin:0}
.bk h4{font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin:0;padding:16px 18px 10px;border-bottom:1px solid var(--hair)}
.bk ul{list-style:none;margin:0;padding:6px 18px 16px}
.bk li{border-bottom:1px solid var(--hair);font-size:15px}
.bk li:last-child{border-bottom:0}
.bk li a,.bk li span{display:block;padding:10px 0;text-decoration:none;color:var(--ink)}
.bk li a{color:var(--navy);font-weight:600}
.bk li a::after{content:" \2192";color:var(--gold)}
.bk li a:hover{color:var(--gold-deep)}
.bk li span{color:var(--grey-l)}
.bk li span::after{content:" · in preparation";font-family:var(--sans);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rule)}
@media(max-width:900px){.books3{grid-template-columns:1fr}}

/* ---------- breadcrumbs ---------- */
.crumbs{background:var(--bone);border-bottom:1px solid var(--hair)}
.crumbs .wrap{height:34px;display:flex;align-items:center;gap:6px;font-family:var(--sans);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-l)}
.crumbs a{color:var(--grey);text-decoration:none}
.crumbs a:hover{color:var(--navy)}
.crumbs span.sep{color:var(--rule);margin:0 3px}
.crumbs span.here{color:var(--gold-deep);font-weight:600}

/* ---------- statistics strip ---------- */
/* The home page statistics strip. Scoped to the div so it cannot reach the
   facts tables on Corporate facts and Contact, which share the class name
   and would otherwise inherit white text onto their pale rows. */
div.facts{background:var(--navy-deep);color:#fff;border-top:1px solid #0b3557}
/* The opening sentence sits here rather than over the photograph, where
   the brighter image left it hard to read. */
.facts .leadline{max-width:none;text-align:center;font-family:var(--serif);font-size:19px;line-height:1.55;color:#dbe5ee;margin:0;padding:30px 0 26px;border-bottom:1px solid #0b3557}
@media(max-width:900px){.facts .leadline{font-size:17px;padding:24px 0 20px}}
.factgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.factgrid>div{padding:26px 24px 26px 0}
.factgrid>div+div{border-left:1px solid #0b3557;padding-left:24px}
.fig{font-family:var(--serif);font-weight:600;font-size:34px;color:var(--gold);line-height:1}
.lbl{font-family:var(--sans);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#93a9bb;margin-top:9px}
@media(max-width:900px){.factgrid{grid-template-columns:1fr 1fr}.factgrid>div{padding:20px 16px}.factgrid>div+div{border-left:0}}

/* ---------- global presence ---------- */
.presence{background:var(--navy);color:#fff;background-image:linear-gradient(90deg,rgba(1,50,86,.94) 0%,rgba(1,50,86,.72) 55%,rgba(1,37,63,.86) 100%),var(--img-global);background-size:cover;background-position:center;padding:64px 0}
.presence .eyebrow{color:var(--gold-l)}
.presence h2{font-family:var(--serif);font-weight:600;font-size:clamp(23px,3vw,31px);margin:0 0 12px;color:#fff}
.presence p.intro{color:#bfcedb;max-width:60ch}
.regions{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:0 26px;margin-top:34px}
.regions>div{padding:20px 0 6px;border-top:1px solid #17496f}
.regions h4{font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 10px}
.regions p{color:#c2cfdb;font-size:14.5px;margin:0;max-width:none}
@media(max-width:900px){.regions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.regions{grid-template-columns:1fr}}


/* ---------- page furniture ---------- */
main{display:block}
.pagehead{border-bottom:1px solid var(--hair);padding:56px 0 0;background:var(--paper)}
.pagehead .num{font-family:var(--sans);font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:600;text-transform:uppercase}
.pagehead h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.6vw,40px);margin:10px 0 0;letter-spacing:-.01em}
.pagehead p.lede{font-size:19px;color:var(--grey);max-width:660px;margin:16px 0 0}
.pagehead .rule{border:0;border-top:1px solid var(--rule);margin:30px 0 0}
.pagehead .pad{padding-bottom:34px}
section.blk{padding:52px 0;border-bottom:1px solid var(--hair)}
section.blk:last-of-type{border-bottom:0}
.blk.bone{background:var(--bone)}
h2.sec{font-family:var(--serif);font-weight:600;font-size:26px;margin:0 0 6px}
h3.sub{font-family:var(--sans);font-weight:600;font-size:13.5px;letter-spacing:.01em;margin:30px 0 8px;color:var(--ink)}
.eyebrow{font-family:var(--sans);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 12px}
p{margin:0 0 15px;max-width:70ch}
.just p{text-align:justify;hyphens:auto}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.two p{max-width:none}

/* ---------- capacity: the signature block ---------- */
.capacity{background:var(--navy);color:#fff;padding:60px 0}
.capacity .eyebrow{color:var(--gold-l)}
.capacity h2{font-family:var(--serif);font-weight:600;font-size:clamp(23px,3vw,32px);margin:0 0 10px;color:#fff}
.capacity .intro{color:#b9c8d6;max-width:66ch}
.cap2{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border-top:1px solid #17496f}
.cap2>div{padding:30px 34px 30px 0}
.cap2>div+div{border-left:1px solid #17496f;padding-left:34px;padding-right:0}
.cap2 h4{font-family:var(--serif);font-weight:600;font-size:21px;margin:0 0 4px;color:#fff}
.cap2 .role{font-family:var(--sans);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px}
.cap2 p{color:#c2cfdb;font-size:15.5px;margin:0}
.capacity .declare{font-family:var(--serif);font-weight:600;font-size:clamp(21px,2.5vw,28px);color:var(--gold);letter-spacing:.01em;margin:20px 0 0;max-width:none}
.capacity .note{margin-top:26px;font-family:var(--sans);font-size:12px;color:#8fa5b8;letter-spacing:.02em}
.capacity .cap2.flush{border-top:0;margin-top:0}
.capacity .cap2 p+p{margin-top:14px}
.capacity .cap2.one{grid-template-columns:1fr}
.capacity .cap2.one>div{padding-right:0;max-width:74ch}

/* ---------- doorways ---------- */
.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.doors3{grid-template-columns:repeat(3,1fr)}
.door{background:var(--paper);padding:26px 22px 24px;text-decoration:none;display:block;transition:background .18s}
.door:hover{background:var(--bone)}
.door .n{font-family:var(--sans);font-size:9.5px;letter-spacing:.2em;color:var(--gold);font-weight:600}
.door h4{font-family:var(--serif);font-weight:600;font-size:19px;margin:10px 0 8px}
.door p{font-size:14.5px;color:var(--grey);margin:0;max-width:none}

/* ---------- ledger (lifecycle) ---------- */
.ledger{border-top:1px solid var(--rule)}
.step{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--hair)}
.step .n{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--gold)}
.step h4{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.02em;margin:4px 0 8px}
.step p{margin:0;font-size:15.5px;color:var(--grey)}

/* ---------- books / categories ---------- */
.book{margin-top:34px}
.book>h3{font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;border-bottom:1px solid var(--rule);padding-bottom:9px;margin:0 0 18px}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat{border:1px solid var(--hair);padding:20px;text-decoration:none;display:block;background:var(--paper)}
a.cat:hover{border-color:var(--gold);background:var(--bone)}
.cat h4{font-family:var(--serif);font-weight:600;font-size:17.5px;margin:0 0 6px}
.cat p{font-size:14px;color:var(--grey);margin:0;max-width:none}
.cat .state{font-family:var(--sans);font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-top:14px;display:block}
.cat .state.open{color:var(--gold)}
.cat.pending{background:var(--bone);border-style:dashed;cursor:default}
.cat.pending .state{color:var(--grey-l)}

/* ---------- grade rows ---------- */
details.fam{border:1px solid var(--hair);border-top:0;background:var(--paper)}
details.fam:first-of-type{border-top:1px solid var(--hair)}
details.fam summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;font-family:var(--sans);font-weight:600;font-size:13px}
details.fam summary::-webkit-details-marker{display:none}
details.fam summary::after{content:"+";color:var(--gold);font-family:var(--sans);font-size:15px}
details.fam[open] summary::after{content:"\2212"}
details.fam[open] summary{background:var(--bone)}
.grades{padding:6px 18px 18px;border-top:1px solid var(--hair)}
.grades ul{list-style:none;padding:0;margin:12px 0 0;columns:2;column-gap:34px}
.grades li{font-size:15px;padding:5px 0;border-bottom:1px solid var(--hair);break-inside:avoid}
.grades .std{font-family:var(--sans);font-size:11px;color:var(--grey-l);letter-spacing:.04em}

/* ---------- people ---------- */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.person .port{aspect-ratio:4/5;background:var(--navy);display:flex;align-items:flex-end;padding:14px;color:var(--gold-l);font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:.04em}
.person h4{font-family:var(--serif);font-weight:600;font-size:18px;margin:14px 0 3px}
.person .role{font-family:var(--sans);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}
.person p{font-size:14.5px;color:var(--grey);margin:9px 0 0;max-width:none}

/* ---------- facts table ---------- */
table.facts{width:100%;border-collapse:collapse;margin-top:8px}
table.facts th,table.facts td{text-align:left;vertical-align:top;padding:11px 12px;border-bottom:1px solid var(--hair);font-size:15.5px}
table.facts th{font-family:var(--sans);font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);width:34%}
table.facts tr:nth-child(odd) td,table.facts tr:nth-child(odd) th{background:var(--bone)}

/* ---------- form ---------- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;max-width:720px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
label{font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--grey)}
input,select,textarea{font-family:var(--serif);font-size:16px;padding:11px 12px;border:1px solid var(--hair);background:var(--paper);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.formnote{font-family:var(--sans);font-size:12px;color:var(--grey-l);margin-top:14px}

/* ---------- pull quote ---------- */
.pull{background:var(--navy-deep);color:#fff;padding:64px 0;text-align:center}
.pull p{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.4vw,26px);line-height:1.5;max-width:760px;margin:0 auto;color:#e4ebf1}
.pull .who{margin-top:22px;font-family:var(--sans);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}

/* ---------- footer ---------- */
footer{background:var(--navy);color:#a9bccd;padding:56px 0 26px;font-size:14.5px}
.fgrid{display:grid;grid-template-columns:.85fr .95fr 1.15fr .9fr 1.15fr;gap:28px}
@media(max-width:1100px){.fgrid{grid-template-columns:1fr 1fr}}
footer h5{font-family:var(--sans);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 14px}
footer a{color:#cfdae4;text-decoration:none;display:block;padding:3px 0}
footer a:hover{color:#fff}
footer .fine{border-top:1px solid #17496f;margin-top:40px;padding-top:18px;font-size:12px;color:#7e97ab;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer p{max-width:none;font-size:14px;margin:0 0 8px}


/* ---------- logo ---------- */
.logo{display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}
.brand .logo-img{display:block;height:52px;width:auto;max-width:220px;object-fit:contain}
.logo-rev{width:100px;height:52px;background-image:var(--logo_light_h)}
.logo-cover{width:200px;height:105px;background-image:var(--logo_light_xl);margin-bottom:8px}
.logo-foot{width:74px;height:39px;background-image:var(--logo_light_h);display:block;margin-bottom:14px}
.logo-ink{background-image:var(--logo_dark_h)}
@media(max-width:900px){.logo-rev{width:76px;height:40px}.brand .logo-img{height:40px}.bar{height:70px}
  .logo-cover{width:150px;height:78px}}

/* ---------- imagery ---------- */
.cover{--cover-dim:1;background-image:radial-gradient(ellipse 68% 64% at 50% 41%,rgba(1,24,42,calc(.57 * var(--cover-dim))) 0%,rgba(1,24,42,0) 78%),linear-gradient(180deg,rgba(1,30,52,calc(.26 * var(--cover-dim))) 0%,rgba(1,30,52,calc(.30 * var(--cover-dim))) 45%,rgba(1,33,57,calc(.52 * var(--cover-dim))) 100%),var(--cover-photo,var(--img-hero));background-size:cover;background-position:var(--cover-pos,center 50%)}
/* The cover photograph is a bright dusk port scene, so the centred copy sits
   on a navy scrim -- washed lightly into hero.webp itself and deepened here --
   and carries its own shadow as well. Two knobs, set inline on .cover or in a
   child theme: --cover-dim scales the whole scrim (1 = as shipped, 1.3 for a
   brighter photograph, .6 for a darker one), --cover-pos sets the crop. */
.cover .lockup,.cover h1,.cover .sub,.cover .tag{text-shadow:0 2px 24px rgba(1,20,36,.92),0 1px 4px rgba(1,20,36,.7)}
.banner{height:230px;background-size:cover;background-position:center;position:relative;border-bottom:1px solid var(--hair)}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,37,63,.32),rgba(1,37,63,.64))}
.banner .cap{position:absolute;left:0;right:0;bottom:20px;z-index:2}
.banner .cap .wrap{color:#fff}
.banner .lbl{font-family:var(--sans);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);font-weight:600}
.banner .ttl{font-family:var(--serif);font-weight:600;font-size:clamp(22px,3vw,32px);margin-top:6px}
.door .ph{height:110px;background-size:cover;background-position:center;margin:-26px -22px 16px}
.cat .ph{height:120px;background-size:cover;background-position:center;margin:-20px -20px 16px}
.b_energy{background-image:var(--img-b_energy)}.b_metals{background-image:var(--img-b_metals)}.b_agri{background-image:var(--img-b_agri)}
.d_trading{background-image:var(--img-d_trading)}.d_facil{background-image:var(--img-d_facil)}
.d_finance{background-image:var(--img-d_finance)}.d_infra{background-image:var(--img-d_infra)}
.c_petroleum{background-image:var(--img-c_petroleum)}.c_coal{background-image:var(--img-c_coal)}
.c_ironore{background-image:var(--img-c_ironore)}.c_base{background-image:var(--img-c_base)}
.c_steel{background-image:var(--img-c_steel)}.c_grains{background-image:var(--img-c_grains)}
.c_oilseeds{background-image:var(--img-c_oilseeds)}
.c_pulses{background-image:var(--img-c_pulses)}
.c_dairy{background-image:var(--img-c_dairy)}
.who_img{background-image:var(--img-who);background-size:cover;background-position:center;min-height:430px}
.imgcap{font-family:var(--sans);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:12px}
@media(max-width:900px){.banner{height:170px}.who_img{min-height:250px}}

.reveal{opacity:0;transform:translateY(14px)}
.reveal.in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
@media (prefers-reduced-motion:reduce){.reveal,.reveal.in{opacity:1;transform:none;transition:none}}

@media(max-width:900px){
  .two,.doors,.cats,.people,.fgrid,.cap2,.form{grid-template-columns:1fr}
  .cap2>div+div{border-left:0;border-top:1px solid #17496f;padding-left:0}
  .doors{gap:1px}
  .grades ul{columns:1}
  nav.main{position:fixed;top:92px;left:0;right:0;background:var(--navy-deep);flex-direction:column;align-items:flex-start;gap:0;padding:8px 32px 20px;display:none;border-bottom:1px solid var(--navy-line)}
  nav.main.open{display:flex}
  nav.main a{padding:12px 0;font-size:12px}
  nav.main a+a{margin-left:0}
  .burger{display:block}
  .just p{text-align:left;hyphens:none}
  .wrap{padding:0 20px}
}

/* =========================================================================
   WordPress core classes
   Required so the editor's own alignment, caption and gallery output
   renders correctly inside theme templates.
   ========================================================================= */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;clip:auto;clip-path:none;color:var(--navy);display:block;font-family:var(--sans);font-size:13px;font-weight:600;height:auto;left:6px;line-height:normal;padding:14px 22px;text-decoration:none;top:6px;width:auto;z-index:100000}
.alignleft{float:left;margin:6px 24px 18px 0}
.alignright{float:right;margin:6px 0 18px 24px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignwide,.alignfull{max-width:none}
.wp-caption{max-width:100%}
.wp-caption-text,figcaption{font-family:var(--sans);font-size:12px;color:var(--grey-l);margin-top:8px}
.wp-block-image img,.entry img{max-width:100%;height:auto}
.sticky,.gallery-caption,.bypostauthor{}
blockquote{border-left:2px solid var(--rule);margin:24px 0;padding-left:22px;color:var(--grey);font-style:italic}
.entry ul,.entry ol{max-width:70ch;color:inherit}
.entry li{margin-bottom:7px}
.entry h2{font-family:var(--serif);font-weight:600;font-size:26px;margin:34px 0 6px}
.entry h3{font-family:var(--sans);font-weight:600;font-size:13.5px;margin:28px 0 8px}
.entry>*:first-child{margin-top:0}

/* Admin bar offset so the sticky header is not hidden behind it */
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}

/* Enquiry form states */
.notice-ok{background:var(--pale);border-left:3px solid var(--gold);padding:16px 20px;margin:0 0 26px;font-size:15.5px;max-width:720px}
.notice-err{background:#fbeeee;border-left:3px solid #a33;padding:16px 20px;margin:0 0 26px;font-size:15.5px;max-width:720px}
.field .btn{align-self:flex-start}
.field .err{font-family:var(--sans);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a33;font-weight:600}
.field input.bad,.field textarea.bad,.field select.bad{border-color:#a33}
.hp{position:absolute;left:-9999px;top:-9999px}

/* Portrait photographs, once supplied, sit in the same frame as the monogram */
.person .port{background-size:cover;background-position:center top}
.person .port img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.person .port.has-photo{padding:0;align-items:stretch}

/* Pagination and archive fallbacks */
.pager{display:flex;gap:14px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-top:34px}
.pager a{color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}