/* Small-screen About buttons follow Section 02 discipline card breakpoints. */
@media (max-width:900px) and (min-width:561px) {
  #about.va-about .va-about-controls {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:560px) {
  #about.va-about .va-about-controls {grid-template-columns:minmax(0,1fr)!important;}
  #about.va-about .va-about-tab {min-height:70px; padding:13px 18px;}
  #about.va-about .va-about-tab span {margin-top:6px;}
}
/* Make the existing alias react to hover/focus without changing its typography. */
#about.va-about .va-about-alias-brand {cursor:default;}


/* About 05 — discipline-style buttons and inline expansion. */
#about.va-about .va-about-tab {
  min-height:94px;
  padding:16px 18px;
  background:#110c12;
  border:1px solid #402038;
  border-radius:0;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  filter:none;
  box-shadow:none;
  transform:translateY(0);
  transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
#about.va-about .va-about-tab::before {
  content:"";
  position:absolute;
  left:10px;top:0;right:auto;
  width:28px;height:1px;
  background:var(--pink,#ff1493);
  transition:width .22s ease;
}
#about.va-about .va-about-tab::after {
  content:"";
  position:absolute;
  top:10px;left:0;right:auto;bottom:auto;
  width:1px;height:28px;
  background:var(--pink,#ff1493);
  transition:height .22s ease;
}
#about.va-about .va-about-tab small {
  font:700 9px Inter,Arial,sans-serif;
  color:var(--pink,#ff1493);
}
#about.va-about .va-about-tab span {
  margin-top:14px;
  font:700 clamp(17px,1.5vw,24px)/1.08 'Barlow Condensed',Arial,sans-serif;
  letter-spacing:.03em;
}
#about.va-about .va-about-tab i {
  display:block;
  margin-top:auto;
  padding-top:9px;
  font:600 8px Inter,Arial,sans-serif;
  font-style:normal;
  letter-spacing:.15em;
  color:#756b75;
}
#about.va-about .va-about-tab:hover,
#about.va-about .va-about-tab:focus-visible {
  background:#1a0b16;
  border-color:var(--pink,#ff1493);
  transform:translateY(-4px);
  box-shadow:0 10px 30px rgba(255,20,147,.12);
  filter:none;
}
#about.va-about .va-about-tab.is-active {
  background:linear-gradient(135deg,#260f20,#110c12 70%);
  border-color:var(--pink,#ff1493);
  transform:translateY(0);
  box-shadow:inset 0 0 0 1px rgba(255,20,147,.15);
  filter:none;
}
#about.va-about .va-about-tab.is-active i {color:#ff77bf}
#about.va-about .va-about-detail {
  background:#080709;
  border:1px solid rgba(255,20,147,.6);
  box-shadow:0 24px 65px rgba(0,0,0,.58),0 0 0 1px rgba(255,20,147,.1);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
#about.va-about .va-about-detail[hidden] {display:none!important}
#about.va-about .va-about-close {
  display:grid;
  place-items:center;
  width:35px;height:35px;flex:0 0 35px;
  border:1px solid rgba(255,20,147,.55);
  background:rgba(255,20,147,.06);
  color:var(--pink,#ff1493);
  font:400 28px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
#about.va-about .va-about-close:hover,
#about.va-about .va-about-close:focus-visible {
  color:white;
  background:rgba(255,20,147,.22);
  border-color:var(--pink,#ff1493);
  outline:none;
}
@media(max-width:560px){
 #about.va-about .va-about-tab {min-height:83px;padding:13px 18px}
 #about.va-about .va-about-tab span {margin-top:8px}
 #about.va-about .va-about-tab i {padding-top:6px}
}
@media(prefers-reduced-motion:reduce){
 #about.va-about .va-about-tab {transition:none}
}