/* Yoru Ventures - about page styles - v1.3.1 */
/* ---------- about ---------- */
.a-meta{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:46px;padding-top:26px;position:relative;font-size:13px;letter-spacing:.06em;color:rgba(236,241,239,.6)}
.a-meta::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.a-meta b{display:block;margin-bottom:4px;font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}
.a-meta a:hover{color:var(--teal)}

.rows{list-style:none;margin:0;padding:0}
.rows li{position:relative;display:grid;grid-template-columns:clamp(46px,6vw,84px) 1fr;gap:6px 0;padding:clamp(24px,3.4vw,38px) 0;transition:padding .5s var(--ease)}
.rows li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.js .rows li::before{transform:scaleX(0);transition:transform 1.3s var(--ease)}
.js .rows li.in::before{transform:scaleX(1)}
.rows .n{font-size:12px;letter-spacing:.16em;color:rgba(236,241,239,.45);padding-top:.7em;transition:color .3s}
.rows h3{margin:0 0 10px;font-family:var(--font-display);font-weight:300;font-size:clamp(22px,2.6vw,34px);line-height:1.2;letter-spacing:-.012em;color:var(--ink);transition:transform .5s var(--ease)}
.rows p{grid-column:2;margin:0;max-width:600px;font-size:clamp(15px,1.25vw,17px);line-height:1.7;color:var(--muted)}
@media (hover:hover){.rows li:hover .n{color:var(--teal)}.rows li:hover h3{transform:translateX(8px)}}

.pr{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,56px);list-style:none;margin:0;padding:0}
.pr li{position:relative;padding:26px 0 30px;font-size:clamp(15px,1.25vw,17px);line-height:1.7;color:var(--muted)}
.pr li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.js .pr li::before{transform:scaleX(0);transition:transform 1.3s var(--ease)}
.js .pr li.in::before{transform:scaleX(1)}
.pr b{display:block;margin-bottom:8px;font-family:var(--font-display);font-weight:300;font-size:clamp(19px,1.8vw,24px);color:var(--ink)}
@media (max-width:700px){.pr{grid-template-columns:1fr}}

.facts{margin:0;display:grid}
.facts div{position:relative;display:grid;grid-template-columns:minmax(120px,.8fr) 2fr;gap:8px 24px;padding:22px 0}
.facts div::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.js .facts div::before{transform:scaleX(0);transition:transform 1.3s var(--ease)}
.js .facts div.in::before{transform:scaleX(1)}
.facts dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,241,239,.5);padding-top:.35em}
.facts dd{margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--ink)}
.facts .cin{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
.facts a{border-bottom:1px solid rgba(136,222,204,.4);transition:color .2s,border-color .2s}
.facts a:hover{color:var(--teal);border-color:var(--teal)}
@media (max-width:640px){.facts div{grid-template-columns:1fr}}

.vision{position:relative;padding:clamp(70px,11vw,140px) 0 clamp(30px,5vw,60px)}
.big{margin:0 0 34px;max-width:18em;font-family:var(--font-display);font-weight:300;font-size:clamp(26px,4vw,54px);line-height:1.24;letter-spacing:-.018em;color:var(--ink)}
.vision .lede{margin:0 0 40px}