/* About: personal direction, independent collaborators, a shared visual language. */
.svl-about .ab-hero{position:relative;isolation:isolate;min-height:610px;display:flex;align-items:center;overflow:hidden;background:#050b10}
.ab-hero>.ab-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}
.ab-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040a0ed9,transparent 75%),linear-gradient(0deg,#070c0f 0%,transparent 28%)}
.ab-hero-copy{padding-top:155px;padding-bottom:125px}
.svl-about .ab-hero h1{font-size:clamp(48px,5.8vw,84px);max-width:840px;line-height:1.02;letter-spacing:-.045em;margin-bottom:25px}
.ab-intro{font-size:18px;line-height:1.65;max-width:460px;color:#e0e8ed;margin-bottom:29px}
.ab-hero .button-row{align-items:center;gap:26px}
.ab-discover{font-size:13px;display:inline-flex;align-items:center;gap:20px;min-height:46px}
.ab-discover span{color:var(--accent);font-size:19px}
.ab-hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;gap:18px;align-items:center}
.ab-frame{font-size:10px;letter-spacing:1.9px;display:flex;align-items:center;gap:12px;color:#c3d5dd}
.ab-frame i{width:7px;height:7px;background:var(--accent);box-shadow:0 0 16px #3eeef155}
.ab-caption{font-size:11px;color:#b4c2ca;letter-spacing:.15px}
.ab-principles{border-block:1px solid #26333b}
.ab-principles>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:23px}
.ab-principles p{margin:0;display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.15px}
.ab-principles p span{color:var(--accent);font-size:11px}
.ab-section{padding-block:76px}
.ab-identity{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start;scroll-margin-top:30px}
.svl-about .ab-identity h2{font-size:clamp(33px,3.8vw,52px)}
.ab-identity h2 span{color:#8fa7b6}
.ab-prose{font-size:17px;line-height:1.85;color:#c9d4dc}
.ab-prose p:last-child{margin-bottom:0}
.ab-network{border-block:1px solid #26333b;background:radial-gradient(ellipse at 0% 100%,#11324580,transparent 65%),#091117}
.ab-network-heading{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-bottom:40px}
.ab-network-heading h2{margin-bottom:0}
.ab-roles{display:grid;grid-template-columns:.9fr 1.35fr;gap:48px;align-items:stretch}
.ab-lead{padding:29px 32px 27px;border:1px solid #3b626e;background:linear-gradient(140deg,#153140,#09141c);position:relative;overflow:hidden}
.ab-lead:after{content:"";width:160px;height:160px;position:absolute;right:-65px;bottom:-65px;border:1px solid #3eeef126;transform:rotate(45deg);pointer-events:none}
.ab-role-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}
.ab-role-number{font-size:11px;letter-spacing:1.6px;color:#6ee9eb}
.ab-signal{font-size:27px;color:var(--accent);line-height:1}
.svl-about .ab-lead h3{font-size:36px;line-height:1.12;margin-bottom:17px}
.ab-lead p{font-size:16px;color:#c3d3dd;line-height:1.7;max-width:330px}
.ab-role-tag{display:inline-block;font-size:10px;letter-spacing:2px;border-top:1px solid #395462;padding-top:17px;margin-top:6px}
.ab-collaborator-list{display:flex;flex-direction:column;justify-content:space-between}
.ab-collaborator-list>div{display:grid;grid-template-columns:32px 1fr;gap:19px;border-bottom:1px solid #2b3b46;padding:18px 0}
.ab-collaborator-list>div:first-child{padding-top:5px}
.ab-collaborator-list>div:last-child{padding-bottom:5px;border:0}
.ab-collaborator-list .ab-role-number{padding-top:6px}
.svl-about .ab-collaborator-list h3{font-size:22px;margin-bottom:8px}
.ab-collaborator-list p{font-size:16px;line-height:1.65;color:#b8c9d4;margin:0;max-width:570px}
.ab-method{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.ab-method-image{margin:0;min-width:0}
.ab-method-image>.ab-photo{width:100%;height:auto;aspect-ratio:1/1.12;object-fit:cover;object-position:39% center;border-bottom:2px solid var(--accent)}
.ab-method-image figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:14px;font-size:9px;letter-spacing:1.2px;color:#b4c7d1}
.ab-steps{list-style:none;padding:0;margin:26px 0 0}
.ab-steps li{display:grid;grid-template-columns:28px 1fr;gap:15px;padding:22px 0;border-top:1px solid #26333b}
.ab-steps li:last-child{padding-bottom:0}
.ab-steps li>span{font-size:11px;color:var(--accent);padding-top:5px}
.svl-about .ab-steps h3{font-size:21px;margin-bottom:7px}
.ab-steps p{font-size:16px;line-height:1.7;color:#bcccd6;margin:0}
.ab-project{display:flex;align-items:center;justify-content:space-between;gap:35px;border-block:1px solid #26333b;padding-block:35px;margin-bottom:68px}
.svl-about .ab-project h2{font-size:27px;letter-spacing:-.02em;margin-bottom:12px}
.ab-project p:not(.eyebrow){color:#b8c9d4;font-size:15px;margin:0}
.ab-project .button{flex-shrink:0}
.ab-contact{border-block:1px solid #26333b;background:radial-gradient(ellipse at 85% 100%,#0d394e,#091219 70%);position:relative;overflow:hidden}
.ab-contact>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}
.ab-contact h2{margin-bottom:22px}.ab-contact h2 span{color:#58e8eb}
.ab-contact p:not(.eyebrow){font-size:17px;line-height:1.7;color:#c8d5dd;margin:0}
.ab-contact .button{flex-shrink:0}
@media(max-width:1000px){.ab-identity,.ab-network-heading,.ab-method{gap:35px}.ab-roles{gap:30px}.svl-about .ab-lead h3{font-size:31px}.ab-principles p{font-size:12px;gap:9px}.ab-method-image>.ab-photo{aspect-ratio:1/1.3}}
@media(max-width:700px){
 .svl-about .ab-hero{min-height:590px;align-items:flex-start}
 .ab-hero>.ab-photo{object-position:67% center}
 .ab-shade{background:linear-gradient(90deg,#030a0ede,#030a0e33),linear-gradient(0deg,#070c0f,transparent 34%)}
 .ab-hero-copy{padding-top:124px;padding-bottom:110px}
 .svl-about .ab-hero h1{font-size:clamp(37px,9vw,55px);line-height:1.06;margin-bottom:22px}
 .ab-intro{font-size:16px;line-height:1.65;max-width:410px;margin-bottom:24px}
 .ab-hero .button-row{gap:6px 19px;align-items:flex-start;flex-direction:column}
 .ab-hero-bottom{bottom:19px;align-items:flex-start;flex-direction:column;gap:13px}
 .ab-frame{font-size:8px;letter-spacing:.9px;gap:7px;line-height:1.5}.ab-caption{font-size:10px}
 .ab-principles>.wrap{grid-template-columns:1fr;gap:0;padding-block:8px}
 .ab-principles p{font-size:13px;padding:11px 0;gap:15px;border-bottom:1px solid #26333b}.ab-principles p:last-child{border:0}
 .ab-section{padding-block:42px}
 .ab-identity,.ab-network-heading,.ab-roles,.ab-method{grid-template-columns:1fr;gap:24px}
 .svl-about .ab-identity h2{font-size:32px;margin-bottom:0}
 .ab-prose{font-size:16px;line-height:1.75}
 .ab-network-heading{margin-bottom:27px}
 .ab-network-heading h2{font-size:33px}
 .ab-lead{padding:24px}.ab-role-top{margin-bottom:21px}
 .svl-about .ab-lead h3{font-size:32px}
 .ab-lead p{font-size:16px;max-width:none}
 .ab-collaborator-list>div{grid-template-columns:22px 1fr;gap:14px;padding-block:20px}
 .svl-about .ab-collaborator-list h3{font-size:20px}
 .ab-collaborator-list p{font-size:16px}
 .ab-method{gap:30px}.ab-method-image>.ab-photo{aspect-ratio:3/2;max-height:330px;object-position:center}
 .ab-method-image figcaption{font-size:8px;letter-spacing:.6px;padding-top:10px}
 .ab-steps{margin-top:22px}.ab-steps li{gap:12px;padding-block:18px}
 .ab-project{flex-direction:column;align-items:flex-start;gap:22px;padding-block:27px;margin-bottom:42px}
 .svl-about .ab-project h2{font-size:25px;line-height:1.2}.ab-project p:not(.eyebrow){font-size:16px}
 .ab-contact>.wrap{flex-direction:column;align-items:flex-start;gap:25px}
 .ab-contact h2{font-size:34px}.ab-contact p:not(.eyebrow){font-size:16px}
}