/* =========================================================
   ABOUT PAGE
   ========================================================= */

/* ---- Our Story (image + text) ---- */
.sm-story-section{padding:90px 0;}
.sm-story-section .sm-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;}
.sm-story-imgs{position:relative;height:460px;}
.sm-story-img-main{position:absolute;left:0;top:0;width:74%;height:100%;border-radius:16px;overflow:hidden;}
.sm-story-img-main img{transition:transform .6s cubic-bezier(.16,1,.3,1);}
.sm-story-imgs:hover .sm-story-img-main img{transform:scale(1.04);}
.sm-story-badge{position:absolute;right:0;bottom:32px;background:var(--sm-orange);color:#fff;border-radius:14px;padding:22px 26px;box-shadow:0 16px 30px rgba(255,90,31,.35);}
.sm-story-badge strong{display:block;font-family:var(--sm-font);font-weight:800;font-size:28px;}
.sm-story-badge span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.9;}
.sm-story-copy .sm-h2{margin:14px 0 20px;}
.sm-story-copy .sm-text{font-size:15.5px;}

/* ---- Stats band (animated count-up) ---- */
.sm-stats-band{background:var(--sm-navy);padding:64px 0;position:relative;overflow:hidden;}
.sm-stats-band::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle, rgba(255,255,255,0.07) 1.6px, transparent 1.6px);background-size:22px 22px;}
.sm-stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.sm-stat-item strong{display:block;font-family:var(--sm-font);font-weight:800;font-size:clamp(30px,4vw,46px);color:var(--sm-orange);line-height:1;}
.sm-stat-item span{display:block;margin-top:10px;font-size:13px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.04em;}

/* ---- Timeline ---- */
.sm-timeline-section{padding:100px 0;}
.sm-timeline-section .sm-section-head{text-align:center;max-width:600px;margin:0 auto 60px;}
.sm-timeline-section .sm-section-head .sm-eyebrow{justify-content:center;display:flex;margin-bottom:12px;}
.sm-timeline{position:relative;max-width:900px;margin:0 auto;}
.sm-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--sm-border);transform:translateX(-50%);}
.sm-timeline-item{position:relative;display:grid;grid-template-columns:1fr 60px 1fr;align-items:start;margin-bottom:50px;}
.sm-timeline-item:last-child{margin-bottom:0;}
.sm-timeline-dot{grid-column:2;justify-self:center;width:18px;height:18px;border-radius:50%;background:var(--sm-orange);border:4px solid var(--sm-white);box-shadow:0 0 0 2px var(--sm-orange);margin-top:6px;position:relative;z-index:1;}
.sm-timeline-card{grid-column:1;padding-right:40px;text-align:right;}
.sm-timeline-item:nth-child(even) .sm-timeline-card{grid-column:3;padding-right:0;padding-left:40px;text-align:left;}
.sm-timeline-item:nth-child(even) .sm-timeline-spacer{grid-column:1;}
.sm-timeline-year{display:inline-block;font-family:var(--sm-font);font-weight:800;font-size:13px;color:var(--sm-orange-dark);background:var(--sm-tint-orange);padding:5px 14px;border-radius:100px;margin-bottom:10px;}
.sm-timeline-card .sm-h4{margin-bottom:6px;}
.sm-timeline-card .sm-text{font-size:14px;margin:0;}

/* ---- Values ---- */
.sm-values-section{background:var(--sm-navy);padding:100px 0;position:relative;overflow:hidden;}
.sm-values-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle, rgba(255,255,255,0.07) 1.6px, transparent 1.6px);background-size:22px 22px;}
.sm-values-section .sm-wrap{position:relative;z-index:1;}
.sm-values-head{max-width:560px;margin-bottom:56px;}
.sm-values-head .sm-h2{color:#fff;margin-top:14px;}
.sm-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(255,255,255,.14);border-radius:16px;overflow:hidden;}
.sm-value-item{background:var(--sm-navy);padding:36px 30px;}
.sm-value-num{font-family:var(--sm-font);font-weight:800;font-size:14px;color:var(--sm-orange);margin-bottom:16px;}
.sm-value-item .sm-h4{color:#fff;margin-bottom:10px;font-size:17px;}
.sm-value-item .sm-text{color:rgba(255,255,255,.65);font-size:14px;margin:0;}

/* ---- Founder spotlight ---- */
.sm-founder-section{padding:100px 0;}
.sm-founder-panel{background:var(--sm-paper);border-radius:20px;padding:56px;display:grid;grid-template-columns:.7fr 1.3fr;gap:52px;align-items:center;}
.sm-founder-photo{border-radius:16px;overflow:hidden;height:380px;}
.sm-founder-quote{font-family:var(--sm-font);font-weight:700;font-size:clamp(20px,2.2vw,26px);color:var(--sm-navy);line-height:1.4;margin-bottom:24px;}
.sm-founder-quote::before{content:'\201C';color:var(--sm-orange);}
.sm-founder-quote::after{content:'\201D';color:var(--sm-orange);}
.sm-founder-name{font-family:var(--sm-font);font-weight:800;font-size:16px;color:var(--sm-navy);}
.sm-founder-role{font-size:13.5px;color:var(--sm-granite-light);margin-bottom:16px;}

/* ---- Visit CTA ---- */
.sm-visit-cta{position:relative;padding:100px 0;overflow:hidden;}
.sm-visit-cta-inner{position:relative;border-radius:20px;overflow:hidden;padding:70px 56px;text-align:center;}
.sm-visit-cta-bg{position:absolute;inset:0;}
.sm-visit-cta-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg, rgba(18,35,61,.94) 0%, rgba(18,35,61,.8) 100%);}
.sm-visit-cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto;}
.sm-visit-cta-content .sm-eyebrow{justify-content:center;display:flex;color:var(--sm-orange);margin-bottom:14px;}
.sm-visit-cta-content .sm-h2{color:#fff;margin-bottom:16px;}
.sm-visit-cta-content .sm-text{color:rgba(255,255,255,.78);margin-bottom:32px;}
.sm-visit-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* =========================================================
   RESPONSIVE — about page
   ========================================================= */
@media(max-width:1080px){
  .sm-story-section .sm-wrap{grid-template-columns:1fr;}
  .sm-story-imgs{height:360px;}
  .sm-founder-panel{grid-template-columns:1fr;padding:40px;}
  .sm-founder-photo{height:300px;}
  .sm-values-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .sm-stats-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .sm-timeline::before{left:20px;}
  .sm-timeline-item{grid-template-columns:40px 1fr;}
  .sm-timeline-dot{grid-column:1;justify-self:start;margin-left:12px;}
  .sm-timeline-card{grid-column:2;text-align:left;padding-right:0;padding-left:20px;}
  .sm-timeline-item:nth-child(even) .sm-timeline-card{grid-column:2;text-align:left;padding-left:20px;}
  .sm-values-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .sm-story-section,.sm-timeline-section,.sm-values-section,.sm-founder-section,.sm-visit-cta{padding:60px 0;}
  .sm-stats-band{padding:44px 0;}
  .sm-stats-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .sm-visit-cta-inner{padding:44px 24px;}
  .sm-founder-panel{padding:28px;}
  .sm-story-badge{position:static;margin-top:16px;display:inline-block;}
}