/* Stratum Resources Limited – holding page */

:root {
  --navy: #1b2f55;
  --text: #2b3240;
  --rule: #c9ccd2;
  --bg: #ffffff;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: Georgia, "Times New Roman", Times, serif;
  -webkit-font-smoothing: antialiased;
}
.holding { max-width: 900px; margin: 0 auto; padding: 40px 20px 32px; text-align: center; }
.holding__logo { display: block; width: 100%; max-width: 460px; height: auto; margin: 0 auto; }
.rule { width: 180px; height: 1px; background: var(--rule); border: 0; margin: 24px auto; }
.rule--short { width: 110px; background: var(--navy); margin: 22px auto; }
.holding__tagline { color: var(--navy); font-weight: 400; font-size: clamp(24px, 3.6vw, 36px); line-height: 1.2; margin: 0 0 14px; }
.holding__intro { font-size: clamp(17px, 2.2vw, 22px); line-height: 1.45; margin: 0 auto; max-width: 760px; }

.pillars { display: grid; grid-template-columns: 1fr 1fr; margin: 36px auto 30px; max-width: 820px; }
.pillar { padding: 0 28px; }
.pillar + .pillar { border-left: 1px solid var(--rule); }
.pillar__icon { display: block; height: 88px; width: auto; max-width: 100%; margin: 0 auto 12px; object-fit: contain; }
.pillar h2 { font-weight: 400; font-size: 17px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--navy); margin: 0 0 10px; }
.pillar p { font-size: 18px; line-height: 1.45; margin: 0; }

.holding__summary { font-size: clamp(17px, 2.2vw, 21px); line-height: 1.45; margin: 0 auto; max-width: 800px; }
.holding__motto { color: var(--navy); font-size: clamp(15px, 2.1vw, 21px); letter-spacing: 0.08em; text-transform: uppercase; margin: 0; }
.holding__motto span { display: inline-block; margin: 0 0.3em; }
.holding__contact h2 { font-weight: 400; font-size: 17px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--navy); margin: 0 0 6px; }
.holding__contact p { font-size: 15px; margin: 0 0 12px; }
.icon { width: 26px; height: 26px; color: var(--navy); display: block; margin: 0 auto 4px; }
.holding__email { color: var(--text); text-decoration: none; font-size: 18px; }
.holding__email:hover, .holding__email:focus { color: var(--navy); text-decoration: underline; }
.holding__copy { font-size: 13px; margin: 0; }

@media (max-width: 640px) {
  .pillars { grid-template-columns: 1fr; gap: 28px; }
  .pillar { padding: 0; }
  .pillar + .pillar { border-left: 0; border-top: 1px solid var(--rule); padding-top: 28px; }
}