@import url('/assets/premium-home-v8.css?v=20260709-premium-v8');
@import url('/assets/premium-site-v8.css?v=20260709-premium-v8');
@import url('/assets/premium-product-v8.css?v=20260709-premium-v8');

/* SELF ENTOURAGE — POSTER SYSTEM
   Campaign-grade visual language inspired by the official Instagram creative. */

.poster-hero { position: relative; overflow: hidden; }
.poster-hero::before {
  content: "";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);
}
.poster-hero .page-hero-grid { position:relative; z-index:1; align-items:center; }
.poster-hero h1 {
  max-width:11ch;
  font-family:Impact,"Arial Black",var(--font-body,Inter,sans-serif);
  font-size:clamp(3.15rem,8vw,7.1rem);
  line-height:.88;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.poster-hero h1 .poster-white { color:#fff; }
.poster-hero h1 .poster-red { color:#C14940; }
.poster-hero h1 .poster-gold { color:#EDCB7B; }
.poster-hero .lede { max-width:43rem; }
.poster-tagline {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem 1.1rem;
  margin:1.2rem 0 0;
  color:#B9C9CE;
  font:700 .74rem/1 var(--font-mono,"JetBrains Mono",monospace);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.poster-tagline span::before { content:"•"; color:#C14940; margin-right:.65rem; }
.poster-tagline span:first-child::before { display:none; }
.poster-hero .hero-aside {
  min-height:29rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    radial-gradient(circle at 50% 38%,rgba(237,203,123,.15),transparent 26%),
    linear-gradient(155deg,rgba(16,43,52,.96),rgba(3,12,15,.98)) !important;
}
.poster-hero .hero-mark { width:min(72%,19rem); align-self:center; margin:auto auto 1rem; }
.poster-crown-note {
  border-left:3px solid #EDCB7B;
  padding:.75rem 0 .75rem 1rem;
  color:#E8EFF1;
  font-weight:700;
}

.movement-banner {
  position:relative;
  overflow:hidden;
  padding:1rem 0;
  background:#050708;
  border-block:1px solid rgba(237,203,123,.23);
}
.movement-track {
  display:flex;
  width:max-content;
  gap:2rem;
  color:#fff;
  font:900 clamp(.95rem,2vw,1.25rem)/1 var(--font-mono,"JetBrains Mono",monospace);
  letter-spacing:.19em;
  text-transform:uppercase;
  animation:movement-scroll 30s linear infinite;
}
.movement-track span:nth-child(3n+2) { color:#EDCB7B; }
.movement-track span:nth-child(3n+3) { color:#C14940; }
@keyframes movement-scroll { to { transform:translateX(-50%); } }

.poster-pillars { background:#050708; color:#fff; }
.poster-pillars .section-heading h2 { max-width:14ch; font-family:Impact,"Arial Black",var(--font-body,sans-serif); text-transform:uppercase; letter-spacing:-.025em; font-size:clamp(2.35rem,5vw,4.8rem); line-height:.94; }
.poster-pillar-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.poster-pillar {
  position:relative;
  min-height:17rem;
  padding:1.35rem;
  border:1px solid rgba(255,255,255,.11);
  border-top:4px solid #2D4D59;
  background:linear-gradient(145deg,#102B34,#07171C);
}
.poster-pillar:nth-child(2) { border-top-color:#C14940; }
.poster-pillar:nth-child(3) { border-top-color:#EDCB7B; }
.poster-pillar:nth-child(4) { border-top-color:#2D4D59; }
.poster-pillar-index { color:#EDCB7B; font:800 .72rem/1 var(--font-mono,"JetBrains Mono",monospace); letter-spacing:.12em; }
.poster-pillar h3 { margin-top:3.25rem; font-family:Impact,"Arial Black",var(--font-body,sans-serif); font-size:1.8rem; text-transform:uppercase; letter-spacing:.02em; }
.poster-pillar p { color:#AFC0C5; }
.poster-pillar-mark {
  position:absolute;
  right:1rem;
  top:1rem;
  width:2.7rem;
  height:2.7rem;
  border:1px solid rgba(237,203,123,.45);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#EDCB7B;
  font-weight:900;
}

.one-percent-panel {
  display:grid;
  grid-template-columns:.8fr 1.4fr;
  gap:2rem;
  align-items:center;
  padding:clamp(1.5rem,4vw,3rem);
  border:1px solid rgba(237,203,123,.28);
  background:
    linear-gradient(110deg,rgba(193,73,64,.12),transparent 36%),
    #0A2027;
}
.one-percent-number {
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(5rem,13vw,10rem);
  line-height:.75;
  color:#EDCB7B;
  letter-spacing:-.08em;
}
.one-percent-copy h2 { font-family:Impact,"Arial Black",var(--font-body,sans-serif); text-transform:uppercase; font-size:clamp(2rem,5vw,4.2rem); line-height:.92; }
.one-percent-copy p { color:#BDD0D5; max-width:43rem; }

.crown-callout {
  display:grid;
  grid-template-columns:1fr auto;
  gap:2rem;
  align-items:center;
  padding:clamp(1.5rem,4vw,3rem);
  border-radius:24px;
  border:1px solid rgba(237,203,123,.34);
  background:
    radial-gradient(circle at 88% 30%,rgba(237,203,123,.18),transparent 25%),
    linear-gradient(145deg,#102B34,#050E12);
}
.crown-callout h2 { max-width:13ch; font-family:Impact,"Arial Black",var(--font-body,sans-serif); text-transform:uppercase; font-size:clamp(2.2rem,5vw,4.5rem); line-height:.92; }
.crown-callout p { max-width:40rem; color:#B8C9CE; }
.crown-callout-button {
  width:9rem;
  height:9rem;
  border:1px solid #EDCB7B;
  border-radius:50%;
  background:#C14940;
  color:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  font:900 .9rem/1.15 var(--font-body,Inter,sans-serif);
  cursor:pointer;
  box-shadow:0 18px 40px rgba(193,73,64,.28);
}
.crown-callout-button svg { width:3.2rem; display:block; margin:0 auto .35rem; fill:#EDCB7B; }
.crown-callout-button:hover { transform:rotate(-4deg) scale(1.03); }

@media(max-width:900px){
  .poster-pillar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .one-percent-panel,.crown-callout { grid-template-columns:1fr; }
  .crown-callout-button { width:7rem; height:7rem; justify-self:start; }
}
@media(max-width:580px){
  .poster-pillar-grid { grid-template-columns:1fr; }
  .poster-hero h1 { font-size:clamp(3rem,17vw,5rem); }
  .movement-track { animation-duration:22s; }
}
@media(prefers-reduced-motion:reduce){ .movement-track { animation:none; } }