.founder-preview { position: relative; padding: 76px 0 88px; overflow: hidden; background: #080e12; color: #f4f7f9; }
.founder-preview::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg,transparent,#b5d0df66 35%,#218acb88 72%,transparent); }
.founder-preview-heading { display: flex; align-items: center; gap: 34px; margin-bottom: 40px; }
.founder-preview-heading .eyebrow { color: #b5c6d1; flex-shrink: 0; }
.founder-preview-rule { height: 1px; flex: 1; background: linear-gradient(90deg,#86acc480,#218acb35,transparent); transform-origin: left; }
.founder-preview-grid { display: grid; grid-template-columns: .92fr 1fr; grid-template-areas: "visual copy"; gap: clamp(55px,7.5vw,120px); align-items: center; }
.founder-preview-copy { grid-area: copy; padding: 8px 0 15px; }
.founder-preview-copy h2 { font-size: clamp(86px,8.4vw,128px); font-weight: 420; letter-spacing: -.075em; line-height: .9; margin: 0 0 38px; }
.founder-preview-copy h2 > span { display: inline-block; padding: 0 .08em .08em 0; background: linear-gradient(110deg,#eff5f8 5%,#b2c7d4 33%,#218acb 92%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.founder-preview-name { color: #f0f4f6; font-size: 18px; line-height: 1.5; letter-spacing: -.02em; }
.founder-preview-name span { display: block; margin-top: 3px; color: #8fa8b8; font-size: 12px; letter-spacing: .02em; }
.founder-preview-bio { max-width: 355px; margin-top: 24px; color: #b1bdc6; font-size: 15px; line-height: 1.8; }
.founder-preview-link { position: relative; display: inline-flex; align-items: center; justify-content: center; margin-top: 31px; padding: 15px 26px; min-height: 52px; border: 1px solid #9ebdce55; border-radius: 2px; color: #eef5fa; font-size: 12px; transition: border-color .3s, background-color .3s; }
.founder-preview-link::after { content: ""; position: absolute; inset: auto -1px -1px; height: 1px; background: linear-gradient(90deg,#e3edf3,#218acb); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease); }
.founder-preview-link:is(:hover,:focus-visible) { background: #218acb0e; border-color: #b3d7eb88; }
.founder-preview-link:is(:hover,:focus-visible)::after { transform: scaleX(1); }
.founder-preview-visual { grid-area: visual; display: block; position: relative; width: 100%; max-width: 540px; justify-self: end; padding: 0 18% 58px 0; }
.founder-preview-portrait { position: relative; overflow: hidden; aspect-ratio: 1085 / 1450; background: #151c20; }
.founder-preview-portrait img, .founder-preview-detail img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
.founder-preview-detail { position: absolute; width: 43%; aspect-ratio: 4 / 5; right: 0; bottom: 0; overflow: hidden; border: 8px solid #080e12; background: #151c20; box-shadow: 0 18px 40px #0004; }
.founder-preview-detail img { object-position: 53% 62%; }
.founder-preview-visual:is(:hover,:focus-visible) img { transform: scale(1.025); }
.founder-preview-visual:focus-visible { outline-offset: 9px; }
.about-page .about { padding-top: 165px; padding-bottom: 90px; }
.about-page .founder-grid { align-items: start; gap: 70px; }
.about-page .founder-copy { padding-top: 15px; }
.about-page h1 { margin-bottom: 28px; font-size: clamp(54px,6.3vw,92px); font-weight: 450; line-height: 1.02; letter-spacing: -.06em; }
.about-page h1 > span { color: #0877b9; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .about-page h1 > span { background: linear-gradient(105deg,#606d77,#386f91 38%,#0877b9 90%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
}
.about-page-contact { padding: 80px 0; background: #0f171c; }
.about-page-contact > .container { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.about-page-contact .eyebrow { color: #8ab4cd; margin-bottom: 20px; }
.about-page-contact p:not(.eyebrow) { max-width: 340px; color: #a8b6bf; font-size: 15px; line-height: 1.8; margin-bottom: 25px; }
.about-page-contact .hero-work-link { margin-left: 23px; }
.desktop-nav .line-link[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
@media(max-width:980px) {
  .about-page .founder-grid { gap: 38px; }
  .founder-preview { padding: 70px 0 80px; }
  .founder-preview-grid { gap: 42px; grid-template-columns: 1fr 1fr; }
  .founder-preview-copy h2 { font-size: clamp(76px,10vw,100px); margin-bottom: 26px; }
  .founder-preview-bio { font-size: 14px; }
  .founder-preview-detail { width: 48%; border-width: 6px; }
}
@media(max-width:700px) {
  .founder-preview { padding: 58px 0 64px; }
  .founder-preview-heading { gap: 20px; margin-bottom: 34px; }
  .founder-preview-heading .eyebrow { font-size: 10px; }
  .founder-preview-grid { grid-template-columns: 1fr; grid-template-areas: "copy" "visual"; gap: 42px; }
  .founder-preview-copy { padding: 0; }
  .founder-preview-copy h2 { font-size: clamp(80px,19vw,116px); margin-bottom: 25px; }
  .founder-preview-name { font-size: 17px; }
  .founder-preview-bio { max-width: 380px; margin-top: 20px; }
  .founder-preview-link { margin-top: 24px; }
  .founder-preview-visual { width: 100%; max-width: 500px; padding-bottom: 45px; }
  .founder-preview-detail { width: 44%; border-width: 5px; }
  .about-page .about { padding-top: 115px; padding-bottom: 60px; }
  .about-page .founder-copy { padding: 0; }
  .about-page h1 { font-size: 62px; }
  .about-page-contact { padding: 60px 0; }
  .about-page-contact > .container { grid-template-columns: 1fr; gap: 30px; }
  .about-page-contact .hero-work-link { margin-left: 18px; }
}
@media(prefers-reduced-motion:reduce) {
  .founder-preview-visual img, .founder-preview-link, .founder-preview-link::after { transition: none; }
  .founder-preview-visual:is(:hover,:focus-visible) img { transform: none; }
}
@media(forced-colors:active) { .about-page h1 > span, .founder-preview-copy h2 > span { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; } }