/* ═══ ABOUT HERO ═══ */
.abt-hero{padding:180px 0 100px;background:var(--white)}
.abt-hero-top{display:flex;gap:40px;margin-bottom:60px;align-items:flex-start}
.abt-hero-h{flex:1}
.abt-hero-h h1{font-size:clamp(40px,6vw,80px);font-weight:500;letter-spacing:-.06em;line-height:1em}
.abt-hero-txt{flex:1;max-width:540px}
.abt-hero-txt p{font-size:18px;color:var(--grey);line-height:1.4em;letter-spacing:-.04em;margin-bottom:24px}
.abt-hero-btns{display:flex;gap:12px}

.abt-visual{width:100%;max-width:1120px;margin:0 auto;position:relative;padding:0 40px}
.abt-img-main{
  width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:var(--r-3xl);
  box-shadow:var(--shadow-xl);
}

/* ═══ EXPERIENCE SECTION ═══ */
.exp-sec{padding:160px 0;background:var(--badge-bg)}
.exp-grid{display:flex;gap:80px;align-items:flex-start}
.exp-left{flex:1;max-width:400px;position:sticky;top:120px}
.exp-right{flex:1.5;display:flex;flex-direction:column;gap:12px}
.exp-item{
  background:var(--white);border-radius:var(--r-xl);
  overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);
  box-shadow:var(--shadow);
}
.exp-item:hover{box-shadow:var(--shadow-heavy)}
.exp-item.active{box-shadow:var(--shadow-xl)}

.exp-head{
  padding:32px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;
  user-select:none;
}
.exp-date{font-size:16px;color:var(--grey);margin-bottom:8px;display:block;letter-spacing:-.03em}
.exp-info h3{font-size:24px;font-weight:500;letter-spacing:-.04em;color:var(--dark);transition:color .3s}
.exp-info h3 .muted{color:var(--grey3);font-weight:400}
.exp-item.active .exp-info h3{color:var(--dark)}

.exp-ic{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;flex-shrink:0;
}
.exp-ic svg{width:18px;height:18px;stroke:var(--grey);transition:transform .3s, stroke .3s}
.exp-item.active .exp-ic{background:var(--dark);border-color:var(--dark)}
.exp-item.active .exp-ic svg{stroke:#fff;transform:rotate(45deg)}

.exp-body{
  max-height:0;overflow:hidden;
  transition:all .5s cubic-bezier(.16,1,.3,1);
  opacity:0;
}
.exp-item.active .exp-body{max-height:500px;opacity:1}
.exp-content{padding:0 32px 32px;max-width:680px}
.exp-content p{font-size:16px;color:var(--grey);line-height:1.5em;letter-spacing:-.04em}

/* ═══ CONTACT / SOCIAL ═══ */
.cnt-sec{padding:160px 0;background:var(--white)}
.cnt-grid-wrap{display:flex;gap:80px;align-items:flex-start}
.cnt-left{flex:1;max-width:400px;position:sticky;top:120px}
.cnt-right{flex:1.5}
.soc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.soc-card{
  background:var(--badge-bg);border-radius:var(--r-xl);
  aspect-ratio:1;display:flex;align-items:center;justify-content:center;
  transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid transparent;
}
.soc-card:hover{background:var(--white);border-color:var(--border);transform:scale(1.02);box-shadow:var(--shadow)}
.soc-card svg{width:32px;height:32px;stroke:var(--dark);opacity:.8}

/* ═══ RESPONSIVE ═══ */
@media(max-width:900px){
  .abt-hero-top,.exp-grid,.cnt-grid-wrap{flex-direction:column;gap:40px}
  .exp-left,.cnt-left{position:static;max-width:100%}
  .abt-hero-txt{max-width:100%}
  .abt-hero{padding:140px 0 60px}
  .soc-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .abt-img-main{aspect-ratio:1;border-radius:var(--r-xl)}
  .exp-item{flex-direction:column;gap:20px}
  .exp-meta{text-align:left;width:100%}
  .exp-ic{margin-left:0}
  .soc-grid{grid-template-columns:1fr 1fr}
}