.work-page { --forest: #183d36; --rust-dark: #8d351f; }
.work-page .seo-nav, .work-page .seo-footer-links { font-size: .875rem; }
.work-page a:focus-visible { outline: 3px solid var(--rust-dark); outline-offset: 5px; }
.work-page .seo-eyebrow, .work-label { font-size: .875rem; }
.work-hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.65fr); gap: clamp(40px,6vw,100px); padding: clamp(60px,8vw,116px) clamp(24px,7vw,110px); border-bottom: 1px solid var(--line); }
.work-hero h1, .work-section h2, .work-contact h2 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-weight: 400; letter-spacing: -.045em; }
.work-hero h1 { max-width: 850px; font-size: clamp(3rem,6.7vw,6.5rem); line-height: 1.02; }
.work-hero h1 em { color: var(--rust-dark); font-weight: 400; }
.work-lead { max-width: 690px; margin: 32px 0 0; font-size: clamp(1.2rem,1.7vw,1.5rem); line-height: 1.55; }
.work-location { color: var(--ink-soft); margin: 30px 0 0; font-size: .875rem; line-height: 1.6; }
.work-scene { align-self: center; padding: clamp(26px,3vw,44px); background: var(--acid); border-top: 3px solid var(--ink); }
.work-label { margin: 0 0 28px; line-height: 1.4; }
.work-scene .work-speech { font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.8rem,2.5vw,2.8rem); line-height: 1.17; letter-spacing: -.02em; }
.work-scene p { font-size: 1rem; line-height: 1.6; }
.work-scene p:last-child { margin-bottom: 0; font-weight: 700; }
.work-section { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: 30px clamp(40px,7vw,110px); padding: clamp(64px,8vw,112px) clamp(24px,7vw,110px); border-bottom: 1px solid var(--line); }
.work-section h2 { max-width: 650px; font-size: clamp(2.5rem,4.2vw,4.5rem); line-height: 1.08; }
.work-prose { max-width: 710px; }
.work-prose p { margin: 0 0 1.25em; font-size: 1.125rem; line-height: 1.7; }
.work-prose p:last-child { margin-bottom: 0; }
.work-prose a { text-decoration: underline; text-underline-offset: .2em; }
.work-depth { background: var(--forest); color: var(--paper); }
.work-depth .seo-eyebrow { color: var(--acid); }
.depth-figure { --t-stroke: 20px; --t-gap: clamp(24px,4vw,60px); grid-column: 1/-1; margin: 24px 0 0; padding: clamp(28px,5vw,65px); border: 1px solid rgba(243,239,230,.3); }
.breadth-heading { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.breadth-heading > strong, .depth-heading > strong { color: var(--acid); font-family: "Archivo Variable","Helvetica Neue",Arial,sans-serif; font-size: clamp(2rem,3.2vw,3rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.1; }
.breadth-heading > span, .depth-heading > span { font-size: 1rem; line-height: 1.5; }
.breadth-context { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 36px 0 20px; font-size: 1rem; line-height: 1.5; text-align: center; }
.breadth-context span { hyphens: auto; overflow-wrap: anywhere; }
.depth-entry { position: relative; display: grid; justify-items: center; }
.breadth-line { position: absolute; top: 50%; left: 0; right: 0; height: var(--t-stroke); transform: translateY(-50%); background: var(--acid); }
.depth-moment { position: relative; width: min(360px,72%); padding: 24px; color: var(--forest); background: var(--acid); text-align: center; }
.depth-moment > span { font-size: .875rem; line-height: 1.5; }
.depth-moment p { margin: 12px 0 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(2rem,3.5vw,3.2rem); line-height: 1.15; }
.depth-focus { position: relative; display: grid; grid-template-columns: minmax(0,1fr) var(--t-stroke) minmax(0,1fr); column-gap: var(--t-gap); min-height: 270px; padding-bottom: 40px; }
.depth-focus::before { position: absolute; inset: 0 auto 0 50%; width: var(--t-stroke); transform: translateX(-50%); background: var(--acid); content: ""; }
.depth-heading { position: relative; grid-column: 3; align-self: start; display: flex; flex-direction: column; gap: 10px; margin-top: 120px; }
.depth-heading::before { position: absolute; top: 25px; right: calc(100% + 12px); width: calc(var(--t-gap) - 12px); border-top: 1px solid rgba(243,239,230,.5); content: ""; }
.depth-question { position: relative; grid-column: 1; align-self: start; margin-top: 56px; padding-top: 16px; border-top: 1px solid rgba(243,239,230,.5); text-align: right; }
.depth-question::after { position: absolute; top: -1px; left: 100%; width: var(--t-gap); border-top: 1px solid rgba(243,239,230,.5); content: ""; }
.depth-question p { margin: 0; font-size: 1.125rem; line-height: 1.6; }
.depth-question strong { font-weight: 650; }
.depth-figure figcaption { max-width: 620px; margin: 30px auto 0; padding-top: 24px; border-top: 1px solid rgba(243,239,230,.3); text-align: center; font-size: 1rem; line-height: 1.6; }
.work-model-note { grid-column: 1/-1; margin: -10px 0 0; font-size: .875rem; line-height: 1.6; }
.work-ai-position { max-width: 570px; margin: 26px 0 0; font-size: clamp(1.25rem,1.7vw,1.6rem); line-height: 1.5; }
.work-prose .work-method { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: 1rem; }
.work-contact { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 24px; padding: clamp(44px,6vw,88px) clamp(24px,7vw,110px); background: var(--paper-deep); }
.work-contact h2 { font-size: clamp(2rem,3.3vw,3.5rem); line-height: 1.1; }
.work-contact p { font-size: 1rem; line-height: 1.6; }
.work-contact .seo-button { margin: 0; font-size: 1rem; }
.work-contact .work-scope { grid-column: 1/-1; margin: 0; color: var(--ink-soft); font-size: .875rem; }
@media(max-width: 820px) {
  .work-hero, .work-section { grid-template-columns: 1fr; }
  .work-hero { gap: 36px; }
  .work-scene { max-width: 620px; }
  .work-prose { max-width: none; }
  .work-section { gap: 28px; }
}
@media(max-width: 540px) {
  .work-page .seo-header { gap: 18px; padding: 20px 24px; align-items: flex-start; flex-direction: column; }
  .work-page .seo-nav { justify-content: flex-start; gap: 14px 20px; max-width: 100%; }
  .work-page .seo-nav a { display: block; }
  .work-hero h1 { font-size: 3rem; }
  .breadth-context { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; margin-top: 26px; font-size: .875rem; }
  .depth-figure { --t-stroke: 14px; --t-gap: 18px; padding: 28px 18px; }
  .depth-moment { width: calc(100% - 56px); padding: 20px 12px; }
  .depth-moment p { font-size: clamp(1.5rem,6vw,2rem); }
  .depth-focus { min-height: 260px; padding-bottom: 30px; }
  .depth-heading { margin-top: 104px; }
  .depth-heading::before { top: 18px; right: calc(100% + 6px); width: calc(var(--t-gap) - 6px); }
  .depth-heading > strong { font-size: 1.875rem; }
  .depth-heading > span { font-size: .875rem; }
  .depth-question { margin-top: 32px; }
  .depth-question p { font-size: 1rem; line-height: 1.5; }
  .work-contact { grid-template-columns: 1fr; }
  .work-contact .seo-button { margin: 0 0 8px; }
}
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }