/* Silver Snapshot casing and recessed sea-glass display. */
.recognition > .studio-section__inner,
.client-feedback--featured .client-feedback__inner {
 background:
  repeating-linear-gradient(0deg,color-mix(in srgb,var(--storm) 3%,transparent) 0 1px,transparent 1px 3px),
  linear-gradient(125deg,transparent 12%,color-mix(in srgb,var(--white) 82%,transparent) 34%,transparent 55%),
  linear-gradient(145deg,var(--frost),color-mix(in srgb,var(--mist) 57%,var(--frost)) 65%,var(--frost));
 box-shadow:inset 0 2px 5px color-mix(in srgb,var(--white) 88%,transparent),
  inset 0 -6px 14px color-mix(in srgb,var(--storm) 12%,transparent),
  0 4px 10px color-mix(in srgb,var(--storm) 12%,transparent),
  0 16px 30px color-mix(in srgb,var(--storm) 21%,transparent);
}
.recognition__credentials,
.client-feedback--featured figure {
 background:
  repeating-linear-gradient(0deg,color-mix(in srgb,var(--storm) 7%,transparent) 0 1px,transparent 1px 4px),
  linear-gradient(145deg,color-mix(in srgb,var(--mist) 55%,var(--frost)),var(--mist));
 box-shadow:inset 0 2px 10px color-mix(in srgb,var(--storm) 36%,transparent),0 1px 0 var(--white);
}
.recognition { width:100%; color:var(--ink); }
.recognition > .studio-section__inner { padding:clamp(20px,4.5vw,64px); border-radius:var(--radius-card,16px); }
.recognition__intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(24px,4vw,64px); align-items:center; }
body.studio-page #recognition h2 { margin:0; max-width:25ch; color:var(--ink); font-size:clamp(25px,2.8vw,40px); line-height:1.16; }
.recognition h2 span { color:var(--storm); }
body.studio-page #recognition .recognition__intro p { margin:0; max-width:45ch; color:var(--storm); font-size:var(--type-body); line-height:1.65; }
.recognition__credentials {
 display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.12fr);
 align-items:baseline; gap:clamp(20px,3.6vw,52px);
 margin:clamp(24px,3.75vw,52px) 0 0; padding:clamp(14px,2.6vw,34px);
 border-radius:12px;
}
.recognition__credentials dt {
 color:var(--coral); font:var(--display-weight) clamp(33px,4.2vw,60px)/1.08 var(--display);
 letter-spacing:var(--tracking-heading); white-space:nowrap;
}
.recognition__credentials > div:last-child dt { color:var(--storm); font-size:clamp(24px,3.25vw,46px); letter-spacing:.01em; }
.recognition__credentials dd {
 margin:10px 0 0; max-width:30ch; color:var(--ink);
 font:500 clamp(13px,1.2vw,15px)/1.5 var(--body); overflow-wrap:anywhere;
}
.recognition__credentials small { display:block; margin-top:4px; color:var(--storm); font:400 12px/1.5 var(--body); }
.recognition + .content-split { margin-top:clamp(80px,8vw,128px); }
/* The Studio review section is a silver faceplate with a dark metallic lead quote. */
.client-feedback { color:var(--ink); padding-block:clamp(64px,7vw,112px); }
.client-feedback--editorial {
 background:var(--metal-silver-surface);
 box-shadow:inset 0 2px 5px color-mix(in srgb,var(--white) 83%,transparent),
  inset 0 -12px 28px color-mix(in srgb,var(--storm) 10%,transparent);
}
.client-feedback__inner { width:min(100% - 2 * var(--page-edge,5vw),1320px); margin-inline:auto; }
body .client-feedback h2 { margin:0; color:var(--ink); font-size:var(--type-h2); }
.client-feedback__title-accent { color:var(--coral); }
.client-feedback__intro { max-width:54ch; margin:22px 0 0; color:var(--storm); }
.client-feedback figure { margin:0; min-width:0; }
.client-feedback blockquote { margin:0; font:500 clamp(17px,1.48vw,22px)/1.5 var(--body); letter-spacing:-.014em; text-wrap:pretty; }
.client-feedback blockquote::before { content:'“'; color:var(--lacquer); }
.client-feedback blockquote::after { content:'”'; color:var(--lacquer); }
.client-feedback figcaption { color:var(--storm); font:400 14px/1.55 var(--body); }
.client-feedback figcaption strong { display:block; color:var(--ink); font-weight:600; }
.client-feedback__international { color:var(--storm); font-size:14px; margin:clamp(30px,4.5vw,56px) 0 0; }
.client-feedback__source { color:var(--storm); font-size:12px; margin:14px 0 0; }
.client-feedback--editorial .client-feedback__quotes {
 display:grid; grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));
 gap:clamp(16px,2.2vw,32px); margin-top:clamp(28px,4.5vw,62px);
}
.client-feedback--editorial figure:not(.client-feedback__lead) {
 display:flex; flex-direction:column; gap:16px; padding:clamp(19px,2.3vw,32px); border-radius:12px;
 background:linear-gradient(150deg,color-mix(in srgb,var(--white) 84%,transparent),color-mix(in srgb,var(--frost) 50%,transparent));
 box-shadow:inset 0 1px 1px var(--white),inset 0 -2px 5px color-mix(in srgb,var(--storm) 10%,transparent),
  0 7px 15px color-mix(in srgb,var(--storm) 13%,transparent);
}
.client-feedback--editorial .client-feedback__lead {
 grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr);
 gap:clamp(18px,2.15vw,28px); padding:clamp(24px,4.8vw,68px);
 border-radius:clamp(12px,1.5vw,20px);
 box-shadow:inset 0 1px 2px color-mix(in srgb,var(--mist) 72%,transparent),
  inset 0 -4px 10px color-mix(in srgb,var(--black) 29%,transparent),
  0 15px 30px -5px color-mix(in srgb,var(--storm) 35%,transparent);
}
.client-feedback__lead blockquote {
 max-width:23ch; font-size:clamp(29px,4.1vw,62px); line-height:1.16; letter-spacing:-.038em;
}
.client-feedback__lead blockquote::before,.client-feedback__lead blockquote::after { color:var(--coral); }
.client-feedback__lead figcaption {
 justify-self:end; max-width:100%; text-align:end; color:var(--text-muted-dark);
}
.client-feedback__lead figcaption strong { color:var(--frost); font-size:16px; }

/* Silver Snapshot: brushed casing, a recessed sea-glass display and one status light. */
.client-feedback--featured { color:var(--ink); background:var(--frost); padding-block:clamp(44px,6vw,88px); }
.client-feedback--featured .client-feedback__inner {
 max-width:1060px; padding:clamp(16px,3.3vw,42px);
 border-radius:clamp(16px,2.1vw,27px);
}
.client-feedback__camera-heading {
 display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between;
 gap:6px 20px; margin-bottom:clamp(14px,2.15vw,26px);
}
body .client-feedback--featured h2 { font-size:clamp(27px,3.45vw,49px); }
.client-feedback__camera-mark {
 display:inline-flex; align-items:center; gap:8px;
 color:var(--storm); font:400 11px/1.45 var(--tech); letter-spacing:.08em; text-transform:uppercase;
}
.client-feedback__camera-mark::before {
 content:''; flex:none; width:6px; height:6px; border-radius:50%; background:var(--coral);
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lacquer) 48%,transparent);
}
.client-feedback--featured figure {
 display:grid; grid-template-columns:minmax(0,1fr);
 gap:clamp(16px,2.15vw,27px); padding:clamp(15px,2.85vw,36px);
 border:clamp(4px,.5vw,7px) solid color-mix(in srgb,color-mix(in srgb,var(--ink) 76%,var(--storm)) 50%,transparent);
 border-radius:clamp(8px,1vw,13px);
}
.client-feedback--featured blockquote {
 max-width:32ch; font-size:clamp(22px,3.25vw,40px); font-weight:600; line-height:1.23; letter-spacing:-.027em;
}
.client-feedback--featured figcaption {
 justify-self:center; max-width:100%; text-align:center;
 padding-top:10px; border-top:1px solid color-mix(in srgb,var(--storm) 46%,transparent);
 color:var(--ink);
}
.client-feedback--featured figcaption strong { color:inherit; }
.client-feedback--featured .client-feedback__international { max-width:68ch; margin-top:clamp(14px,2vw,24px); }
@media(max-width:780px) {
 .recognition__intro { grid-template-columns:1fr; gap:22px; }
 .recognition__credentials { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; }
 .recognition__credentials > div:last-child { grid-column:1 / -1; }
 .recognition__credentials dt { font-size:clamp(24px,6.2vw,40px); }
 .recognition__credentials dd { margin-top:6px; }
 .recognition + .content-split { margin-top:72px; }
 .client-feedback--editorial .client-feedback__quotes { grid-template-columns:1fr; }
}
@media(max-width:540px) {
 .client-feedback__camera-heading { flex-direction:column; align-items:flex-start; }
}