/* SNS Mate identity: IG / Threads / LINE / X, in reading order. */
.brand-mark i{
  border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 2px 5px rgba(7,20,38,.14);
}
.brand-mark i:nth-child(1){
  background:linear-gradient(135deg,#feda75 0%,#fa7e1e 26%,#d62976 52%,#962fbf 76%,#4f5bd5 100%);
}
.brand-mark i:nth-child(2){
  background:linear-gradient(145deg,#3b3b40 0%,#111216 54%,#020205 100%);
}
.brand-mark i:nth-child(3){
  background:linear-gradient(145deg,#35df79 0%,#06c755 58%,#04983f 100%);
}
.brand-mark i:nth-child(4){
  background:linear-gradient(145deg,#050609 0%,#16130e 62%,#4a3715 100%);
  box-shadow:inset 0 0 0 1px rgba(213,184,115,.66),0 2px 5px rgba(7,20,38,.14);
}

/* Same top-to-scrolled colour transition as the stock LP. */
.lp-scroll-header{
  background-color:rgba(11,18,32,.98);
  color:#fff;
  border-bottom-color:rgba(201,154,74,.46);
  box-shadow:none;
  transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease;
}
.lp-scroll-header .brand,
.lp-scroll-header nav a{color:inherit}
.lp-scroll-header.is-scrolled{
  background-color:rgba(244,240,232,.94);
  color:var(--ink);
  border-bottom-color:var(--line);
  box-shadow:0 1px 0 var(--line),0 12px 30px rgba(7,20,38,.08);
}

@media(prefers-reduced-motion:reduce){
  .lp-scroll-header{transition:none!important}
}