/* About page */
.ab-intro{padding:clamp(48px,7vw,104px) 0 var(--space)}
.ab-intro__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.ab-intro__grid>*{min-width:0}
.ab-intro__text h1{max-width:12ch}
.ab-intro__text .rule{margin:8px 0 32px}
.ab-intro__text p:not(.eyebrow){max-width:34em}
.ab-intro__photo{margin:0 calc(50% - 50vw) 0 0;aspect-ratio:4/3}
.ab-intro__photo img{height:100%}

.ab-why h2{max-width:11ch;position:sticky;top:calc(var(--head-h) + 40px)}
.ab-why__list>div{padding:28px 0;border-top:1px solid var(--line)}
.ab-why__list>div:last-child{border-bottom:1px solid var(--line)}
.ab-why__list h3{margin-bottom:.4em}
.ab-why__list p{margin:0;color:var(--ink-2);max-width:34em}

.ab-make__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,4vw,56px)}
.ab-make__head h2{margin:0}
.ab-index{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-2)}
.ab-index li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,6fr);gap:clamp(20px,3vw,48px);
  align-items:baseline;padding:clamp(24px,3vw,40px) 0;border-top:1px solid var(--line-2)}
.ab-index li>*{min-width:0}
.ab-index h3{margin:0;font-size:clamp(26px,2.4vw,34px)}
.ab-index p{margin:0;color:var(--ink-2);max-width:40em}

.ab-band{margin-top:0;margin-bottom:0;height:clamp(320px,52vw,640px);overflow:hidden}
.ab-band img{width:100%;height:100%;object-fit:cover;object-position:center 60%}

.ab-not h2{max-width:10ch}
.ab-not__list{list-style:none;margin:0;padding:0;columns:2;column-gap:clamp(24px,4vw,56px)}
.ab-not__list li{break-inside:avoid;padding:20px 0;border-top:1px solid var(--line);color:var(--ink-2)}
.ab-not__list b{display:block;font:400 22px/1.3 var(--serif);color:var(--ink);margin-bottom:6px}

.ab-contact__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.ab-contact__grid>*{min-width:0}
.ab-contact__ways{margin:0}
.ab-contact__ways>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--line-dark)}
.ab-contact__ways dt{margin:4px 0 0}
.ab-contact__ways dd{margin:0;color:var(--on-dark-2)}
.ab-contact__mail{font:400 clamp(24px,2.6vw,36px)/1.2 var(--serif);color:var(--on-dark);text-decoration:none;
  border-bottom:1px solid var(--maroon-on-dark);overflow-wrap:anywhere}
.ab-contact__mail:hover{color:#fff}

@media (max-width:860px){
  .ab-intro__grid,.ab-contact__grid{grid-template-columns:minmax(0,1fr)}
  .ab-intro__photo{margin:0 calc(-1 * var(--gut))}
  .ab-why h2{position:static}
  .ab-index li{grid-template-columns:64px minmax(0,1fr)}
  .ab-index li p{grid-column:2}
  .ab-index .numeral--xl{font-size:40px}
  .ab-not__list{columns:1}
  .ab-make__head{display:block}
}