/* About page — extends main.css */
.responsive-cover-picture,
.responsive-cover-picture img{position:absolute;inset:0;width:100%;height:100%}
.responsive-cover-picture img{object-fit:cover;filter:saturate(.84) contrast(1.05)}

.about-hero{min-height:640px;position:relative;display:grid;align-items:end;color:var(--white);overflow:hidden;background:var(--black)}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42) 45%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 58%)}
.about-hero-inner{position:relative;z-index:2;padding:150px 0 90px}
.about-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:34px;font-family:var(--ui);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.about-breadcrumb span:last-child{color:var(--white)}
.about-hero h1{font-family:var(--serif);font-size:clamp(58px,8vw,108px);line-height:.98;letter-spacing:-.075em;font-weight:600;max-width:820px;margin:20px 0 24px}
.about-hero p{max-width:620px;margin:0;color:rgba(255,255,255,.82);font-size:20px}

.about-intro{padding:clamp(76px,10vw,135px) 0;background:var(--offwhite)}
.about-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.about-intro h2,.about-story-copy h2,.about-team-head h2,.about-cta h2{font-family:var(--serif);color:var(--soft-black);font-weight:600;letter-spacing:-.055em;line-height:1.1}
.about-intro h2{font-size:clamp(42px,5.5vw,68px);margin:14px 0 0}
.about-intro-copy p{margin:0 0 18px;color:#505050;font-size:18px}.about-intro-copy .text-link{display:inline-flex;margin-top:10px}

.about-story{padding:clamp(82px,10vw,145px) 0;background:var(--white)}
.about-story-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
.about-story-image{position:relative;overflow:hidden;background:#ddd;min-height:540px}.about-story-image:before{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.42);z-index:2;pointer-events:none}.about-story-image img{width:100%;height:100%;min-height:540px;object-fit:cover;filter:saturate(.86)}
.about-story-copy h2{font-size:clamp(44px,6vw,78px);margin:16px 0 22px}.about-story-copy p{font-size:17px;color:#555;margin:0 0 18px}

.about-values{padding:0 0 clamp(76px,9vw,125px);background:var(--white)}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-values article{background:var(--offwhite);border:1px solid var(--line);padding:34px;min-height:260px}.about-values span{font-family:var(--ui);font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--gold)}.about-values h3{font-family:var(--serif);font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:18px 0 14px}.about-values p{margin:0;color:#555}

.about-team-section{padding:clamp(82px,10vw,145px) 0;background:var(--offwhite)}
.about-team-head{max-width:780px;text-align:center;margin:0 auto 54px}.about-team-head h2{font-size:clamp(44px,6vw,74px);margin:14px 0 18px}.about-team-head p{max-width:620px;margin:0 auto;color:#555;font-size:17px}
.about-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.about-team-card{background:var(--white);border:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;gap:0;min-height:330px;transition:.35s ease;overflow:hidden}.about-team-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.1)}
.about-team-photo{position:relative;overflow:hidden;background:#ddd}.about-team-photo img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center;filter:saturate(.86);transition:.7s ease}.about-team-card:hover .about-team-photo img{transform:scale(1.045)}
.about-team-copy{padding:30px 30px 28px}.about-team-copy span{font-family:var(--ui);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.about-team-copy h3{font-family:var(--serif);font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.048em;font-weight:600;margin:12px 0 14px}.about-team-copy p{margin:0 0 14px;color:#555;font-size:15.5px;line-height:1.66}.about-team-copy details{margin-top:12px}.about-team-copy summary{cursor:pointer;display:inline-flex;font-family:var(--ui);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:6px;list-style:none}.about-team-copy summary::-webkit-details-marker{display:none}.about-more-copy{padding-top:18px}.about-more-copy p{font-size:15px;color:#5b5b5b}
.about-team-card:nth-child(1){grid-column:span 2;grid-template-columns:.82fr 1.18fr}.about-team-card:nth-child(1) .about-team-photo img{min-height:430px}.about-team-card:nth-child(1) .about-team-copy{padding:44px}.about-team-card:nth-child(1) .about-team-copy h3{font-size:clamp(42px,5vw,66px)}

.about-cta{background:var(--black);color:var(--white);padding:clamp(90px,12vw,160px) 0;text-align:center}.about-cta-inner{max-width:760px}.about-cta .gold-rule{margin-inline:auto}.about-cta h2{color:var(--white);font-size:clamp(48px,7vw,90px);margin:0 0 18px}.about-cta p{color:rgba(255,255,255,.72);max-width:540px;margin:0 auto 32px}

@media(max-width:1040px){.about-intro-grid,.about-story-layout{grid-template-columns:1fr;gap:44px}.about-values-grid{grid-template-columns:1fr 1fr}.about-team-grid{grid-template-columns:1fr}.about-team-card,.about-team-card:nth-child(1){grid-column:auto;grid-template-columns:240px 1fr}.about-team-card:nth-child(1) .about-team-copy{padding:34px}.about-team-card:nth-child(1) .about-team-copy h3{font-size:clamp(34px,5vw,50px)}}
@media(max-width:760px){.about-hero{min-height:720px;align-items:end}.about-hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.28) 38%,rgba(0,0,0,.72)),linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12))}.about-hero-inner{padding:118px 0 58px}.about-breadcrumb{font-size:9px;gap:9px;margin-bottom:24px}.about-hero h1{font-size:56px;max-width:360px}.about-hero p{font-size:17px}.about-intro,.about-story,.about-team-section{padding:64px 0}.about-intro h2,.about-story-copy h2,.about-team-head h2,.about-cta h2{font-size:45px}.about-story-image,.about-story-image img{min-height:390px}.about-values{padding-bottom:64px}.about-values-grid{grid-template-columns:1fr}.about-values article{padding:26px;min-height:auto}.about-team-head{text-align:left;margin-bottom:30px}.about-team-head p{margin:0}.about-team-card,.about-team-card:nth-child(1){display:block}.about-team-photo img,.about-team-card:nth-child(1) .about-team-photo img{height:380px;min-height:0}.about-team-copy,.about-team-card:nth-child(1) .about-team-copy{padding:24px}.about-team-copy h3{font-size:36px}.about-team-grid{gap:18px}}
@media(max-width:430px){.about-hero h1{font-size:48px}.about-team-photo img,.about-team-card:nth-child(1) .about-team-photo img{height:330px}.about-team-copy p{font-size:15px}}


/* === Refinement patch: equal team cards + non-cropped mission image === */
.about-story-image{
  min-height:0;
  aspect-ratio:4/3;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1eee8;
}
.about-story-image img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  padding:0;
  background:#f1eee8;
}

.about-team-grid{
  align-items:stretch;
}
.about-team-card,
.about-team-card:nth-child(1){
  grid-column:auto;
  grid-template-columns:220px minmax(0,1fr);
  min-height:390px;
  height:390px;
}
.about-team-card:nth-child(1) .about-team-photo img,
.about-team-photo img{
  min-height:390px;
  height:390px;
}
.about-team-card:nth-child(1) .about-team-copy,
.about-team-copy{
  padding:30px;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.about-team-card:nth-child(1) .about-team-copy h3,
.about-team-copy h3{
  font-size:clamp(30px,3vw,44px);
}
.about-team-copy > p,
.about-more-copy{
  max-height:116px;
  overflow:auto;
  padding-right:8px;
  scrollbar-width:thin;
}
.about-team-copy > p::-webkit-scrollbar,
.about-more-copy::-webkit-scrollbar{width:4px}
.about-team-copy > p::-webkit-scrollbar-thumb,
.about-more-copy::-webkit-scrollbar-thumb{background:rgba(185,155,99,.65);border-radius:20px}
.about-team-copy details[open]{
  min-height:0;
}
.about-more-copy{
  max-height:135px;
}

@media(max-width:1040px){
  .about-team-card,
  .about-team-card:nth-child(1){
    grid-template-columns:230px minmax(0,1fr);
    height:400px;
    min-height:400px;
  }
  .about-team-card:nth-child(1) .about-team-photo img,
  .about-team-photo img{
    height:400px;
    min-height:400px;
  }
}

@media(max-width:760px){
  .about-story-image{
    aspect-ratio:4/3;
    min-height:0;
  }
  .about-story-image img{
    min-height:0;
    height:100%;
    object-fit:contain;
  }
  .about-team-card,
  .about-team-card:nth-child(1){
    height:auto;
    min-height:0;
    display:block;
  }
  .about-team-photo img,
  .about-team-card:nth-child(1) .about-team-photo img{
    width:100%;
    height:360px;
    min-height:0;
    object-fit:cover;
    object-position:center top;
  }
  .about-team-card:nth-child(1) .about-team-copy,
  .about-team-copy{
    padding:24px;
    display:block;
    overflow:visible;
  }
  .about-team-card:nth-child(1) .about-team-copy h3,
  .about-team-copy h3{
    font-size:36px;
  }
  .about-team-copy > p,
  .about-more-copy{
    max-height:150px;
    overflow:auto;
  }
}

@media(max-width:430px){
  .about-team-photo img,
  .about-team-card:nth-child(1) .about-team-photo img{
    height:320px;
  }
  .about-team-copy > p,
  .about-more-copy{
    max-height:145px;
  }
}


/* === FINAL FIX v2 - no featured team card, no cropped mission, equal cards === */
.about-story-image{
  min-height:0 !important;
  aspect-ratio:4 / 3 !important;
  background:#f1eee8 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.about-story-image img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#f1eee8 !important;
}
.about-story-image:before{inset:16px !important;}
.about-team-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.about-team-card,
.about-team-card:nth-child(1){
  grid-column:auto !important;
  display:grid !important;
  grid-template-columns:210px minmax(0,1fr) !important;
  height:390px !important;
  min-height:390px !important;
  max-height:390px !important;
  overflow:hidden !important;
  background:var(--white) !important;
  border:1px solid var(--line) !important;
}
.about-team-photo{height:390px !important;min-height:390px !important;overflow:hidden !important;}
.about-team-card:nth-child(1) .about-team-photo img,
.about-team-photo img{
  width:100% !important;
  height:390px !important;
  min-height:390px !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.about-team-card:nth-child(1) .about-team-copy,
.about-team-copy{
  padding:28px 28px 24px !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
.about-team-card:nth-child(1) .about-team-copy h3,
.about-team-copy h3{
  font-size:clamp(29px,2.8vw,40px) !important;
  margin:10px 0 12px !important;
}
.about-team-copy > p{
  max-height:128px !important;
  overflow:auto !important;
  padding-right:8px !important;
  margin-bottom:10px !important;
  scrollbar-width:thin !important;
}
.about-team-copy details{margin-top:auto !important;}
.about-more-copy{
  max-height:150px !important;
  overflow:auto !important;
  padding-right:8px !important;
  scrollbar-width:thin !important;
}
.about-team-copy > p::-webkit-scrollbar,
.about-more-copy::-webkit-scrollbar{width:4px !important;}
.about-team-copy > p::-webkit-scrollbar-thumb,
.about-more-copy::-webkit-scrollbar-thumb{background:rgba(185,155,99,.65) !important;border-radius:20px !important;}
@media(max-width:1040px){
  .about-team-grid{grid-template-columns:1fr !important;}
  .about-team-card,
  .about-team-card:nth-child(1){grid-template-columns:230px minmax(0,1fr) !important;height:380px !important;min-height:380px !important;max-height:380px !important;}
  .about-team-photo,
  .about-team-card:nth-child(1) .about-team-photo img,
  .about-team-photo img{height:380px !important;min-height:380px !important;}
}
@media(max-width:760px){
  .about-story-image{aspect-ratio:1 / .86 !important;}
  .about-team-grid{grid-template-columns:1fr !important;gap:18px !important;}
  .about-team-card,
  .about-team-card:nth-child(1){display:block !important;height:auto !important;min-height:0 !important;max-height:none !important;}
  .about-team-photo{height:auto !important;min-height:0 !important;}
  .about-team-card:nth-child(1) .about-team-photo img,
  .about-team-photo img{height:340px !important;min-height:0 !important;width:100% !important;object-fit:cover !important;object-position:center top !important;}
  .about-team-card:nth-child(1) .about-team-copy,
  .about-team-copy{display:block !important;padding:24px !important;overflow:visible !important;}
  .about-team-copy > p,.about-more-copy{max-height:145px !important;overflow:auto !important;}
}
@media(max-width:430px){
  .about-team-card:nth-child(1) .about-team-photo img,
  .about-team-photo img{height:300px !important;}
  .about-team-card:nth-child(1) .about-team-copy h3,
  .about-team-copy h3{font-size:33px !important;}
}


/* =========================================================
   ABOUT FINAL OVERRIDE v3
   Desktop: equal team cards + elegant inner scroll
   Mobile/Tablet <= 760px: no inner scroll, cards grow naturally
   ========================================================= */

/* Mission image: show full image without cropping */
.about-story-image{
  min-height:0 !important;
  aspect-ratio:4 / 3 !important;
  background:#f1eee8 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.about-story-image img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#f1eee8 !important;
}

/* Team grid */
.about-team-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

/* Every team card including first one: same design */
.about-team-card,
.about-team-card:nth-child(1){
  grid-column:auto !important;
  display:grid !important;
  grid-template-columns:210px minmax(0,1fr) !important;
  height:390px !important;
  min-height:390px !important;
  max-height:390px !important;
  overflow:hidden !important;
  background:var(--white) !important;
  border:1px solid var(--line) !important;
}

.about-team-photo{
  height:390px !important;
  min-height:390px !important;
  overflow:hidden !important;
}

.about-team-card:nth-child(1) .about-team-photo img,
.about-team-photo img{
  width:100% !important;
  height:390px !important;
  min-height:390px !important;
  object-fit:cover !important;
  object-position:center top !important;
}

.about-team-card:nth-child(1) .about-team-copy,
.about-team-copy{
  padding:28px 28px 24px !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

.about-team-card:nth-child(1) .about-team-copy h3,
.about-team-copy h3{
  font-size:clamp(29px,2.8vw,40px) !important;
  margin:10px 0 12px !important;
}

/* Desktop scroll only */
.about-team-copy > p{
  max-height:128px !important;
  overflow:auto !important;
  padding-right:8px !important;
  margin-bottom:10px !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(185,155,99,.65) transparent !important;
}

.about-team-copy details{
  margin-top:auto !important;
}

.about-more-copy{
  max-height:150px !important;
  overflow:auto !important;
  padding-right:8px !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(185,155,99,.65) transparent !important;
}

.about-team-copy > p::-webkit-scrollbar,
.about-more-copy::-webkit-scrollbar{
  width:4px !important;
}

.about-team-copy > p::-webkit-scrollbar-track,
.about-more-copy::-webkit-scrollbar-track{
  background:transparent !important;
}

.about-team-copy > p::-webkit-scrollbar-thumb,
.about-more-copy::-webkit-scrollbar-thumb{
  background:rgba(185,155,99,.65) !important;
  border-radius:20px !important;
}

/* Tablet: one column but still desktop-style scroll */
@media(max-width:1040px) and (min-width:761px){
  .about-team-grid{
    grid-template-columns:1fr !important;
  }
  .about-team-card,
  .about-team-card:nth-child(1){
    grid-template-columns:230px minmax(0,1fr) !important;
    height:380px !important;
    min-height:380px !important;
    max-height:380px !important;
  }
  .about-team-photo,
  .about-team-card:nth-child(1) .about-team-photo img,
  .about-team-photo img{
    height:380px !important;
    min-height:380px !important;
  }
}

/* Mobile: no internal scroll, natural height */
@media(max-width:760px){
  .about-story-image{
    aspect-ratio:1 / .86 !important;
  }

  .about-team-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .about-team-card,
  .about-team-card:nth-child(1){
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .about-team-photo{
    height:auto !important;
    min-height:0 !important;
  }

  .about-team-card:nth-child(1) .about-team-photo img,
  .about-team-photo img{
    height:340px !important;
    min-height:0 !important;
    width:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
  }

  .about-team-card:nth-child(1) .about-team-copy,
  .about-team-copy{
    display:block !important;
    padding:24px !important;
    overflow:visible !important;
  }

  .about-team-copy > p,
  .about-more-copy{
    max-height:none !important;
    overflow:visible !important;
    padding-right:0 !important;
  }

  .about-team-copy details{
    margin-top:14px !important;
  }
}

/* Small mobile polish */
@media(max-width:430px){
  .about-team-card:nth-child(1) .about-team-photo img,
  .about-team-photo img{
    height:300px !important;
  }

  .about-team-card:nth-child(1) .about-team-copy h3,
  .about-team-copy h3{
    font-size:33px !important;
  }
}
