/* Extends the approved identity without changing preview sizes or grid layout. */
.portfolio-refined :is(.portfolio-hero,.gallery-section,.research,.featured) {
  font-family:'Manrope',sans-serif;
  color:var(--polish-text);
}
html[data-palette] .portfolio-refined :is(.gallery-section,.featured) {background:var(--polish-surface)}
html[data-palette] .portfolio-refined .research {background:var(--polish-bg)}
.portfolio-refined :is(.portfolio-hero,.gallery-section,.research,.featured) :is(h1,h2,h3) {
  font-family:'Syne',sans-serif;
  font-weight:600;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.portfolio-refined .portfolio-hero h1 {font-weight:700;line-height:1.14}
.portfolio-refined :is(.portfolio-hero,.gallery-section,.research,.featured) em {color:var(--polish-accent)}
.portfolio-refined :is(.portfolio-hero,.gallery-section,.research,.featured) .eyebrow {
  font-family:'Manrope',sans-serif;
  font-size:12px;
  line-height:1.6;
  letter-spacing:1.4px;
  color:var(--polish-muted);
}
.portfolio-refined .portfolio-intro>p,
.portfolio-refined .section-heading>p:last-child,
.portfolio-refined .work-card>p,
.portfolio-refined .card-bottom p,
.portfolio-refined .research-row p:not(.eyebrow) {
  font-size:16px;
  line-height:1.85;
  color:var(--polish-muted);
  text-wrap:pretty;
}
.portfolio-refined .portfolio-intro .quiet-link {
  color:var(--polish-text);
  border-color:var(--polish-line);
  background:transparent;
  min-height:46px;
  font-size:13px;
  transition:background var(--polish-motion),border-color var(--polish-motion),color var(--polish-motion);
}
.portfolio-refined .portfolio-intro .quiet-link:hover {background:var(--polish-surface);border-color:#70869c;color:var(--polish-accent)}
.portfolio-refined .image-shell {
  background:var(--polish-bg);
  border-color:var(--polish-line);
  border-radius:12px;
  transition:border-color var(--polish-motion),box-shadow var(--polish-motion);
}
.portfolio-refined .image-shell img {transition:transform 350ms ease}
.portfolio-refined .image-shell:is(:hover,:focus-visible),
.portfolio-refined .work-card:is(:hover,:focus-visible) .image-shell {border-color:#70869c}
.portfolio-refined .image-shell:focus-visible,
.portfolio-refined .work-card:focus-visible {outline:2px solid var(--polish-accent);outline-offset:5px}
.portfolio-refined .image-action {
  font-family:'Manrope',sans-serif;
  color:var(--polish-text);
  background:#0b0d10ed;
  border-color:#647286;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  font-size:12px;
  line-height:1.5;
}
.portfolio-refined .preview-badge {
  width:44px;height:44px;
  border-color:#647286;
  background:#0b0d10ed;
  color:var(--polish-accent);
  border-radius:12px;
}
.portfolio-refined .preview-badge svg {stroke-width:1.5}
.portfolio-refined .research-row,.portfolio-refined .wide-card {border-color:var(--polish-line)}
.portfolio-refined .tags span {
  font-family:'Manrope',sans-serif;
  font-size:12px;
  color:var(--polish-muted);
  background:var(--polish-surface);
  border-color:var(--polish-line);
  border-radius:5px;
}
.portfolio-refined .featured .text-link {color:var(--polish-text);border-color:#657384}
.portfolio-refined .featured .text-link:hover {color:var(--polish-accent);border-color:var(--polish-accent)}
.portfolio-refined dialog {
  font-family:'Manrope',sans-serif;
  color:var(--polish-text);
  background:var(--polish-bg);
  border-color:#647286;
  border-radius:12px;
}
.portfolio-refined dialog::backdrop {background:#06080deb;backdrop-filter:blur(8px)}
.portfolio-refined .dialog-bar {font-size:14px;line-height:1.6}
.portfolio-refined .close-preview {font-family:'Manrope',sans-serif;min-height:44px;border-radius:6px}
.portfolio-refined .close-preview:hover {background:var(--polish-surface)}
.portfolio-refined .close-preview:focus-visible {outline:2px solid var(--polish-accent);outline-offset:2px}
@media(max-width:760px) {
  .portfolio-refined :is(.portfolio-hero,.gallery-section,.research,.featured) .eyebrow {font-size:11px;letter-spacing:1px}
  .portfolio-refined .portfolio-intro>p,
  .portfolio-refined .section-heading>p:last-child,
  .portfolio-refined .work-card>p,
  .portfolio-refined .card-bottom p,
  .portfolio-refined .research-row p:not(.eyebrow) {font-size:16px}
  .portfolio-refined .portfolio-intro .quiet-link {font-size:12px}
  .portfolio-refined .image-action {font-size:12px;min-height:44px;padding:9px 13px}
  .portfolio-refined .dialog-bar {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
  .portfolio-refined .image-shell,.portfolio-refined .image-shell img,.portfolio-refined .portfolio-intro .quiet-link {transition:none}
  .portfolio-refined .image-shell:hover img {transform:none}
}