/* Layout only: fonts, tokens, shell, header and buttons come from the homepage bundle. */
.page-about { background:var(--purple-page); color:var(--purple-text); }
.about-shell { position:relative; z-index:1; width:min(100%,1280px); }
.about-section { padding-block:32px; border:0; }
.about-intro,.about-column,.about-contact { display:grid; grid-template-columns:minmax(140px,1fr) minmax(0,750px); column-gap:clamp(32px,5vw,72px); }
.about-column > * { grid-column:2; min-width:0; }
.about-intro { padding-top:112px; align-items:start; }
.about-aside { min-width:0; }
.about-quote { margin:0 0 24px; color:var(--purple-text); font:500 var(--type-section-title)/1.25 var(--font-display); letter-spacing:-.025em; }
.about-intro h1 { margin:0 0 24px; font:600 var(--type-page-title)/1.1 var(--font-display); letter-spacing:-.048em; }
.about-intro p { max-width:690px; margin:0 0 18px; color:var(--purple-muted); font:400 var(--type-body)/1.47 var(--font-copy); letter-spacing:-.015em; }
.page-about .about-actions { margin:28px 0 0; justify-content:flex-start; }
.about-section h2 { margin:0 0 32px; }
.about-toolkit { text-align:left; }
.about-toolkit h2 { margin-bottom:12px; }
.toolkit-dock { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:48px 14px; list-style:none; margin:0; padding:40px 12px 12px; }
.toolkit-item { --tool-size:64px; --tool-scale:1; --tool-shift:0px; position:relative; }
.toolkit-item.is-active { z-index:1; }
.toolkit-button { position:relative; display:grid; place-items:center; width:var(--tool-size); height:var(--tool-size); padding:0; border:0; box-shadow:none; border-radius:14px; background:#1c1c21; cursor:pointer; transform:translateX(var(--tool-shift)) scale(var(--tool-scale)); transform-origin:50% 50%; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.toolkit-button img { display:block; width:40px; height:40px; min-width:0; min-height:0; object-fit:contain; filter:invert(1); }
.toolkit-item[data-tool="figma"] img { filter:none; }
.toolkit-item[data-tool="claude"] .toolkit-button { background:#c2785d; }
.toolkit-item[data-tool="chatgpt"] .toolkit-button { background:#447f76; }
.toolkit-item[data-tool="jira"] .toolkit-button,.toolkit-item[data-tool="confluence"] .toolkit-button { background:#2157c9; }
.toolkit-button:focus-visible { outline:0; filter:brightness(1.18); }
.toolkit-label { position:absolute; bottom:calc(100% + 24px); left:50%; z-index:2; padding:6px 10px; border:0; border-radius:8px; background:#211936; color:var(--purple-text); font:400 13px/20px var(--font-copy); white-space:nowrap; opacity:0; transform:translate(-50%,4px); pointer-events:none; transition:opacity .25s,transform .3s; }
.toolkit-item.is-active .toolkit-label { opacity:1; transform:translate(-50%,0); }
.toolkit-description { min-height:26px; margin:8px 0 0; max-width:440px; color:var(--purple-muted); font:400 var(--type-caption)/1.45 var(--font-copy); }
.about-contact { align-items:center; }
.about-contact > div:last-child { grid-column:2; min-width:0; }
.about-gif { display:grid; justify-items:start; }
.about-gif img { width:250px; max-width:100%; height:auto; }
.page-about .contact-page-links { margin:0; width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.page-about .contact-page-link { display:grid; width:100%; align-items:center; gap:10px; min-height:68px; padding:10px 16px; border:1px solid var(--purple-line); border-radius:16px; text-align:left; color:var(--purple-text); cursor:pointer; appearance:none; }
.page-about .contact-page-link { grid-template-columns:24px minmax(0,1fr) 22px; }
.page-about .contact-page-link-icon { width:24px; }
.page-about .contact-page-link-icon { display:grid; place-items:center; }
.page-about .contact-page-link-copy { min-width:0; display:flex; flex-direction:column; }
.page-about .contact-page-link-copy small { overflow-wrap:anywhere; }
.page-about .intro-action-icon .disarto-icon { width:17px; height:17px; }
.page-about .contact-page-link-copy b { font:600 14px/20px var(--font-copy); }
.page-about .contact-page-link-copy small { font:400 13px/1.4 var(--font-copy); color:var(--purple-muted); }
.about-footer { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:32px; color:var(--purple-muted); font:400 var(--type-caption)/1.45 var(--font-copy); }
.about-footer a { display:inline-flex; align-items:center; gap:10px; }
.about-footer .disarto-icon { width:18px; height:18px; }
@media(max-width:760px) {
 .about-column,.about-contact { grid-template-columns:minmax(0,1fr); }
 .about-column > *,.about-contact > div:last-child { grid-column:1; }
 .about-section { padding-block:24px; }
 .about-intro { display:block; padding-top:96px; }
 .about-aside { margin-bottom:28px; }
 .about-quote { margin-bottom:16px; }
 .about-contact { grid-template-columns:1fr; gap:32px; }
 .about-gif img { width:180px; }
 .toolkit-dock { max-width:380px; gap:48px 12px; }
 .toolkit-item { --tool-size:54px; }
 .toolkit-button { border-radius:12px; }
 .toolkit-button img { width:32px; height:32px; }
 .toolkit-description { margin-top:8px; }
 .about-footer { font-size:12px; }
}
@media(max-width:560px) {
 .page-about .contact-page-links { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
 .toolkit-button { transform:none; transition:none; }
 .toolkit-label { transition:none; }
}