.am-work { --work-accent:#ff7867; position:relative; padding:clamp(64px,7.2vw,104px) 0; background:rgba(18,18,18,.88); scroll-margin-top:88px; }
.am-work-inner { max-width:1360px; margin:auto; padding:0 var(--am-gutter); }
.am-work-heading { display:grid; grid-template-columns:1.15fr 1fr; align-items:end; gap:48px; margin-bottom:64px; }
.am-work-kicker { margin:0 0 22px; color:#b6b6b5; font-size:11px; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; font-weight:500; }
.am-work-heading h2 { margin:0; font-size:clamp(48px,5.5vw,78px); line-height:1.02; font-weight:500; letter-spacing:-.06em; }
.am-work-heading h2 span { color:#a6a6a3; }
.am-work-intro { max-width:31ch; margin:0 0 3px; color:#c7c7c3; font-size:clamp(18px,1.65vw,23px); line-height:1.6; letter-spacing:-.025em; }
.am-work-intro strong { color:#f2f2ee; font-weight:500; }
.am-work-timeline { padding:0; margin:0; list-style:none; }
.am-work-entry { display:grid; grid-template-columns:minmax(200px,.6fr) minmax(0,1.4fr); column-gap:60px; border-top:1px solid #ffffff32; }
.am-work-period { padding:36px 0; }
.am-work-period p { display:flex; flex-direction:column; gap:4px; margin:0; color:#e8e8e4; font-size:16px; line-height:1.6; font-weight:500; }
.am-work-period p>span { color:#8d8d89; line-height:1; }
.am-work-contract { display:inline-block; margin-top:20px; padding:7px 10px; border:1px solid #ffffff30; color:#c3c3bf; font-size:12px; line-height:1.5; }
.am-work-detail { position:relative; padding:36px 0 42px 32px; border-left:1px solid #ffffff32; }
.am-work-detail::before { content:''; position:absolute; top:41px; left:-4px; width:7px; height:7px; border-radius:50%; background:var(--work-accent); box-shadow:0 0 0 6px #161616; }
.am-work-company { margin:0 0 13px; color:var(--work-accent); font-size:15px; line-height:1.5; font-weight:500; }
.am-work-detail h3 { margin:0 0 22px; font-size:clamp(28px,2.7vw,38px); line-height:1.15; font-weight:500; letter-spacing:-.045em; }
.am-work-detail>p:not(.am-work-company) { max-width:59ch; margin:0 0 14px; color:#c9c9c5; font-size:16px; line-height:1.75; }
.am-work-detail>p:last-child { margin-bottom:0; }
.am-work-detail strong { color:#f0f0ec; font-weight:500; }
.am-work-project { display:inline-flex; align-items:center; gap:16px; min-height:44px; margin-top:4px; border-bottom:1px solid #ffffff55; font-size:14px; font-weight:500; }
.am-work-project svg { width:19px; height:19px; transition:transform .25s ease; }
.am-work-project:hover svg { transform:translate(2px,-2px); }
.am-work a:focus-visible { outline:2px solid var(--work-accent); outline-offset:6px; }
.am-work-previous { display:grid; grid-template-columns:minmax(200px,.6fr) minmax(0,1.4fr); gap:60px; border-top:1px solid #ffffff32; padding-top:40px; }
.am-work-previous>h3 { margin:0; max-width:13ch; color:#a9a9a5; font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-.035em; }
.am-work-history-row { display:grid; grid-template-columns:112px minmax(0,1fr); gap:24px; padding:0 0 24px; }
.am-work-history-row+.am-work-history-row { border-top:1px solid #ffffff20; padding-top:24px; }
.am-work-year { margin:1px 0 0; color:#a9a9a5; font-size:12px; line-height:1.6; font-weight:500; }
.am-work-history h4 { margin:0 0 9px; color:#e8e8e4; font-size:16px; line-height:1.5; font-weight:500; }
.am-work-history-row div>p { margin:0; color:#b8b8b4; font-size:14px; line-height:1.75; }
.am-work-footer { display:flex; justify-content:space-between; align-items:center; gap:32px; margin-top:32px; padding-top:32px; border-top:1px solid #ffffff32; }
.am-work-footer>p { margin:0; color:#b8b8b4; font-size:14px; line-height:1.8; }
.am-work-footer strong { font-weight:500; color:#e8e8e4; }
.am-work-cv { display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.am-work-cv a { display:inline-flex; align-items:center; justify-content:space-between; gap:36px; min-height:48px; padding:12px 22px; border:1px solid #ffffff77; border-radius:28px; font-size:14px; font-weight:500; transition:background .2s ease,color .2s ease; }
.am-work-cv a:hover { background:#ecece8; color:#121212; }
.am-work-cv svg { width:19px; height:19px; }
.am-work-cv span { color:#a9a9a5; font-size:10px; line-height:1.6; }
@media(prefers-reduced-motion:no-preference) {
  .am-work-motion [data-work-reveal] { transition:opacity .65s ease,transform .75s cubic-bezier(.2,.65,.25,1); }
  .am-work-motion [data-work-reveal]:not(.is-visible) { opacity:0; transform:translateY(20px); }
}
@media(min-width:1500px) { .am-work-inner { padding-left:56px; padding-right:56px; } }
@media(max-width:1000px) {
  .am-work-heading { gap:32px; margin-bottom:48px; }
  .am-work-entry,.am-work-previous { grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr); column-gap:32px; }
  .am-work-detail { padding-left:24px; }
  .am-work-period p { font-size:14px; }
  .am-work-history-row { grid-template-columns:1fr; gap:8px; }
}
@media(max-width:599px) {
  .am-work { padding:56px 0 64px; scroll-margin-top:76px; }
  .am-work-heading { grid-template-columns:1fr; gap:26px; margin-bottom:36px; }
  .am-work-heading h2 { font-size:clamp(42px,11.6vw,64px); }
  .am-work-kicker { margin-bottom:18px; font-size:10px; }
  .am-work-intro { max-width:31ch; font-size:18px; line-height:1.6; }
  .am-work-entry { grid-template-columns:1fr; }
  .am-work-period { padding:24px 0 25px; }
  .am-work-period p { flex-direction:row; flex-wrap:wrap; gap:0 7px; font-size:12px; line-height:1.7; }
  .am-work-period p>span { line-height:inherit; }
  .am-work-contract { margin-top:12px; font-size:11px; padding:5px 9px; }
  .am-work-detail { padding:0 0 32px 21px; }
  .am-work-detail::before { top:7px; }
  .am-work-company { font-size:14px; margin-bottom:12px; }
  .am-work-detail h3 { font-size:28px; margin-bottom:19px; }
  .am-work-detail>p:not(.am-work-company) { font-size:15px; line-height:1.75; }
  .am-work-project { font-size:13px; gap:12px; }
  .am-work-previous { grid-template-columns:1fr; gap:28px; padding-top:30px; }
  .am-work-previous>h3 { max-width:none; font-size:20px; }
  .am-work-history-row { gap:8px; }
  .am-work-history h4 { font-size:16px; }
  .am-work-history-row div>p { font-size:14px; }
  .am-work-footer { flex-direction:column; align-items:flex-start; margin-top:8px; gap:26px; }
  .am-work-cv { align-items:flex-start; }
}
.am-experience-link { display:inline-flex; align-items:center; gap:14px; max-width:100%; min-height:44px; color:#f0f0ec; font-size:13px; font-weight:500; border-bottom:1px solid #ffffff66; }
.am-experience-link svg { flex:none; width:18px; height:18px; }
.am-experience-link:focus-visible { outline:2px solid #ff7867; outline-offset:4px; }
