/* C · Detail. Final, interior-only layer. No new typefaces, crops or content.
   Jacobsen reference: image/fact/caption continuity and fine-rule hierarchy.
   Grove departure: warm paper, complete drawings and service-first reading. */
:is(.portfolio-page,.smethwick-story,.service-main,.editorial-story){--detail-rule:#b9b9ad;}
.portfolio-page .portfolio-hero figcaption,
.portfolio-page .portfolio-media figcaption,
.smethwick-story .journal-figure figcaption,
.service-main .service-discovery-example-figure figcaption {
  border-top:1px solid var(--detail-rule);
  margin-top:12px;
  padding-top:10px;
  line-height:1.65;
  color:#555b50;
}
.portfolio-page .portfolio-hero figcaption,
.portfolio-page .portfolio-media figcaption,
.service-main .service-discovery-example-figure figcaption {font-size:12px;}
.smethwick-story .journal-figure figcaption {font-size:12px!important;}
.portfolio-page .portfolio-story-figure--technical > img {box-shadow:none;outline:1px solid #d5d4ca;outline-offset:-1px;}
.portfolio-page .portfolio-story-figure--illustration {padding:18px;background:#eeebe4;}
.portfolio-page .portfolio-hero {margin-bottom:62px;}
.portfolio-page .project-summary {margin-bottom:72px;}
.portfolio-page .project-summary dl > div {border-top:1px solid var(--detail-rule);padding-top:12px;}
.portfolio-page .project-summary dt {letter-spacing:.045em;}
.portfolio-page .portfolio-story-section {margin-bottom:72px;}
.portfolio-page .portfolio-story-copy {margin-bottom:36px;}
.portfolio-page .portfolio-media {margin-bottom:58px;}
.portfolio-page .portfolio-story-figure {margin-bottom:40px;}
.portfolio-page .portfolio-pair {gap:24px;}
.portfolio-page .portfolio-pair > .portfolio-story-figure {margin-bottom:0;}
.smethwick-story .journal-figure {margin-block:46px;}
.smethwick-story .concept-animation-pair .journal-figure {margin-top:15px;}
.smethwick-story .journal-copy {margin-block:46px;}
.service-main.service-refined .service-process-row {padding-block:28px;}
.service-main.service-refined .service-step-number {color:#666e5e;}
.editorial-story .story-image {outline:1px solid #d5d4ca;outline-offset:-1px;}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .portfolio-page .project-onward-item,
  .smethwick-story .project-onward-item,
  .service-main .service-line-link {transition:border-color .18s ease,color .18s ease;}
  .portfolio-page .project-onward-item:hover,
  .smethwick-story .project-onward-item:hover,
  .service-main .service-line-link:hover {border-color:#555b50;color:#333d2e;}
}
@media(max-width:700px){
  .portfolio-page .portfolio-hero {margin-bottom:34px;}
  .portfolio-page .project-summary {margin-bottom:38px;}
  .portfolio-page .project-summary dl > div {padding-top:10px;}
  .portfolio-page .portfolio-story-section {margin-bottom:44px;}
  .portfolio-page .portfolio-story-copy {margin-bottom:26px;}
  .portfolio-page .portfolio-media,.portfolio-page .portfolio-story-figure {margin-bottom:30px;}
  .portfolio-page .portfolio-story-figure--illustration {padding:10px;}
  .portfolio-page .portfolio-pair > .portfolio-story-figure {margin-bottom:0;}
  .portfolio-page .portfolio-pair > .portfolio-story-figure + .portfolio-story-figure {margin-top:30px;}
  .smethwick-story .journal-figure,.smethwick-story .journal-copy {margin-block:32px;}
  .service-main.service-refined .service-process-row {padding-block:26px;}
}