

.nav--legal{ position:static; background:transparent; backdrop-filter:none; padding:1.6rem var(--gut); }
.nav--legal .nav__back{
  font-size:11.5px; letter-spacing:.24em;
  border-top:1px solid var(--line);
  padding-top:.65rem;
  transition:color .3s ease, gap .3s ease;
}
.nav--legal .nav__back:hover{ color:var(--accent) }

.legal{
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(2.5rem,5vw,4rem) var(--gut) clamp(4rem,8vw,7rem);
}
.legal__head{ margin-bottom: clamp(2.5rem,5vw,4rem); }
.legal__head .section-tag{ display:block; margin-bottom: 1rem }

.legal__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 6vw, 5rem);
}
.legal__col{ display:flex; flex-direction:column; gap: 2rem }
.legal__lang{
  font-family:var(--mono); font-weight:500;
  font-size:11px; letter-spacing:.32em;
  color:var(--accent);
  margin:0 0 .5rem;
  padding-bottom: 1rem;
  border-bottom:1px solid var(--line);
}
.legal__block{ }
.legal__label{
  font-size:10px; letter-spacing:.28em;
  color:var(--muted);
  margin:0 0 .5rem;
}
.legal__block p{
  margin:0;
  font-size: 13px;
  letter-spacing: .04em;
  line-height: 1.7;
  color:var(--ink-soft);
  text-transform:none;
}
.legal__block strong{ font-weight:500; letter-spacing:.05em; text-transform:uppercase }
.legal__block a{
  color:var(--ink-soft);
  border-bottom:1px solid var(--line);
  padding-bottom:1px;
  transition:color .3s, border-color .3s;
}
.legal__block a:hover{ color:var(--accent); border-color:var(--accent) }
.legal__small{
  font-size:11.5px !important; line-height:1.7; color:var(--muted) !important;
}
.legal__binding{
  margin-top: 1rem;
  font-size: 10.5px; letter-spacing:.22em;
  color: var(--muted);
  text-transform:uppercase;
  font-style: normal;
}

@media (max-width: 780px){
  .legal__grid{ grid-template-columns: 1fr }
}

.four{
  position:relative;
  min-height: 75vh;
  padding: clamp(3rem, 6vw, 5rem) var(--gut);
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center;
  isolation:isolate;
  overflow:hidden;
}
.four__bg{ position:absolute; inset:0; z-index:-1; pointer-events:none }
.four__bg .blob--1{
  left:-10%; top:5%; width:55vw; height:55vw;
  filter:blur(85px); opacity:.55;
}
.four__bg .blob--2{
  right:-8%; top:30%; width:42vw; height:42vw;
  filter:blur(85px); opacity:.45;
}
.four__bg .blob--3{
  left:30%; bottom:-20%; width:55vw; height:55vw;
  filter:blur(110px); opacity:.45;
}

.four__tag{ display:block; margin-bottom: 1.5rem }

.four__big{
  position:relative;
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(7rem, 22vw, 18rem);
  font-variation-settings: "opsz" 96;
  line-height:.9;
  letter-spacing:-.025em;
  margin: 0 0 1.5rem;
  text-transform:none;
  color: var(--accent);
  user-select:none;
  display:inline-block;
}
.four__big-blur,
.four__big-sharp{
  display:block;
}
.four__big-blur{
  filter: blur(18px);
  opacity: .65;
  transform: scale(1.05);
}
.four__big-sharp{
  position:absolute; inset:0;
  filter: blur(2px);
  opacity: .95;
}
.four__sub{
  margin: 0 0 2.2rem;
  font-size: 14px; letter-spacing:.02em;
  color: var(--ink-soft);
  text-transform:none;
  line-height:1.7;
  max-width: 48ch;
}
.four__cta{ width:auto; min-width: 13ch }

.foot--legal{ margin-top: 0 }
