/* =====================================================================
   Full-width layout (same approach as IIC Planet)
   - wider content column that keeps growing on large monitors, type scaled up there
   - header/menu bar spans the whole screen
   - Services slider, "How we trade" band, map and footer run edge to edge
   ===================================================================== */
:root { --container: 1560px; --gutter: clamp(20px, 4.5vw, 72px); }
@media (min-width: 1680px) { :root { --container: 1760px; } html { font-size: 17px; } }
@media (min-width: 2200px) { :root { --container: 2040px; } html { font-size: 19px; } }
@media (min-width: 3000px) { :root { --container: 2560px; } html { font-size: 22px; } }
html, body { overflow-x: clip; }

/* Header: logo at the left edge, menu at the right edge */
.nav__inner { max-width: none; }

/* Full-bleed blocks (the .frame wrapper used to inset them) */
.frame { max-width: none; padding-inline: 0; }
.services { border-radius: 0; min-height: min(92svh, 860px); }
.services__ui { max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.dark-band { border-radius: 0; }

/* Contact map: edge to edge */
.map--wide { width: 100vw; margin-left: calc(50% - 50vw); border-radius: 0; border-inline: 0; max-height: 520px; }

/* Photo cards keep proportion on the wider column */
.news-card--feature { min-height: 480px; }
.article { max-width: 1280px; }