/* ======================================
   LEGAL BAR
====================================== */

.legal-bar{

  border-top:
  1px solid rgba(255,255,255,0.06);

  background:#050505;

  padding:
  24px 7%;

}

/* inner */

.legal-inner{

  max-width:1400px;

  margin:auto;

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:20px;

}

/* text */

.legal-inner p{

  font-size:0.9rem;

  color:
  rgba(255,255,255,0.35);

}

/* links */

.legal-links{

  display:flex;

  gap:26px;

}

.legal-links a{

  position:relative;

  text-decoration:none;

  font-size:0.92rem;

  color:
  rgba(255,255,255,0.55);

  transition:
  .3s ease;

}

/* hover */

.legal-links a:hover{

  color:#ff934d;

}

/* line animation */

.legal-links a::after{

  content:"";

  position:absolute;

  left:0;
  bottom:-5px;

  width:0%;
  height:1px;

  background:#ff934d;

  transition:.3s ease;

}

.legal-links a:hover::after{

  width:100%;

}

/* mobile */

@media(max-width:768px){

  .legal-inner{

    flex-direction:column;

    align-items:flex-start;

  }

}

/* Standalone portfolio information pages */
.legal-page {
  min-height: 100vh;
  padding: clamp(28px, 6vw, 80px) 20px;
  background:
    radial-gradient(circle at 85% 5%, rgba(255,123,48,.15), transparent 32%),
    #080808;
  color: #fff;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.legal-back {
  display: block;
  max-width: 980px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,.58);
  text-decoration: none;
}

.legal-back:hover { color: #ff9d57; }

.legal-card {
  max-width: 980px;
  margin: auto;
  padding: clamp(34px, 7vw, 78px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: clamp(24px, 4vw, 40px);
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018));
  box-shadow: 0 30px 100px rgba(0,0,0,.35);
}

.legal-eyebrow {
  margin: 0 0 22px;
  color: #ff9d57;
  font-size: 11px;
  letter-spacing: .24em;
}

.legal-card h1 {
  margin: 0 0 clamp(44px, 7vw, 72px);
  font-size: clamp(2.8rem, 7vw, 5.5rem);
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: .95;
}

.legal-copy {
  max-width: 700px;
}

.legal-copy h2 {
  margin: 34px 0 12px;
  font-size: 1rem;
  font-weight: 500;
}

.legal-copy p {
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 1rem;
  line-height: 1.85;
}