/* SS Global Commodities - Company Profile (A4, screen + print) */
:root{
  --p-black:#000; --p-ink:#1c1c1c; --p-text:#3b3b3b; --p-muted:#5f5f5f;
  --p-cream:#fbf8f1; --p-line:#e4dcc8; --p-gold:#d4af37; --p-gold-dark:#8a6d12;
  --p-pad:14mm;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body.profile{margin:0;background:#161616;color:var(--p-text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:10pt;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.profile h1,.profile h2,.profile h3,.profile h4{font-family:'Playfair Display',Georgia,'Times New Roman',serif;margin:0;color:var(--p-ink);line-height:1.2;}
.profile a{color:inherit;}

/* ---------- Toolbar (screen only) ---------- */
.ptool{position:sticky;top:0;z-index:20;background:#000;border-bottom:1px solid rgba(212,175,55,.4);}
.ptool-in{width:min(1100px,94%);margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 0;flex-wrap:wrap;}
.ptool a.back{color:#e8e8e8;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:8px;}
.ptool a.back img{width:34px;height:34px;display:block;}
.ptool a.back:hover{color:var(--p-gold);}
.ptool .sp{flex:1;}
.ptool .hint{color:#b4b4b4;font-size:12.5px;max-width:520px;line-height:1.4;}
.pbtn{font:600 14px/1 'Inter',sans-serif;border:0;cursor:pointer;padding:12px 20px;background:linear-gradient(135deg,#f4d03f,#d4af37 55%,#b8941e);color:#000;letter-spacing:.02em;}
a.pbtn{display:inline-block;text-decoration:none;}
.pbtn:hover{filter:brightness(1.08);}
.pbtn:focus-visible,.ptool a:focus-visible{outline:2px solid #f4d03f;outline-offset:3px;}
.pbtn-ghost{background:transparent;color:var(--p-gold);border:1px solid var(--p-gold);text-decoration:none;display:inline-block;}

/* ---------- Sheets ---------- */
.sheets{padding:28px 0 60px;}
.sheet{width:210mm;height:296mm;margin:0 auto 28px;background:var(--p-cream);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.6);}
.sheet-body{padding:0 var(--p-pad);flex:1;}
.sheet-foot{position:absolute;left:var(--p-pad);right:var(--p-pad);bottom:7mm;display:flex;justify-content:space-between;gap:10px;font-size:7.5pt;letter-spacing:.06em;text-transform:uppercase;color:var(--p-muted);border-top:1px solid var(--p-line);padding-top:2.5mm;}

.eyebrow{display:block;font-size:7.5pt;letter-spacing:.28em;text-transform:uppercase;color:var(--p-gold-dark);font-weight:700;margin-bottom:2mm;}
.sec-title{font-size:17pt;margin-bottom:3mm;}
.sec-title .g{color:var(--p-gold-dark);}
.rule{width:14mm;height:2px;background:var(--p-gold);margin:0 0 4mm;}
.sheet p{margin:0 0 3mm;}

/* Cover band */
.cover{background:#000;color:#e8e8e8;display:grid;grid-template-columns:62mm 1fr;gap:10mm;align-items:center;padding:14mm var(--p-pad);border-bottom:3px solid var(--p-gold);}
.cover img{width:62mm;height:62mm;display:block;}
.cover .eyebrow{color:var(--p-gold);}
.cover h1{font-size:25pt;color:#fff;margin-bottom:4mm;}
.cover h1 .g{color:var(--p-gold);}
.cover p{color:#cfcfcf;font-size:10pt;margin:0 0 2.5mm;}
.cover .ed{font-size:7.5pt;letter-spacing:.22em;text-transform:uppercase;color:var(--p-gold);margin-top:4mm;}

.cover-gap{height:9mm;}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:4mm;margin:2mm 0 8mm;}
.fact{border:1px solid var(--p-line);border-top:2px solid var(--p-gold);background:#fff;padding:4mm 3mm;text-align:center;}
.fact b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:17pt;color:var(--p-ink);line-height:1.1;}
.fact span{display:block;font-size:7.5pt;letter-spacing:.12em;text-transform:uppercase;color:var(--p-muted);margin-top:1.5mm;}

.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:4mm;margin:3mm 0 7mm;}
.card{background:#fff;border:1px solid var(--p-line);padding:5mm 4.5mm;}
.card h3{font-size:11pt;margin-bottom:2mm;}
.card p{font-size:8.8pt;margin:0;color:var(--p-text);}

.network{background:#000;color:#d8d8d8;padding:6mm 7mm;border-left:3px solid var(--p-gold);}
.network h3{color:#fff;font-size:12pt;margin-bottom:2mm;}
.network p{margin:0 0 2mm;font-size:9pt;color:#d0d0d0;}
.network p:last-child{margin:0;}

/* Sheet 2 */
.top-pad{padding-top:14mm;}
.story{display:grid;grid-template-columns:1.25fr 1fr;gap:8mm;align-items:start;margin-bottom:7mm;}
.quote{background:#000;color:#fff;padding:6mm;border-top:3px solid var(--p-gold);}
.quote q{display:block;font-family:'Playfair Display',Georgia,serif;font-size:12pt;line-height:1.4;quotes:none;color:#fff;}
.quote cite{display:block;margin-top:3mm;font-style:normal;font-size:8pt;letter-spacing:.14em;text-transform:uppercase;color:var(--p-gold);}
.team{display:grid;grid-template-columns:1fr;gap:4mm;margin:3mm 0 7mm;}
.person{display:grid;grid-template-columns:24mm 1fr auto;gap:5mm;align-items:center;background:#fff;border:1px solid var(--p-line);border-left:3px solid var(--p-gold);padding:4mm 5mm;}
.photo{width:24mm;height:24mm;border-radius:50%;object-fit:cover;display:block;background:#000;border:1.5px solid var(--p-gold);}
.person h3{font-size:12pt;margin-bottom:.5mm;}
.person .role{font-size:8.5pt;letter-spacing:.06em;text-transform:uppercase;color:var(--p-gold-dark);font-weight:700;margin:0 0 1.5mm;}
.person p{margin:0;font-size:8.6pt;color:var(--p-text);}
.person p.li{margin-top:1mm;}
.person p.li a{display:inline-flex;align-items:center;gap:1.6mm;text-decoration:none;font-weight:600;color:var(--p-gold-dark);font-size:8.4pt;}
.person p.li a:hover{text-decoration:underline;}
.contact-lines{font-size:8.6pt;line-height:1.7;text-align:right;color:var(--p-text);}
.contact-lines a{text-decoration:none;color:var(--p-ink);font-weight:600;}
.contact-lines small{display:block;font-size:7pt;letter-spacing:.14em;text-transform:uppercase;color:var(--p-muted);font-weight:500;}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:3mm;}
.office{background:#fff;border:1px solid var(--p-line);padding:5mm;}
.office .eyebrow{margin-bottom:1mm;}
.office h3{font-size:12pt;margin-bottom:2mm;}
.office address{font-style:normal;font-size:8.8pt;margin-bottom:2mm;}
.office p{margin:0;font-size:8.8pt;}
.office a{text-decoration:none;font-weight:600;color:var(--p-ink);}

/* Sheet 3 */
.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:4.5mm;margin:3mm 0 6mm;}
.pc{background:#fff;border:1px solid var(--p-line);display:flex;flex-direction:column;}
.pc figure{margin:0;position:relative;height:35mm;background:#111;}
.pc img{width:100%;height:100%;object-fit:cover;display:block;}
.pc .tag{position:absolute;left:2mm;top:2mm;background:#000;color:var(--p-gold);font-size:6.3pt;letter-spacing:.14em;text-transform:uppercase;padding:1mm 2mm;border:1px solid rgba(212,175,55,.6);}
.pc .pc-b{padding:3mm 3.2mm 3.4mm;}
.pc h4{font-size:9.6pt;margin-bottom:1mm;}
.pc p{margin:0;font-size:7.9pt;line-height:1.4;color:var(--p-text);}
.beyond{font-size:9pt;border:1px dashed var(--p-gold-dark);padding:3.5mm 5mm;background:#fff;margin-bottom:6mm;}
.cbar{position:absolute;left:0;right:0;bottom:17mm;background:#000;color:#e8e8e8;padding:6mm var(--p-pad);display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:6mm;border-top:3px solid var(--p-gold);}
.cbar h4{color:var(--p-gold);font-family:'Inter',sans-serif;font-size:7.5pt;letter-spacing:.22em;text-transform:uppercase;margin-bottom:2mm;font-weight:700;}
.cbar p{margin:0;font-size:8.6pt;line-height:1.65;color:#dcdcdc;}
.cbar a{color:#fff;text-decoration:none;}
.cbar .note{font-size:7.4pt;color:#a9a9a9;line-height:1.45;}

/* ---------- Print ---------- */
@page{size:A4;margin:0;}
@media print{
  body.profile{background:#fff;}
  .ptool{display:none !important;}
  .sheets{padding:0;}
  .sheet{margin:0;box-shadow:none;break-after:page;page-break-after:always;}
  .sheet:last-child{break-after:auto;page-break-after:auto;}
  .pc,.card,.person,.office,.fact{break-inside:avoid;}
}

/* ---------- Small screens: reflow instead of a tiny A4 ---------- */
@media screen and (max-width:819px){
  .sheets{padding:14px 0 40px;}
  .sheet{width:calc(100% - 20px);height:auto;margin:0 auto 18px;padding-bottom:70px;}
  .sheet-body{padding:0 18px;}
  .sheet-foot{left:18px;right:18px;bottom:14px;font-size:9px;flex-wrap:wrap;}
  .cover{grid-template-columns:1fr;padding:26px 18px;gap:18px;text-align:left;}
  .cover img{width:150px;height:150px;}
  .cover h1{font-size:25px;}
  .cover p{font-size:15px;}
  .cover-gap,.top-pad{height:auto;padding-top:22px;}
  .sheet p{font-size:15px;line-height:1.6;}
  .card p,.person p,.office address,.office p,.pc p,.network p{font-size:14px;}
  .sec-title{font-size:23px;}
  .facts{grid-template-columns:1fr 1fr;}
  .fact b{font-size:24px;}
  .fact span{font-size:10px;}
  .cols3,.story,.offices{grid-template-columns:1fr;}
  .person{grid-template-columns:76px 1fr;}
  .photo{width:76px;height:76px;}
  .contact-lines{grid-column:1/-1;text-align:left;font-size:14px;}
  .contact-lines small{font-size:10px;}
  .person h3,.card h3,.office h3,.network h3{font-size:19px;}
  .person .role{font-size:12px;}
  .quote q{font-size:18px;}
  .pgrid3{grid-template-columns:1fr 1fr;gap:10px;}
  .pc figure{height:110px;}
  .pc h4{font-size:15px;}
  .beyond{font-size:14px;}
  .cbar{position:static;grid-template-columns:1fr;padding:22px 18px;margin:0 -18px;}
  .cbar p{font-size:14px;}
  .cbar h4{font-size:11px;}
  .cbar .note{font-size:12px;}
  .eyebrow{font-size:11px;}
  .ptool .hint{display:none;}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;transition:none !important;animation:none !important;}}