/* Refined inner pages only. The approved v11 homepage does not load this file.
   Benchmark: role-based hierarchy; drawing, facts and narrative in relationship.
   Departures: Grove's warm paper, real working imagery and direct client routes. */
.benchmark-refined{--refined-rule:#b9b9ad;--refined-space:clamp(36px,5vw,72px);}
.benchmark-refined .page-title{padding-top:clamp(116px,12vw,150px);padding-bottom:42px;}
.benchmark-refined .page-title>.eyebrow{margin-bottom:24px;}
html[data-type=ddin] .benchmark-refined .page-title h1{font-size:clamp(48px,5.8vw,76px);line-height:1.03;}
.benchmark-refined .page-deck{max-width:720px;font-size:21px;line-height:1.55;margin-top:28px;}
.benchmark-refined .portfolio-story-heading,
html[data-type=ddin] .benchmark-refined .portfolio-story-heading{font-size:clamp(28px,3vw,38px);line-height:1.12;}
.benchmark-refined .portfolio-story-copy{gap:clamp(28px,5vw,64px);}
.benchmark-refined .portfolio-story-copy p{font-size:17px;line-height:1.7;}
.benchmark-refined .refined-project-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(34px,5vw,68px);align-items:start;margin-bottom:84px;padding-top:28px;border-top:1px solid var(--refined-rule);}
.benchmark-refined .refined-project-feature>.portfolio-hero{grid-column:2;grid-row:1;margin:0;width:100%;}
.benchmark-refined .refined-project-feature>.project-summary{grid-column:1;grid-row:1;display:block;width:100%;max-width:none;margin:0;padding:0;}
.benchmark-refined .refined-project-feature .project-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;}
.benchmark-refined .refined-project-feature .project-summary dl>div{padding-top:12px;}
.benchmark-refined .refined-project-feature .project-summary dt{font-size:10px;line-height:1.5;margin-bottom:6px;}
.benchmark-refined .refined-project-feature .project-summary dd{font-size:13px;line-height:1.6;}
.benchmark-refined .refined-project-feature .project-summary-copy p{font-size:16px;line-height:1.7;margin-bottom:22px;}
.benchmark-refined .refined-project-feature .portfolio-hero>img{width:100%;max-height:560px;height:auto;object-fit:contain;background:transparent;}
.benchmark-refined .refined-project-feature .lester-hero-frame{padding:0;background:transparent;}
.benchmark-refined .refined-project-feature .lester-hero-frame>img{width:100%;max-height:620px;object-fit:contain;aspect-ratio:auto;}
.benchmark-refined .refined-project-feature figcaption.wrap{width:100%;max-width:none;}
.benchmark-refined .refined-project-opening{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(34px,5vw,68px);padding-top:130px;padding-bottom:58px;align-items:start;}
.benchmark-refined .refined-project-opening .project-intro{width:100%;max-width:none;padding:0;margin:0;}
.benchmark-refined .refined-project-opening .project-kicker{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin-bottom:34px;}
html[data-type=ddin] .benchmark-refined .refined-project-opening h1{font-size:clamp(60px,6.1vw,82px);line-height:.99;margin:0 0 38px;}
.benchmark-refined .refined-project-opening .project-caption{margin:0 0 28px;padding-top:14px;border-top:1px solid var(--refined-rule);font-size:12px;line-height:1.5;gap:22px;}
.benchmark-refined .refined-opening-copy{font-size:17px;line-height:1.7;max-width:490px;margin:0 0 26px;}
.benchmark-refined .refined-story-link{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;border-bottom:1px solid var(--refined-rule);font-size:13px;}
.benchmark-refined .refined-project-opening .project-cover{width:100%;max-width:none;margin:0;padding:0;}
.benchmark-refined .refined-project-opening .watercolour-frame{width:100%;aspect-ratio:auto;height:460px;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;background:transparent;overflow:visible;}
.benchmark-refined .refined-project-opening .watercolour-frame img{width:auto;max-width:100%;height:100%;object-fit:contain;}
.benchmark-refined .refined-project-opening .project-cover figcaption{border-top:1px solid var(--refined-rule);padding-top:10px;margin-top:14px;font-size:12px;line-height:1.65;color:#555b50;}
.benchmark-refined .journal-figure figcaption,
.benchmark-refined .portfolio-media figcaption,
.benchmark-refined .portfolio-hero figcaption{font-size:12px;line-height:1.65;}
.benchmark-refined .entry-note{font-size:11px;line-height:1.5;}
.benchmark-refined .contact-direct-email{display:inline-flex;align-items:center;min-height:44px;font-size:20px;line-height:1.35;padding:8px 0;border-bottom:1px solid var(--refined-rule);margin:0 0 30px;overflow-wrap:anywhere;}
.benchmark-refined .contact-photo{margin-top:0;}
.benchmark-refined .contact-photo figcaption{font-size:12px;line-height:1.6;}
.benchmark-refined .contact-privacy-note{font-size:13px;line-height:1.6;}
.benchmark-refined .service-main.service-refined .service-page-intro{padding-top:70px;padding-bottom:42px;}
html[data-type=ddin] .benchmark-refined .service-main.service-refined h1{font-size:clamp(56px,5.8vw,78px);line-height:1.03;}
.benchmark-refined .service-main.service-refined .service-lead{font-size:20px;line-height:1.55;}
.benchmark-refined .service-main.service-refined .service-start-conversation{padding-block:34px 50px;}
.benchmark-refined .service-main.service-refined .service-process-row{gap:30px;grid-template-columns:64px minmax(0,1fr) minmax(0,1.2fr);}
html[data-type=ddin] .benchmark-refined .service-main.service-refined .service-process-row h2{font-size:34px;line-height:1.08;}
@media(max-width:900px) and (min-width:701px){.benchmark-refined .refined-project-feature{gap:30px;}.benchmark-refined .refined-project-opening{gap:30px;}.benchmark-refined .refined-project-opening .watercolour-frame{height:390px;}}
@media(max-width:700px){
 .benchmark-refined .page-title{padding-top:110px;padding-bottom:30px;}
 html[data-type=ddin] .benchmark-refined .page-title h1{font-size:38px;line-height:1.08;}
 .benchmark-refined .page-title>.eyebrow{margin-bottom:22px;}
 .benchmark-refined .page-deck{font-size:17px;line-height:1.55;margin-top:24px;}
 .benchmark-refined .refined-project-feature{display:flex;flex-direction:column;gap:28px;padding-top:24px;margin-bottom:48px;}
 .benchmark-refined .refined-project-feature>.portfolio-hero{width:100%;}
 .benchmark-refined .refined-project-feature>.project-summary{width:100%;}
 .benchmark-refined .refined-project-feature .project-summary dl{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;}
 .benchmark-refined .refined-project-feature .project-summary dl>div:last-child{grid-column:auto;}
 .benchmark-refined .refined-project-feature .project-summary-copy p{font-size:16px;}
 .benchmark-refined .refined-project-feature .lester-hero-frame>img{max-height:440px;}
 .benchmark-refined .refined-project-opening{display:block;padding-top:108px;padding-bottom:32px;}
 .benchmark-refined .refined-project-opening .project-kicker{display:block;margin-bottom:24px;}
 .benchmark-refined .refined-project-opening .project-kicker>span{display:block;margin-bottom:8px;}
 html[data-type=ddin] .benchmark-refined .refined-project-opening h1{font-size:44px;line-height:1.02;margin-bottom:25px;}
 .benchmark-refined .refined-project-opening .project-caption{margin-bottom:20px;font-size:11px;}
 .benchmark-refined .refined-opening-copy{font-size:16px;line-height:1.65;margin-bottom:16px;}
 .benchmark-refined .refined-project-opening .project-cover{margin-top:28px;}
 .benchmark-refined .refined-project-opening .watercolour-frame{height:330px;}
 .benchmark-refined .portfolio-story-copy p{font-size:16px;}
 .benchmark-refined .contact-direct-email{font-size:19px;margin-bottom:26px;}
 .benchmark-refined .service-main.service-refined .service-page-intro{padding-top:40px;padding-bottom:30px;}
 html[data-type=ddin] .benchmark-refined .service-main.service-refined h1{font-size:44px;line-height:1.04;}
 .benchmark-refined .service-main.service-refined .service-lead{font-size:18px;line-height:1.55;}
 .benchmark-refined .service-main.service-refined .service-start-conversation{padding-block:28px 38px;}
 .benchmark-refined .service-main.service-refined .service-process-row{grid-template-columns:30px minmax(0,1fr);gap:16px;padding-block:25px;}
 html[data-type=ddin] .benchmark-refined .service-main.service-refined .service-process-row h2{font-size:30px;}
 .benchmark-refined .service-main.service-refined .service-process-row>div:last-child{grid-column:2;}
}
/* Keep the full artwork early on phones, while combining it with context on desktop. */
.benchmark-refined .refined-project-opening{row-gap:0;}
.benchmark-refined .refined-project-opening .project-intro{grid-column:1;grid-row:1;}
.benchmark-refined .refined-project-opening .project-cover{grid-column:2;grid-row:1 / 3;}
.benchmark-refined .refined-opening-summary{grid-column:1;grid-row:2;align-self:start;}
@media(max-width:700px){
 .benchmark-refined .refined-project-opening .project-cover{margin-top:8px;}
 .benchmark-refined .refined-project-opening .watercolour-frame{height:270px;}
 .benchmark-refined .refined-project-opening .project-cover figcaption{margin-inline:0;}
 .benchmark-refined .refined-opening-summary{margin-top:26px;}
}
/* Studio image refinement: photographs sit directly on the page, not in outlined boxes. */
body.benchmark-refined[data-page=studio] .editorial-story .story-image {
  outline: none;
  border: 0;
  padding: 0;
}
body.benchmark-refined[data-page=studio] .editorial-story .story-image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto !important;
  object-fit: contain;
}
@media (max-width: 700px) {
  body.benchmark-refined[data-page=studio] .editorial-story .story-image {
    width: calc(100% + var(--space) * 2);
    max-width: none;
    margin-inline: calc(var(--space) * -1);
  }
  body.benchmark-refined[data-page=studio] .editorial-story .story-image figcaption {
    margin-inline: var(--space);
  }
}

/* Cover-only projects remain visible without implying a working project link. */
.benchmark-refined .project-index-card--coming-soon{cursor:default}
.benchmark-refined .project-index-card--coming-soon:hover img{opacity:1}
.benchmark-refined .project-index-card img.project-cover-artwork{object-fit:contain!important;background:#fff}
.project-coming-soon-label{display:block;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted);text-decoration:none;cursor:default;margin-top:8px}
.service-text-link.project-coming-soon-label{border:0;text-decoration:none}
.benchmark-refined .project-index-card--coming-soon:hover>div:first-child{transform:none}

/* Services introduction: concrete offering, with an early project example. */
.service-main.service-refined .service-intro-support{font-size:16px;line-height:1.7;margin-top:20px}
.service-main.service-refined .service-case-intro{margin-top:28px;padding-top:18px;border-top:1px solid var(--service-rule)}
.service-main.service-refined .service-case-intro .arrow-link{display:inline-flex;gap:20px;font-size:14px;line-height:1.5;min-height:44px}
.service-main.service-refined .service-case-intro .inline-arrow{width:16px;height:16px;flex:none}
.service-main.service-refined .service-case-intro>p{font-size:13px;line-height:1.65;margin:10px 0 0;color:var(--muted)}
@media(max-width:700px){.service-main.service-refined .service-case-intro{margin-top:24px}}

/* Fill the Smethwick index cover without letterboxing; keep the central facade. */
.benchmark-refined .project-index-card[href="/smethwick"] img.project-cover-artwork{object-fit:cover!important;object-position:50% 50%;background:transparent}

/* Stanley cover: match Smethwick's sampled #f7f3ed paper without editing the
   source illustration. Darken replaces the white page/padding and leaves
   midtones and dark linework unchanged. Isolate the effect to this frame. */
.benchmark-refined .project-cover-paper--stanley{background:#f7f3ed;isolation:isolate}
.benchmark-refined .project-cover-paper--stanley img.project-cover-artwork{mix-blend-mode:darken}

/* The supplied Stanley visualisation fills its existing index tile; no paper blend. */
.benchmark-refined .project-index-card .project-cover-fullbleed--stanley img{width:100%;height:100%;max-height:none;object-fit:cover!important;object-position:50% 50%;background:transparent;mix-blend-mode:normal}