.about-page{background:var(--color-light);color:var(--color-text)}
.about-page main{overflow:hidden}
.about-hero{background:var(--color-dark);color:var(--color-light);min-height:590px;display:grid;align-items:center}
.about-hero-inner{width:min(1320px,90vw);margin:0 auto;padding:88px 0;display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:40px;align-items:end}
.about-eyebrow{margin:0 0 18px;color:var(--color-brass-light);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.about-hero h1{margin:0;max-width:1050px;font-family:var(--font-serif);font-size:clamp(4rem,8vw,8.7rem);line-height:.84;letter-spacing:-.045em;text-transform:uppercase}
.about-hero-copy{max-width:680px;margin:30px 0 0;color:rgba(249,243,233,.72);font-family:var(--font-serif);font-weight:400;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.45}
.about-number{color:rgba(185,152,99,.42);font-family:var(--font-serif);font-size:clamp(5rem,8vw,8rem);line-height:.8;text-align:right}
.about-section{padding:96px 0 108px}
.about-section-light{background:var(--color-light)}
.about-section-dark{background:var(--color-dark);color:var(--color-light)}
.about-section-inner{width:min(1320px,90vw);margin:0 auto}
.about-split{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:86px;align-items:center}
.about-photo-stack{position:relative;height:540px;min-height:540px}
.about-photo{position:absolute;margin:0;width:36%;height:410px;overflow:hidden;background-image:url("../images/about-section1-triptych.jpg");background-repeat:no-repeat;background-size:300% 100%;background-color:#d9d0c0}
.about-photo-one{left:0;top:0;background-position:left center}
.about-photo-two{left:32%;top:64px;background-position:center center}
.about-photo-three{left:64%;top:128px;background-position:right center}
.about-image-label{position:absolute;left:18px;bottom:16px;color:var(--color-brass-light);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.about-copy h2{margin:0 0 28px;font-family:var(--font-serif);font-size:clamp(3.2rem,5.2vw,6rem);line-height:.88;letter-spacing:-.04em;text-transform:uppercase}
.about-copy .lead{margin:0 0 24px;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.05rem,1.25vw,1.3rem);line-height:1.55}
.about-copy p{max-width:720px;margin:0 0 20px;font-size:.98rem;line-height:1.78}
.about-section-dark .about-copy p{color:rgba(249,243,233,.72)}
.about-section-dark .about-copy .lead{color:var(--color-light)}
.about-heading-row{display:grid;grid-template-columns:90px minmax(0,1fr) 100px;gap:44px;align-items:start}
.about-vertical{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--color-brass-light);font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.about-heading-row h2{margin:0;font-family:var(--font-serif);font-size:clamp(3.3rem,5.7vw,6.6rem);line-height:.86;letter-spacing:-.045em;text-transform:uppercase}
.about-section-number{color:rgba(185,152,99,.4);font-family:var(--font-serif);font-size:5.5rem;line-height:.8;text-align:right}
.about-body-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:70px;margin-top:44px;padding-top:34px;border-top:1px solid rgba(185,152,99,.24)}
.about-body-grid p{margin:0 0 22px;line-height:1.8}
.about-body-grid p:first-child{font-family:var(--font-serif);font-weight:400;font-size:1.45rem;line-height:1.48}
.about-band{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:82px;align-items:center}
.about-band-image{min-height:480px;overflow:hidden;background:#222}
.about-band-image img{width:100%;height:480px;object-fit:cover;object-position:center;display:block}
.about-band-copy h2{margin:0 0 24px;font-family:var(--font-serif);font-size:clamp(3rem,5vw,5.7rem);line-height:.88;letter-spacing:-.04em;text-transform:uppercase}
.about-band-copy p{margin:0 0 22px;line-height:1.78}
.about-authenticity .about-section-inner.about-copy{position:relative;max-width:1320px;padding-right:0;}
.about-authenticity .about-section-inner.about-copy .lead{
  max-width:none;
  column-count:2;
  column-gap:72px;
  column-fill:balance;
}
.about-authenticity .about-section-inner.about-copy .lead + p{
  margin-top:26px;
}
.about-legacy{text-align:center;max-width:980px;margin:0 auto}
.about-legacy h2{margin:0 auto 24px;font-family:var(--font-serif);font-size:clamp(3.6rem,6vw,7rem);line-height:.85;letter-spacing:-.045em;text-transform:uppercase}
.about-legacy p{max-width:760px;margin:0 auto;color:rgba(249,243,233,.72);font-weight:400;line-height:1.78}
.about-cta{display:inline-flex;margin-top:30px;padding:13px 22px;border:1px solid var(--color-brass);color:var(--color-light);text-decoration:none;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

.about-heading-row h2 .heading-line{display:block;white-space:nowrap}
.about-band-copy h2 .heading-line{display:block;white-space:nowrap}
.about-band-copy h2{font-size:clamp(2.6rem,3.7vw,4.2rem);letter-spacing:-.04em}

@media(max-width:900px){
 .about-authenticity .about-section-inner.about-copy{padding-right:0}
 .about-authenticity .about-section-inner.about-copy .lead{column-count:1}
 .about-hero-inner,.about-split,.about-band,.about-body-grid{grid-template-columns:1fr}
 .about-number,.about-section-number{display:none}
 .about-heading-row{grid-template-columns:1fr;gap:24px}
 .about-heading-row h2 .heading-line,.about-band-copy h2 .heading-line{white-space:normal}
 .about-vertical{writing-mode:horizontal-tb;transform:none}
 .about-photo-stack{height:450px;min-height:450px}
 .about-photo{width:36%;height:320px}
 .about-photo-one{left:0;top:0}
 .about-photo-two{left:32%;top:48px}
 .about-photo-three{left:64%;top:96px}
 .about-band-image,.about-band-image img{min-height:400px;height:400px}
}
@media(max-width:600px){
 .about-hero{min-height:auto}
 .about-hero-inner,.about-section-inner{width:92vw}
 .about-hero-inner{padding:70px 0 78px}
 .about-section{padding:72px 0 80px}
 .about-photo-stack{height:350px;min-height:350px}
 .about-photo{width:36%;height:255px}
 .about-photo-one{left:0;top:0}
 .about-photo-two{left:32%;top:38px}
 .about-photo-three{left:64%;top:76px}
 .about-band-image,.about-band-image img{min-height:330px;height:330px}
}

.about-copy h2,
.about-heading-row h2,
.about-band-copy h2,
.about-legacy h2{
  font-size:clamp(2.55rem,3.15vw,3.55rem);
}

@media(max-width:900px){
  .about-copy h2,
  .about-heading-row h2,
  .about-band-copy h2,
  .about-legacy h2{
    font-size:clamp(2.65rem,5vw,4rem);
  }
}

@media(max-width:600px){
  .about-copy h2,
  .about-heading-row h2,
  .about-band-copy h2,
  .about-legacy h2{
    font-size:clamp(2.7rem,12vw,4rem);
  }
}

.about-photo-single{
  height:auto;
  min-height:0;
}
.about-photo-single .about-photo-placeholder{
  position:relative;
  left:auto;
  top:auto;
  width:100%;
  height:auto;
  aspect-ratio:1688 / 932;
  background:none;
  overflow:hidden;
}
.about-photo-single .about-photo-placeholder img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.about-photo-single .about-image-label{
  left:18px;
  bottom:16px;
}
@media(max-width:900px){
  .about-photo-single{height:auto;min-height:0}
  .about-photo-single .about-photo-placeholder{width:100%;height:auto;aspect-ratio:1688 / 932}
}
@media(max-width:600px){
  .about-photo-single{height:auto;min-height:0}
  .about-photo-single .about-photo-placeholder{width:100%;height:auto;aspect-ratio:1688 / 932}
}

.about-photo-horizontal{
  position:relative;
  height:410px;
  min-height:410px;
  width:100%;
}
.about-photo-horizontal .about-photo{
  position:absolute;
  margin:0;
  width:30%;
  height:330px;
  overflow:hidden;
  background-image:url("../images/about-booker-placeholder.png");
  background-repeat:no-repeat;
  background-size:300% 100%;
  background-color:#d9d0c0;
}
.about-photo-horizontal .about-photo-one{
  left:0;
  top:0;
  background-position:left center;
}
.about-photo-horizontal .about-photo-two{
  left:34%;
  top:48px;
  background-position:center center;
}
.about-photo-horizontal .about-photo-three{
  left:68%;
  top:96px;
  background-position:right center;
}
.about-photo-horizontal .about-image-label{
  left:14px;
  bottom:12px;
}

@media(max-width:900px){
  .about-photo-horizontal{
    height:350px;
    min-height:350px;
  }
  .about-photo-horizontal .about-photo{
    width:30%;
    height:275px;
  }
  .about-photo-horizontal .about-photo-one{left:0;top:0}
  .about-photo-horizontal .about-photo-two{left:34%;top:40px}
  .about-photo-horizontal .about-photo-three{left:68%;top:80px}
}

@media(max-width:600px){
  .about-photo-horizontal{
    height:285px;
    min-height:285px;
  }
  .about-photo-horizontal .about-photo{
    width:30%;
    height:220px;
  }
  .about-photo-horizontal .about-photo-one{left:0;top:0}
  .about-photo-horizontal .about-photo-two{left:34%;top:32px}
  .about-photo-horizontal .about-photo-three{left:68%;top:64px}
  .about-photo-horizontal .about-image-label{font-size:.5rem;left:8px;bottom:8px}
}

.about-photo-horizontal{
  position:relative;
  width:100%;
  height:385px;
  min-height:385px;
}

.about-photo-horizontal .about-photo{
  position:absolute;
  margin:0;
  width:35%;
  height:315px;
  overflow:hidden;
  background-image:url("../images/about-booker.png");
  background-repeat:no-repeat;
  background-size:300% 100%;
  background-color:transparent;
  border:0;
  box-shadow:none;
}

.about-photo-horizontal .about-photo-one{
  left:0;
  top:0;
  background-position:left center;
}

.about-photo-horizontal .about-photo-two{
  left:30%;
  top:36px;
  background-position:center center;
}

.about-photo-horizontal .about-photo-three{
  left:60%;
  top:72px;
  background-position:right center;
}

.about-photo-horizontal .about-image-label{
  left:50%;
  bottom:-34px;
  transform:translateX(-50%);
  color:var(--color-brass);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.18em;
  white-space:nowrap;
}

@media(max-width:900px){
  .about-photo-horizontal{
    height:350px;
    min-height:350px;
  }
  .about-photo-horizontal .about-photo{
    width:35%;
    height:275px;
  }
  .about-photo-horizontal .about-photo-one{left:0;top:0}
  .about-photo-horizontal .about-photo-two{left:30%;top:34px}
  .about-photo-horizontal .about-photo-three{left:60%;top:68px}
}

@media(max-width:600px){
  .about-photo-horizontal{
    height:285px;
    min-height:285px;
  }
  .about-photo-horizontal .about-photo{
    width:35%;
    height:220px;
  }
  .about-photo-horizontal .about-photo-one{left:0;top:0}
  .about-photo-horizontal .about-photo-two{left:30%;top:28px}
  .about-photo-horizontal .about-photo-three{left:60%;top:56px}
  .about-photo-horizontal .about-image-label{
    bottom:-28px;
    font-size:.5rem;
  }
}