/* Simple intro layout hard-lock (prevents any "growing" on resize) */
.t3sg-introduction,
.t3sg-intro-block{
  display:block !important;
  width:100% !important;
  max-width:1110px !important;
  margin:0 auto 24px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  transform:none !important;
}

.t3sg-introduction * ,
.t3sg-intro-block *{
  box-sizing:border-box !important;
  max-width:100% !important;
}

/* Titles */
.t3sg-intro__title{
  margin:0 0 6px !important;
  text-align:center !important;
  font-size:32px !important;
  line-height:1.2 !important;
}
.t3sg-intro__subtitle{
  margin:0 0 14px !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  opacity:.9 !important;
}

/* Text */
.t3sg-intro__text{
  width:100% !important;
  max-width:1110px !important;
  margin:0 auto !important;
  overflow-wrap:anywhere !important;
}

/* Profile frame stays centered */
.t3sg-intro__profile{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Mobile tweaks */
@media (max-width: 600px){
  .t3sg-intro__title{ font-size:26px !important; }
  .t3sg-intro__subtitle{ font-size:18px !important; }
}

/* YouTube embed: keep perfectly aligned & responsive */
.t3sg-embed{
  position:relative !important;
  width:100% !important;
  max-width:1110px !important;
  margin:16px auto !important;
  padding:0 !important;
  line-height:0 !important; /* prevents baseline/descender gaps */
  font-size:0 !important;   /* extra safety against inline gaps */
  overflow:hidden !important;
  transform:none !important;
  aspect-ratio:16/9 !important;
}
.t3sg-embed iframe{
  vertical-align: top !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
}