/* Resume section — cleaned up for the existing ARINA portfolio */
.scroll-progress{background:#151514!important}
[data-reveal]{opacity:1!important;transform:none!important}

.resume-section{
  background:#151514;
  color:#f0ece3;
  padding:100px 32px 110px;
  position:relative;
  overflow:hidden;
}
.resume-section::before{display:none}
.resume-section .eyebrow{color:#f0ece38f;position:relative;z-index:1}
.resume-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:50px;
  align-items:end;
  border-bottom:1px solid #f0ece354;
  padding:42px 0 50px;
  position:relative;
  z-index:1;
}
.resume-head h2{
  margin:0;
  font-size:clamp(56px,8.6vw,118px);
  line-height:.82;
  letter-spacing:-.06em;
  font-weight:400;
}
.resume-head h2 em{
  display:block;
  color:#c9c1b6;
  font-family:inherit;
  font-style:normal;
  font-weight:400;
  letter-spacing:-.04em;
  padding-left:0;
}
.resume-lead{
  max-width:520px;
  margin:0;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.45;
}
.resume-lead small{
  display:block;
  margin-top:18px;
  color:#f0ece38f;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.resume-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:54px;
  padding-top:56px;
  position:relative;
  z-index:1;
}
.resume-column{min-width:0}
.resume-block{border-top:1px solid #f0ece354;padding:18px 0 40px}
.resume-block:first-child{border-top:0;padding-top:0}
.resume-label{
  display:grid;
  grid-template-columns:60px 1fr;
  gap:12px;
  margin-bottom:24px;
  color:#f0ece38f;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.resume-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 20px;
  padding:20px 0;
  border-bottom:1px solid #f0ece32b;
}
.resume-item:first-of-type{padding-top:0}
.resume-item h3{
  margin:0;
  font-size:clamp(24px,2.5vw,38px);
  letter-spacing:-.04em;
  font-weight:400;
  line-height:1.02;
}
.resume-item .resume-date{
  color:#f0ece38f;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
  padding-top:6px;
}
.resume-item p{
  grid-column:1/3;
  max-width:720px;
  margin:0;
  color:#d2cdc4;
  font-size:14px;
  line-height:1.65;
}
.resume-skills{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 24px;
}
.resume-skill{
  border:0;
  border-bottom:1px solid #f0ece32b;
  border-radius:0;
  padding:0 0 10px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.resume-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #f0ece354;
}
.resume-tool{
  padding:15px 0;
  border-bottom:1px solid #f0ece32b;
  font-size:13px;
}
.resume-tool:nth-child(odd){border-right:1px solid #f0ece32b;padding-right:16px}
.resume-tool:nth-child(even){padding-left:16px}

.resume-profile{
  margin:0 0 28px;
  border:1px solid #f0ece354;
  background:#121211;
  overflow:hidden;
}
.resume-profile-image{
  aspect-ratio:3/4;
  overflow:hidden;
  background:#0d0d0d;
}
.resume-profile-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 22%;
  filter:grayscale(100%);
}
.resume-profile-caption{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  flex-wrap:wrap;
}
.resume-profile-caption span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#f0ece38f;
}
.resume-profile-caption strong{
  font-size:clamp(22px,2.8vw,34px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.04em;
}
.resume-profile-caption strong em{
  color:#c9c1b6;
  font-family:inherit;
  font-style:normal;
  font-weight:400;
}
.resume-edu{
  padding:8px 0 5px;
}
.resume-edu strong{
  display:block;
  font-size:clamp(24px,2.8vw,38px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.04em;
}
.resume-edu span{
  display:block;
  margin-top:14px;
  color:#d2cdc4;
  font-size:14px;
  line-height:1.6;
}
.resume-quote{
  margin-top:6px;
  border-left:1px solid #f0ece354;
  padding:2px 0 2px 18px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(22px,2.5vw,32px);
  line-height:1.28;
  color:#f0ece3;
}
.resume-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:42px;
  position:relative;
  z-index:1;
}
.resume-action{
  min-height:92px;
  border:1px solid #f0ece354;
  padding:18px 20px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px;
  transition:background .25s,color .25s,transform .25s,border-color .25s;
}
.resume-action b{font-size:24px;font-weight:300}
.resume-action:hover{background:#f0ece3;color:#151514;transform:translateY(-3px)}
.resume-action--accent{background:transparent;color:#f0ece3;border-color:#f0ece354}
.resume-action--accent:hover{background:#f0ece3;color:#151514;border-color:#f0ece3}
.site-header nav a[href="#resume"]{color:inherit}

@media (width<=900px){
  .resume-section{padding:84px 20px 90px}
  .resume-head{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}
  .resume-grid{grid-template-columns:1fr;gap:10px;padding-top:40px}
  .resume-actions{margin-top:30px}
}
@media (width<=560px){
  .resume-section{padding-top:72px;padding-bottom:72px}
  .resume-head h2{font-size:clamp(46px,14vw,64px)}
  .resume-lead{font-size:17px}
  .resume-label{grid-template-columns:44px 1fr}
  .resume-item{grid-template-columns:1fr}
  .resume-item .resume-date{grid-row:2}
  .resume-item p{grid-column:1;grid-row:3}
  .resume-skills{grid-template-columns:1fr}
  .resume-tools{grid-template-columns:1fr}
  .resume-tool:nth-child(odd){border-right:0;padding-right:0}
  .resume-tool:nth-child(even){padding-left:0}
  .resume-profile{margin-bottom:24px}
  .resume-actions{grid-template-columns:1fr}
  .resume-action{min-height:82px}
}