/* Pride in Business: sibling layer on the Just Gold system (jg.css). Layout: JG grid, editorial pages, one bold triangle in the home hero. */
[hidden]{display:none!important}
:root{--pink:#FF2E8A;--pink-ink:#C2005E}
body{background:var(--paper);color:var(--ink)}

/* Mark and wordmark */
.pib-logo{display:inline-flex;align-items:center;gap:12px;flex:none}
.pib-mark{width:34px;height:34px;overflow:visible;flex:none}
.pib-word{font-size:19px;font-weight:500;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.pib-word small{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:5px}
.foot .pib-mark{width:48px;height:48px}
.foot .pib-word{font-size:24px;color:var(--ink)}

/* Sibling accent: the JG square marker, in pink */
.label:before,.tl:after{background:var(--pink)}
.prose ul li:before{background:var(--pink)}
.vhero .label:before,.cta .tl:after{background:var(--pink)}

/* Home hero */
.vhero .bg img{width:100%;height:100%;object-fit:cover}
.vhero .vh-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:end}
.hero-tri{width:100%;max-width:420px;justify-self:end;overflow:visible}
@media(max-width:900px){.vhero .vh-grid{grid-template-columns:1fr}.hero-tri{max-width:200px;justify-self:start;order:-1}}

/* Status row */
.pstat{border-bottom:1px solid var(--rule)}
.pstat .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pstat .it{padding:28px 24px 32px;border-left:1px solid var(--rule);display:grid;gap:10px;align-content:start}
.pstat .it:first-child{border-left:0;padding-left:0}
.pstat h3{font-size:22px;line-height:1.2;letter-spacing:-.02em}
.pstat p{font-size:15px;color:var(--ink-2);max-width:26em}
@media(max-width:800px){.pstat .row{grid-template-columns:1fr}.pstat .it{border-left:0;border-top:1px solid var(--rule);padding-left:0}.pstat .it:first-child{border-top:0}}

/* Four questions */
.qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.q{background:var(--wash);padding:clamp(22px,2.4vw,36px);display:grid;gap:14px;align-content:start}
.q h3{font-size:clamp(22px,2vw,30px);line-height:1.12;max-width:16em}
.q p{font-size:16px;color:var(--ink-2);max-width:34em}
.q.lead{background:var(--ink);color:#fff}
.q.lead .label{color:#bdbdbd}
.q.lead p{color:#d4d4d4}
@media(max-width:720px){.qgrid{grid-template-columns:1fr}}

/* Role at a glance */
.glance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);border-top:1px solid var(--ink);margin-top:1.2em}
.glance dt,.glance dd{margin:0;padding:12px 0;border-bottom:1px solid var(--rule);font-size:16px}
.glance dt{font-weight:600;color:var(--ink);padding-right:16px}
.glance dd{color:#2b2b2b}
@media(max-width:560px){.glance{grid-template-columns:1fr}.glance dt{border-bottom:0;padding-bottom:0}}

/* Briefing form */
.sub{margin-top:32px;display:grid;gap:10px;max-width:560px}
.sub label{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.sub .rowf{display:flex;gap:0;flex-wrap:wrap}
.sub input{flex:1 1 240px;min-width:0;height:48px;border:1px solid var(--ink);border-right:0;padding:0 16px;font:inherit;font-size:16px;background:var(--paper);color:var(--ink);border-radius:0}
.sub .sq{border-radius:0}
@media(max-width:480px){.sub input{border-right:1px solid var(--ink);flex-basis:100%}.sub .sq{margin-top:8px}}
.sub .msg{margin-top:8px}
.note strong{color:var(--ink)}
.foot .blurb{margin-top:20px;max-width:30em}
.team .tm{aspect-ratio:1/1;overflow:hidden;background:var(--wash)}
.team .tm img{width:100%;height:100%;object-fit:cover}
.foot .jgband{border-top:1px solid var(--rule);padding-top:32px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center}
.foot .jgband>p{max-width:34em;font-size:15px;color:var(--ink)}
.foot .jgband .cert{margin-top:0}
@media(max-width:800px){.foot .jgband{grid-template-columns:1fr;gap:20px}}

/* Triangle mark: outline, then inner lines, then the pink lights up (sibling to the Just Gold square) */
.pib-mark .t-fill,.hero-tri .t-fill{fill:var(--pink)}
.pib-mark .t-p{fill:none;stroke:var(--ink);stroke-width:7;stroke-linejoin:miter;stroke-miterlimit:4;stroke-linecap:butt;stroke-dasharray:1 1;stroke-dashoffset:0}
.hero-tri .t-p{fill:none;stroke:#fff;stroke-width:1.6;stroke-linejoin:miter;stroke-miterlimit:4;stroke-linecap:butt;stroke-dasharray:1 1;stroke-dashoffset:0}
.t-wait .t-p{stroke-dashoffset:1}.t-wait .t-fill{fill:transparent}
.t-play .t-p1{animation:tdraw .8s cubic-bezier(.6,0,.2,1) both}
.t-play .t-p2{animation:tdraw .35s cubic-bezier(.6,0,.2,1) .7s both}
.t-play .t-p3{animation:tdraw .45s cubic-bezier(.6,0,.2,1) .95s both}
.t-play .t-fill{animation:tneon 1.6s ease 1.3s both}
.hero-tri.t-play .t-p1{animation-duration:1.4s;animation-delay:.2s}
.hero-tri.t-play .t-p2{animation-duration:.6s;animation-delay:1.4s}
.hero-tri.t-play .t-p3{animation-duration:.7s;animation-delay:1.8s}
.hero-tri.t-play .t-fill{animation-delay:2.4s}
@keyframes tdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes tneon{0%{fill:transparent}10%{fill:var(--pink)}16%{fill:transparent}24%{fill:var(--pink)}30%{fill:#ff8cc0}100%{fill:var(--pink)}}
@media(prefers-reduced-motion:reduce){.t-play *{animation:none!important}}/* Article cards and article pages */
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.agrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.agrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.agrid,.agrid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.agrid,.agrid.two,.agrid.four{grid-template-columns:1fr}}
.acard{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--paper);border:1px solid var(--rule);min-width:0;transition:border-color .3s var(--ease),background .3s var(--ease)}
.block:not(.wash) .acard{background:var(--wash);border-color:transparent}
.acard h3{font-size:clamp(20px,1.7vw,24px);line-height:1.18;letter-spacing:-.02em}
.acard p{font-size:15px;color:var(--ink-2)}
.acard .meta{margin-top:auto;padding-top:8px;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.acard:hover{border-color:var(--ink)}
.acard:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}
.chips .label{margin-right:8px}
.chip{height:36px;padding:0 14px;border:1px solid var(--rule);display:inline-flex;align-items:center;font-size:14px}
.chip:hover{border-color:var(--ink)}
.art-head .stand{margin-top:22px;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:var(--ink-2);max-width:40em}
.art-side a{text-decoration:underline;text-underline-offset:3px}
.prose .srcs{margin-top:3em;padding-top:24px;border-top:1px solid var(--ink)}
.prose .srcs h2{font-size:15px;letter-spacing:.08em;text-transform:uppercase;margin:0}
.prose .srcs ol{font-size:15px;line-height:1.5;margin-top:14px;display:grid;gap:8px}
.prose .srcs li{color:var(--ink-2)}
.prose .chk{font-size:13px;color:var(--ink-2)}
.prose .afoot{margin-top:2.4em;padding:20px 22px;background:var(--wash);font-size:15px;display:grid;gap:10px}
.prose .afoot p{color:var(--ink-2)}
.prose .disc{margin-bottom:2em;max-width:none}
/* Photography */
.pband{height:clamp(280px,42vw,620px);overflow:hidden;background:#0c0c0c}
.pband img{width:100%;height:100%;object-fit:cover}
.acard .th{display:block;margin:-24px -24px 6px;aspect-ratio:3/2;overflow:hidden;background:var(--wash-2)}
.acard .th img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.acard:hover .th img{transform:scale(1.04)}
.pib-hero{margin:clamp(32px,4vw,56px) 0 0;aspect-ratio:16/7;overflow:hidden;background:var(--wash)}
.pib-hero img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.pib-hero{aspect-ratio:4/3}}
.prose .infig{margin:1.6em 0;max-width:640px}
.prose .infig img{margin:0;width:100%;height:auto}
.prose .infig figcaption{margin-top:8px;font-size:14px;color:var(--ink-2)}
img[src*="pride/banner"]{object-position:50% 28%}img[src*="pride/tunnel"]{object-position:50% 71%}.cta img[src*="pride/tunnel"]{opacity:.6}img[src*="pride/march"],img[src*="pride/hands-heart"]{object-position:50% 35%}
/* Scroll scrubbed squares video */
.scrub{position:relative;height:240vh;background:#fdf9f9;border-top:1px solid var(--rule)}
.scrub-stage{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--navh));height:calc(100vh - var(--navh));overflow:hidden;display:grid;place-items:center}
.scrub-stage video{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.scrub{height:180vh}.scrub-stage video{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.scrub{height:auto}.scrub-stage{position:static;height:56vw;max-height:80vh}}
/* Social Traders mark */
.badge-hero{background:linear-gradient(135deg,#ffe1ee,#fff3f8 55%,#f3f3f1);display:grid;place-items:center}
.pib-hero.badge-hero img{width:auto;height:62%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(17,17,17,.12))}
.prose .disc{display:flow-root}
.prose .disc .disc-badge{float:right;width:64px;height:auto;margin:0 0 8px 16px}
.acard .badge-th{background:linear-gradient(135deg,#ffe1ee,#fff3f8 55%,#f3f3f1);display:grid;place-items:center}
.acard .badge-th img{width:auto;height:72%;max-width:80%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(17,17,17,.12))}
.acard:hover .badge-th img{transform:none}
.pib-hero.badge-hero{aspect-ratio:16/6}
.pib-hero.badge-hero img{height:78%;max-height:420px;max-width:80%}
@media(max-width:700px){.pib-hero.badge-hero{aspect-ratio:4/3}}
.acard .th.badge-th{position:relative;display:block}
.acard .th.badge-th img{position:absolute;inset:0;margin:auto;width:auto;height:74%;max-width:80%;object-fit:contain}
/* Squares band: wide crop, shorter scroll distance */
.scrub{height:calc(100vw / 3.077 + 70vh)}
.scrub-stage{top:calc(env(safe-area-inset-top,0px) + var(--navh) + 8vh);height:auto;aspect-ratio:1600/520;max-height:none}
.scrub-stage video{object-fit:cover}
@media(max-width:700px){.scrub{height:calc(100vw / 3.077 + 50vh)}.scrub-stage video{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.scrub{height:auto}.scrub-stage{position:static;height:auto}}
/* Mask behind closing band text so white type stays legible */
.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,12,.78) 0%,rgba(10,10,12,.55) 45%,rgba(10,10,12,.35) 100%),linear-gradient(0deg,rgba(10,10,12,.45),rgba(10,10,12,0) 60%);pointer-events:none}
.cta .wrap{z-index:1}
/* Research video: full 16:9 frame, not cropped */
.rvid{margin-block:0 clamp(32px,4vw,56px)}
.rvid video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#ecebe8}
.pib-hero.badge-hero{position:relative;display:block}
.pib-hero.badge-hero img{position:absolute;inset:0;margin:auto;width:auto;height:76%;max-width:80%;object-fit:contain}
/* Launch status row: four items */
.pstat .row{grid-template-columns:repeat(4,minmax(0,1fr))}
.pstat .it a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.pstat .row{grid-template-columns:repeat(2,minmax(0,1fr))}.pstat .it:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:600px){.pstat .row{grid-template-columns:1fr}}
.prose .launch{max-width:none;margin-bottom:2em;border-left:3px solid var(--pink)}
.lede{font-size:clamp(18px,1.6vw,22px);color:var(--ink-2);max-width:40em}
.sched-note{padding-block:48px;font-size:18px}
/* Certifier table */
.ctable{border-top:1px solid var(--ink)}
.cr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.6fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--rule);font-size:17px;align-items:baseline}
.cr.ch{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:12px 0}
.cr span:first-child{font-weight:500}
.cr.gap{background:linear-gradient(90deg,#ffe1ee,rgba(255,225,238,0));border-bottom:2px solid var(--pink);padding-left:14px}
.cr.gap span:nth-child(2){font-weight:600;color:var(--pink-ink)}
.csrc{margin-top:16px;font-size:13px;color:var(--ink-2);max-width:62em}
.csrc a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.cr{grid-template-columns:1fr;gap:4px}.cr.ch{display:none}.cr span:nth-child(2)::before{content:"Certifier: ";color:var(--ink-2)}.cr span:nth-child(3)::before{content:"Commonwealth target: ";color:var(--ink-2)}}
/* Data list */
.dlist{border-top:1px solid var(--ink)}
.dr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:clamp(16px,4vw,64px);padding:26px 0;border-bottom:1px solid var(--rule)}
.dv{font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.dd p{font-size:17px;max-width:46em}
.dd .dm{margin-top:10px;font-size:13px;color:var(--ink-2)}
.dd .dm a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.dr{grid-template-columns:1fr;gap:10px}}
/* Briefing form uses the Kit form */
.sub-kit{margin-top:32px;max-width:640px}
.sub-kit .su-row{display:flex;gap:0}
.sub-kit input{flex:1 1 auto;min-width:0;height:48px;border:1px solid var(--ink);border-right:0;padding:0 16px;font:inherit;font-size:16px;background:var(--paper);color:var(--ink);border-radius:0}
.sub-kit label{display:block;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.sub-kit .su-note{margin-top:10px;font-size:13px;color:var(--ink-2)}
.sub-kit .su-note a{text-decoration:underline}
/* Resources */
.rtools{display:grid;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--rule);margin-bottom:24px}
.rrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rrow .label{width:64px;flex:none}
.rf,.cf{height:40px;padding:0 14px;border:1px solid var(--rule);background:var(--paper);font:inherit;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.rf span{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.rf:hover,.cf:hover{border-color:var(--ink)}
.rf[aria-pressed=true],.cf[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.rf[aria-pressed=true] span{color:#cfcfcf}
.rsearch{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rsearch .label{width:64px;flex:none}
.rsearch input{flex:1 1 260px;max-width:520px;height:44px;border:1px solid var(--ink);padding:0 14px;font:inherit;font-size:16px;border-radius:0;background:var(--paper);color:var(--ink)}
.rcount{font-size:14px;color:var(--ink-2)}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1000px){.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.rgrid{grid-template-columns:1fr}.rsearch .label{width:100%}.rrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px}.rrow::-webkit-scrollbar{display:none}.rrow .label{width:auto;margin-right:4px}.rf,.cf{flex:none;white-space:nowrap}}
.rcard{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;background:var(--wash);border:1px solid transparent;min-width:0;transition:border-color .25s}
.rcard:hover{border-color:var(--ink)}
.rcard h3{font-size:19px;line-height:1.2;letter-spacing:-.02em}
.rcard p{font-size:15px;color:var(--ink-2)}
.rmeta{display:flex;gap:8px;flex-wrap:wrap}
.rreg,.rcat{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;background:var(--paper);color:var(--ink-2)}
.rreg{background:var(--ink);color:#fff}
.rhost{margin-top:auto;font-size:13px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere}
.rhost:after{content:"";width:8px;height:8px;background:var(--pink);flex:none}
.rnone{padding:32px 0;font-size:17px}
img[src*="pride/pride-centre"]{object-position:62% 50%}
img[src*="pride/triangle"]{object-position:50% 45%}
/* Certifier tiles (home) */
.certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cert-t{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.2vw,32px);min-height:clamp(260px,24vw,340px);background:var(--wash);overflow:hidden}
.cert-t .ck{width:44px;height:44px;border:2px solid var(--ink);position:relative;flex:none}
.cert-t .ck::after{content:"";position:absolute;left:12px;top:5px;width:12px;height:22px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg)}
.cert-t .ck{margin-bottom:clamp(36px,5vw,72px)}
.cert-t .cg{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.cert-t .cn{font-size:clamp(24px,2.2vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.05}
.cert-t .cx{font-size:14px;color:var(--ink-2);line-height:1.45}
.cert-t.gap{background:var(--ink);color:#fff}
.cert-t.gap .cg{color:#ff9cc8}
.cert-t.gap .cx{color:#cfcfcf}
.cert-t.gap .ck{border-color:var(--pink)}
.cert-t.gap .ck::after{left:50%;top:50%;width:26px;height:3px;border:0;background:var(--pink);transform:translate(-50%,-50%) rotate(45deg);box-shadow:none}
.cert-t.gap .ck::before{content:"";position:absolute;left:50%;top:50%;width:26px;height:3px;background:var(--pink);transform:translate(-50%,-50%) rotate(-45deg)}
.cert-t.gap::before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:var(--pink);opacity:.18;clip-path:polygon(0 0,100% 0,50% 87%)}
@media(max-width:1000px){.certs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.certs{grid-template-columns:1fr}.cert-t{min-height:0}}
/* Squares band: plain looping strip, no scroll pinning */
.sqband{background:#fdf9f9;border-top:1px solid var(--rule);overflow:hidden}
.sqband video{display:block;width:100%;max-width:1440px;margin:0 auto;aspect-ratio:1600/520;max-height:320px;object-fit:contain;background:#fdf9f9}
img[src*="pride/rainbow-line"]{object-position:50% 40%}

.tmf{margin:0}
.tmf figcaption{margin-top:10px;font-size:13px;color:var(--ink-2)}
.rchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.rchip{height:44px;padding:0 16px;border:1px solid var(--rule);display:inline-flex;align-items:center;gap:10px;font-size:15px;transition:border-color .2s}
.rchip span{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.rchip:hover{border-color:var(--ink)}