/* 2026 portfolio expansion: preserve original Kalii AI coral, graphite and warm-cream palette. */
.capability-cards{grid-template-columns:repeat(4,minmax(0,1fr));}
.capability-cards h3{margin-top:32px;}
.capability-cards article{min-height:260px;}
.nav a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:7px;}
.about-hero{padding:85px 0 90px;background:linear-gradient(135deg,#080808,#111 68%,#181818);}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:center;gap:70px;}
.about-lede{font-size:clamp(17px,2vw,21px);line-height:1.7;max-width:720px;color:#dedede;margin-top:28px;}
.about-portrait{margin:0;max-width:350px;justify-self:end;border:1px solid #333;border-radius:16px;overflow:hidden;}
.about-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;}
.about-page-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;}
.about-prose p{font-size:17px;line-height:1.8;color:#4d4d4d;margin-bottom:20px;}
.about-prose h3{font-size:21px;margin:30px 0 10px;}
.about-prose ul{line-height:2;color:#4d4d4d;}
.about-focus{background:var(--soft);}
.about-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:45px;}
.about-focus-grid article{background:#fff;border:1px solid #d6d6d6;padding:24px;min-height:230px;}
.about-focus-grid span{font-size:12px;color:var(--coral-deep);font-weight:700;}
.about-focus-grid h3{font-size:21px;margin:36px 0 14px;}
.about-focus-grid p{font-size:14px;color:#555;line-height:1.6;}
.about-close{background:#0b0b0b;}
.about-close>div>p:not(.eyebrow){color:#dedede;max-width:710px;margin-top:24px;line-height:1.7;}
.menu:focus-visible,.nav a:focus-visible,.btn:focus-visible{outline:3px solid var(--coral);outline-offset:4px;}
@media(max-width:980px){.capability-cards,.about-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.about-hero-grid,.about-page-columns{grid-template-columns:1fr;gap:35px;}.about-portrait{justify-self:start;max-width:300px;}}
@media(max-width:600px){.capability-cards,.about-focus-grid{grid-template-columns:1fr;}.capability-cards article{min-height:0}.about-hero{padding:60px 0;}.about-lede{font-size:17px;}}

/* Executive positioning: keep the expanded three-line headline in balance with the founder portrait. */
.hero .executive-headline{font-size:clamp(36px,4.2vw,62px);line-height:1.065;max-width:760px;letter-spacing:-.045em}
.hero .executive-headline em{display:inline-block;margin-top:5px;color:var(--coral-soft)}
.capability-cards h3{font-size:clamp(19px,1.65vw,23px);line-height:1.18}
.capability-cards article p{line-height:1.65}
@media(max-width:600px){.hero .executive-headline{font-size:clamp(34px,8.3vw,46px);line-height:1.12}}

/* Homepage typography refinements. Keep complete phrases together without changing brand colors. */
.split-head .capabilities-headline{font-size:clamp(31px,3.5vw,50px);line-height:1.09;letter-spacing:-.045em}
.capabilities-split>p{align-self:center;line-height:1.75;transform:translateY(28px)}
.split-head .capabilities-headline .keep-together{white-space:nowrap}
.pov .standard-headline{max-width:none;font-size:clamp(29px,3.45vw,51px);letter-spacing:-.045em;white-space:nowrap;line-height:1.2}
.pov .standard-headline em{display:inline;margin-top:0}
@media(max-width:900px){.pov .standard-headline{white-space:normal;font-size:clamp(31px,5.7vw,49px)}}
@media(max-width:900px){.capabilities-split>p{align-self:start;transform:none}}
@media(max-width:600px){.split-head .capabilities-headline{font-size:clamp(24px,6.8vw,40px)}}