/* =============================================================
   AKU WORLD · about.css  (2026-09-28)
   aku.world/about: a short creator page. Loads after pyra-page.css.
   ============================================================= */
.ab-hero{ padding:calc(var(--nav-h) + clamp(28px,6vh,72px)) 0 clamp(56px,9vh,100px); margin-top:calc(-1 * var(--nav-h));
  background:radial-gradient(60% 70% at 85% 10%, rgba(63,180,255,.16), transparent 70%),
             radial-gradient(50% 60% at 5% 95%, rgba(255,106,43,.16), transparent 70%), #07060C; }
.ab-hero__grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(28px,5vw,80px); align-items:center; }
.ab-hero__photo{ margin:0; position:relative; }
.ab-hero__photo img{ display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:58% 30%; border-radius:2px;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.9); }
.ab-hero__photo::before{ content:""; position:absolute; inset:-10px; pointer-events:none; z-index:1;
  background:linear-gradient(#3FB4FF,#3FB4FF) top left/22px 2px, linear-gradient(#3FB4FF,#3FB4FF) top left/2px 22px,
    linear-gradient(#FF6A2B,#FF6A2B) bottom right/22px 2px, linear-gradient(#FF6A2B,#FF6A2B) bottom right/2px 22px; background-repeat:no-repeat; }
.ab-hero__title{ margin:14px 0 0; font-family:var(--display); font-weight:900; text-transform:uppercase;
  font-size:clamp(2.4rem,5.4vw,4.6rem); line-height:.92; letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff 35%,#DDEBFF 65%,#98C8FF); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ab-hero__roles{ margin:14px 0 0; font-family:var(--display); font-weight:800; text-transform:uppercase; font-size:clamp(.95rem,1.4vw,1.2rem);
  letter-spacing:.06em; color:#DDF046; }
.ab-hero__bio{ max-width:46ch; }
.ab-quote{ margin:24px 0 0; padding:0 0 0 16px; border-left:2px solid #FF6A2B; }
.ab-quote p{ margin:0; font-weight:600; font-size:clamp(1.02rem,1.4vw,1.2rem); line-height:1.45; color:#fff; }

.ab-proof{ background:#050711; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.ab-proof__list{ list-style:none; margin-block:0; padding-block:clamp(26px,4vh,40px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.ab-proof__list li{ display:flex; flex-direction:column; gap:6px; }
.ab-proof__list b{ font-family:var(--display); font-weight:900; font-size:clamp(1.6rem,2.8vw,2.4rem); line-height:1; color:#fff; }
.ab-proof__list span{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.66); }

.ab-moments{ padding:clamp(70px,11vh,130px) 0; background:#07060C; }
.ab-moments__title{ margin-bottom:clamp(26px,4vh,40px); }
.ab-moments__grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(8px,.9vw,14px); }
.ab-moments__grid li{ margin:0; }
.ab-moments__grid img{ display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:2px; }
.ab-moments__grid li:nth-child(1) img{ object-position:40% 50%; }
.ab-moments__grid li:nth-child(3) img{ object-position:60% 40%; }
.ab-moments__grid span{ display:block; margin-top:10px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.72); }

@media (max-width:760px){
  .ab-hero__grid{ grid-template-columns:1fr; gap:24px; }
  .ab-hero__photo img{ aspect-ratio:1/1; }
  .ab-proof__list{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; }
  /* moments: a swipe row on phones */
  .ab-moments__grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; margin-inline:calc(var(--gut) * -1);
    padding:0 var(--gut) 4px; scroll-padding-inline:var(--gut); scrollbar-width:none; }
  .ab-moments__grid::-webkit-scrollbar{ display:none; }
  .ab-moments__grid li{ flex:0 0 76%; scroll-snap-align:start; }
}
@media (max-width:480px){ .ab-hero .btn{ width:100%; justify-content:center; } }