/* ══════════════════════════════════════════════
   SOWERS GUILD — PAGE LOADER
   Full-screen overlay: the crest logo quietly draws
   itself in, holds, and erases, repeating until the
   page has actually finished loading (with at least
   one full draw/erase cycle always shown). Shared
   across every marketing page — see page-loader.js
   for the animation driver.

   Colors are scoped to #sgLoader (not :root) so they
   don't collide with each page's own --gold variable.
══════════════════════════════════════════════ */

#sgLoader {
  --black:#090806;
  --gold-deep:#73511a;
  --gold:#b99655;
  --gold-light:#e1cd96;
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  background:radial-gradient(ellipse at center,#15120c 0%,#0d0b08 48%,#090806 82%);
  transition:opacity 1s ease,visibility 1s ease;
}
#sgLoader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.sg-content{width:min(72vw,470px);display:flex;flex-direction:column;align-items:center}
.sg-logo{display:block;width:100%;height:auto;overflow:visible}
.sg-logo path{
  fill:none!important;
  fill-opacity:0!important;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
/*
  No glow, no blur, no moving light and no bright pen tip.
  The logo is simply drawn as a quiet engraved gold line.
*/
.sg-edge {
  stroke:var(--gold-deep);
  stroke-width:3.7;
  opacity:.38;
}
.sg-draw {
  stroke:url(#antiqueGold);
  stroke-width:2.2;
  opacity:1;
}
.sg-name {
  margin-top:19px;
  color:#d2b97c;
  font-family:Didot,"Bodoni MT","Baskerville","Times New Roman",serif;
  font-size:clamp(16px,2.7vw,23px);
  font-weight:400;
  letter-spacing:.30em;
  text-indent:.30em;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:0;
  transform:translateY(4px);
  animation:nameIn 1.2s cubic-bezier(.22,1,.36,1) .5s forwards;
}
@keyframes nameIn{to{opacity:1;transform:translateY(0)}}
.sg-rule {
  width:min(48%,220px);
  height:1px;
  margin-top:18px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(184,149,82,.32),
    rgba(226,201,133,.58),
    rgba(184,149,82,.32),
    transparent
  );
  transform:scaleX(0);
  animation:ruleIn 1.2s ease 1s forwards;
}
@keyframes ruleIn{to{transform:scaleX(1)}}
.sg-loading {
  margin-top:12px;
  color:rgba(190,165,108,.52);
  font-family:Didot,"Baskerville","Times New Roman",serif;
  font-size:8px;
  letter-spacing:.55em;
  text-indent:.55em;
  text-transform:uppercase;
  opacity:0;
  animation:fadeIn 1s ease 1.2s forwards;
}
@keyframes fadeIn{to{opacity:1}}
@media(max-width:600px){
  .sg-content{width:min(84vw,410px)}
  .sg-name{font-size:15px;letter-spacing:.22em;text-indent:.22em}
}