html:has(.about-page){scrollbar-gutter:stable}
#kappa-color.about-page{display:grid;grid-template-rows:auto 1fr;align-items:stretch;padding:40px clamp(24px,6vw,96px);gap:64px;min-height:100svh}
#kappa-color.about-page .about-nav{width:100%;max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
#kappa-color.about-page a{color:var(--kc-text);text-decoration-color:var(--kc-line);text-underline-offset:5px}
#kappa-color.about-page .brand{font-size:24px;letter-spacing:-1px;text-decoration:none;color:var(--kc-brand)}
#kappa-color.about-page .about-nav .text-link{font-size:16px}
#kappa-color.about-page main.about-content{width:100%;max-width:1040px;margin:clamp(24px,8svh,104px) auto 0;align-self:start;align-items:start;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(48px,6vw,100px)}
#kappa-color.about-page main h1{font-size:clamp(44px,3.4vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 28px}
#kappa-color.about-page main p{color:var(--kc-text);font-size:17px;line-height:1.65;max-width:100%}
#kappa-color.about-page .intro{font-size:22px;line-height:1.5}
#kappa-color.about-page .body-copy{margin-top:24px}
#kappa-color.about-page h2{font-size:20px;letter-spacing:-.4px;font-weight:400;margin:0 0 24px}
#kappa-color.about-page details{border-top:1px solid var(--kc-line)}
#kappa-color.about-page details:last-child{border-bottom:1px solid var(--kc-line)}
#kappa-color.about-page summary{list-style:none;cursor:pointer;position:relative;padding:22px 28px 22px 0;font-size:17px;font-weight:600;line-height:1.5}
#kappa-color.about-page summary::-webkit-details-marker{display:none}
#kappa-color.about-page summary::after{content:'+';position:absolute;right:2px;top:22px;font-size:20px;font-weight:400;line-height:1.25}
#kappa-color.about-page details[open] summary::after{content:'−'}
#kappa-color.about-page details p{font-size:16px;font-weight:400;line-height:1.7;padding:0 20px 0 16px;margin:0 0 24px;border-left:2px solid var(--kc-line)}
@supports(background-clip:text){
  #kappa-color.about-page .text-link:hover,#kappa-color.about-page .text-link:focus-visible{background-image:linear-gradient(110deg,light-dark(#26634f,#a1e0ca),light-dark(#305c95,#b4caf5),light-dark(#934c39,#efb7a2),light-dark(#26634f,#a1e0ca));background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:kc-link-flow 2.6s ease-in-out infinite alternate}
}
@media(max-width:800px){
  #kappa-color.about-page{padding:28px 24px;gap:56px}
  #kappa-color.about-page main.about-content{grid-template-columns:1fr;max-width:560px;gap:48px;margin-top:0}
  #kappa-color.about-page main h1{font-size:42px}
  #kappa-color.about-page .intro{font-size:20px}
  #kappa-color.about-page .brand{font-size:22px}
  #kappa-color.about-page .about-nav .text-link{font-size:15px}
}
@media(prefers-reduced-motion:reduce){#kappa-color.about-page .text-link:hover,#kappa-color.about-page .text-link:focus-visible{animation:none}}
@media(max-width:380px){#kappa-color.about-page .about-nav{gap:12px}#kappa-color.about-page .brand{font-size:18px}#kappa-color.about-page .about-nav .text-link{font-size:14px;white-space:nowrap}}
@media(forced-colors:active){#kappa-color.about-page .text-link:hover,#kappa-color.about-page .text-link:focus-visible{background:none;color:LinkText}}