/* Additive About page styles; no other page styles are modified. */
.about-page{background:#fffaf2;color:#08192b;font-family:Arial,sans-serif}.about-page *{box-sizing:border-box}.about-page img{display:block;width:100%;height:100%;object-fit:cover}.about-page h1,.about-page h2{font-family:Georgia,serif}.about-hero{position:relative;display:grid;grid-template-columns:42% 58%;min-height:350px;background:#10160f;color:#fff;overflow:hidden}.about-hero-photo{min-height:350px;overflow:hidden}.about-hero-photo img{object-position:center 35%}.about-hero-content{padding:26px 29% 20px 5%;background:linear-gradient(90deg,#0c120de8,#17180be8);min-width:0}.about-hero-content .eyebrow{letter-spacing:5px;font-size:14px;margin:0 0 4px}.about-hero h1{font-size:clamp(36px,4.4vw,68px);line-height:1;margin:0;white-space:nowrap}.about-hero .roles{font-size:12px;letter-spacing:3px;font-weight:bold;white-space:nowrap}.about-hero .roles span{color:#e5b35a;padding:0 8px}.about-hero h2{font-size:clamp(25px,2.6vw,39px);line-height:1.08;margin:13px 0}.about-hero-content>p:not(.eyebrow):not(.roles):not(.signature){font-size:14px;line-height:1.5;margin:9px 0}.about-hero .signature{font:italic 29px Georgia,serif;text-align:right;margin:5px 0 0}.hero-motto{position:absolute;right:2.5%;top:42px;border-left:2px solid #e9b960;padding:8px 0 8px 16px;font:12px/1.8 Arial,sans-serif;letter-spacing:2px}.about-panels{display:grid;grid-template-columns:36% 20% 24% 20%;min-height:320px}.family-image,.studio-image{min-height:320px;overflow:hidden}.family-image img{object-position:center}.studio-image img{object-position:center}.about-copy{padding:19px 21px;background:#fffbf4}.about-copy h2,.about-bottom h2{font-size:clamp(23px,2.1vw,34px);line-height:1.05;margin:0 0 13px}.about-copy h2:after,.about-bottom h2:after{content:'';display:block;width:44px;border-bottom:2px solid #e6b45e;margin-top:9px}.about-copy p,.about-bottom p{font-size:14px;line-height:1.45;margin:0}.about-button{display:inline-block;margin-top:12px;padding:12px 24px;background:#e9b45c;border-radius:6px;text-decoration:none;color:#08192b;font:bold 12px Arial,sans-serif;letter-spacing:1px}.about-button.dark{background:#071d34;color:#fff}.about-button.pending{opacity:.8;cursor:default}.about-bottom{display:grid;grid-template-columns:36% 34% 30%;min-height:255px}.truck-image{min-height:260px;overflow:hidden}.truck-image img{object-position:center}.direction-copy,.why-copy{padding:19px 26px}.why-copy{border-left:1px solid #e1b76c}.why-icons{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px}.why-icons div{text-align:center;border-right:1px solid #e1b76c;font-size:27px}.why-icons div:last-child{border:0}.why-icons strong,.why-icons small{display:block;font:700 11px Arial,sans-serif;margin:3px 0}.why-icons small{font:11px/1.2 Arial,sans-serif}
@media(max-width:1150px){.about-hero-content{padding-right:24%}.hero-motto{right:1%;font-size:10px}.about-hero .roles{font-size:10px;letter-spacing:1px}.about-panels{grid-template-columns:1fr 1fr}.about-bottom{grid-template-columns:1fr 1fr}.truck-image{grid-column:1/-1;height:300px}.why-copy{border-left:1px solid #e1b76c}}
@media(max-width:680px){.about-hero{grid-template-columns:1fr}.about-hero-photo{height:300px;min-height:0}.about-hero-content{padding:22px 6%}.about-hero h1{white-space:normal;font-size:38px}.about-hero .roles{white-space:normal;line-height:1.8}.hero-motto{position:static;border-left:2px solid #e9b960;margin:0 6% 22px;background:#10160f}.about-panels,.about-bottom{grid-template-columns:1fr}.family-image,.studio-image{height:300px;min-height:0}.about-copy{padding:25px 6%}.truck-image{grid-column:auto;height:270px;min-height:0}.direction-copy,.why-copy{padding:25px 6%}.why-copy{border:0;border-top:1px solid #e1b76c}}

/* Version 42: Restore comfortable proportions and keep the full top of the portrait visible. */
@media (min-width:1151px) {
  .about-hero { height:auto; min-height:470px; grid-template-columns:39% 61%; }
  .about-hero-photo { height:auto; min-height:470px; }
  .about-hero-photo img { height:100%; object-position:center top; }
  .about-hero-content { padding:32px 25% 30px 5%; }
  .about-hero h1 { font-size:clamp(36px,4vw,64px); }
  .about-hero h2 { font-size:clamp(25px,2.3vw,37px); }
  .about-hero .roles { letter-spacing:2px; }
  .about-hero-content>p:not(.eyebrow):not(.roles):not(.signature) { line-height:1.6; margin:12px 0; }
  .about-hero .signature { margin-top:18px; }
  .hero-motto { top:48px; right:2%; }
  .about-panels { height:auto; min-height:390px; }
  .family-image,.studio-image { height:auto; min-height:390px; }
  .about-copy { padding:24px 22px; }
  .about-bottom { height:auto; min-height:340px; }
  .truck-image { height:auto; min-height:340px; }
  .direction-copy,.why-copy { padding:25px 26px; }
  .about-copy p,.about-bottom p { line-height:1.55; }
}
@media (min-width:681px) and (max-width:1150px) {
  .about-hero { grid-template-columns:40% 60%; }
  .about-hero-photo { min-height:400px; }
  .about-hero-photo img { object-position:center top; }
  .about-hero-content { padding-right:20%; }
  .about-hero h1 { white-space:normal; }
  .about-hero .roles { white-space:normal; line-height:1.5; }
  .hero-motto { top:18px; }
}

/* Version 43: Adjust ONLY the desktop About hero; leave all lower sections unchanged. */
@media (min-width:1151px) {
  .about-hero { height:440px; min-height:0; grid-template-columns:39% 61%; }
  .about-hero-photo { height:440px; min-height:0; overflow:hidden; }
  .about-hero-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
  .about-hero-content { min-height:0; padding:26px 25% 20px 5%; }
}


/* Version 45: Preserve the complete portrait in the About hero. */
@media (min-width:1151px) {
  .about-hero {
    grid-template-columns: 35% 65%;
  }

  .about-hero-photo {
    background: #10160f;
  }

  .about-hero-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }

  .about-hero-content {
    padding: 26px 24% 20px 5%;
  }
}


/* Version 46: Enlarge About portrait while preserving full head.
   No changes to text or other sections. */
@media (min-width:1151px) {
  .about-hero-photo img {
    object-fit: contain;
    object-position: center center;
    transform: scale(1.17);
    transform-origin: center top;
  }
}