/* LloydSmith Guyana hero terrain (ruling 5). Self-contained, namespaced .lg-hero. */
.lg-hero{position:relative;background:#101820;color:#F6F5F2;overflow:hidden;
  border-bottom:1px solid #D5AD36 /* decorative hairline only */}
.lg-hero #terrain{position:absolute;inset:0;width:100%;height:100%;display:block}
.lg-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(58% 44% at 74% 60%,rgba(213,173,54,.14),transparent 70%),
  radial-gradient(70% 60% at 18% 12%,rgba(11,61,46,.45),transparent 72%)}
.lg-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(16,24,32,.62) 0%,rgba(16,24,32,.22) 55%,rgba(16,24,32,0) 100%)}
.lg-hero__wrap{position:relative;z-index:2;max-width:1280px;margin:0 auto;
  padding:clamp(120px,18vh,180px) clamp(24px,5vw,72px) clamp(80px,12vh,120px);
  min-height:min(92svh,860px);display:flex;flex-direction:column;justify-content:center}
.lg-hero h1{font:500 clamp(38px,4.7vw,68px)/1.06 "Source Serif 4",Georgia,serif;
  letter-spacing:-.024em;color:#F6F5F2;max-width:17em;margin:0}
.lg-hero__lead{font:400 clamp(21px,1.8vw,24px)/1.5 "Source Serif 4",Georgia,serif;font-optical-sizing:auto;
  color:#F6F5F2;max-width:46ch;margin:32px 0 0}
.lg-hero__actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:44px}
.lg-hero__cta{display:inline-block;font:600 13.5px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;
  text-transform:uppercase;color:#FFFFFF;background:#0B3D2E;border:1px solid rgba(246,245,242,.6);
  padding:18px 32px;min-height:44px;text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,transform 140ms cubic-bezier(.23,1,.32,1)}
.lg-hero__cta:hover,.lg-hero__cta:focus-visible{background:#F6F5F2;border-color:#F6F5F2;color:#101820}
.lg-hero__cta:active{transform:scale(.97)}
.lg-hero__cta:focus-visible{outline:3px solid #F6F5F2;outline-offset:2px}
/* 375x667: proposition and action ahead of everything (ed5 composition, Codex 3) */
@media(max-width:40em){
  .lg-hero__wrap{padding:96px 24px 56px;min-height:0;justify-content:flex-start}
  .lg-hero h1{font-size:clamp(34px,9.6vw,38px)}
  .lg-hero__lead{margin-top:20px;max-width:34ch;font-size:17px}
  .lg-hero__actions{margin-top:28px}}
/* line-masked reveal, CSS only, then still */
.lg-rv{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.lg-rv>span{display:block;transform:translateY(110%);opacity:0;animation:lg-rise .9s cubic-bezier(.16,1,.3,1) forwards}
.lg-hero h1 .lg-rv:nth-child(2)>span{animation-delay:.1s}
.lg-hero h1 .lg-rv:nth-child(3)>span{animation-delay:.2s}
.lg-hero__lead,.lg-hero__actions{opacity:0;transform:translateY(14px);animation:lg-fade .8s cubic-bezier(.23,1,.32,1) .46s forwards}
.lg-hero__actions{animation-delay:.6s}
@keyframes lg-rise{to{transform:none;opacity:1}}
@keyframes lg-fade{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .lg-rv>span,.lg-hero__lead,.lg-hero__actions{animation:none;transform:none;opacity:1}
  .lg-hero__cta{transition:none}
  .lg-hero__cta:active{transform:none}}
