/* Hosted review build. Fonts are the CircularXX files the GEM dev site serves from Framer's CDN
   (licence sits with Emersion and GEM; Task List row on CircularXX, 6 Oct). Regular and Medium only: no Light is served. */
@font-face{font-family:"CircularXX";font-weight:400;font-display:swap;src:url("https://framerusercontent.com/assets/bQULrdUF4QlrTq1bJmnH257cVk.woff2") format("woff2")}
@font-face{font-family:"CircularXX";font-weight:500;font-display:swap;src:url("https://framerusercontent.com/assets/OIvPJoJQkmA188FY1Q994qok.woff2") format("woff2")}
:root{
  /* Tim's Framer colour styles, Gordon Estates Management (Tim), read 2026-11-03 */
  --green:#00A557; --dark-green:#00733D; --charcoal:#000000; --white:#FFFFFF;
  --warm-gray:#DDDBD2; --warm-gray-50:#EEEDE9; --light-gray:#F0F0F0; --green-50:#9EC5A8;
  /* Tim's text styles, 16px root */
  --page-heading:4rem; --display:3.125rem; --heading:1.875rem; --body-large:1.5rem; --body:1.25rem; --ui:1rem; --caption:.875rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;overflow-x:hidden}
body{font-family:"CircularXX",system-ui,sans-serif;font-weight:400;color:var(--charcoal);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100svh}
a{color:inherit}
a:focus-visible{outline:2px solid var(--charcoal);outline-offset:3px}
.cap{font-size:var(--caption);line-height:1.286em;letter-spacing:.04em;text-transform:uppercase}
.logo{display:block;width:151px;height:auto}
.logo svg{display:block;width:100%;height:auto}

/* Motion, read from the dev site through fj on 3 Nov:
   page enter - opacity 0 to 1, tween (.27,0,.51,1) 0.2s;
   text appear - y 54px and opacity 0 to rest, tween (.44,0,.56,1) 0.5s, staggered 0.2 / 0.3 / 0.4s, once;
   side panels - x 300px, spring 0.6s bounce 0.2 (approximated by an overshoot curve). */
html.motion body{animation:gem-enter .2s cubic-bezier(.27,0,.51,1) both}
@keyframes gem-enter{from{opacity:0}to{opacity:1}}
html.motion [data-appear]{opacity:0;transition:opacity .5s cubic-bezier(.44,0,.56,1) var(--d,0s),transform .5s cubic-bezier(.44,0,.56,1) var(--d,0s)}
html.motion [data-appear="rise"]{transform:translateY(54px)}
html.motion [data-appear="left"]{transform:translateX(-300px);transition:opacity .6s cubic-bezier(.34,1.25,.64,1) var(--d,0s),transform .6s cubic-bezier(.34,1.25,.64,1) var(--d,0s)}
html.motion [data-appear].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html.motion body{animation:none}
  html.motion [data-appear]{opacity:1;transform:none;transition:none}
}