/* About: three distinct chapters, with shared type and monochrome palette. */
.ab-section{padding:110px var(--gutter);scroll-margin-top:110px}
.ab-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px}
.ab-section-heading .bn-label{margin-bottom:24px}
.ab-section-heading h2{font:550 clamp(48px,6.4vw,98px)/1.06 var(--sans);letter-spacing:-.065em;padding-bottom:.12em}
.ab-section-heading h2 em{font-size:1.08em;letter-spacing:-.035em}
.ab-section-heading>.bn-round-link{margin-bottom:20px}
.ab-section-heading>.bn-label{max-width:220px;margin:0 0 20px;text-align:right}
.ab-records{display:flex;flex-direction:column;gap:14px}
.ab-record{--record-ink:#000000;--record-muted:#484848;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr) 36px;align-items:center;gap:36px;padding:40px 30px;border-radius:12px;background:#cccccc22;overflow:clip;color:var(--record-ink);transition:background .5s var(--bn-ease),color .4s ease,transform .6s var(--bn-ease)}
.ab-record>.bn-fluid-field{z-index:-1;border-radius:inherit;opacity:var(--record-gradient,0);transition:opacity .5s ease}
.ab-record__date{font:400 clamp(27px,3.3vw,49px)/1.2 var(--serif);letter-spacing:-.035em;font-variant-numeric:lining-nums;color:var(--record-ink);transition:color .4s ease}
.ab-record__body>.bn-label{color:var(--record-muted);display:block;margin-bottom:14px;transition:color .4s ease}
.ab-record h3{font:550 clamp(28px,3.45vw,53px)/1.14 var(--sans);letter-spacing:-.05em;color:var(--record-ink);transition:color .4s ease}
.ab-record__body>p{max-width:550px;margin-top:14px;font:400 16px/1.5 var(--sans);color:var(--record-muted);transition:color .4s ease}
.ab-record__index{align-self:start;justify-self:end;color:var(--record-muted);font:400 11px/1.5 var(--sans);padding-top:5px;transition:color .4s ease}
.ab-record:focus-visible{--record-gradient:1;--record-ink:#ffffff;--record-muted:#ffffff;outline:2px solid #484848;outline-offset:5px}
.ab-experience{background:#000000;color:#ffffff;--bn-paper:#000000;--bn-ink:#ffffff;--bn-muted:#cccccc}
.ab-experience .ab-record{--record-ink:#ffffff;--record-muted:#cccccc;background:#ffffff0a}
.ab-experience .ab-record>.bn-fluid-field{opacity:var(--record-gradient,0)}
.ab-experience .ab-record:focus-visible{--record-gradient:1;--record-ink:#ffffff;--record-muted:#ffffff}
@media(hover:hover) and (pointer:fine){
  .ab-record:hover{--record-gradient:1;--record-ink:#ffffff;--record-muted:#ffffff;background:#000000;transform:translateY(-6px)}
  .ab-experience .ab-record:hover{background:#000000}
}
.ab-exhibition{margin-top:70px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-inline:30px}
.ab-exhibition .bn-label{margin-bottom:18px;color:#cccccc}
.ab-exhibition h3{font:500 clamp(27px,3.5vw,50px)/1.18 var(--sans);letter-spacing:-.05em}
.ab-exhibition p:not(.bn-label){margin-top:16px;font:400 17px/1.5 var(--sans);color:#cccccc}
.ab-exhibition em{font-size:1.15em}
.ab-toolkit{padding-bottom:65px}
.ab-toolkit__intro{max-width:320px;margin-bottom:20px!important;color:#484848;font:400 17px/1.5 var(--sans)}
.ab-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.ab-tool{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px 16px;align-items:center;min-width:0;padding:30px 26px;border-radius:12px;background:#cccccc33;color:var(--tool-ink,#000000);transition:background .5s var(--bn-ease),color .4s ease,transform .6s var(--bn-ease)}
.ab-tool>.bn-fluid-field{z-index:-1;opacity:var(--tool-gradient,0);border-radius:inherit;transition:opacity .5s ease}
.ab-tool__icon{width:64px;height:64px;display:grid;place-items:center;transform-origin:center;transition:transform .6s var(--bn-ease)}
.ab-tool__icon>img{width:52px;height:52px;object-fit:contain;filter:grayscale(1) brightness(0) invert(var(--tool-invert,0));transition:filter .4s ease}
.ab-tool:last-child .ab-tool__icon>img{width:33px;height:50px}
.ab-tool h3{font:550 clamp(18px,1.65vw,25px)/1.2 var(--sans);letter-spacing:-.035em}
.ab-tool p{margin-top:5px;font:400 11px/1.5 var(--sans);color:var(--tool-secondary,#484848);transition:color .4s ease}
.ab-tool__level{grid-column:1/-1;justify-self:start;padding:7px 12px;border-radius:5px;background:var(--tool-badge,#ffffff);font:500 11px/1.3 var(--sans);transition:background .4s ease,color .4s ease}
.ab-tool:focus-visible{--tool-gradient:1;--tool-ink:#ffffff;--tool-secondary:#ffffff;--tool-invert:1;--tool-badge:#ffffff1a;outline:2px solid #484848;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.ab-tool:hover{--tool-gradient:1;--tool-ink:#ffffff;--tool-secondary:#ffffff;--tool-invert:1;--tool-badge:#ffffff1a;background:#000000;transform:translateY(-6px)}.ab-tool:hover .ab-tool__icon{transform:translateY(-3px) rotate(-7deg) scale(1.1)}}
@media(max-width:1000px){.ab-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-record{grid-template-columns:170px minmax(0,1fr) 24px;gap:25px;padding:30px 24px}}
@media(max-width:700px){
  .ab-section{padding:70px var(--gutter)}
  .ab-section-heading{display:block;margin-bottom:35px}
  .ab-section-heading .bn-label{margin-bottom:18px}
  .ab-section-heading h2{font-size:clamp(42px,12vw,68px);line-height:1.1}
  .ab-section-heading>.bn-round-link{margin-top:24px;margin-bottom:0}
  .ab-section-heading>.bn-label{text-align:left;margin:20px 0 0}
  .ab-record{grid-template-columns:minmax(0,1fr) 24px;gap:20px;padding:26px 22px}
  .ab-record__date{grid-column:1;font-size:32px}
  .ab-record__body{grid-column:1/-1;grid-row:2}
  .ab-record__index{grid-column:2;grid-row:1}
  .ab-record h3{font-size:clamp(26px,7.8vw,38px)}
  .ab-record__body>p{font-size:15px}
  .ab-exhibition{display:block;margin-top:45px;padding:0 5px}
  .ab-exhibition>.bn-round-link{margin-top:26px}
  .ab-toolkit__intro{margin-top:22px!important;font-size:16px}
  .ab-tools{gap:12px}
  .ab-tool{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:22px 18px}
  .ab-tool__icon{width:48px;height:48px}
  .ab-tool__icon>img{width:42px;height:42px}
  .ab-tool:last-child .ab-tool__icon>img{width:28px;height:42px}
  .ab-tool h3{font-size:18px}
  .ab-tool__level{margin-top:auto;font-size:10px}
}
@media(max-width:350px){.ab-tools{grid-template-columns:1fr}.ab-tool{display:grid;grid-template-columns:48px minmax(0,1fr);padding:22px}.ab-tool__level{grid-column:2}}
@media(prefers-reduced-motion:reduce){.ab-tool,.ab-record,.ab-tool__icon,.ab-tool__icon>img,.ab-tool p,.ab-tool__level,.ab-tool>.bn-fluid-field,.ab-record>.bn-fluid-field,.ab-record__date,.ab-record__body>.bn-label,.ab-record__body>p,.ab-record__index{transition:none}.ab-tool:hover,.ab-tool:hover .ab-tool__icon,.ab-record:hover{transform:none}}