.about-page{padding-top:clamp(50px,10vw,120px);min-height:calc(100vh - var(--header-h) - 100px)}
.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.names{margin-top:clamp(34px,7vw,90px);display:flex;flex-direction:column}
.names>div{display:flex;align-items:baseline;gap:18px;border-top:1px solid var(--line);padding:18px 0}
.names>div:last-child{border-bottom:1px solid var(--line)}
.names span{font-size:clamp(42px,8vw,100px);font-weight:500;letter-spacing:-.055em;line-height:.9}
.names small{font-size:12px;color:var(--muted)}
.about-services{margin-top:clamp(70px,10vw,120px)}
.about-services-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ink)}
.about-services-row article{padding:30px 20px 34px;border-right:1px solid var(--line);min-height:220px}
.about-services-row article:last-child{border-right:0}
.about-services-row h2{margin:0;font-size:16px;line-height:1.1;font-weight:600;letter-spacing:-.02em}
.about-services-row p{margin:18px 0 0;max-width:190px;font-size:13px;line-height:1.4;color:var(--muted)}
@media(max-width:900px){.about-services-row{grid-template-columns:repeat(2,1fr)}.about-services-row article:nth-child(2n){border-right:0}.about-services-row article{border-bottom:1px solid var(--line)}}
@media(max-width:640px){.names>div{display:block}.names small{display:block;margin-top:8px}.about-services{margin-top:70px}.about-services-row{grid-template-columns:1fr}.about-services-row article{min-height:0;border-right:0;padding:24px 12px}.about-services-row article:last-child{border-bottom:0}}
@media(max-width:640px){
  .about-page{padding-top:30px}
  .names{margin-top:28px}
  .names>div{padding:14px 0}
  .names span{font-size:clamp(38px,12vw,58px)}
  .names small{font-size:11px;margin-top:5px}
  .about-services{margin-top:52px}
  .about-services-row article{padding:19px 0}
  .about-services-row h2{font-size:14px}
  .about-services-row p{font-size:12px;margin-top:10px;max-width:none}
}

/* Services — scattered circles */
.about-services{margin-top:clamp(40px,5vw,65px)}
.about-services-row{position:relative;display:block;min-height:520px;border:0}
.about-services-row article{position:absolute;box-sizing:border-box;width:clamp(180px,16vw,245px);height:clamp(180px,16vw,245px);min-height:0;border:0!important;border-radius:50%;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;transition:transform .35s ease}
.about-services-row article:nth-child(1){top:4%;left:4%}
.about-services-row article:nth-child(2){top:34%;left:23%}
.about-services-row article:nth-child(3){top:8%;left:44%}
.about-services-row article:nth-child(4){top:48%;left:62%}
.about-services-row article:nth-child(5){top:10%;right:3%}
.about-services-row h2{font-size:15px;line-height:1.05;font-weight:600;letter-spacing:-.03em;max-width:150px;color:#fff}
.about-services-row p{margin:10px 0 0;max-width:155px;font-size:11px;line-height:1.3;color:#fff}
@media (hover:hover) and (pointer:fine){.about-services-row article:hover{transform:scale(1.06) rotate(-2deg)}}
@media(max-width:900px){
 .about-services-row{min-height:560px}
 .about-services-row article{width:190px;height:190px}
 .about-services-row article:nth-child(1){top:2%;left:3%}
 .about-services-row article:nth-child(2){top:29%;left:27%}
 .about-services-row article:nth-child(3){top:2%;right:3%;left:auto}
 .about-services-row article:nth-child(4){top:55%;left:10%}
 .about-services-row article:nth-child(5){top:51%;right:4%;left:auto}
}
@media(max-width:640px){
 .about-services{margin-top:58px}
 .about-services-row{min-height:610px;margin:0 -10px}
 .about-services-row article{width:clamp(145px,46vw,180px);height:clamp(145px,46vw,180px);padding:22px}
 .about-services-row article:nth-child(1){top:0;left:0}
 .about-services-row article:nth-child(2){top:24%;left:28%}
 .about-services-row article:nth-child(3){top:1%;right:0;left:auto}
 .about-services-row article:nth-child(4){top:49%;left:3%}
 .about-services-row article:nth-child(5){top:63%;right:2%;left:auto}
 .about-services-row h2{font-size:12px;max-width:120px;color:#fff}
 .about-services-row p{font-size:9.5px;max-width:120px;margin-top:7px}
}

/* Organic, subtle floating motion */
@keyframes circleFloat1{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  35%{transform:translate3d(3px,-4px,0) rotate(.4deg)}
  70%{transform:translate3d(-2px,-1px,0) rotate(-.3deg)}
}
@keyframes circleFloat2{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  30%{transform:translate3d(-3px,2px,0) rotate(-.35deg)}
  68%{transform:translate3d(2px,-4px,0) rotate(.25deg)}
}
@keyframes circleFloat3{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  38%{transform:translate3d(2px,4px,0) rotate(.3deg)}
  72%{transform:translate3d(-3px,1px,0) rotate(-.25deg)}
}
@keyframes circleFloat4{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  34%{transform:translate3d(-4px,-2px,0) rotate(-.35deg)}
  70%{transform:translate3d(2px,3px,0) rotate(.3deg)}
}
@keyframes circleFloat5{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  32%{transform:translate3d(3px,2px,0) rotate(.3deg)}
  69%{transform:translate3d(-2px,-3px,0) rotate(-.25deg)}
}
.about-services-row article:nth-child(1){animation:circleFloat1 6.8s ease-in-out infinite}
.about-services-row article:nth-child(2){animation:circleFloat2 7.6s ease-in-out infinite -1.8s}
.about-services-row article:nth-child(3){animation:circleFloat3 7.1s ease-in-out infinite -3.1s}
.about-services-row article:nth-child(4){animation:circleFloat4 8.2s ease-in-out infinite -2.4s}
.about-services-row article:nth-child(5){animation:circleFloat5 7.4s ease-in-out infinite -4.2s}
@media(prefers-reduced-motion:reduce){.about-services-row article{animation:none!important}}

/* V30 — more noticeable floating */
@keyframes circleFloat1{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}35%{transform:translate3d(7px,-10px,0) rotate(.8deg)}70%{transform:translate3d(-6px,-3px,0) rotate(-.6deg)}}
@keyframes circleFloat2{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}30%{transform:translate3d(-8px,5px,0) rotate(-.7deg)}68%{transform:translate3d(6px,-9px,0) rotate(.5deg)}}
@keyframes circleFloat3{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}38%{transform:translate3d(6px,9px,0) rotate(.6deg)}72%{transform:translate3d(-8px,3px,0) rotate(-.5deg)}}
@keyframes circleFloat4{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}34%{transform:translate3d(-10px,-5px,0) rotate(-.7deg)}70%{transform:translate3d(6px,7px,0) rotate(.6deg)}}
@keyframes circleFloat5{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}32%{transform:translate3d(8px,5px,0) rotate(.6deg)}69%{transform:translate3d(-6px,-8px,0) rotate(-.5deg)}}
.about-services-row article:nth-child(1){animation:circleFloat1 4.2s ease-in-out infinite}
.about-services-row article:nth-child(2){animation:circleFloat2 4.8s ease-in-out infinite -1.2s}
.about-services-row article:nth-child(3){animation:circleFloat3 4.5s ease-in-out infinite -2.1s}
.about-services-row article:nth-child(4){animation:circleFloat4 5.1s ease-in-out infinite -1.6s}
.about-services-row article:nth-child(5){animation:circleFloat5 4.6s ease-in-out infinite -2.8s}