/* v0.5.6.1 — exact reference-based founder briefing runtime */
.briefing-v0561-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: grid !important;
  place-items: center !important;
  padding:
    max(4px, env(safe-area-inset-top))
    max(4px, env(safe-area-inset-right))
    max(4px, env(safe-area-inset-bottom))
    max(4px, env(safe-area-inset-left)) !important;
  overflow: hidden !important;
  background: #06090d !important;
  backdrop-filter: none !important;
}

.briefing-v0561-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
}

.briefing-v0561-shell {
  --gold: #d8ad67;
  --gold-soft: #f1d6a0;
  --panel-left: 60.7%;
  position: relative;
  width: min(calc(100vw - 8px), calc((100dvh - 8px) * 16 / 9));
  max-width: 1536px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(216, 173, 103, .4);
  border-radius: clamp(8px, 1.2vw, 18px);
  background: #111820 url('/briefing/founder-briefing-template.webp') center / 100% 100% no-repeat;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .7);
  isolation: isolate;
  font-family: Georgia, 'Times New Roman', serif;
}

.briefing-v0561-title-mask {
  position: absolute;
  z-index: 2;
  left: 18.2%;
  top: 1.4%;
  width: 31.5%;
  height: 24.5%;
  border-radius: 48%;
  background:
    radial-gradient(ellipse at center, rgba(31, 23, 18, .96) 0%, rgba(31, 23, 18, .9) 47%, rgba(31, 23, 18, .58) 68%, transparent 86%);
  filter: blur(.2px);
  pointer-events: none;
}

.briefing-v0561-title {
  position: absolute;
  z-index: 3;
  left: 18.3%;
  top: 3.1%;
  width: 31.3%;
  display: grid;
  justify-items: center;
  text-align: center;
  color: var(--gold-soft);
  text-shadow: 0 2px 1px #29190b, 0 5px 18px rgba(0,0,0,.86);
}

.briefing-v0561-title small {
  display: block;
  font-size: clamp(7px, 1.12vw, 17px);
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.briefing-v0561-title h1 {
  margin: .08em 0 0;
  font-size: clamp(30px, 5.7vw, 88px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: .12em;
  color: #ead1a1;
}

.briefing-v0561-title h2 {
  margin: .2em 0 0;
  font-size: clamp(10px, 1.55vw, 24px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #e1c38d;
}

.briefing-v0561-panel {
  position: absolute;
  z-index: 4;
  left: 62.1%;
  top: 14.9%;
  width: 33.5%;
  height: 71.6%;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: clamp(4px, .52vw, 9px);
  padding: clamp(9px, 1.18vw, 18px) clamp(12px, 1.55vw, 24px) clamp(8px, 1vw, 16px);
  overflow: hidden;
  color: #eee4d2;
  background:
    radial-gradient(circle at 50% 0%, rgba(165, 121, 52, .12), transparent 31%),
    linear-gradient(180deg, rgba(15, 17, 18, .995), rgba(8, 10, 11, .997));
  box-shadow: inset 0 0 34px rgba(0, 0, 0, .48);
}

.briefing-v0561-panel h3 {
  margin: 0;
  color: #e6bf78;
  font-size: clamp(13px, 1.62vw, 25px);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: .035em;
  text-align: center;
  text-transform: uppercase;
}

.briefing-v0561-rule {
  height: 1px;
  margin: 0 2%;
  background: linear-gradient(90deg, transparent, rgba(211, 166, 82, .78) 18%, rgba(211, 166, 82, .78) 82%, transparent);
}

.briefing-v0561-identities {
  display: grid;
  gap: clamp(3px, .42vw, 7px);
}

.briefing-v0561-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: clamp(24px, 2.65vw, 41px) auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(5px, .58vw, 9px);
  padding: clamp(3px, .32vw, 6px) 0 clamp(5px, .48vw, 8px);
  border-bottom: 1px solid rgba(209, 164, 79, .3);
}

.briefing-v0561-icon {
  display: grid;
  place-items: center;
  width: clamp(24px, 2.65vw, 41px);
  height: clamp(24px, 2.65vw, 41px);
  border: 1px solid rgba(217, 171, 84, .62);
  border-radius: 50%;
  color: #d8a74f;
  background: rgba(211, 164, 76, .07);
  font-family: ui-serif, Georgia, serif;
  font-size: clamp(12px, 1.32vw, 21px);
}

.briefing-v0561-label {
  color: #d9ab5b;
  font-size: clamp(9px, 1.02vw, 16px);
  font-weight: 700;
  white-space: nowrap;
}

.briefing-v0561-value {
  min-width: 0;
  color: #f4eee4;
  font-size: clamp(9.5px, 1.08vw, 17px);
  font-weight: 500;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.briefing-v0561-copy {
  min-height: 0;
  overflow: hidden;
  padding-top: clamp(2px, .25vw, 4px);
}

.briefing-v0561-copy p {
  margin: 0 0 clamp(5px, .58vw, 9px);
  color: #e7dfd1;
  font-size: clamp(8px, .9vw, 14px);
  line-height: 1.34;
}
.briefing-v0561-copy p:last-child { margin-bottom: 0; }

.briefing-v0561-start {
  justify-self: center;
  width: min(76%, 310px);
  min-height: clamp(32px, 4.1vw, 58px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: .35em 1em;
  border: 2px solid #c1934c;
  border-radius: 3px;
  color: #2b1c0e;
  background: linear-gradient(180deg, #e0c27e, #b5813a 58%, #8d5d27);
  box-shadow: 0 7px 16px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.38), inset 0 -2px rgba(74,42,13,.36);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(12px, 1.55vw, 24px);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
.briefing-v0561-start:active { transform: translateY(1px); }

@media (max-height: 520px) and (orientation: landscape) {
  .briefing-v0561-panel {
    top: 14.2%;
    height: 72.3%;
    gap: 3px;
    padding: 7px 11px 7px;
  }
  .briefing-v0561-panel h3 { font-size: clamp(12px, 1.48vw, 20px); }
  .briefing-v0561-identity { padding-block: 2px 4px; }
  .briefing-v0561-copy p { margin-bottom: 4px; font-size: clamp(7.2px, .82vw, 11.5px); line-height: 1.24; }
  .briefing-v0561-start { min-height: 28px; font-size: clamp(10px, 1.3vw, 17px); }
}

@media (max-width: 760px) and (orientation: landscape) {
  .briefing-v0561-panel {
    left: 61.2%;
    width: 34.7%;
    padding-inline: 9px;
  }
  .briefing-v0561-title { left: 16.5%; width: 34%; }
  .briefing-v0561-title-mask { left: 16.3%; width: 34.5%; }
}