/* /about/ 専用。main.css の共通フォント・カラー変数に統一。 */
.kws-about .kws-about__heading-phrase { display:inline-block; white-space:nowrap; overflow-wrap:normal; }
.kws-about { --about-ivory:var(--bg); --about-dark:var(--dark); --about-amber:var(--amber); font-family:inherit; color:var(--about-dark); background:var(--about-ivory); font-size:15px; line-height:1.95; overflow-wrap:anywhere; }
.kws-about .kws-about__wrap { width:min(100% - 64px, 1160px); margin-inline:auto; }
.kws-about .kws-about__hero { position:relative; padding:100px 0 0; color:var(--about-ivory); background:var(--about-dark); overflow:hidden; }
.kws-about .kws-about__breadcrumb { position:relative; display:flex; flex-wrap:wrap; gap:16px; font-size:11px; color:var(--light-text); margin-bottom:58px; }
.kws-about .kws-about__breadcrumb a:hover { color:var(--about-ivory); }
.kws-about .kws-about__hero-grid { position:relative; display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:64px; padding-bottom:64px; }
.kws-about .kws-about__eyebrow { color:var(--amber); font-family:inherit; font-size:28px; font-weight:700; letter-spacing:.04em; line-height:1.5; margin-bottom:24px; }
.kws-about .kws-about__hero .kws-about__eyebrow,.kws-about .kws-about__section--dark .kws-about__eyebrow,.kws-about .kws-about__contact .kws-about__eyebrow { color:var(--amber); }
.kws-about .kws-about__title { font-family:'DM Serif Display',Georgia,serif; font-size:clamp(32px,3.5vw,50px); line-height:1.6; font-weight:400; letter-spacing:.035em; margin:0 0 28px; }
.kws-about .kws-about__title em { color:var(--amber); font-style:normal; font-size:.88em; }
.kws-about .kws-about__intro { color:var(--light-text); font-size:14px; line-height:2.2; }
.kws-about .kws-about__text-link { display:inline-flex; align-items:center; gap:36px; margin-top:30px; padding-bottom:10px; border-bottom:1px solid rgba(196,123,30,.4); font-size:12px; }
.kws-about .kws-about__field { min-width:0; border-left:1px solid rgba(196,123,30,.4); padding:16px 0 0 20px; }
.kws-about .kws-about__field img { width:100%; height:440px; object-fit:cover; object-position:left center; filter:none; }
.kws-about .kws-about__field figcaption { display:flex; flex-wrap:wrap; gap:12px; padding-top:16px; font-size:11px; color:var(--light-text); }
.kws-about .kws-about__field figcaption span { color:var(--amber); letter-spacing:.12em; }
.kws-about .kws-about__hero-foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:22px 0; border-top:1px solid rgba(196,123,30,.2); color:var(--light-text); font-size:10px; letter-spacing:.1em; }
.kws-about .kws-about__section { padding:110px 0; scroll-margin-top:100px; }
.kws-about .kws-about__heading { font-family:'DM Serif Display',Georgia,serif; font-size:clamp(26px,2.8vw,38px); font-weight:400; line-height:1.65; letter-spacing:.035em; margin:0 0 30px; }
.kws-about .kws-about__profile-grid { display:grid; grid-template-columns:.9fr 1.2fr; gap:100px; align-items:center; }
.kws-about .kws-about__portrait { min-width:0; }
.kws-about .kws-about__portrait img { width:100%; max-width:360px; aspect-ratio:4/5; object-fit:contain; margin-inline:auto; }
.kws-about .kws-about__portrait figcaption { border-top:1px solid rgba(196,123,30,.2); margin-top:24px; padding-top:14px; text-align:center; color:var(--muted); font-size:11px; }
.kws-about .kws-about__qualification { display:inline-block; border:1px solid rgba(196,123,30,.4); padding:5px 13px; color:var(--amber); font-size:12px; }
.kws-about .kws-about__name { font-family:'DM Serif Display',Georgia,serif; display:flex; align-items:baseline; gap:22px; font-size:28px; letter-spacing:.12em; margin:20px 0; }
.kws-about .kws-about__name small { font-size:12px; letter-spacing:0; color:var(--muted); }
.kws-about .kws-about__prose p + p { margin-top:20px; }
.kws-about .kws-about__prose { color:var(--dark); }
.kws-about .kws-about__section--dark { color:var(--about-ivory); background:var(--dark-mid); }
.kws-about .kws-about__story-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; }
.kws-about .kws-about__aside { border-left:1px solid var(--about-amber); padding-left:20px; color:var(--light-text); font-size:13px; }
.kws-about .kws-about__story-list { list-style:none; }
.kws-about .kws-about__story-list li { display:grid; grid-template-columns:44px 1fr; gap:20px; border-top:1px solid rgba(196,123,30,.2); padding:30px 0; }
.kws-about .kws-about__story-list li:last-child { border-bottom:1px solid rgba(196,123,30,.2); }
.kws-about .kws-about__number { font-family:'DM Serif Display',Georgia,serif; font-size:28px; line-height:1.3; color:var(--amber); }
.kws-about .kws-about__story-list .kws-about__number { color:var(--amber); }
.kws-about .kws-about__story-list h3 { font-size:18px; font-weight:500; margin-bottom:14px; }
.kws-about .kws-about__story-list p { font-size:14px; color:var(--light-text); }
.kws-about .kws-about__section-top { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; margin-bottom:38px; }
.kws-about .kws-about__values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(196,123,30,.4); border-bottom:1px solid rgba(196,123,30,.4); }
.kws-about .kws-about__values article { padding:38px 32px; }
.kws-about .kws-about__values article:first-child { padding-left:0; }
.kws-about .kws-about__values article + article { border-left:1px solid rgba(196,123,30,.2); }
.kws-about .kws-about__values h3 { font-size:23px; font-weight:500; line-height:1.7; margin:24px 0 18px; }
.kws-about .kws-about__values p { color:var(--dark); font-size:14px; }
.kws-about .kws-about__section--outline { padding-top:0; }
.kws-about .kws-about__business-grid { display:grid; grid-template-columns:.9fr 1.3fr; gap:80px; }
.kws-about .kws-about__details { border-top:1px solid rgba(196,123,30,.4); }
.kws-about .kws-about__details > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:20px; padding:20px 0; border-bottom:1px solid rgba(196,123,30,.2); font-size:14px; }
.kws-about .kws-about__details dt { font-weight:500; color:var(--muted); }
.kws-about .kws-about__details dd { margin:0; }
.kws-about .kws-about__quality { margin-top:30px; border-left:2px solid var(--about-amber); padding:3px 0 3px 20px; }
.kws-about .kws-about__quality h3 { font-size:13px; margin-bottom:8px; }
.kws-about .kws-about__quality p { font-size:12px; color:var(--muted); }
.kws-about .kws-about__contact { background:var(--about-dark); color:var(--about-ivory); text-align:center; border-top:1px solid rgba(196,123,30,.2); }
.kws-about .kws-about__contact .kws-about__eyebrow { text-align:center; }
.kws-about .kws-about__contact-copy { color:var(--light-text); font-size:14px; }
.kws-about .kws-about__contact-note { font-size:11px; color:var(--light-text); margin:24px 0; }
.kws-about .kws-about__actions { display:flex; justify-content:center; flex-wrap:wrap; gap:16px; }
.kws-about .kws-about__button { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; min-height:60px; padding:16px 26px; border:1px solid var(--about-amber); background:var(--about-amber); color:var(--about-dark); font-size:14px; font-weight:600; transition:background .25s,transform .25s; }
.kws-about .kws-about__button:hover { background:var(--amber-light); transform:translateY(-2px); }
.kws-about .kws-about__button--line { background:#06C755; border-color:#06C755; color:#fff; }
.kws-about .kws-about__button--line:hover { background:#06C755; color:#fff; opacity:.85; }
.kws-about a:focus-visible { outline:3px solid var(--amber-light); outline-offset:5px; }
.kws-about .kws-about__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
/* JavaScriptで監視が開始できた要素のみ演出。失敗・無効時も本文を表示。 */
.kws-about [data-kws-about-reveal].kws-about__waiting { opacity:0; transform:translateY(18px); }
.kws-about [data-kws-about-reveal] { transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1); }
@media (min-width:768px) and (max-width:1100px) { .kws-about .kws-about__hero-grid,.kws-about .kws-about__profile-grid,.kws-about .kws-about__story-grid,.kws-about .kws-about__business-grid { gap:36px; } .kws-about .kws-about__field img { height:380px; } .kws-about .kws-about__values article { padding-inline:20px; } }
@media (max-width:767px) {
  .kws-about .kws-about__wrap { width:calc(100% - 40px); }
  .kws-about .kws-about__hero { padding-top:88px; }
  .kws-about .kws-about__breadcrumb { margin-bottom:34px; }
  .kws-about .kws-about__hero-grid,.kws-about .kws-about__profile-grid,.kws-about .kws-about__story-grid,.kws-about .kws-about__business-grid { grid-template-columns:minmax(0,1fr); gap:36px; }
  .kws-about .kws-about__hero-grid { padding-bottom:36px; }
  .kws-about .kws-about__title { font-size:clamp(27px,6.7vw,42px); letter-spacing:0; }
  .kws-about .kws-about__eyebrow { margin-bottom:18px; font-size:22px; }
  .kws-about .kws-about__field { padding-left:12px; }
  .kws-about .kws-about__field img { height:280px; }
  .kws-about .kws-about__hero-foot { font-size:9px; gap:4px; flex-direction:column; }
  .kws-about .kws-about__section { padding:68px 0; }
  .kws-about .kws-about__portrait img { max-width:280px; max-height:330px; }
  .kws-about .kws-about__portrait { max-width:360px; margin-inline:auto; width:100%; }
  .kws-about .kws-about__section-top { display:block; margin-bottom:30px; }
  .kws-about .kws-about__values { grid-template-columns:1fr; }
  .kws-about .kws-about__values article,.kws-about .kws-about__values article:first-child { padding:30px 0; }
  .kws-about .kws-about__values article + article { border-left:0; border-top:1px solid rgba(196,123,30,.2); }
  .kws-about .kws-about__values h3 { margin-top:14px; font-size:22px; }
  .kws-about .kws-about__section--outline { padding-top:0; }
  .kws-about .kws-about__details > div { grid-template-columns:80px minmax(0,1fr); gap:14px; font-size:13px; }
  .kws-about .kws-about__actions { flex-direction:column; max-width:380px; margin-inline:auto; }
  .kws-about .kws-about__button { padding-inline:18px; gap:10px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) { .kws-about [data-kws-about-reveal],.kws-about .kws-about__button { transition:none; } .kws-about [data-kws-about-reveal].kws-about__waiting { opacity:1; transform:none; } }
@media print { .kws-about [data-kws-about-reveal].kws-about__waiting { opacity:1; transform:none; } .kws-about .kws-about__hero { padding-top:20px; } }

/* TOPの .section-heading / 本文サイズ改善v1 と統一。
   見出しはTOPのh2と同じ700。従来の400指定による細字を解消。 */
.kws-about { font-family:'Work Sans',system-ui,sans-serif; font-size:17px; line-height:1.9; }
.kws-about .kws-about__title,
.kws-about .kws-about__heading {
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(1.8rem,3.5vw,3rem);
  font-weight:700;
  line-height:1.25;
  letter-spacing:normal;
}
.kws-about .kws-about__title em { font-size:1em; font-weight:inherit; }
.kws-about .kws-about__intro,
.kws-about .kws-about__prose,
.kws-about .kws-about__contact-copy { font-size:17px; line-height:1.9; }
.kws-about .kws-about__values h3 {
  font-family:'DM Serif Display',serif;
  font-size:23px;
  font-weight:700;
  line-height:1.5;
}
.kws-about .kws-about__story-list h3 { font-size:18px; font-weight:700; line-height:1.6; }
.kws-about .kws-about__story-list p,
.kws-about .kws-about__values p,
.kws-about .kws-about__details > div { font-size:16px; line-height:1.9; }
.kws-about .kws-about__name { font-weight:700; }
@media (max-width:767px) {
  .kws-about,
  .kws-about .kws-about__intro,
  .kws-about .kws-about__prose,
  .kws-about .kws-about__contact-copy,
  .kws-about .kws-about__story-list p,
  .kws-about .kws-about__values p,
  .kws-about .kws-about__details > div { font-size:15px; line-height:1.9; }
  .kws-about .kws-about__values h3 { font-size:20px; }
  .kws-about .kws-about__story-list h3 { font-size:17px; }
}

/* ツール紹介専用CTA。共通ボタン・TOPのモーションには適用しない。 */
.kws-about .kws-about__tools-button {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  max-width:100%;
  min-height:64px;
  margin-top:30px;
  padding:18px 26px;
  border:1px solid var(--amber);
  background:var(--amber);
  color:var(--dark);
  font-family:inherit;
  font-size:16px;
  font-weight:700;
  line-height:1.6;
  box-shadow:0 6px 18px rgba(20,18,16,.14);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.kws-about .kws-about__tools-button::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-50% auto -50% 0;
  width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);
  transform:translateX(-180%) skewX(-18deg);
  pointer-events:none;
  animation:kws-about-tools-shine 4.5s ease-in-out 3;
}

/* ページ全体の環境モーション。背景を本文・写真より後ろへ分離。 */
.kws-about > section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  --kws-about-glow:rgba(196,123,30,.14);
  --kws-about-line:rgba(196,123,30,.07);
  --kws-about-drift:0px;
}
.kws-about > .kws-about__section--dark,
.kws-about > .kws-about__hero,
.kws-about > .kws-about__contact {
  --kws-about-glow:rgba(196,123,30,.22);
  --kws-about-line:rgba(232,165,53,.08);
}
.kws-about > section > .kws-about__wrap { position:relative; z-index:1; }
.kws-about > section::before {
  content:"";
  position:absolute;
  inset:-12%;
  width:auto;
  height:auto;
  max-width:none;
  background:
    radial-gradient(ellipse at 18% 30%,var(--kws-about-glow),transparent 52%),
    radial-gradient(ellipse at 85% 70%,var(--kws-about-glow),transparent 48%);
  pointer-events:none;
  transform:translate3d(0,var(--kws-about-drift),0);
}
.kws-about > section::after {
  content:"";
  position:absolute;
  inset:-100px;
  background:repeating-linear-gradient(118deg,transparent 0,transparent 139px,var(--kws-about-line) 140px,transparent 141px,transparent 280px);
  pointer-events:none;
  transform:translate3d(0,var(--kws-about-drift),0);
}
.kws-about.kws-about--motion > section::before {
  animation:kws-about-ambient-glow 16s ease-in-out infinite alternate;
  animation-play-state:paused;
}
.kws-about.kws-about--motion > section::after {
  animation:kws-about-ambient-lines 24s ease-in-out infinite alternate;
  animation-play-state:paused;
}
.kws-about.kws-about--motion > .kws-about__ambient-active::before,
.kws-about.kws-about--motion > .kws-about__ambient-active::after { animation-play-state:running; }
.kws-about > section:nth-of-type(even)::before { animation-direction:alternate-reverse; }
.kws-about [data-kws-about-reveal] { transition-delay:var(--kws-about-delay,0ms); }
.kws-about .kws-about__portrait img,
.kws-about .kws-about__field img { transition:transform .8s cubic-bezier(.2,.65,.3,1); }
@media (hover:hover) and (pointer:fine) {
  .kws-about .kws-about__portrait:hover img,
  .kws-about .kws-about__field:hover img { transform:translateY(-4px); }
}
@keyframes kws-about-ambient-glow {
  from { transform:translate3d(-2%,calc(var(--kws-about-drift) - 12px),0) scale(1); }
  to { transform:translate3d(2%,calc(var(--kws-about-drift) + 12px),0) scale(1.06); }
}
@keyframes kws-about-ambient-lines {
  from { transform:translate3d(-24px,var(--kws-about-drift),0); }
  to { transform:translate3d(24px,calc(var(--kws-about-drift) + 24px),0); }
}
@media (prefers-reduced-motion:reduce) {
  .kws-about.kws-about--motion > section::before,
  .kws-about.kws-about--motion > section::after { animation:none; transform:none; }
  .kws-about .kws-about__portrait img,
  .kws-about .kws-about__field img,
  .kws-about .kws-about__portrait:hover img,
  .kws-about .kws-about__field:hover img { transition:none; transform:none; }
  .kws-about [data-kws-about-reveal] { transition-delay:0ms; }
}
@media print {
  .kws-about > section::before,.kws-about > section::after { display:none; animation:none; }
}

/* 余白調整。文字サイズ・配色・モーションは維持。 */
.kws-about .kws-about__section { padding-block:80px; }
.kws-about .kws-about__section--outline { padding-top:0; }
.kws-about .kws-about__breadcrumb { margin-bottom:36px; }
.kws-about .kws-about__hero-grid { gap:48px; padding-bottom:48px; }
.kws-about .kws-about__hero-foot { padding-block:18px; }
.kws-about .kws-about__eyebrow { margin-bottom:16px; }
.kws-about .kws-about__heading { margin-bottom:24px; }
.kws-about .kws-about__title { margin-bottom:24px; }
.kws-about .kws-about__profile-grid { gap:64px; }
.kws-about .kws-about__story-grid,
.kws-about .kws-about__business-grid { gap:56px; }
.kws-about .kws-about__section-top { gap:32px; margin-bottom:28px; }
.kws-about .kws-about__section-top .kws-about__heading,
.kws-about .kws-about__section-top .kws-about__eyebrow { margin-bottom:0; }
.kws-about .kws-about__story-list li { padding-block:24px; }
.kws-about .kws-about__story-list h3 { margin-bottom:10px; }
.kws-about .kws-about__intro p + p { margin-top:16px; }
.kws-about .kws-about__prose p + p { margin-top:16px; }
.kws-about .kws-about__values article { padding-block:30px; }
.kws-about .kws-about__values h3 { margin-block:18px 14px; }
.kws-about .kws-about__details > div { grid-template-columns:164px minmax(0,1fr); gap:18px; padding-block:16px; }
.kws-about .kws-about__details dt { font-size:14px; line-height:1.8; }
.kws-about .kws-about__quality { margin-top:24px; }
.kws-about .kws-about__tools-button { margin-top:24px; }
.kws-about .kws-about__contact-note { margin-block:20px; }
@media (min-width:768px) and (max-width:1100px) {
  .kws-about .kws-about__hero-grid,
  .kws-about .kws-about__profile-grid,
  .kws-about .kws-about__story-grid,
  .kws-about .kws-about__business-grid { gap:32px; }
  .kws-about .kws-about__details > div { grid-template-columns:128px minmax(0,1fr); gap:14px; }
}
@media (max-width:767px) {
  .kws-about .kws-about__section { padding-block:56px; }
  .kws-about .kws-about__section--outline { padding-top:0; }
  .kws-about .kws-about__breadcrumb { margin-bottom:28px; }
  .kws-about .kws-about__hero-grid { gap:28px; padding-bottom:28px; }
  .kws-about .kws-about__hero-foot { padding-block:14px; }
  .kws-about .kws-about__eyebrow { margin-bottom:12px; }
  .kws-about .kws-about__heading,
  .kws-about .kws-about__title { margin-bottom:20px; }
  .kws-about .kws-about__profile-grid,
  .kws-about .kws-about__story-grid,
  .kws-about .kws-about__business-grid { gap:28px; }
  .kws-about .kws-about__section-top { margin-bottom:24px; }
  .kws-about .kws-about__section-top .kws-about__eyebrow { margin-bottom:12px; }
  .kws-about .kws-about__story-list li { grid-template-columns:34px minmax(0,1fr); gap:14px; padding-block:20px; }
  .kws-about .kws-about__values article,
  .kws-about .kws-about__values article:first-child { padding-block:24px; }
  .kws-about .kws-about__values h3 { margin-block:14px 12px; }
  .kws-about .kws-about__details > div { grid-template-columns:120px minmax(0,1fr); gap:12px; padding-block:14px; }
  .kws-about .kws-about__details dt { font-size:13px; }
  .kws-about .kws-about__quality { margin-top:20px; }
  .kws-about .kws-about__tools-button { margin-top:20px; }
}

/* スマホの余白を再調整。PCには適用しない。 */
@media (max-width:767px) {
  .kws-about .kws-about__wrap { width:calc(100% - 36px); }
  .kws-about .kws-about__section { padding-block:40px; }
  .kws-about .kws-about__section--outline { padding-top:0; }
  .kws-about .kws-about__hero { padding-top:84px; }
  .kws-about .kws-about__breadcrumb { margin-bottom:22px; }
  .kws-about .kws-about__hero-grid { gap:24px; padding-bottom:24px; }
  .kws-about .kws-about__eyebrow { margin-bottom:10px; }
  .kws-about .kws-about__heading,
  .kws-about .kws-about__title { margin-bottom:16px; }
  .kws-about .kws-about__profile-grid,
  .kws-about .kws-about__story-grid,
  .kws-about .kws-about__business-grid { gap:22px; }
  .kws-about .kws-about__field { padding-top:0; }
  .kws-about .kws-about__field figcaption { padding-top:10px; }
  .kws-about .kws-about__portrait figcaption { margin-top:14px; padding-top:10px; }
  .kws-about .kws-about__name { margin-block:14px; }
  .kws-about .kws-about__prose p + p,
  .kws-about .kws-about__intro p + p { margin-top:12px; }
  .kws-about .kws-about__section-top { margin-bottom:18px; }
  .kws-about .kws-about__section-top .kws-about__eyebrow { margin-bottom:10px; }
  .kws-about .kws-about__story-list li { padding-block:18px; }
  .kws-about .kws-about__story-list h3 { margin-bottom:8px; }
  .kws-about .kws-about__values article,
  .kws-about .kws-about__values article:first-child { padding-block:20px; }
  .kws-about .kws-about__values h3 { margin-block:10px; }
  .kws-about .kws-about__details > div { padding-block:12px; }
  .kws-about .kws-about__quality { margin-top:18px; padding-left:14px; }
  .kws-about .kws-about__text-link { margin-top:20px; }
  .kws-about .kws-about__tools-button { margin-top:18px; }
  .kws-about .kws-about__contact-note { margin-block:16px; }
  .kws-about .kws-about__actions { gap:12px; }
}
.kws-about .kws-about__tools-arrow {
  display:inline-flex;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid rgba(20,18,16,.35);
  border-radius:50%;
  font-size:20px;
  transition:transform .25s ease;
}
.kws-about .kws-about__tools-button:hover,
.kws-about .kws-about__tools-button:focus-visible {
  background:var(--amber-light);
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(20,18,16,.2);
}
.kws-about .kws-about__tools-button:hover .kws-about__tools-arrow,
.kws-about .kws-about__tools-button:focus-visible .kws-about__tools-arrow { transform:translateX(4px); }
@keyframes kws-about-tools-shine {
  0%,65% { transform:translateX(-180%) skewX(-18deg); }
  90%,100% { transform:translateX(400%) skewX(-18deg); }
}
@media (max-width:767px) {
  .kws-about .kws-about__tools-button { display:flex; width:100%; padding:16px 18px; gap:12px; font-size:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .kws-about .kws-about__tools-button::before { animation:none; }
  .kws-about .kws-about__tools-button,
  .kws-about .kws-about__tools-arrow { transition:none; }
  .kws-about .kws-about__tools-button:hover,
  .kws-about .kws-about__tools-button:focus-visible,
  .kws-about .kws-about__tools-button:hover .kws-about__tools-arrow,
  .kws-about .kws-about__tools-button:focus-visible .kws-about__tools-arrow { transform:none; }
}