/* ==========================================================================
   VELMO - inner pages: about, legal documents, subprocessors, 404.
   Same grammar as the home page: display headline, badge, hairlines.
   ========================================================================== */

.page{padding:clamp(128px,15vh,168px) 0 var(--sec-y);}
.page--flush{padding-bottom:0;}   /* about: the join line owns the space above the footer */

/* ---------------------------------------------------------------- ABOUT */
.about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:center;}
.about__copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;}
.thisguy{display:inline-flex;align-items:center;gap:14px;font-size:var(--t-sub);font-weight:500;letter-spacing:-.025em;color:var(--ink-2);}
.thisguy svg{width:clamp(90px,12vw,160px);height:12px;color:var(--ink);}
.about__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
.pill-link{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-3);
  font-size:14.5px;font-weight:500;color:var(--ink);background:#fff;transition:border-color .15s,background-color .15s;}
.pill-link:hover{border-color:var(--ink);}
.pill-link svg{width:16px;height:16px;}
.pill-link--ink{background:var(--ink);color:#fff;border-color:var(--ink);}
.pill-link--ink:hover{background:#000;}

.about__photo{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(360px,80vw);}
.flip{width:100%;aspect-ratio:3/4;perspective:1400px;}
.flip-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s var(--ease);}
.flip.flipped .flip-in{transform:rotateY(180deg);}
.flip-face{position:absolute;inset:0;border-radius:22px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  background:var(--soft-2);box-shadow:0 30px 60px -30px rgba(40,20,90,.35);}
.flip-face img{width:100%;height:100%;object-fit:cover;}
.flip-face.back{transform:rotateY(180deg);}
.flip-cap{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;}
.flip-name{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-card);font-weight:500;letter-spacing:-.03em;color:var(--ink);
  border-bottom:1px dashed var(--line-3);padding-bottom:2px;transition:color .15s,border-color .15s;}
.flip-name:hover{color:var(--v-700);border-color:var(--v-600);}
.flip-name svg{width:16px;height:16px;color:var(--v-600);transition:transform .5s var(--ease);}
.flip.flipped + .flip-cap .flip-name svg{transform:rotate(180deg);}
.flip-role{font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--ink-3);}
.flip-hint{font-size:12.5px;color:var(--ink-4);}

.manifesto{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;}
.downarrow{width:18px;height:80px;color:var(--ink-3);}
.manifesto p{font-size:clamp(16px,1.2vw,18px);line-height:1.7;color:var(--ink-2);text-align:center;text-wrap:pretty;}
.sec--manifesto{padding-bottom:0;}
/* equal air above and below: the footer opens with the same clamp as its padding-top */
.join{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:calc(clamp(72px,9vw,112px) - 26px);}
.join-h{font-size:14px;color:var(--ink-3);}
.join-link{font-size:var(--t-card);font-weight:500;letter-spacing:-.03em;color:var(--v-700);border-bottom:1px solid rgba(124,79,240,.3);}
.join-link:hover{border-color:var(--v-700);}

@media (max-width:860px){
  .about{grid-template-columns:1fr;}
  .about__photo{order:-1;}
}

/* ---------------------------------------------------------------- LEGAL DOCS */
.doc__head{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:880px;margin-bottom:48px;}
.doc__head .d1{font-size:clamp(2.4rem,1.2rem + 3.4vw,4rem);}
.doc__upd{font-size:14px;color:var(--ink-3);}
.doc__ru{padding:10px 14px;border-radius:10px;background:var(--v-100);color:var(--v-700);font-size:14px;font-weight:500;}
.doc__body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;}
.doc__toc{position:sticky;top:104px;display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:1px solid var(--line);}
.doc__toc b{font-size:12.5px;font-weight:500;color:var(--ink-3);margin-bottom:8px;}
.doc__toc a{font-size:13.5px;line-height:1.35;color:var(--ink-2);padding:5px 0;transition:color .15s;}
.doc__toc a:hover{color:var(--v-700);}
.doc__text{max-width:720px;}
.doc__text h2{font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:44px 0 14px;scroll-margin-top:100px;}
.doc__text h2:first-of-type{margin-top:8px;}
.doc__text p,.doc__text li{font-size:16px;line-height:1.7;color:var(--ink-2);}
.doc__text p+p{margin-top:12px;}
.doc__text ul{display:flex;flex-direction:column;gap:8px;margin:12px 0;}
.doc__text li{position:relative;padding-left:20px;}
.doc__text li::before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--v-600);}
.doc__text strong{color:var(--ink);font-weight:600;}
.doc__text a{color:var(--v-700);border-bottom:1px solid rgba(124,79,240,.3);}
.doc__text a:hover{border-color:var(--v-700);}
.callout{padding:22px 24px;border-radius:14px;background:var(--soft);border:1px solid var(--line-2);margin-bottom:8px;}
.callout p{color:var(--ink);font-size:16px;}
.doc__btn{margin-top:18px;}
@media (max-width:860px){
  .doc__body{grid-template-columns:1fr;}
  .doc__toc{position:static;}
}

/* data tables (subprocessors, cookies) */
.tbl{width:100%;margin:18px 0 8px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14.5px;}
.tbl th{text-align:left;font-size:12.5px;font-weight:500;color:var(--ink-3);background:var(--soft);padding:12px 16px;border-bottom:1px solid var(--line);}
.tbl td{padding:16px;vertical-align:top;line-height:1.5;color:var(--ink-2);border-bottom:1px solid var(--line-2);}
.tbl tr:last-child td{border-bottom:0;}
.tbl td:first-child{color:var(--ink);font-weight:500;}
.tbl td small{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-3);font-weight:450;}
.tbl code{font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:3px 6px;border-radius:6px;background:var(--soft-2);color:var(--ink);}
.tbl .tag{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--v-100);color:var(--v-700);font-size:12px;font-weight:500;}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media (max-width:720px){
  .tbl--stack thead{display:none;}
  .tbl--stack,.tbl--stack tbody,.tbl--stack tr,.tbl--stack td{display:block;width:100%;}
  .tbl--stack tr{padding:6px 0;border-bottom:1px solid var(--line);}
  .tbl--stack tr:last-child{border-bottom:0;}
  .tbl--stack td{border:0;padding:6px 16px;}
  .tbl--stack td::before{content:attr(data-th);display:block;font-size:12px;color:var(--ink-3);margin-bottom:2px;}
}

/* ---------------------------------------------------------------- 404 */
.e404{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:120px var(--gut) 80px;}
.e404 .vm-face{width:112px;height:112px;}
.e404__code{font-size:clamp(5rem,3rem + 8vw,10rem);font-weight:500;line-height:.9;letter-spacing:-.06em;color:var(--ink);}
.e404 .lead{max-width:460px;}