.main-nav a.active{color:var(--green2);position:relative}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--green2)}

.about-hero{position:relative;overflow:hidden;padding:82px 0 64px;background:linear-gradient(180deg,#fff,#f8f7f2)}
.about-hero-grid{display:grid;grid-template-columns:52% 48%;align-items:center;min-height:520px}
.about-hero-copy small,.story-copy small,.mission-card small,.about-cta small{font-size:13px;font-weight:800;letter-spacing:1.2px;color:#4a612b}
.about-hero-copy h1{font:800 clamp(53px,5.2vw,77px)/1.04 Manrope,sans-serif;letter-spacing:-3px;margin:16px 0 25px}
.about-hero-copy h1 span{color:var(--green2)}
.about-hero-copy p{max-width:680px;font-size:20px;line-height:1.75;color:#4e5549}
.about-hero-actions{display:flex;gap:15px;margin-top:31px}
.about-hero-art{position:relative;min-height:500px}
.about-orbit{position:absolute;inset:0;margin:auto;width:100%;max-width:610px}
.about-mascot{position:absolute;width:155px;right:16%;bottom:23px;filter:drop-shadow(0 18px 18px rgba(40,55,29,.14))}
.about-leaf{position:absolute;width:140px;opacity:.65}
.about-leaf-left{left:-15px;bottom:20px;transform:rotate(-18deg)}
.about-leaf-right{right:5px;top:45px;transform:scaleX(-1) rotate(-16deg)}

.about-stats{padding:30px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stats-grid article{display:flex;align-items:center;gap:14px;padding:12px 24px;border-right:1px solid #dbddd5}
.stats-grid article:last-child{border-right:0}
.stats-grid strong{font:800 35px Manrope;color:var(--green)}
.stats-grid span{font-size:15px;line-height:1.45;color:#555b51}

.story-section{padding:90px 0}
.story-grid{display:grid;grid-template-columns:46% 54%;gap:75px;align-items:center}
.story-visual{position:relative;min-height:520px;background:linear-gradient(145deg,#f1f0e9,#e8e9df);border-radius:30px;overflow:hidden}
.story-visual:before{content:"";position:absolute;width:300px;height:300px;border:1px solid #cfd5c6;border-radius:50%;left:-80px;top:-80px}
.story-card{position:absolute;background:#fff;border:1px solid #daddd3;border-radius:20px;box-shadow:0 18px 45px rgba(41,57,28,.1)}
.story-card-main{width:72%;left:14%;top:80px;padding:32px}
.story-card-main img{width:180px;margin-bottom:30px}
.story-card-main h3{font:800 30px/1.25 Manrope;margin:0 0 16px}
.story-card-main p{font-size:15px;line-height:1.7;color:#5e645a}
.story-card-small{right:25px;bottom:25px;padding:18px 22px;display:grid;grid-template-columns:45px 1fr;column-gap:12px}
.story-card-small img{width:42px;grid-row:1/3}
.story-card-small b{font-size:13px}.story-card-small span{font-size:19px;color:var(--green);font-weight:800}
.story-dot{position:absolute;border-radius:50%;background:var(--green2)}
.dot-one{width:22px;height:22px;left:35px;bottom:50px}.dot-two{width:11px;height:11px;right:42px;top:40px}
.story-copy h2{font:800 41px/1.22 Manrope;margin:13px 0 26px;letter-spacing:-1.5px}
.story-copy h2 span{color:var(--green2)}
.story-copy>p{font-size:17px;line-height:1.83;color:#555d51;margin-bottom:18px}
.story-signature{margin-top:28px;padding:17px 20px;border-left:4px solid var(--green2);background:#f4f4ee;display:flex;gap:13px;align-items:center}
.story-signature img{width:30px}
.story-signature span{font-size:14px;line-height:1.5}

.values-section{padding:75px 0 82px}
.values-title{margin-bottom:30px}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.values-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;padding:35px 25px 28px;min-height:300px;box-shadow:0 10px 28px rgba(39,53,27,.035)}
.values-grid article>span{position:absolute;right:22px;top:20px;font:800 35px Manrope;color:#e4e6de}
.values-grid img{width:55px;margin-bottom:30px}
.values-grid h3{font-size:21px;margin:0 0 14px}
.values-grid p{font-size:15px;line-height:1.72;color:#596056}

.mission-section{padding:80px 0}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mission-card{position:relative;overflow:hidden;min-height:330px;border-radius:22px;padding:40px;background:linear-gradient(135deg,#f0f0e9,#e8e9df);display:flex}
.mission-card>div{width:75%;position:relative;z-index:2}
.mission-card h2{font:800 31px/1.25 Manrope;margin:14px 0 18px}
.mission-card p{font-size:16px;line-height:1.75;color:#555d51}
.mission-card>img{position:absolute;width:150px;right:15px;bottom:15px;opacity:.9}
.vision-card{background:linear-gradient(135deg,#314418,#21320f);color:#fff}
.vision-card small{color:#d8e5c7}
.vision-card p{color:#dce3d7}
.vision-card>img{filter:brightness(0) invert(1);opacity:.23}

.workflow-section{padding:35px 0 90px}
.workflow-line{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px;position:relative}
.workflow-line:before{content:"";position:absolute;left:8%;right:8%;top:24px;height:2px;background:#d9ddd3}
.workflow-line article{position:relative;text-align:center;padding:0 12px}
.workflow-line b{position:relative;z-index:2;width:50px;height:50px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:0 auto 22px;font-size:15px;border:6px solid #fff;box-sizing:content-box}
.workflow-line h3{font-size:18px;margin:0 0 10px}
.workflow-line p{font-size:14px;line-height:1.65;color:#5f665c;margin:0}

.about-cta{position:relative;overflow:hidden;background:linear-gradient(90deg,#edece4,#f8f7f2,#e9e8de)}
.about-cta-inner{min-height:175px;display:grid;grid-template-columns:185px 1fr auto;align-items:center;gap:30px}
.about-cta-inner>img{width:180px;align-self:end}
.about-cta h2{font:800 32px/1.2 Manrope;margin:7px 0}
.about-cta p{font-size:15px;margin:0;color:#5b6257}
.about-cta-leaf{position:absolute;width:170px;right:5px;top:0;opacity:.45;transform:scaleX(-1) rotate(-15deg)}

@media(max-width:1050px){
  .about-hero-grid,.story-grid{grid-template-columns:1fr}
  .about-hero-copy{text-align:center}
  .about-hero-copy p{margin-left:auto;margin-right:auto}
  .about-hero-actions{justify-content:center}
  .about-hero-art{min-height:450px}
  .story-grid{gap:45px}
  .story-visual{min-height:500px}
  .values-grid{grid-template-columns:1fr 1fr}
  .workflow-line{grid-template-columns:1fr 1fr}
  .workflow-line:before{display:none}
  .about-cta-inner{grid-template-columns:150px 1fr}
  .about-cta-inner .btn{grid-column:2;width:max-content}
}
@media(max-width:760px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .stats-grid article:nth-child(2){border-right:0}
  .mission-grid{grid-template-columns:1fr}
  .about-hero-copy h1{font-size:49px;letter-spacing:-2px}
  .about-hero-copy p{font-size:18px}
}
@media(max-width:580px){
  .about-hero{padding:45px 0 32px}
  .about-hero-copy h1{font-size:43px}
  .about-hero-actions{flex-direction:column}
  .about-hero-art{min-height:360px}
  .about-mascot{width:115px;right:13%;bottom:5px}
  .stats-grid,.values-grid,.workflow-line{grid-template-columns:1fr}
  .stats-grid article{border-right:0;border-bottom:1px solid #dbddd5}
  .story-section{padding:60px 0}
  .story-visual{min-height:450px}
  .story-card-main{width:84%;left:8%;top:55px;padding:25px}
  .story-card-main h3{font-size:25px}
  .story-card-small{right:12px;bottom:16px}
  .story-copy h2{font-size:32px}
  .mission-card{padding:30px;min-height:360px}
  .mission-card>div{width:100%}
  .mission-card>img{opacity:.15}
  .about-cta-inner{grid-template-columns:1fr;text-align:center;padding-top:26px}
  .about-cta-inner>img{margin:auto;order:3}
  .about-cta-inner .btn{grid-column:auto;margin:auto}
}


/* Final minimum typography adjustment */
.about-hero-copy small,
.story-copy small,
.mission-card small,
.about-cta small,
.about-hero-copy p,
.stats-grid span,
.story-card-main p,
.story-card-small b,
.story-card-small span,
.story-copy>p,
.story-signature span,
.values-grid p,
.mission-card p,
.workflow-line p,
.about-cta p{
  font-size:18px !important;
}

.values-grid h3,
.workflow-line h3{
  font-size:21px;
}


/* About page reveal compatibility */
[data-reveal]{
  opacity:0;
  transform:translateY(28px);
}

[data-reveal].is-visible{
  opacity:1;
  transform:translateY(0);
}


/* Hakkımızda hero maskotu */
.about-mascot{
  width:235px !important;
  right:8% !important;
  bottom:8px !important;
  z-index:4;
}
@media(max-width:1050px){
  .about-mascot{width:220px !important;right:15% !important;}
}
@media(max-width:580px){
  .about-mascot{width:155px !important;right:8% !important;bottom:0 !important;}
}


/* Yatay taşma güvenliği */
img, svg, video, canvas{
  max-width:100%;
}

/* Güncel farklı hero maskotu */
.about-mascot{width:355px !important;max-width:none !important;}
@media(max-width:1050px){.about-mascot{width:300px !important;}}
@media(max-width:680px){.about-mascot{width:210px !important;}}

/* Son Hakkımızda kart ve maskot düzeltmesi */
.story-card-small{
  bottom:230px !important;
}
.about-mascot{
  width:355px !important;
}


/* Hakkımızda / Odak Noktamız konum düzeltmesi */
.story-card-small{
  bottom:235px !important;
}

@media(max-width:580px){
  .story-card-small{
    right:15px !important;
    bottom:16px !important;
  }
}