/* Martin Gladman Website tokens: branding-guide teal and silver on the Everyday Sexology layout.
   Same values as the design system's tokens.json. The site is deliberately light only. */
:root{
  color-scheme:light;
  --teal:#005973; --teal-deep:#004961; --teal-shade:rgba(0,41,54,.55);
  --silver-light:#f1f2f3; --silver:#c7cacd; --silver-dark:#9a9ea2;
  --band:#dcebf2; --white:#ffffff; --ink:#1d2b30; --ink-muted:#4a5a60;
  --font-heading:"Jost","URW Geometric","Futura","Century Gothic",sans-serif;
  --font-body:"Source Sans 3","Source Sans Pro","Helvetica Neue",Arial,sans-serif;
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:48px; --space-6:96px;
  --radius-photo:0; --radius-button:999px; --radius-box:16px;
  --content-width:72rem; --measure:38rem;
}
html{scroll-behavior:smooth}
body{background:var(--white);color:var(--ink)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mg-skip{position:absolute;left:-999px;top:0;background:var(--teal);color:var(--white);padding:.5rem 1rem;z-index:50}
.mg-skip:focus{left:max(16px,env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px))}
.mg-video-wrap{position:relative;max-width:44rem;margin-inline:auto;display:block}
.mg-video-wrap .mg-video{max-width:none}
.mg-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.88);display:grid;place-items:center;transition:transform .2s}
.mg-play::after{content:"";margin-left:6px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--teal)}
.mg-video-wrap:hover .mg-play{transform:scale(1.06)}