/*
Theme Name: Australis Refinery
Theme URI: https://australisrefinery.com.au
Author: Australis Refinery
Description: Custom theme for australisrefinery.com.au. No page builder. Generated from the design prototype; edit freely in Appearance → Theme File Editor.
Version: 1.0.7
Requires at least: 6.3
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: australis
*/
/* ─────────────────────────────────────────────────────────────
   Australis Refinery — homepage
   Single committed palette (black + gold brand) — paints every
   colour explicitly so it holds on any host ground.
   ───────────────────────────────────────────────────────────── */
:root{
  --ink:#0B0B0B; --ink-2:#2E2E2E; --muted:#6A6A6A;
  --stone:#EFEFEF; --stone-2:#E3E3E3; --paper:#FAFAFA; --white:#FFFFFF;
  --coal:#0A0A0A; --coal-2:#131313; --coal-3:#1B1B1B;
  --on-coal:#F3F3F3; --on-coal-muted:#9B9B9B;
  --gold:#C9A227; --gold-2:#E3C160; --gold-3:#F3DFA0; --bronze:#0B0B0B; --gold-dark:#A9861A;
  --rule:rgba(0,0,0,.14); --rule-strong:rgba(0,0,0,.32);
  --rule-gold:rgba(201,162,39,.5); --rule-gold-soft:rgba(201,162,39,.28);
  --display:"Newsreader",Georgia,"Times New Roman",serif;
  --caps:"Cinzel","Trajan Pro",Georgia,serif;
  --sans:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --wrap:1200px; --gutter:clamp(1.25rem,4vw,3rem);
  --ease:cubic-bezier(.2,.7,.2,1);
  /* surfaces */
  --r-sm:10px; --r:16px; --r-lg:22px; --pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05),0 6px 16px -8px rgba(0,0,0,.12);
  --shadow:0 18px 40px -18px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.05);
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.08);
  --glass-rule:rgba(255,255,255,.12); --glass-rule-strong:rgba(255,255,255,.2);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html body.australis{margin:0;background:var(--stone);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:400;line-height:1.08;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--coal);padding:.6rem 1rem;z-index:100;font-weight:600}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(4rem,8vw,6.5rem)}

/* type helpers */
.eyebrow{font-family:var(--sans);font-weight:600;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);display:flex;align-items:center;gap:.6rem}
.eyebrow::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--gold);flex:0 0 auto}
.on-dark .eyebrow{color:var(--gold-2)}
.h-xl{font-size:clamp(2.6rem,5.4vw,4.75rem);font-weight:300}
.h-lg{font-size:clamp(2rem,3.4vw,3rem);font-weight:400}
.lede{font-size:clamp(1.08rem,1.3vw,1.2rem);line-height:1.6;color:var(--ink-2);max-width:36em}
.on-dark .lede{color:var(--on-coal-muted)}
.measure{max-width:62ch}
.stack{display:grid;gap:1.25rem}
.section-head{display:grid;gap:1.1rem;margin-bottom:clamp(2.25rem,4vw,3.5rem);max-width:44rem}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font:600 .94rem var(--sans);letter-spacing:.005em;text-decoration:none;border:1px solid transparent;border-radius:var(--pill);transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:var(--coal);border-color:var(--gold);box-shadow:0 8px 20px -10px rgba(201,162,39,.7)}
.btn-gold:hover{background:var(--gold-2);border-color:var(--gold-2);box-shadow:0 12px 26px -10px rgba(201,162,39,.8)}
.btn-ghost{background:var(--glass);color:var(--on-coal);border-color:var(--glass-rule-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-ghost:hover{background:var(--glass-2);border-color:rgba(227,193,96,.55);color:var(--gold-3)}
.textlink{font-weight:600;font-size:.94rem;text-decoration:none;color:var(--bronze);display:inline-flex;gap:.45rem;align-items:center}
.textlink::after{content:"→";color:var(--gold);transition:transform .25s var(--ease)}
.textlink:hover::after{transform:translateX(4px)}
.textlink:hover{color:var(--gold-dark)}

/* ── header ─────────────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.94);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);color:var(--on-coal);transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.site-header.scrolled{background:rgba(10,10,10,.92);box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:76px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:0 0 auto}
.brand img{width:40px;height:40px}
.wordmark{font-family:var(--caps);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);line-height:1;display:flex;align-items:baseline;gap:.5em;white-space:nowrap}
.wordmark em{font-style:normal;color:var(--on-coal);font-weight:500;font-size:inherit;letter-spacing:inherit}
.nav{margin-left:auto;flex:0 0 auto}
.nav>ul{display:flex;gap:.1rem}
.nav a{display:block;padding:.55rem .85rem;border-radius:var(--pill);text-decoration:none;font-size:.9rem;font-weight:500;color:var(--on-coal);opacity:.78;white-space:nowrap;transition:opacity .2s,color .2s,background .2s}
.nav a:hover,.nav .menu-item-has-children:focus-within>a{opacity:1;color:var(--paper);background:var(--glass-2)}
.menu-item-has-children{position:relative}
.menu-item-has-children>a::after{content:"";display:inline-block;width:.35em;height:.35em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.15em) rotate(45deg);margin-left:.5em;opacity:.6}
.sub-menu{position:absolute;top:calc(100% + .35rem);left:0;min-width:16rem;background:rgba(19,19,19,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-rule);border-radius:var(--r);padding:.45rem;display:none;box-shadow:0 24px 48px -16px rgba(0,0,0,.6)}
.menu-item-has-children:hover .sub-menu,.menu-item-has-children:focus-within .sub-menu{display:block}
.sub-menu a{padding:.6rem .85rem;font-size:.9rem;border-radius:var(--r-sm)}
.header-cta{display:flex;align-items:center;gap:.35rem;flex:0 0 auto;margin-left:.25rem;padding-left:1.25rem;border-left:1px solid rgba(255,255,255,.1)}
.header-cta .btn{padding:.6rem 1.1rem;font-size:.86rem;box-shadow:none}
.header-cta .btn:hover{box-shadow:0 10px 22px -10px rgba(201,162,39,.7)}
.header-phone{display:block;padding:.55rem .85rem;border-radius:var(--pill);text-decoration:none;font-size:.9rem;font-weight:600;color:var(--on-coal);opacity:.78;font-variant-numeric:tabular-nums;transition:opacity .2s,color .2s,background .2s}
.header-phone:hover{opacity:1;color:var(--gold-3);background:var(--glass-2)}
.menu-toggle{display:none;margin-left:auto;background:var(--glass);border:1px solid var(--glass-rule-strong);border-radius:var(--pill);color:var(--on-coal);font:600 .82rem var(--sans);letter-spacing:.04em;padding:.55rem 1rem;cursor:pointer}
.mobile-nav{background:var(--coal-2);border-top:1px solid rgba(255,255,255,.06);padding:1rem var(--gutter) 1.5rem}
.mobile-nav[hidden]{display:none}
.mobile-nav ul{display:grid;gap:.15rem}
.mobile-nav a{display:block;padding:.7rem 0;text-decoration:none;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-nav .group{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);padding:1.1rem 0 .3rem}
.mobile-nav .actions{display:flex;gap:.8rem;flex-wrap:wrap;padding-top:1.25rem}

/* ── hero ───────────────────────────────────────────────────── */
.hero{position:relative;background:var(--coal);color:var(--on-coal);overflow:hidden;isolation:isolate;min-height:min(82vh,780px);display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:64% 42%;filter:saturate(1.08)}
.hero-video{opacity:0;transition:opacity .6s var(--ease);pointer-events:none}
.hero-video.is-playing{opacity:1}
.hero.hero--video img.hero-bg{display:none}
@media (min-width:700px) and (prefers-reduced-motion:no-preference){.hero img.hero-bg{display:none}.hero.hero--still img.hero-bg{display:block}}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.72) 36%,rgba(10,10,10,.18) 68%,rgba(10,10,10,.08) 100%),
  linear-gradient(180deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,0) 30%,rgba(10,10,10,.3) 72%,rgba(10,10,10,.94) 100%)}
.hero-inner{position:relative;width:100%;display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vw,3.75rem);align-items:start;padding-block:clamp(4rem,8vw,6rem) clamp(3rem,5vw,4rem)}
.hero-copy{display:grid;gap:1.6rem;max-width:44rem}
.hero h1{color:var(--paper)}
.hero h1 .accent{font-style:italic;color:var(--gold-3);font-weight:300}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;padding-top:.4rem}

/* ── credentials strip ──────────────────────────────────────── */
.credentials{background:var(--paper);border-bottom:1px solid var(--rule)}
.cred-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;padding-block:1.75rem}
.cred-claim{font-family:var(--display);font-size:1.2rem;line-height:1.4;color:var(--ink-2);max-width:62ch}
.cred-claim strong{font-weight:500;color:var(--ink)}
.badges{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.cred-inner .badges{justify-content:center}
.badge{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink);padding:.55rem .9rem .55rem .6rem;border-radius:var(--pill);border:1px solid transparent;transition:background .25s var(--ease),border-color .25s var(--ease)}
.badge:hover{background:var(--white);border-color:var(--rule)}
.badge img{height:38px;width:auto}
.badge span{font-size:.74rem;line-height:1.3;color:var(--muted)}
.badge b{display:block;font-weight:600;color:var(--ink);font-size:.78rem}

/* ── services ───────────────────────────────────────────────── */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.service{background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:2rem 1.75rem 1.75rem;display:grid;gap:.9rem;align-content:start;text-decoration:none;color:var(--ink);position:relative;transition:box-shadow .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.service::before{content:attr(data-mark);justify-self:start;font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);background:rgba(201,162,39,.12);border-radius:var(--pill);padding:.32rem .7rem;margin-bottom:.35rem}
.service h3{font-size:1.45rem;font-weight:500}
.service p{color:var(--ink-2);font-size:.96rem}
.service .textlink{margin-top:auto;padding-top:.6rem}
.service:hover{border-color:var(--rule-gold-soft);box-shadow:var(--shadow);transform:translateY(-4px)}

/* ── materials & metals ─────────────────────────────────────── */
.materials{background:var(--coal-2);color:var(--on-coal)}
.materials-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,5rem);align-items:start}
.materials h2{color:var(--paper);margin-top:1rem}
.materials .intro{color:var(--on-coal-muted);margin-top:1.25rem}
.accept{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}
.accept li{padding:.5rem .95rem .5rem .8rem;border:1px solid var(--glass-rule-strong);border-radius:var(--pill);background:var(--glass);font-size:.92rem;display:flex;gap:.55rem;align-items:center;color:var(--on-coal);transition:background .25s var(--ease),border-color .25s var(--ease)}
.accept li:hover{background:var(--glass-2);border-color:rgba(227,193,96,.5)}
.accept li::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--gold);flex:0 0 auto}
.metals{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.metal{border:1px solid var(--glass-rule);border-radius:var(--r-lg);padding:1.75rem 1.6rem 1.5rem;display:grid;gap:.35rem;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .3s var(--ease),transform .3s var(--ease)}
.metal:hover{border-color:rgba(227,193,96,.45);transform:translateY(-3px)}
.metal .sym{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,3.4vw,3.2rem);line-height:1;color:var(--gold-2);letter-spacing:-.02em}
.metal .name{font-family:var(--display);font-size:1.15rem;color:var(--paper);padding-top:.2rem}
.metal .fine{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--on-coal-muted);font-variant-numeric:tabular-nums}
.metals-note{grid-column:1/-1;font-size:.86rem;color:var(--on-coal-muted);padding-top:.5rem}

/* ── process ────────────────────────────────────────────────── */
.process{background:var(--stone)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:step}
.step{background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);padding:1.6rem 1.4rem 1.5rem;display:grid;gap:.7rem;align-content:start;position:relative;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.step:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.step .num{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--coal);color:var(--gold-2);font-family:var(--display);font-style:normal;font-weight:500;font-size:1.05rem;line-height:1;font-variant-numeric:tabular-nums;margin-bottom:.35rem}
.step h3{font-size:1.2rem;font-weight:500;line-height:1.2}
.step p{font-size:.93rem;color:var(--ink-2)}
.step .tech{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:.35rem;font-weight:600}

/* ── story ──────────────────────────────────────────────────── */
.story{background:var(--paper)}
.story-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}
.story figure{margin:0;position:relative}
.story figure img{width:100%;aspect-ratio:5/3.6;object-fit:cover;filter:saturate(.95);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.story figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(10,10,10,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--on-coal);font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .9rem;border:1px solid var(--glass-rule);border-radius:var(--pill)}
.story-copy{display:grid;gap:1.35rem}
.story-copy p{color:var(--ink-2)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:.5rem;margin-top:.25rem}
.fact{background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:var(--r);padding:1.1rem 1.15rem 1rem}
.fact b{display:block;font-family:var(--display);font-weight:400;font-size:2.1rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.fact span{display:block;font-size:.8rem;color:var(--muted);padding-top:.45rem;line-height:1.35}

/* ── green vision ───────────────────────────────────────────── */
.green{background:var(--stone);border-top:1px solid var(--rule)}
.green-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.green-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.green-col{background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);padding:1.6rem 1.5rem 1.5rem;display:grid;gap:.6rem;align-content:start}
.green-col::before{content:"";width:2.25rem;height:3px;border-radius:2px;background:var(--gold);margin-bottom:.4rem}
.green-col h3{font-size:1.15rem;font-weight:500}
.green-col p{font-size:.93rem;color:var(--ink-2)}
.green-ofi{grid-column:1/-1;display:block;padding:1rem 1.25rem;font-size:.92rem;color:var(--ink-2);background:rgba(201,162,39,.08);border:1px solid rgba(201,162,39,.2);border-radius:var(--r)}
.green-ofi b{font-weight:600;color:var(--ink)}

/* ── spot strip ─────────────────────────────────────────────── */
.spot{background:var(--coal);color:var(--on-coal)}
.spot-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:2.5rem;align-items:center;padding-block:clamp(2.5rem,5vw,3.5rem)}
.spot h2{font-size:1.7rem;font-weight:400;color:var(--paper)}
.spot .disclaimer{font-size:.84rem;color:var(--on-coal-muted);padding-top:.7rem}
.spot .disclaimer a{color:var(--gold-3);text-decoration:none}
.chip{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);border:1px solid rgba(227,193,96,.35);background:rgba(201,162,39,.1);border-radius:var(--pill);padding:.35rem .75rem;margin-bottom:.9rem}
.chip::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--gold-2)}
.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.quote{padding:1.25rem 1.4rem 1.15rem;border:1px solid var(--glass-rule);border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:grid;gap:.25rem}
.quote .m{font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2)}
.quote .v{font-family:var(--display);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.05;color:var(--paper);font-variant-numeric:tabular-nums}
.quote .u{font-size:.72rem;color:var(--on-coal-muted);letter-spacing:.06em;text-transform:uppercase}

/* ── news ───────────────────────────────────────────────────── */
.news{background:var(--paper)}
.news .section-head{display:flex;justify-content:space-between;align-items:end;max-width:none;gap:2rem}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.post{display:grid;grid-template-columns:96px 1fr;gap:1.1rem;align-items:center;text-decoration:none;color:var(--ink);background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);padding:1rem;transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}
.post:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--rule-gold-soft)}
.post img{width:96px;height:96px;object-fit:cover;filter:saturate(.9);border-radius:var(--r-sm)}
.post time{display:block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-weight:600}
.post h3{font-size:1.1rem;font-weight:500;line-height:1.3;transition:color .2s}
.post:hover h3{color:var(--gold-dark)}

/* ── cta band ───────────────────────────────────────────────── */
.section.cta{padding-block:clamp(3rem,5.5vw,4.25rem)}
.cta{background:var(--coal-2);color:var(--on-coal);position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-12rem;top:50%;translate:0 -50%;width:44rem;height:44rem;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.22),rgba(201,162,39,0) 62%);pointer-events:none}
.cta-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2.5rem;align-items:center;position:relative;z-index:1}
.cta h2{color:var(--paper)}
.cta .contact{display:grid;gap:.55rem;justify-items:start;border:1px solid var(--glass-rule);border-radius:var(--r-lg);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);padding:1.9rem 2rem 1.75rem}
.cta .contact a{text-decoration:none;color:var(--on-coal)}
.cta .big{font-family:var(--display);font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--gold-3)}
.cta .small{font-size:.92rem;color:var(--on-coal-muted)}

/* ── footer ─────────────────────────────────────────────────── */
.footer{background:var(--coal);color:var(--on-coal-muted);font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr 1.2fr;gap:2.5rem 3rem;padding-block:clamp(3.5rem,6vw,5rem) clamp(2.5rem,4vw,3.5rem)}
.footer h4{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-coal-muted);margin-bottom:1.1rem}
.footer a{text-decoration:none;color:var(--on-coal);opacity:.8;transition:opacity .2s,color .2s}
.footer a:hover{opacity:1;color:var(--gold-3)}
.footer ul{display:grid;gap:.6rem}
.footer li{font-size:.94rem}
.footer-brand{display:grid;gap:1.1rem;align-content:start;justify-items:start}
.footer-brand img{width:112px;height:auto}
.footer-brand p{max-width:32ch;line-height:1.6;color:var(--on-coal-muted)}
.footer address{font-style:normal;line-height:1.7;font-size:.88rem;color:var(--on-coal-muted)}
.footer-contact{display:grid;gap:.6rem;align-content:start}
.footer-contact h4{margin-bottom:.4rem}
.footer-phone{font-family:var(--display);font-size:1.7rem;line-height:1.1;color:var(--gold-2)!important;opacity:1!important;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.footer-phone:hover{color:var(--gold-3)!important}
.footer-hours{color:var(--on-coal-muted)}
.socials{display:flex;gap:.5rem}
.socials a{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--glass-rule);border-radius:50%;background:transparent;color:var(--on-coal);opacity:.75;transition:border-color .25s var(--ease),color .25s var(--ease),opacity .25s var(--ease),background .25s var(--ease)}
.socials a:hover{border-color:rgba(227,193,96,.5);background:var(--glass);color:var(--gold-3);opacity:1}
.socials svg{width:16px;height:16px;display:block}
.legal{border-top:1px solid rgba(255,255,255,.08);padding-block:1.5rem 2rem;display:flex;gap:1.25rem 2rem;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--on-coal-muted)}
.legal ul{display:flex;gap:1.5rem}
.legal a{color:var(--on-coal-muted);opacity:1}
.legal a:hover{color:var(--gold-3)}

/* ── motion ─────────────────────────────────────────────────── */
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .hero-copy>*{opacity:0;transform:translateY(12px);animation:rise .9s var(--ease) forwards}
.js .hero-copy>*:nth-child(2){animation-delay:.12s}.js .hero-copy>*:nth-child(3){animation-delay:.24s}.js .hero-copy>*:nth-child(4){animation-delay:.36s}
.js .hero-stats{opacity:0;animation:rise 1s .5s var(--ease) forwards}
@keyframes rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .reveal,.js .hero-copy>*,.js .hero-stats{opacity:1;transform:none;transition:none;animation:none}
  .btn,.service,.textlink::after{transition:none}
}

/* ── responsive ─────────────────────────────────────────────── */
@media (max-width:1100px){
  .nav a{padding:.65rem .6rem;font-size:.88rem}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .quotes{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}
  .footer-brand{grid-column:1/-1}
}
@media (max-width:1240px){
  .header-phone{display:none}
  .header-cta{border-left:0;padding-left:0;margin-left:0}
}
@media (max-width:860px){
  .nav,.header-cta{display:none}
  .menu-toggle{display:inline-flex}
  .hero{min-height:0;align-items:stretch}
  .hero-inner{gap:2.25rem;padding-top:clamp(4rem,14vw,6rem)}
  .materials-inner,.story-inner,.green-inner,.spot-inner,.cta-inner{grid-template-columns:1fr}
  .green-cols{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .news .section-head{flex-direction:column;align-items:start;gap:1rem}
  .footer-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr}
  .story figcaption{left:.75rem;bottom:.75rem}
}
@media (max-width:560px){
  .services-grid,.metals,.facts{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .h-xl{font-size:clamp(2.3rem,11vw,3rem)}
}


/* ═══════════════════════════════════════════════════════════════
   Inner-page system — shared by every page other than the home.
   Each inner page is a page-{slug}.php template; each
   .page becomes a template and these classes carry straight over.
   ═══════════════════════════════════════════════════════════════ */
.nav .current-menu-item>a,.nav .current-menu-ancestor>a,.nav .current-page-ancestor>a,.nav .current_page_parent>a,.nav a.current,.mobile-nav .current-menu-item>a{color:var(--gold-3);opacity:1}

/* page hero */
.phero{background:var(--coal);color:var(--on-coal);position:relative;overflow:hidden;isolation:isolate}
.phero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding-block:clamp(3.5rem,7vw,5.5rem)}
.phero-copy{display:grid;gap:1.25rem}
.phero h1{color:var(--paper);font-size:clamp(2.4rem,4.6vw,3.9rem);font-weight:300}
.phero h1 .accent{font-style:italic;color:var(--gold-3)}
.phero .lede{color:var(--on-coal-muted)}
.phero-fig{margin:0;position:relative;width:100%}
.phero-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.phero-fig figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(10,10,10,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-rule);border-radius:var(--pill);font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .9rem;color:var(--on-coal)}
.phero--plain .phero-inner{grid-template-columns:1fr;max-width:calc(52rem + 2 * var(--gutter))}
.crumbs{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-family:var(--sans);font-weight:600;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2)}
.crumbs a{text-decoration:none;color:var(--on-coal-muted)}
.crumbs a:hover{color:var(--gold-3)}
.crumbs .sep{color:var(--on-coal-muted);opacity:.5}

/* sibling navigation under the hero — encodes the real page hierarchy */
.subnav{background:var(--paper);border-bottom:1px solid var(--rule)}
.subnav ul{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;padding-block:.75rem}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:block;padding:.5rem 1rem;border-radius:var(--pill);text-decoration:none;font-size:.9rem;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease)}
.subnav a:hover{color:var(--ink);background:var(--stone)}
.subnav a.current{color:var(--paper);background:var(--ink)}

/* prose */
.prose{max-width:62ch;display:grid;gap:1.1rem}
.prose h2{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:400;margin-top:1rem}
.prose h3{font-size:1.25rem;font-weight:500;margin-top:.5rem}
.prose p{color:var(--ink-2)}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--ink);text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{color:var(--gold-dark)}
.on-dark .prose p{color:var(--on-coal-muted)}
.on-dark .prose h2,.on-dark .prose h3{color:var(--paper)}
.on-dark .prose a{color:var(--gold-3)}
.on-dark .prose strong,.on-dark .prose b{color:var(--paper)}
.tick-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 2rem;border-top:1px solid var(--rule-strong)}
.tick-list li{padding:.75rem 0 .75rem 1.25rem;border-bottom:1px solid var(--rule);display:block;position:relative;font-size:.98rem}
.tick-list li::before{content:"";position:absolute;left:0;top:1.3rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--gold)}
.on-dark .tick-list{border-color:rgba(227,193,96,.25)}
.on-dark .tick-list li{border-color:rgba(255,255,255,.1)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}
.split figure{margin:0;position:relative}
.split figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.split figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(10,10,10,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--on-coal);font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .9rem;border:1px solid var(--glass-rule);border-radius:var(--pill)}
.split.rev figure{order:2}
.two-figs{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.two-figs figure{margin:0;position:relative}
.two-figs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg)}

/* cards with imagery */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.cards.c2{grid-template-columns:repeat(2,1fr)}
.pcard{background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:var(--ink);transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.pcard img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pcard .plate{aspect-ratio:4/3;display:grid;place-items:center;padding:1.5rem;background:var(--paper);border-bottom:1px solid var(--rule)}
.pcard .plate img{width:min(60%,12rem);aspect-ratio:auto}
.pcard .plate.dark{background:var(--coal)}
.pcard .plate.dark .barface{width:100%;padding:1rem 1.2rem}
.pcard .plate.dark .barface .wt{font-size:1.8rem}
.pcard-body{padding:1.5rem 1.5rem 1.6rem;display:grid;gap:.6rem;align-content:start}
.pcard h3{font-size:1.35rem;font-weight:500}
.pcard p{font-size:.95rem;color:var(--ink-2)}
.pcard .textlink{margin-top:auto;padding-top:.4rem}
.pcard:hover{border-color:var(--rule-gold-soft);transform:translateY(-4px);box-shadow:var(--shadow)}

/* analytical methods */
.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.method{background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);padding:1.5rem 1.4rem;display:grid;gap:.4rem;align-content:start}
.method .abbr{font-family:var(--display);font-size:2rem;line-height:1;color:var(--gold-dark);margin-bottom:.4rem}
.method h3{font-size:1.1rem;font-weight:500}
.method p{font-size:.92rem;color:var(--ink-2)}

/* typographic bar faces — stand in for product photography */
.bars{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.barface{aspect-ratio:1.9/1;border:1px solid rgba(227,193,96,.3);border-radius:var(--r);padding:1.6rem 1.8rem;display:grid;align-content:space-between;background:linear-gradient(135deg,#242424,#0a0a0a 55%,#1a1a1a);color:var(--gold-2);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08)}
.barface.silver{background:linear-gradient(135deg,#dcdee1,#a7abb1 55%,#c9ccd0);border-color:rgba(0,0,0,.2);color:#26272a}
.barface .mark{font-family:var(--caps);font-weight:600;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}
.barface .wt{font-family:var(--display);font-size:clamp(2.4rem,4vw,3.6rem);line-height:1;font-weight:300}
.barface .fine{font-family:var(--caps);font-weight:600;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;display:flex;justify-content:space-between;gap:1rem}

/* spec table */
.table-wrap{overflow-x:auto;background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r);padding:.25rem 1.25rem}
.spec{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.96rem}
.spec th{text-align:left;font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze);padding:.9rem 0 .7rem;border-bottom:1px solid var(--rule-strong)}
.spec td{padding:.8rem 0;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink-2)}
.spec tr:last-child td{border-bottom:0}
.spec td:first-child{color:var(--ink);font-weight:500}
.spec td+td,.spec th+th{padding-left:1.5rem}
.spec .soon{color:var(--muted);font-style:italic}

/* FAQ */
.faq-group{margin-bottom:2.75rem;display:grid;gap:.6rem}
.faq-group h2{font-size:1.5rem;font-weight:500;margin-bottom:.5rem}
details.q{background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r);padding:0 1.35rem;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
details.q[open]{border-color:var(--rule-gold-soft);box-shadow:var(--shadow-sm)}
details.q summary{cursor:pointer;list-style:none;padding:1.05rem 2.5rem 1.05rem 0;font-family:var(--display);font-size:1.15rem;font-weight:500;position:relative;line-height:1.3}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--stone);font-family:var(--sans);font-size:1.1rem;font-weight:500;color:var(--ink);line-height:1;transition:background .25s var(--ease),color .25s var(--ease)}
details.q[open] summary::after{content:"−";background:var(--gold);color:var(--coal)}
details.q .a{padding:0 0 1.35rem;color:var(--ink-2);display:grid;gap:.6rem;max-width:62ch}
details.q .a ul{display:grid;gap:.35rem;padding-left:1.1rem;list-style:disc}
details.q .a a{color:var(--ink);text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}

/* enquiry form block (Gravity Form in WordPress) */
.enquiry{background:var(--paper);border-top:1px solid var(--rule)}
.enquiry-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form .full{grid-column:1/-1}
.form label{display:grid;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--ink-2);letter-spacing:.02em}
.form input,.form textarea,.form select{font:inherit;font-size:1rem;padding:.85rem 1rem;border:1px solid var(--rule-strong);background:var(--white);color:var(--ink);width:100%;border-radius:var(--r-sm);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,39,.22)}
.form textarea{min-height:8rem;resize:vertical}
.form .actions{grid-column:1/-1;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding-top:.25rem}
.form .fine-print{font-size:.78rem;color:var(--muted)}

/* video gallery */
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem 1.5rem}
.video{display:grid;gap:.7rem;text-decoration:none;color:var(--ink)}
.video .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--coal);border-radius:var(--r)}
.video .thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .4s var(--ease)}
.video:hover .thumb img{transform:scale(1.03)}
.video .thumb::after{content:"";position:absolute;left:50%;top:50%;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent var(--gold-3);transform:translate(-40%,-50%);filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}
.video .dur{position:absolute;right:.6rem;bottom:.6rem;background:rgba(10,10,10,.85);color:var(--on-coal);font-size:.72rem;padding:.2rem .5rem;border-radius:var(--pill);font-variant-numeric:tabular-nums}
.video h3{font-size:1.05rem;font-weight:500}

/* contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.details{display:grid;gap:.9rem}
.detail{background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r);padding:1.1rem 1.25rem;display:grid;gap:.3rem}
.detail dt{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze)}
.detail dd{margin:0;font-size:1.02rem;line-height:1.5;color:var(--ink-2)}
.detail dd a{text-decoration:none;color:var(--ink)}
.detail .big{font-family:var(--display);font-size:1.7rem;color:var(--ink)}
.mapplate{border:1px solid var(--glass-rule);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--coal-3),var(--coal));color:var(--on-coal);padding:1.75rem;display:grid;gap:.6rem;box-shadow:var(--shadow)}
.mapplate .mark{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}
.mapplate .addr{font-family:var(--display);font-size:1.4rem;line-height:1.25;color:var(--paper)}
.mapplate .textlink{color:var(--gold-3)}

/* legal */
.legal-body{max-width:70ch;display:grid;gap:1rem}
.legal-body p{color:var(--ink-2);font-size:.97rem}
.legal-body h2{font-size:1.4rem;font-weight:500;margin-top:1.25rem}
.legal-body h3{font-size:1.1rem;font-weight:600;margin-top:.5rem}
.legal-body li{color:var(--ink-2);font-size:.97rem;margin-left:1.2rem;list-style:disc}

/* news listing */
.news-list{display:grid;gap:1rem}
.news-item{display:grid;grid-template-columns:240px 1fr;gap:1.75rem;padding:1.1rem;background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);align-items:center;transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}
.news-item:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--rule-gold-soft)}
.news-item img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:var(--r);display:block}
.news-item time{display:block;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.news-item h3{font-size:1.4rem;font-weight:500;line-height:1.25;margin-bottom:.6rem}
.news-item p{color:var(--ink-2);font-size:.97rem}
.news-item:hover h3{color:var(--gold-dark)}

/* Editor notes: shown only to logged-in editors while AUS_SHOW_EDITOR_NOTES is true (functions.php) */
.proto{border:1px dashed var(--rule-gold);border-radius:var(--r);padding:.8rem 1rem;font-size:.85rem;color:var(--ink-2);background:rgba(201,162,39,.07);max-width:62ch}
.proto b{font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);display:block;margin-bottom:.3rem}
.on-dark .proto{color:var(--on-coal-muted)}
.on-dark .proto b{color:var(--gold-2)}

/* utility pages */
.util{min-height:52vh;display:grid;place-items:center;text-align:center}
.util .stack{justify-items:center;max-width:36rem}
.util .eyebrow::before{display:none}

/* responsive */
@media (max-width:1100px){.cards.c4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
  .phero-inner,.split,.split.rev,.enquiry-inner,.contact-grid{grid-template-columns:1fr}
  .split.rev figure{order:0}
  .cards,.methods,.videos{grid-template-columns:1fr 1fr}
  .bars{grid-template-columns:1fr}
  .news-item{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
  .phero-fig{max-width:34rem}
}
@media (max-width:560px){.cards,.cards.c4,.cards.c2,.methods,.videos,.two-figs{grid-template-columns:1fr}}

/* ═══════════════════ WordPress specifics ═══════════════════ */
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;word-wrap:normal!important}
/* mobile menu (wp_nav_menu structure) — sub-menus must NOT keep the desktop dropdown's absolute
   positioning, or they stack on top of the list instead of flowing inside it. */
.mobile-nav .menu-item-has-children>a{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);padding:1.25rem 0 .35rem;border-bottom:0}
.mobile-nav .menu-item-has-children>a::after{display:none}
.mobile-nav .sub-menu{position:static;display:grid;gap:0;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none}
.mobile-nav .sub-menu a{padding:.7rem 0;font-size:1.05rem;color:var(--on-coal);border-bottom:1px solid rgba(255,255,255,.08)}
/* editor content (page.php / single.php) */
.entry-content{display:grid;gap:1.1rem;max-width:none;font-size:1.06rem;line-height:1.7}
.entry-content.has-elementor{display:block;max-width:none}
.entry-content>*{margin:0}
.entry-content h2{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:400;margin-top:1rem}
.entry-content h3{font-size:1.25rem;font-weight:500}
.entry-content p,.entry-content li{color:var(--ink-2)}
.entry-content ul:not(.tick-list),.entry-content ol{padding-left:1.2rem;display:grid;gap:.35rem}
.entry-content ul:not(.tick-list){list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content a{color:var(--ink);text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.entry-content img{max-width:100%;height:auto}
.entry-content .wp-block-details.q>*:not(summary){padding:0 0 1.25rem;color:var(--ink-2);max-width:62ch}
.entry-content .wp-block-columns.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.entry-content .wp-block-columns.methods .method{border-top:1px solid var(--rule-strong);padding-top:1rem}
.alignwide{max-width:var(--wrap)}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
/* WordPress prints width/height attributes on thumbnails — let the CSS aspect ratios win */
.news-item img,.phero-fig img,.split figure img,.two-figs img,.pcard img,.post-hero img,.entry-content img{height:auto}
/* news */
.news-noimg,.post-noimg{display:block;background:var(--stone-2);aspect-ratio:4/3;border-radius:var(--r)}
.post-noimg{width:96px;height:96px;aspect-ratio:auto;border-radius:var(--r-sm)}
.post-hero{margin:0 0 2rem}
.post-hero img{display:block;width:100%;height:auto;max-height:none;object-fit:unset;border-radius:var(--r-lg)}
.post-nav{margin-top:2rem}
.pagination .nav-links,.page-numbers:not(a):not(span){display:flex;gap:.5rem;padding-top:2rem;flex-wrap:wrap}
.page-numbers{display:inline-block;padding:.5rem .9rem;border:1px solid var(--rule-strong);border-radius:var(--pill);text-decoration:none;color:var(--ink);font-variant-numeric:tabular-nums}
.page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.page-numbers.dots{border:0}
/* Gravity Forms (form CSS setting: "Gravity Forms 2.5 Theme") */
.form-host .gform_wrapper{max-width:none}
.gform_wrapper.gravity-theme .gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.gform_wrapper.gravity-theme .gfield{grid-column:span 1}
.gform_wrapper.gravity-theme .gfield--width-full,.gform_wrapper.gravity-theme .gfield--type-textarea,.gform_wrapper.gravity-theme .gfield--type-captcha,.gform_wrapper.gravity-theme .gfield--type-honeypot,.gform_wrapper.gravity-theme .gfield--type-html,.gform_wrapper.gravity-theme .gfield--type-select{grid-column:1/-1}
.gform_wrapper.gravity-theme .gfield_label,.gform_wrapper.gravity-theme legend.gfield_label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-2);margin-bottom:.4rem;letter-spacing:.02em}
.gform_wrapper.gravity-theme input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),.gform_wrapper.gravity-theme textarea,.gform_wrapper.gravity-theme select{font:inherit;font-size:1rem;padding:.85rem 1rem;border:1px solid var(--rule-strong);background:var(--white);color:var(--ink);width:100%;border-radius:var(--r-sm);line-height:1.4;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.gform_wrapper.gravity-theme input:focus,.gform_wrapper.gravity-theme textarea:focus,.gform_wrapper.gravity-theme select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,39,.22)}
.gform_wrapper.gravity-theme textarea{min-height:8rem}
.gform_wrapper.gravity-theme .gform_footer{margin-top:1rem;padding:0;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.gform_wrapper.gravity-theme .gform_button,.gform_wrapper.gravity-theme input[type=submit]{display:inline-flex;align-items:center;padding:.85rem 1.5rem;font:600 .94rem var(--sans);background:var(--gold);color:var(--coal);border:1px solid var(--gold);cursor:pointer;border-radius:var(--pill);box-shadow:0 8px 20px -10px rgba(201,162,39,.7)}
.gform_wrapper.gravity-theme .gform_button:hover,.gform_wrapper.gravity-theme input[type=submit]:hover{background:var(--gold-2);border-color:var(--gold-2)}
.gform_wrapper.gravity-theme .gfield_required{color:var(--gold-dark)}
.gform_wrapper.gravity-theme .gfield_description{font-size:.8rem;color:var(--muted)}
.gform_wrapper.gravity-theme .gform_validation_errors,.gform_wrapper.gravity-theme .validation_message,.gform_wrapper.gravity-theme .gfield_validation_message{font-size:.82rem;color:#9b2c2c;background:none;border:0;padding:.25rem 0}
.gform_confirmation_message{font-family:var(--display);font-size:1.3rem}
@media (max-width:860px){.gform_wrapper.gravity-theme .gform_fields{grid-template-columns:1fr}.entry-content .wp-block-columns.methods{grid-template-columns:1fr}}

/* ═══════════════════ Content-port additions (live-site parity) ═══════════════════ */
.btn-outline{background:transparent;color:var(--ink);border-color:var(--rule-strong)}
.btn-outline:hover{border-color:var(--ink);background:var(--white)}
.inline-phone{color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:2px solid var(--gold)}
.inline-phone:hover{color:var(--gold-dark)}
.tick-list--stack{grid-template-columns:1fr}
.prose-fig{margin:0 0 .5rem}
.prose-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.steps.c4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem 1.1rem}
.phero-fig--plate{background:var(--white);display:grid;place-items:center;aspect-ratio:4/3;border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);padding:2rem}
.phero-fig--plate img{width:55%;aspect-ratio:auto;border-radius:0;box-shadow:none}
/* Product photos are portrait (3:4) on white: show the whole bar on a white 4:3 plate rather than cropping it to the hero frame. */
.phero-fig--product{background:#fff;aspect-ratio:4/3;border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);overflow:hidden}
.phero-fig--product img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none}
.spot-inner--pricing{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.pricing-cta{display:grid;gap:1.25rem;justify-items:start;padding:1.75rem;border:1px solid var(--glass-rule);border-radius:var(--r-lg);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.pricing-cta .lede{color:var(--on-coal)}
.cta .subscribe{font-size:.95rem;color:var(--on-coal-muted)}
.cta .subscribe a{color:var(--gold-3)}
.contact-side{display:grid;gap:1.5rem;align-content:start}
.map-embed{aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(0,0,0,.07);box-shadow:var(--shadow-sm);background:var(--stone-2)}
.map-embed iframe{width:100%;height:100%;border:0;display:block}
.contact-form-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem}
.mapplate .textlink{color:var(--gold-3)}
.news-item .textlink{margin-top:.75rem}
.legal-body{max-width:none}
.legal-body h2{font-size:1.5rem;font-weight:500;margin-top:2rem}
.legal-body ol.clauses{display:grid;gap:.9rem;padding-left:0;list-style:none;counter-reset:none}
.legal-body ol.clauses>li{position:relative;padding-left:3rem;color:var(--ink-2);font-size:.97rem;margin-left:0;list-style:none}
.legal-body ol.clauses>li::before{content:attr(value) ".";position:absolute;left:0;top:0;font-family:var(--display);font-size:1.15rem;color:var(--gold-dark);font-variant-numeric:tabular-nums}
.legal-body ol[type="a"]{display:grid;gap:.4rem;margin-top:.6rem;padding-left:1.4rem;list-style:lower-alpha}
.legal-body ol[type="a"] li{margin-left:0;list-style:lower-alpha;color:var(--ink-2)}
.legal-body dl.defs{display:grid;gap:.6rem;margin:.9rem 0 0;padding:1.1rem 1.25rem;background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r)}
.legal-body dl.defs dt{font-weight:600;color:var(--ink);font-size:.95rem}
.legal-body dl.defs dd{margin:0 0 .35rem;color:var(--ink-2);font-size:.94rem}
.legal-body .lede{max-width:none}
@media (max-width:1100px){.steps.c4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.spot-inner--pricing{grid-template-columns:1fr}}
@media (max-width:560px){.steps.c4{grid-template-columns:1fr}}

/* ── tidy-up pass: classes replacing inline styles ─────────── */
.actions-center{justify-content:center}
.stack--tight{gap:1rem}
.stack-lg{display:grid;gap:2rem;align-content:start}
.section--flush{padding-top:0}
.eyebrow--gap{margin-top:.5rem}
.bars--stack{grid-template-columns:1fr;gap:2.25rem}
.wrap--narrow{max-width:calc(52rem + 2 * var(--gutter))}
.proto--gap{margin-top:1.5rem}
.metals--4{grid-template-columns:repeat(4,1fr)}
/* certification card (dark sections) */
.cert{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center;border:1px solid var(--glass-rule);border-radius:var(--r-lg);padding:1.5rem 1.6rem;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cert-icon{width:72px;height:72px;flex:0 0 auto}
.cert-name{display:block;font-family:var(--display);font-size:1.15rem;line-height:1.3;color:var(--paper)}
.cert-fine{display:block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--on-coal-muted);padding-top:.35rem}
.cert-note{color:var(--on-coal-muted);font-size:.95rem;max-width:62ch}
/* gallery: featured first video */
.video--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.75rem;align-items:center;background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);padding:1rem;margin-bottom:.5rem}
.video--featured .thumb{border-radius:var(--r)}
.video--featured h3{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:400;padding-right:1rem}
@media (max-width:1100px){.metals--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.video--featured{grid-template-columns:1fr;gap:1rem}.video--featured h3{font-size:1.25rem}.cert{grid-template-columns:1fr}}
@media (max-width:560px){.metals--4{grid-template-columns:1fr}}

/* ── accreditation cards: uniform logo box, two-line titles, aligned links ── */
.accreds .pcard .plate{aspect-ratio:auto;height:11rem;padding:1.5rem}
.accreds .pcard .plate img{width:auto;height:6.5rem;max-width:80%;object-fit:contain}
.accreds .pcard-body{grid-template-rows:auto 1fr auto;gap:.75rem}
.accreds h3{font-size:1.3rem;line-height:1.15}
.accreds h3 small{display:block;font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:.45rem;line-height:1.35}
.accreds .pcard p{font-size:.92rem}
.accreds .textlink{margin-top:0}
.accreds h3 small{min-height:2.7em}
.footer-brand{gap:1.35rem}
@media (max-width:560px){.footer-brand img{width:88px}}

/* ── uniform card rows: links pinned to the bottom of every card in a row ── */
.service{display:flex;flex-direction:column;gap:.9rem}
.service::before{align-self:flex-start}
.service .textlink{margin-top:auto;padding-top:.6rem}
.pcard-body{display:flex;flex-direction:column;gap:.6rem}
.pcard .textlink{margin-top:auto;padding-top:.5rem}
.method{display:flex;flex-direction:column;gap:.4rem}
.method .textlink{margin-top:auto;padding-top:.6rem}
.method h3{min-height:2.4em;display:flex;align-items:flex-start}
.green-col{display:flex;flex-direction:column;gap:.6rem}
.accreds .pcard-body{gap:.75rem}
.accreds .textlink{margin-top:auto}

/* ── dropdown: no dead gap, short close delay, keyboard friendly ─────────── */
.menu-item-has-children>a{position:relative}
.sub-menu{display:block;top:calc(100% + .5rem);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s linear .3s}
.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-1rem;height:1rem}
.menu-item-has-children:hover>.sub-menu,.menu-item-has-children:focus-within>.sub-menu,.sub-menu:hover{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.menu-item-has-children::after{content:"";position:absolute;left:0;right:0;top:100%;height:.6rem}
.mobile-nav .sub-menu{position:static;display:grid;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
.mobile-nav .sub-menu::before,.mobile-nav .menu-item-has-children::after{display:none}

/* ── hero stats row (replaces the at-a-glance card) ───────────── */
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.hero-stats li{display:grid;gap:.3rem;padding:1.05rem 1.2rem;border:1px solid var(--glass-rule);border-radius:var(--r);background:rgba(255,255,255,.05);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.hero-stats .k{font-family:var(--sans);font-weight:600;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-coal-muted)}
.hero-stats .v{font-family:var(--display);font-size:1.2rem;line-height:1.2;color:var(--paper)}
@media (max-width:1100px){.hero-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.hero-stats{grid-template-columns:1fr 1fr;gap:.6rem}.hero-stats li{padding:.9rem 1rem}.hero-stats .v{font-size:1.05rem}}

/* ── contact: one details panel instead of a stack of boxes ─────── */
.details{gap:0;background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.detail{background:none;border:0;border-radius:0;padding:1.15rem 1.5rem;gap:.25rem}
.detail+.detail{border-top:1px solid var(--rule)}
.details .mapplate{border:0;border-radius:0;box-shadow:none;padding:1.5rem}

/* ── contact layout: details + map side by side, form full width below ── */
.contact-grid{align-items:stretch}
.detail{padding:1rem 1.4rem}
.map-embed--tall{aspect-ratio:auto;height:100%;min-height:26rem}
.contact-form-wrap{margin-top:clamp(2rem,4vw,3rem)}
.contact-form-wrap .form-host{background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:var(--shadow-sm)}
.contact-form-title{margin-bottom:.75rem}
@media (max-width:860px){.map-embed--tall{height:auto;min-height:0;aspect-ratio:4/3}}

/* ── bullion page figures ── */
.split-fig{margin:0;position:relative}
.split-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.split-fig figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(10,10,10,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--on-coal);font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .9rem;border:1px solid var(--glass-rule);border-radius:var(--pill)}
.split .stack-lg{align-self:start}
.split--top{align-items:start}
details.q{scroll-margin-top:7rem}

/* ── light variant of the metal tiles (Recovery page) ── */
.metals--light .metal{background:var(--white);border-color:rgba(0,0,0,.07);box-shadow:var(--shadow-sm)}
.metals--light .metal:hover{border-color:var(--rule-gold-soft);box-shadow:var(--shadow)}
.metals--light .metal .sym{color:var(--gold-dark)}
.metals--light .metal .name{color:var(--ink)}
.metals--light .metal .fine{color:var(--muted)}
.metals--light .metals-note{color:var(--muted)}
.tick-list--gap{margin-top:1.5rem}
.materials-inner .eyebrow+h2{margin-top:1rem}
.materials-inner .lede{margin-top:1.1rem}
.split-fig--inline{margin-top:1rem}
.split-fig--inline img{aspect-ratio:3/2}
.step .num{font-family:var(--sans);font-weight:600;font-size:.95rem;line-height:1;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}

/* ── tighter vertical rhythm ─────────────────────────────────── */
.section{padding-block:clamp(3.25rem,6vw,5rem)}
.section-head{margin-bottom:clamp(1.75rem,3vw,2.5rem);gap:.9rem}
.phero-inner{padding-block:clamp(3rem,6vw,4.5rem)}
.section + .section:not(.on-dark):not(.enquiry):not(.story):not(.news):not(.green){padding-top:clamp(2rem,4vw,3rem)}
.section.cta{padding-block:clamp(3rem,5vw,4rem)}
.split,.materials-inner,.green-inner,.contact-grid,.enquiry-inner{gap:clamp(2rem,5vw,3.5rem)}
.story-inner{gap:clamp(2rem,5vw,3.5rem)}
.faq-group{margin-bottom:2rem}
.legal-body h2{margin-top:1.5rem}
.prose{gap:1rem}
.footer-grid{padding-block:clamp(3rem,5vw,4rem) clamp(2rem,3vw,2.75rem)}
.pcard .plate img{width:min(72%,14rem)}

/* ── logo plates: always the same 4:3 box as photo tiles ── */
.pcard .plate{position:relative;aspect-ratio:4/3;padding:0;border-bottom:0;background:var(--paper)}
.pcard .plate img{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:68%;max-height:68%;object-fit:contain}
.accreds .pcard .plate{aspect-ratio:auto;height:11rem}
.accreds .pcard .plate img{max-width:80%;max-height:6.5rem}

/* ── brand logo sizing (transparent circular logo) ── */
.brand img{width:48px;height:48px}
.header-inner{min-height:80px}
.footer-brand img{width:120px;height:auto}

/* ── Bullion & coins range + gold/silver filter ─────────────── */
.range-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:clamp(1.75rem,3vw,2.5rem)}
.range-head .stack{max-width:44rem}
.seg{display:inline-flex;gap:.25rem;padding:.3rem;border:1px solid var(--rule);border-radius:var(--pill);background:var(--paper)}
.seg-btn{appearance:none;border:0;background:transparent;font:600 .88rem var(--sans);color:var(--ink-2);padding:.55rem 1.1rem;border-radius:var(--pill);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.seg-btn:hover{color:var(--ink);background:var(--stone)}
.seg-btn.is-active{background:var(--ink);color:var(--paper)}
.seg-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.range-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.range-card{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);overflow:hidden}
.range-card[hidden]{display:none}
.range-card>img{width:100%;height:100%;min-height:100%;object-fit:cover}
.range-body{padding:1.5rem 1.4rem;display:grid;gap:.6rem;align-content:start}
.range-body h3{font-size:1.25rem;font-weight:500}
.range-body p{font-size:.92rem;color:var(--ink-2)}
.range-card[data-metal="silver"] .eyebrow::before{background:#B8B8B8}
.sizes{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.sizes li{font:500 .82rem var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);background:var(--white);border:1px solid var(--rule);border-radius:var(--pill);padding:.35rem .75rem}
.sizes li.soon{color:var(--muted);border-style:dashed;font-style:italic}
.range-note{margin-top:1.5rem;font-size:.95rem;color:var(--ink-2)}
@media (max-width:900px){.range-grid{grid-template-columns:1fr}}
@media (max-width:560px){.range-card{grid-template-columns:1fr}.range-card>img{aspect-ratio:16/9;min-height:0}}

/* ── Bullion size tiles + single product page ──────────────── */
[data-metal][hidden]{display:none!important}
.metal-group{display:grid;gap:1.25rem;margin-top:clamp(2.5rem,4vw,3.5rem)}
.range-head+.metal-group{margin-top:0}
.metal-group-head{display:grid;gap:.5rem;max-width:44rem}
.metal-group-head h3{font-size:1.5rem;font-weight:500}
.metal-group-head p:not(.eyebrow){color:var(--ink-2);font-size:.95rem}
.metal-group[data-metal="silver"] .eyebrow::before,.range-card[data-metal="silver"] .eyebrow::before{background:#B8B8B8}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:.9rem}
.tile{position:relative;display:grid;grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden;background:var(--paper);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.tile:hover{border-color:var(--rule-gold);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.tile-fig{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:var(--stone);border-bottom:1px solid rgba(0,0,0,.06);overflow:hidden}
.tile-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease)}
.tile:hover .tile-fig img{transform:scale(1.04)}
.tile-ph{width:76%;min-width:0;overflow:hidden;aspect-ratio:1.9/1;border-radius:calc(var(--r-sm) - 2px);padding:.6rem .7rem;display:grid;align-content:space-between;background:linear-gradient(135deg,#2a2a2a,#0a0a0a 55%,#1c1c1c);color:var(--gold-2);border:1px solid rgba(227,193,96,.3);box-shadow:0 10px 24px -12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.tile-ph--silver{background:linear-gradient(135deg,#e2e4e7,#a9adb3 55%,#cfd2d6);color:#26272a;border-color:rgba(0,0,0,.18)}
.tile-ph .mark{font-family:var(--caps);font-weight:600;font-size:.42rem;letter-spacing:.26em;text-transform:uppercase}
.tile-ph .wt{font-family:var(--display);font-size:clamp(.95rem,1.35vw,1.25rem);line-height:1;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-ph .fine{font-family:var(--caps);font-weight:600;font-size:.4rem;letter-spacing:.2em;text-transform:uppercase;display:flex;justify-content:space-between;gap:.5rem}
.tile-body{position:relative;display:grid;grid-template-rows:1fr auto;gap:.6rem;padding:1rem 1.1rem 1.1rem;align-content:start}
.tile-body::after{content:"→";position:absolute;right:1rem;top:.85rem;color:var(--gold);transition:transform .25s var(--ease)}
.tile:hover .tile-body::after{transform:translateX(3px)}
.tile-w{font-family:var(--display);font-size:1.5rem;line-height:1.05;padding-right:1.25rem;min-height:2.1em}
.tile-meta{display:grid;gap:.2rem}
.tile-m{font:600 .68rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tile-g{font-size:.85rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.spec--product td:first-child{width:9rem;color:var(--muted);font-weight:500}
.spec--product td+td{color:var(--ink);font-weight:500}
.siblings{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.siblings a{display:inline-block;font:500 .85rem var(--sans);padding:.45rem .9rem;border:1px solid var(--rule);border-radius:var(--pill);text-decoration:none;color:var(--ink);background:var(--white);transition:border-color .2s var(--ease),color .2s var(--ease)}
.siblings a:hover{border-color:var(--gold);color:var(--gold-dark)}
.siblings a.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.siblings-more{margin-top:1rem}
@media (max-width:1100px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-w{font-size:1.4rem}.tile-ph .wt{font-size:1.3rem}}

/* ── Top bar: indicative spot prices, location, hours ──────── */
.topbar{background:var(--coal);color:var(--on-coal-muted);border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--sans);font-size:.78rem}
.topbar-inner{display:flex;align-items:center;gap:1.25rem;min-height:2.25rem;padding-block:.35rem}
.spot-list{list-style:none;margin:0;padding:0;display:flex;gap:1.1rem;flex-wrap:wrap}
.spot-list li{display:inline-flex;align-items:baseline;gap:.4rem;white-space:nowrap}
.spot-list .sym{font-family:var(--caps);font-weight:600;color:var(--gold-2);letter-spacing:.04em}
.spot-list .lbl{color:var(--on-coal-muted)}
.spot-list .px{color:var(--paper);font-weight:600;font-variant-numeric:tabular-nums;min-width:4.5ch}
.spot-list .px.is-stale{opacity:.6}
.spot-ctl{display:inline-flex;align-items:center;gap:.6rem}
.spot-note{color:var(--on-coal-muted);opacity:.8}
.cur-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:var(--pill);padding:.12rem;background:rgba(255,255,255,.04)}
.cur-toggle button{appearance:none;border:0;background:transparent;color:var(--on-coal-muted);font:600 .7rem var(--sans);letter-spacing:.06em;padding:.22rem .6rem;border-radius:var(--pill);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.cur-toggle button:hover{color:var(--paper)}
.cur-toggle button.is-active{background:var(--gold);color:var(--coal)}
.cur-toggle button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.topbar-meta{margin-left:auto;display:inline-flex;gap:1.1rem;white-space:nowrap}
.topbar-meta span{display:inline-flex;align-items:center;gap:.45rem}
.topbar-meta span::before{content:"";width:.35rem;height:.35rem;border-radius:50%;background:var(--gold)}
@media (max-width:900px){.topbar-meta,.spot-note{display:none}}
@media (max-width:560px){.spot-list .lbl{display:none}.topbar-inner{gap:.75rem}.spot-list{gap:.8rem}}
.cert-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid var(--rule-gold);background:rgba(201,162,39,.12);font-family:var(--caps);font-weight:600;font-size:.82rem;letter-spacing:.06em;color:var(--gold-2)}
.topbar .socials{gap:.35rem;margin-left:.25rem}
.topbar .socials a{width:1.6rem;height:1.6rem;border-color:rgba(255,255,255,.14)}
.topbar .socials svg{width:12px;height:12px}
.mobile-nav .actions .socials{width:100%;padding-top:.25rem}

/* ── First-visit rebrand notice ─────────────────────────────── */
.rebrand{border:1px solid rgba(227,193,96,.35);border-radius:var(--r-lg);padding:0;background:var(--coal-2);color:var(--on-coal);max-width:min(34rem,calc(100vw - 2rem));box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.rebrand::backdrop{background:rgba(5,5,5,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rebrand-inner{padding:clamp(1.75rem,4vw,2.5rem);display:grid;gap:.9rem;justify-items:start}
.rebrand-logo{width:72px;height:72px;border-radius:50%;margin-bottom:.25rem}
.rebrand .eyebrow{color:var(--gold-2)}
.rebrand h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:300;color:var(--paper);line-height:1.15}
.rebrand h2 .accent{font-style:italic;color:var(--gold-3)}
.rebrand p:not(.eyebrow){color:var(--on-coal-muted);font-size:.98rem}
.rebrand-actions{display:flex;gap:.6rem;flex-wrap:wrap;padding-top:.5rem}
.rebrand[open]{animation:rebrand-in .35s var(--ease)}
@keyframes rebrand-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rebrand[open]{animation:none}}

/* ── Embedded video in posts ────────────────────────────────── */
.post-video{margin:.5rem 0 0}
.post-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.post-video figcaption{padding-top:.6rem;font-family:var(--sans);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* ── AMEC membership logo ─────────────────────────────────── */
.member-plate{display:grid;place-items:center;background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:var(--r-lg);padding:clamp(2rem,4vw,3rem);box-shadow:var(--shadow-sm);text-decoration:none;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.member-plate:hover{border-color:var(--rule-gold-soft);box-shadow:var(--shadow)}
.member-plate img{width:min(100%,22rem);height:auto}
@media (max-width:860px){.member-plate{padding:1.5rem}.member-plate img{width:min(100%,16rem)}}

/* ═══════════════════ Mobile polish (2026-09-17) ═══════════════════
   1. No label below 12px (WCAG readability): eyebrow-style captions were 10.9-11.8px.
   2. Tap targets at least 24px tall (WCAG 2.5.8): footer/legal/crumb links and the
      currency toggle were 19-21px. Padding adds hit area; negative margins keep the
      visual rhythm unchanged.
   3. Hero eyebrow no longer wraps to two lines on narrow phones. */
.hero-stats .k,.cert-fine,.crumbs,.footer h4,.cur-toggle button,.mobile-nav .menu-item-has-children>a{font-size:.75rem}
.footer li a:not(.footer-phone),.legal a,.crumbs a{display:inline-block;padding:.3rem 0;margin:-.3rem 0;line-height:1.4}
.legal ul{gap:1.25rem 1.5rem;flex-wrap:wrap}
.legal a{margin:0}
/* The hit-area rule above is for the text links in the legal bar. The social icons sit in the same
   bar and were caught by it, which turned their centred 2.5rem grid into an inline-block with
   .3rem padding and pushed every icon up and off centre (2026-10-01). Keep them on the grid. */
.legal .socials a{display:grid;padding:0;margin:0}
.cur-toggle button{padding:.4rem .75rem;line-height:1}
.socials a{width:2.5rem;height:2.5rem}
.topbar .socials a{width:1.75rem;height:1.75rem;margin-block:-.1rem}
@media (max-width:560px){
  .eyebrow{font-size:.82rem;letter-spacing:.11em}
  .hero .eyebrow{white-space:nowrap}
  .crumbs{gap:.5rem}
}
@media (max-width:360px){
  .hero .eyebrow{white-space:normal}
}
/* Round 2 — remaining sub-12px labels, contact-card tap targets, wrapping subnav pills,
   and a stacked wordmark so the header fits 320px-wide phones. */
.story figcaption,.phero-fig figcaption,.split figcaption,.split-fig figcaption,.detail dt,.video .dur,.badge span,.metal .fine,.step .tech,.quote .u,.quote .m,.post time,.spec th,.mapplate .mark,.accreds h3 small,.mobile-nav .group,.chip,.service::before,.proto b,.tile-m,.barface .mark{font-size:.75rem}
.detail dd a{display:inline-block;padding:.3rem 0;margin:-.3rem 0;line-height:1.4}
@media (max-width:560px){
  .subnav ul{flex-wrap:wrap;gap:.35rem .25rem;overflow:visible}
}
@media (max-width:360px){
  .header-inner{gap:.75rem;min-height:68px}
  .brand{gap:.6rem}
  .brand img{width:40px;height:40px}
  .wordmark{display:grid;gap:.3em;line-height:1;white-space:normal}
  .menu-toggle{padding:.5rem .85rem}
}
@media (max-width:360px){
  .topbar-inner{gap:.5rem}
  .spot-list{gap:.5rem}
  .spot-list .px{min-width:0}
  .cur-toggle button{padding:.4rem .55rem}
}
/* Green Vision — portrait photo under the OFI heading (2026-09-17) */
.split-fig--portrait{margin-top:1.5rem;max-width:26rem}
.split .split-fig--portrait img,.split-fig--portrait img{aspect-ratio:768/870;object-fit:cover}
/* Top bar phone number on tablet/mobile (2026-09-17). The header's phone + quote CTA hide
   under 860px, so the number moves into the price bar, right of the Pt price. Under 560px the
   AUD/USD toggle can't fit beside it and relocates into the mobile menu (.mobile-cur). */
.topbar-phone{display:none;align-items:center;gap:.4rem;margin-left:auto;padding:.35rem .1rem;color:var(--gold-2);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-decoration:none;white-space:nowrap;min-height:1.6rem}
.topbar-phone svg{flex:0 0 auto;opacity:.9}
.topbar-phone:hover{color:var(--gold-3)}
.mobile-cur{display:none}
@media (max-width:900px){
  .topbar-phone{display:inline-flex}
}
@media (max-width:560px){
  .topbar .spot-ctl{display:none}
  .mobile-cur{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.9rem 0 .25rem;border-top:1px solid rgba(255,255,255,.08);margin-top:.5rem}
  .mobile-cur-lbl{font-family:var(--sans);font-weight:600;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
}
@media (max-width:360px){
  .topbar-inner{flex-wrap:wrap;row-gap:.15rem}
  .topbar-phone{margin-left:auto}
}
/* Mobile menu as a fixed, self-scrolling panel (2026-09-17). Previously it sat in flow inside
   the sticky header, so a menu taller than the screen scrolled the page behind it and the
   bottom items were unreachable. site.js sets --mnav-top to the header's bottom edge and
   adds body.menu-open to lock the page. */
.mobile-nav:not([hidden]){position:fixed;z-index:2000000001;top:var(--mnav-top,140px);left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}
body.menu-open{overflow:hidden}
body.menu-open .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--coal)}
/* Hero video letterbox crop (2026-09-17). banner.webm/.mp4 are 1280x720 with ~70px black bars
   encoded top and bottom (picture = rows 70-650, 80.5%). Oversizing the video 26% vertically and
   centring it keeps those bars outside the hero on every screen ratio. Re-encode without bars to
   drop this rule. */
.hero .hero-video{top:-13%;bottom:auto;height:126%;object-position:64% 50%}
@media (max-width:860px){
  .mobile-nav .actions{padding-top:.5rem}
  .mobile-cur{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 0 .5rem;border-top:0;margin-top:0}
}
/* WP admin bar is position:absolute under 600px (it scrolls away), so the sticky header must
   sit at the very top there instead of leaving a 46px strip of page showing above it. */
@media (max-width:600px){.admin-bar .site-header{top:0}}