.sgtMasterPosterSection{
  padding-top: clamp(2.5rem, 5vw, 4.5rem);
  padding-bottom: clamp(3rem, 6vw, 5.5rem);
  background:
    radial-gradient(circle at 18% 24%, rgba(173,116,55,0.18), transparent 34%),
    radial-gradient(circle at 88% 68%, rgba(133,57,23,0.16), transparent 30%),
    linear-gradient(180deg, rgba(8,10,16,0.95) 0%, rgba(9,9,14,1) 100%);
}

.sgtMasterPosterGrid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,0.98fr);
  gap:clamp(1.75rem,3vw,3.5rem);
  align-items:center;
}

.sgtMasterPosterFigure{
  margin:0;
  position:relative;
}

.sgtMasterPosterFigure::before{
  content:"";
  position:absolute;
  inset:-14px;
  border:1px solid rgba(205,164,106,0.18);
  border-radius:22px;
  pointer-events:none;
}

.sgtMasterPosterFigure img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  border:1px solid rgba(214,176,121,0.28);
  box-shadow:0 28px 60px rgba(0,0,0,0.38), 0 0 0 1px rgba(255,255,255,0.02) inset;
}

.sgtMasterPosterCopy{
  align-self:center;
  display:flex;
  flex-direction:column;
  gap:0.92rem;
  padding:clamp(1.35rem,2.2vw,2rem);
  border-radius:26px;
  border:1px solid rgba(205,164,106,0.18);
  background:linear-gradient(180deg, rgba(16,16,23,0.78) 0%, rgba(12,13,19,0.92) 100%);
  box-shadow:0 20px 48px rgba(0,0,0,0.26);
}

.sgtMasterPosterTitle{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  font-size:clamp(2.15rem, 3.8vw, 4rem);
  line-height:0.96;
  letter-spacing:-0.03em;
  color:#f6e8d0;
  max-width:11ch;
}

.sgtMasterPosterLead,
.sgtMasterPosterSupport,
.sgtMasterPosterBridge p{
  margin:0;
  color:rgba(245,236,221,0.86);
  font-size:clamp(0.98rem, 1.15vw, 1.12rem);
  line-height:1.64;
}

.sgtMasterPosterLead{
  color:rgba(247,238,222,0.93);
}

.sgtMasterPosterLead em,
.sgtMasterPosterSupport em,
.sgtMasterPosterBridge p em{
  color:#f7ead5;
}

.sgtMasterPosterSupport{
  color:rgba(236,224,206,0.78);
}

.sgtMasterPosterBridge{
  margin-top:0.45rem;
  padding-top:1rem;
  border-top:1px solid rgba(205,164,106,0.16);
}

.sgtMasterPosterBridgeLabel{
  display:block;
  margin-bottom:0.5rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size:clamp(1.1rem,1.65vw,1.4rem);
  font-style:italic;
  color:#f1dfbf;
}

.sgtMasterPosterRail{
  list-style:none;
  margin:0.35rem 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:0.58rem;
}

.sgtMasterPosterRail li{
  padding:0.62rem 0.82rem;
  border-radius:999px;
  border:1px solid rgba(214,176,121,0.22);
  background:rgba(255,255,255,0.02);
  color:#dfcba9;
  text-transform:uppercase;
  letter-spacing:0.11em;
  font-size:0.68rem;
  line-height:1;
  white-space:nowrap;
}

@media (max-width: 1080px){
  .sgtMasterPosterGrid{
    grid-template-columns:minmax(0,1fr);
  }

  .sgtMasterPosterCopy{
    max-width:unset;
  }

  .sgtMasterPosterTitle{
    max-width:unset;
  }
}

@media (max-width: 720px){
  .sgtMasterPosterSection{
    padding-top:2.1rem;
    padding-bottom:2.7rem;
  }

  .sgtMasterPosterGrid{
    gap:1.35rem;
  }

  .sgtMasterPosterFigure::before{
    inset:-8px;
    border-radius:18px;
  }

  .sgtMasterPosterFigure img{
    border-radius:14px;
  }

  .sgtMasterPosterCopy{
    padding:1.1rem 1rem 1.15rem;
    border-radius:18px;
    gap:0.78rem;
  }

  .sgtMasterPosterTitle{
    font-size:clamp(2rem, 10vw, 2.75rem);
    line-height:0.98;
  }

  .sgtMasterPosterLead,
  .sgtMasterPosterSupport,
  .sgtMasterPosterBridge p{
    font-size:0.98rem;
    line-height:1.6;
  }

  .sgtMasterPosterRail{
    gap:0.45rem;
  }

  .sgtMasterPosterRail li{
    font-size:0.64rem;
    letter-spacing:0.09em;
    padding:0.52rem 0.68rem;
  }
}

@media (max-width: 420px){
  .sgtMasterPosterRail li{
    width:calc(50% - 0.25rem);
    text-align:center;
  }
}


/* Dreamers larger project — quiet seven-state route strip, May 2026 */
.sgtStateRoute{
  position:relative;
  z-index:1;
  margin:1.08rem 0 1.18rem;
  padding:.88rem 0 .1rem;
  border-top:1px solid rgba(222,178,105,.22);
  display:flex;
  flex-wrap:wrap;
  gap:.52rem;
}

.sgtStateRoute::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:34%;
  height:1px;
  background:linear-gradient(90deg, rgba(224,181,102,.82), transparent);
}

.sgtStateNode{
  appearance:none;
  -webkit-appearance:none;
  flex:1 1 132px;
  min-width:0;
  margin:0;
  padding:.54rem .68rem .52rem;
  border:1px solid rgba(222,178,105,.28);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  color:rgba(246,239,229,.82);
  font:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:border-color .22s ease, background .22s ease, transform .22s ease, color .22s ease;
}

.sgtStateNode:hover,
.sgtStateNode:focus{
  color:#fff4e2;
  border-color:rgba(222,178,105,.66);
  background:linear-gradient(180deg, rgba(224,181,102,.13), rgba(255,255,255,.025));
  transform:translateY(-1px);
  outline:none;
}

.sgtStateNode:focus-visible{
  outline:1px solid rgba(222,178,105,.72);
  outline-offset:3px;
}

.sgtState{
  display:block;
  color:#dfb96f;
  font-size:.63rem;
  font-weight:850;
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
}

.sgtTale{
  display:block;
  max-height:0;
  margin-top:0;
  overflow:hidden;
  opacity:0;
  color:rgba(246,239,229,.92);
  font-family:Georgia, "Times New Roman", serif;
  font-size:.88rem;
  line-height:1.18;
  font-style:italic;
  letter-spacing:-.01em;
  transition:max-height .24s ease, opacity .2s ease, margin-top .2s ease;
}

.sgtStateNode:hover .sgtTale,
.sgtStateNode:focus .sgtTale,
.sgtStateNode:focus-visible .sgtTale{
  max-height:3.4rem;
  margin-top:.18rem;
  opacity:1;
}

@media (hover: none){
  .sgtTale{
    max-height:3.4rem;
    margin-top:.18rem;
    opacity:1;
  }
}

@media (max-width: 620px){
  .sgtStateRoute{
    gap:.42rem;
    margin:.96rem 0 1.05rem;
    padding-top:.78rem;
  }

  .sgtStateNode{
    flex:1 1 calc(50% - .42rem);
    border-radius:14px;
    padding:.48rem .52rem;
  }

  .sgtState{
    font-size:.56rem;
    letter-spacing:.125em;
  }

  .sgtTale{
    font-size:.78rem;
    line-height:1.16;
  }
}

@media (max-width: 380px){
  .sgtStateNode{
    flex-basis:100%;
  }
}