/* Preview refinements. The approved hero composition is retained. */
/* Editorial project index. Each row is one accessible link target. */
.work .section-head h2 { font-size: clamp(2.4rem, 4vw, 4rem); }
.work .project-list { grid-template-columns: 1fr; padding-left: 0; gap: 0; border-top: 1px solid var(--line); }
.work .project-list::before, .work .project-list::after { content: none; }
.work .project { display: grid; grid-template-columns: 32px minmax(0, 1fr) 125px; align-items: center; gap: 1.6rem; min-height: 0; padding: 1.8rem 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.work .project:hover, .work .project:focus-within { border-bottom-color: var(--accent); }
.work .project__number { font: .75rem var(--mono); color: var(--accent); }
.work .project__body { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 2rem; row-gap: .65rem; min-width: 0; max-width: none; align-items: start; }
.work .project .eyebrow { font-size: .62rem; letter-spacing: .08em; }
.work .project .eyebrow { grid-column: 1; margin: 0; }
.work .project h3 { grid-column: 1; grid-row: 2; font-size: clamp(1.65rem, 2.3vw, 2.3rem); line-height: 1.1; letter-spacing: -.04em; text-transform: none; margin: 0; overflow-wrap: normal; }
.work .project h3 > span { display: none; }
.work .project__body > p:not(.eyebrow) { grid-column: 2; grid-row: 1 / 3; font-size: .88rem; line-height: 1.7; margin: 0; }
.work .project__tags { grid-column: 2; margin: 0; gap: .7rem; }
.work .project__tags span { border: 0; padding: 0; text-transform: none; }
.project__link { display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-height: 48px; width: 100%; color: var(--accent); font: 500 .75rem var(--mono); }
.project__link::after { content: ''; position: absolute; inset: 0; }
.project__link:focus-visible { outline: none; }
.project__link:focus-visible::after { outline: 2px solid var(--accent); outline-offset: -3px; }
@media (max-width: 850px) {
  .work .project { grid-template-columns: 24px minmax(0, 1fr); gap: 1rem; }
  .work .project__number { grid-column: 1; grid-row: 1; align-self: start; }
  .work .project__body { grid-column: 2; grid-template-columns: 1fr; }
  .work .project__body > p:not(.eyebrow), .work .project__tags { grid-column: 1; grid-row: auto; }
  .work .project__link { grid-column: 2; justify-content: flex-start; }
}
section[id] { scroll-margin-top: 90px; }
#interactive-particles { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .8; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.statement { min-height: 0; padding-block: clamp(70px, 10vw, 140px); border-top: 1px solid var(--line); }
.statement__text { font-size: clamp(2.7rem, 7vw, 7rem); }
.statement__note { margin-top: 2rem; background: rgba(8,8,9,.6); padding: 1.3rem; }
.work { padding-block: 5rem; background: rgba(8,8,9,.35); }
.project-list { border: 0; display: grid; gap: 1.2rem; }
.project-list { position: relative; }
.nav nav a[aria-current="location"] { color: var(--accent); }
.project, .about__portrait, .about__copy, .contact h2 { opacity: calc(.35 + var(--entry, 1) * .65); transform: translateY(var(--entry-y, 0px)); }
.project.reveal, .about__portrait.reveal, .about__copy.reveal, .contact h2.reveal { transition: border-color .25s; opacity: calc(.35 + var(--entry, 1) * .65); transform: translateY(var(--entry-y, 0px)); }
.project { padding: clamp(1.4rem,3vw,3rem); min-height: 330px; border: 1px solid var(--line); border-radius: 5px; background: linear-gradient(115deg, rgba(12,12,15,.97), rgba(12,12,15,.75)); grid-template-columns: 65px 1fr auto; transition: border-color .25s; }
.project:hover { border-color: #75512c; }
.project h3 { font-size: clamp(2.5rem,6vw,6rem); }
.project__signal { opacity: .25; }
.about { min-height: 0; padding-block: 6rem; background: linear-gradient(90deg, rgba(8,8,9,.75), rgba(8,8,9,.92)); }
.contact { min-height: 75svh; padding-top: 6rem; padding-bottom: 5rem; }
.contact h2 { font-size: clamp(3rem,8vw,8rem); }
.contact footer { margin-top: 5rem; }
.hero__profile, .nav, .button--ghost { backdrop-filter: none; }
.hero__profile { background: rgba(15,15,18,.96); }
.nav { background: rgba(8,8,9,.96); }
.reveal { transition-duration: .45s; }
.project__link > span { transition: transform .25s ease; }
.project:hover .project__link > span, .project:focus-within .project__link > span { transform: translate(3px, -3px); }
@media (max-width:680px) {
  .project { grid-template-columns: 1fr auto; gap: 1rem; }
  .project__number { grid-column: 1 / -1; font-size: 1.2rem; }
  .project__arrow { grid-column: 2; grid-row: 2; }
  .project__body { min-width: 0; }
  .project h3 { overflow-wrap: anywhere; }
  .statement { min-height: 0; }
  .hero__title { font-size: clamp(3rem,16vw,6rem); }
  .contact { padding-bottom: 7rem; }
}
@media (prefers-reduced-motion:reduce) {
  .project.reveal, .about__portrait.reveal, .about__copy.reveal, .contact h2.reveal { transform: none; opacity: 1; }
  .project__link > span { transform: none !important; }
}