/* Page-level layout for itsongroup.co.uk.
   Component styling lives in /ds/ — this file only arranges sections.
   Kept separate so the design system stays a clean, swappable copy. */

/* Hero */
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:64px;align-items:center}
.hero__mark{display:flex;justify-content:center}
.hero__mark-img{width:260px;height:260px;object-fit:contain}
.hero__mark-word{
  font-family:var(--font-display);text-transform:uppercase;
  font-size:104px;line-height:.86;letter-spacing:-.022em;text-align:center;
  background:var(--gradient-mark);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent}

/* Who we are */
.who{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.who__values{list-style:none;margin:12px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}
.who__values li{padding-top:12px;border-top:1px solid var(--border-subtle)}

/* CTA band */
.cta{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.cta__head{flex:1;min-width:320px;margin:0}
.cta__copy{flex:1;min-width:280px;margin:0}

/* Contact */
.contact{display:grid;grid-template-columns:1.5fr .8fr;gap:48px;align-items:start}
.contact__aside{background:var(--paper)}

/* Legal documents — one measured column. Public Sans throughout: the
   registration number and address are prose here, so they are not mono. */
.policy{max-width:74ch;margin-top:40px}
.policy__h2{font-family:var(--font-body);text-transform:none;
  font-size:var(--title-l-size);line-height:var(--title-l-line);
  letter-spacing:var(--title-l-track);font-weight:var(--title-l-weight);
  margin:48px 0 12px;padding-top:20px;border-top:1px solid var(--border-subtle)}
.policy>.policy__h2:first-child{margin-top:0;padding-top:0;border-top:0}
.policy__h3{font-size:var(--title-s-size);line-height:var(--title-s-line);
  letter-spacing:var(--title-s-track);font-weight:var(--title-s-weight);
  margin:28px 0 8px}
.policy__p{font-size:var(--body-m-size);line-height:var(--body-m-line);
  color:var(--text-secondary);margin-bottom:14px}
.policy__list{margin:0 0 18px;padding-left:22px;
  font-size:var(--body-m-size);line-height:var(--body-m-line);color:var(--text-secondary)}
.policy__list li{margin-bottom:6px}
.policy__list li::marker{color:var(--ink-300)}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;gap:40px}
  .hero__mark{justify-content:flex-start;order:-1}
  .hero__mark-word{font-size:72px}
  .hero__mark-img{width:180px;height:180px}
  .who{grid-template-columns:1fr;gap:32px}
  .contact{grid-template-columns:1fr;gap:32px}
  .policy{margin-top:32px}
}
@media (max-width:600px){
  .hero__mark-word{font-size:56px}
  .who__values{grid-template-columns:1fr}
}