/* About Ken: companion to the established Route 66 homepage */
.about-hero{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:url('images/mountain-highway.jpg') center 55%/cover}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071c2fc9,#06213480,#071b2ccc)}
.about-hero-inner{position:relative;padding:75px 24px 70px;text-shadow:0 3px 9px #0009}
.about-kicker{color:#ffdfab;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:.18em}
.about-hero h1{font:900 clamp(62px,10vw,116px)/.9 'Barlow Condensed',sans-serif;letter-spacing:.03em;margin:12px auto}
.about-hero p{font-size:clamp(16px,2vw,21px);margin:15px 0 27px}
.about-down{display:inline-block;border:2px solid #fff1cf;border-radius:5px;padding:8px 18px;text-decoration:none;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:.07em}
.about-down:hover{background:#a83025}
.about-main{background:linear-gradient(90deg,#dbcaa7,#f5ebd4 16%,#f7efdE 84%,#dbcaa7)}
.about-intro{display:grid;grid-template-columns:minmax(180px,290px) 1fr;gap:42px;max-width:990px;margin:auto;padding:70px 35px 60px;align-items:center}
.about-intro img{width:100%;max-height:340px;object-fit:cover;object-position:center 25%;border:9px solid white;box-shadow:0 12px 27px #092a4030;transform:rotate(-2deg)}
.about-intro .small-label{color:#a52e25;letter-spacing:.15em}
.about-intro h2{font:900 clamp(29px,4vw,49px)/1.03 'Barlow Condensed',sans-serif;margin:12px 0;color:#112d41;text-transform:uppercase}
.about-intro p{font-size:18px;line-height:1.75}
.memoir{max-width:840px;margin:0 auto;padding:0 32px 45px}
.memoir-section{padding-top:18px}
.memoir-section h2{font:900 clamp(33px,4.7vw,49px)/1.03 'Barlow Condensed',sans-serif;color:#142e3e;margin:45px 0 24px;padding-bottom:12px;border-bottom:3px solid #b33729;text-transform:uppercase}
.memoir-section p{font-size:17px;line-height:1.86;margin:0 0 22px;color:#25343b}
.memoir-section .beat{font-weight:700;color:#8d2b22;font-size:19px}
.article-quote{font:700 clamp(22px,3vw,29px)/1.35 'Barlow Condensed',sans-serif;color:#873322;border-left:5px solid #b33729;padding:14px 20px;margin:30px 0 35px;background:#e4d7bc}
.story-photo{margin:45px auto 38px;max-width:720px;position:relative;background:#fff;padding:11px 11px 15px;box-shadow:0 10px 35px #142c3d35}
.story-photo img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.story-photo figcaption{font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:.06em;color:#394b55;text-align:center;margin-top:10px}
.memoir-section .closing{font:900 37px 'Barlow Condensed',sans-serif;letter-spacing:.015em;text-align:center;color:#9c3023;margin-top:25px}
.about-outro{background:#092a40;color:#f7e9ca;text-align:center;padding:55px 20px 65px;border-top:7px solid #b63728}
.about-outro img{width:78px;height:80px;object-fit:contain}
.about-outro h2{font:900 clamp(30px,5vw,49px) 'Barlow Condensed',sans-serif;margin:15px 0 4px;text-transform:uppercase}
.about-outro p{margin:0 0 25px}
.about-cta{display:inline-block;background:#b73428;color:#fff;padding:12px 22px;margin:5px;border-radius:4px;text-decoration:none;font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:.06em}
.about-cta.secondary{border:1px solid #d4bd98;background:transparent;color:#ffebc5}
.about-cta:hover{filter:brightness(1.15)}
@media(max-width:650px){.about-hero{min-height:330px}.about-intro{grid-template-columns:1fr;padding:44px 26px 24px;gap:22px}.about-intro img{width:230px;max-height:260px;margin:auto}.about-intro h2{text-align:center}.about-intro .small-label{display:block;text-align:center}.memoir{padding:0 23px 34px}.memoir-section p{font-size:16px;line-height:1.79}.memoir-section h2{margin-top:30px}.story-photo{margin:32px -7px}}

/* Full-photo treatment: never crop Ken or Route 66 landmarks. */
.story-photo{max-width:790px; padding:12px 12px 16px;}
.story-photo img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;display:block;}
.about-intro img{max-height:none;height:auto;object-fit:contain;object-position:center;}
@media(max-width:650px){.about-intro img{width:min(100%,320px);max-height:none;}}

/* Closing photograph: intentionally smaller, preserving the complete image. */
.memoir > figure.story-photo:last-of-type {
  width: 33.333%;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 650px) {
  .memoir > figure.story-photo:last-of-type {
    width: 33.333%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Closing Santa Monica photograph: small, uncropped, true aspect ratio. */
figure.story-photo.closing-photo { width: min(100%, 280px) !important; max-width: 280px !important; margin: 40px auto !important; box-sizing: border-box; }
figure.story-photo.closing-photo img { display: block; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; }
@media (max-width: 650px) { figure.story-photo.closing-photo { width: min(72vw, 280px) !important; } }

/* Caption for the opening Chicago photograph; keeps the entire image visible. */
.about-intro-photo{margin:0;min-width:0;text-align:center}
.about-intro-photo figcaption{font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:#394b55;margin-top:18px}
@media(max-width:650px){.about-intro-photo img{display:block;margin-left:auto;margin-right:auto}}

/* Chicago opening portrait: caption inside the same white photo frame. */
.about-intro-photo {
  background: #fff;
  padding: 9px 9px 12px;
  box-shadow: 0 12px 27px #092a4030;
  transform: rotate(-2deg);
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.about-intro-photo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  transform: none;
  border: 0;
  box-shadow: none;
}
.about-intro-photo figcaption {
  display: block;
  text-align: center;
  color: #394b55;
  font: 700 17px 'Barlow Condensed', sans-serif;
  letter-spacing: .04em;
  line-height: 1.2;
  margin: 8px 0 0;
  padding: 0 2px;
}
@media(max-width:650px) {
  .about-intro-photo { max-width: 320px; margin: 0 auto; }
  .about-intro-photo img { width: 100%; }
}

/* Opening Chicago photograph: one self-contained Polaroid card, like Santa Monica. */
.about-intro figure.about-intro-photo {
  display: block;
  width: min(100%, 265px);
  max-width: 265px;
  min-width: 0;
  padding: 12px 12px 16px;
  margin: 0 auto;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 10px 35px #142c3d35;
  transform: none;
  text-align: center;
}
.about-intro figure.about-intro-photo > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  margin: 0;
  object-fit: contain;
  transform: none;
  box-shadow: none;
}
.about-intro figure.about-intro-photo > figcaption {
  display: block;
  margin: 10px 0 0;
  padding: 0;
  font: 700 17px 'Barlow Condensed', sans-serif;
  line-height: 1.25;
  letter-spacing: .04em;
  color: #394b55;
  text-align: center;
}