/* Flow's copper signature: one quiet focal point behind the existing identity. */
#por-que {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #100d14;
  padding-block: clamp(88px, 8vw, 140px);
}
.why-atmosphere { position:absolute; inset:0; z-index:0; pointer-events:none; }
.why-atmosphere img,.why-atmosphere video {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; object-position:left center; opacity:.76;
}
.why-atmosphere video { opacity:0; transition:opacity .8s ease; }
#por-que[data-ambient-ready="true"] .why-atmosphere video { opacity:.76; }
#por-que[data-ambient-failed="true"] .why-atmosphere video { display:none; }
.why-atmosphere::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,#100d14 0%,transparent 18%,transparent 76%,#100d14 100%),
    linear-gradient(90deg,transparent 0%,#100d1420 28%,#100d14a6 49%,#100d14ed 70%);
}
#por-que .why-inner { position:relative; z-index:1; gap:clamp(36px,5vw,88px); }
#por-que .why-phoenix { padding-block:48px; }
#por-que .why-phoenix img {
  width:clamp(160px,15vw,228px); max-width:65%; height:auto;
  animation-play-state:paused;
}
#por-que[data-ambient-playing="true"] .why-phoenix img { animation-play-state:running; }
#por-que .why-phoenix p {
  color:#eadbcb; max-width:320px;
  font-size:clamp(1rem,1.15vw,1.2rem); text-wrap:balance;
  text-shadow:0 2px 14px #100d14;
}
#por-que .section-title { font-size:clamp(1.9rem,3.1vw,3rem); text-wrap:balance; }
#por-que .why-list { gap:14px; }
#por-que .why-item {
  position:relative; padding:clamp(17px,1.8vw,25px);
  background:#100d14e8; outline-color:#dfaa782b;
  box-shadow:0 8px 28px #00000012;
}
#por-que .why-item::before {
  content:""; position:absolute; left:0; top:22%; bottom:22%; width:2px;
  background:linear-gradient(#dfc078,#e8907a); opacity:0;
  transition:opacity .25s;
}
#por-que .why-item:hover::before { opacity:1; }
#por-que .why-num { opacity:.9; font-size:clamp(1.75rem,2.2vw,2.2rem); }
#por-que .why-item p { color:#cfc5d2; }
#por-que .section-ambient-toggle { color:#f0d5ad; border-color:#dfaa7880; }
@media(min-width:2560px) {
  #por-que .why-phoenix img { width:280px; }
}
@media(max-width:900px) {
  #por-que .why-inner { gap:32px; }
  .why-atmosphere { height:min(65vw,470px); top:35px; }
  .why-atmosphere img,.why-atmosphere video { object-position:center top; }
  .why-atmosphere::after { background:linear-gradient(180deg,#100d141a,transparent 25%,#100d14 100%); }
  #por-que .why-phoenix { padding:0 0 12px; }
  #por-que .why-phoenix img { width:160px; }
  #por-que .why-phoenix p { max-width:300px; }
}
@media(prefers-reduced-motion:reduce) {
  #por-que *,#por-que *::before,#por-que *::after { animation:none!important; transition:none!important; }
  #por-que .why-item { opacity:1!important; transform:none!important; }
  #por-que .why-atmosphere video { display:none; }
}