.work-portfolio-page { background: radial-gradient(circle at 78% 14%, rgba(212,175,55,.075), transparent 31rem), var(--black); }
.work-portfolio-stage { grid-template-columns: minmax(21rem, 30%) minmax(0, 1fr); }
.work-profile-rail { background: linear-gradient(180deg, rgba(212,175,55,.045), transparent 48%); }
.work-profile-identity h1 { font-size: clamp(1.5rem, 2.2vw, 2.35rem); }
.work-profile-identity h1 sup { color: var(--gold-light); font-size: .28em; vertical-align: top; }
.work-profile-summary { margin: 1.3rem 0; color: #aaa69d; font-size: .78rem; line-height: 1.75; }
.work-tabs { grid-template-columns: repeat(5, 1fr); }
.work-portfolio-page .panel-lead { font: 400 clamp(.88rem, 1.1vw, 1rem)/1.75 var(--sans); letter-spacing: 0; }
.work-pathway-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.work-pathway-grid a { position: relative; min-height: 8.4rem; border: 1px solid rgba(212,175,55,.2); padding: 1.15rem; color: inherit; background: rgba(0,0,0,.13); text-decoration: none; transition: border-color 180ms ease, background 180ms ease, transform 180ms ease; }
.work-pathway-grid a:last-child { min-height: 8.4rem; }
.work-pathway-grid a::after { content: "↗"; position: absolute; top: 1rem; right: 1rem; color: var(--gold-light); }
.work-pathway-grid a:hover, .work-pathway-grid a:focus-visible { border-color: var(--gold-light); background: rgba(212,175,55,.055); transform: translateY(-2px); }
.work-pathway-grid span { color: var(--gold-light); font: 500 .62rem/1.4 var(--serif); letter-spacing: .13em; }
.work-pathway-grid h3 { margin: .65rem 0 0; color: #dedad1; font: 500 clamp(.9rem, 1.25vw, 1.16rem)/1.35 var(--serif); }
.work-pathway-grid p { margin: .55rem 0 0; color: #aaa69d; font-size: .78rem; line-height: 1.65; }
.work-start-actions { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .7rem; }
.work-start-actions a { min-height: 3.2rem; border: 1px solid rgba(212,175,55,.3); padding: .85rem 1rem; color: #d7d3ca; display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; font-size: .67rem; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.work-start-actions .work-primary-action { border-color: var(--gold-light); color: var(--gold-light); background: rgba(212,175,55,.055); }
.work-start-note { max-width: 58rem; border-left: 1px solid var(--gold); margin: 1.5rem 0 0; padding: .2rem 0 .2rem 1rem; color: #98948b; font-size: .78rem; line-height: 1.7; }
.work-start-note span { margin-bottom: .35rem; color: var(--gold-light); display: block; font-size: .61rem; font-weight: 600; letter-spacing: .13em; }
.work-portfolio-page .site-footer { width: min(96rem, calc(100% - 3rem)); }

@media (max-width: 1100px) {
  .work-portfolio-stage { grid-template-columns: 18rem minmax(0, 1fr); }
  .work-tabs { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
  .work-portfolio-stage { grid-template-columns: 1fr; }
  .work-pathway-grid { grid-template-columns: 1fr; }
  .work-pathway-grid a:last-child { grid-column: auto; }
}
@media (max-width: 700px) {
  .work-profile-rail { grid-template-columns: 1fr; }
  .work-profile-identity h1 { margin-top: .35rem; font-size: clamp(1.45rem, 7vw, 1.9rem); }
  .work-profile-summary { grid-column: 1 / -1; margin: .2rem 0 0; font-size: .76rem; }
}
@media (max-width: 560px) {
  .work-tabs { grid-template-columns: repeat(2, 1fr); }
  .work-tabs button:last-child { grid-column: 1 / -1; }
  .work-start-actions { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
  .work-pathway-grid a { transition: none; }
}