/* Brand-specific artwork, with the two newest projects centred on their own row. */
@media (min-width:841px) {
    .section--projects .projects-grid { grid-template-columns:repeat(6,minmax(0,1fr)) !important; }
    .section--projects .project-card { grid-column:span 2; }
    .section--projects .project-card:nth-child(4):nth-last-child(2) { grid-column:2 / span 2; }
}
.section--projects .project-card:is([data-image-mode="color"],[data-image-mode="app"]) .project-img { filter:none !important; }
.section--projects .project-card[data-image-mode="color"] .project-img-wrapper { background:var(--project-accent,#b9d8f4) !important; }
.section--projects .project-card[data-image-mode="app"] .project-img-wrapper { background:transparent !important; }
.section--projects .project-card[data-image-mode="app"] .project-img { width:150px !important; height:150px !important; max-width:100%; border-radius:30px; }
.section--projects .project-title { line-height:1.15 !important; overflow-wrap:anywhere; }
.section--projects .project-public-link { line-height:1.7; overflow-wrap:anywhere; }
.section--projects .project-card:focus-visible { outline:2px solid var(--project-accent); outline-offset:12px; border-radius:8px; }

.section--projects .project-brand-surface { position:relative; isolation:isolate; width:100%; height:100%; display:flex; align-items:center; justify-content:center; border-radius:inherit; overflow:hidden; }
.section--projects .project-shade { display:none; pointer-events:none; }
.section--projects .project-card[data-visual-style]:not([data-visual-style="original"]) .project-img-wrapper { padding:0 !important; background:transparent !important; }
.section--projects .project-card[data-visual-style]:not([data-visual-style="original"]) .project-brand-surface { background:linear-gradient(135deg,var(--project-bg),var(--project-bg-end)); }
.section--projects .project-card[data-visual-style]:not([data-visual-style="original"]) .project-shade { display:block; position:absolute; inset:0; z-index:1; background:radial-gradient(ellipse at 50% 42%,transparent 10%,#000 100%); opacity:var(--project-shade,.2); }
.section--projects .project-brand-surface .project-img { position:relative; z-index:2; }
.section--projects .project-brand-surface .project-symbol { z-index:2; }
.section--projects .project-card[data-visual-style="app"]:not([data-visual-style="original"]) .project-brand-surface { width:150px; height:150px; flex:0 0 150px; border-radius:30px; background:radial-gradient(ellipse at 15% 0%,#ff56563d,transparent 65%),linear-gradient(145deg,var(--project-bg),var(--project-bg) 35%,var(--project-bg-end)); }
.section--projects .project-card[data-visual-style="original"][data-image-mode="app"] .project-img-wrapper { padding:0 !important; }
.section--projects .project-card[data-visual-style="app"] .project-brand-surface .project-img { width:66% !important; height:72% !important; }
.section--projects .project-card[data-project="zuabo"] .project-brand-surface .project-img { width:76% !important; height:76% !important; }
.section--projects .project-backdrop { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% 48%; z-index:0; }
.section--projects .project-card[data-visual-style="photo"] .project-img { filter:brightness(0) invert(1) drop-shadow(0 2px 5px #0009) !important; width:76% !important; }
.section--projects .project-card[data-project="zuabo"] :is(.project-title,.project-public-link) { text-transform:none !important; }
@media(prefers-reduced-motion:reduce) { .section--projects .project-card .project-img-wrapper { transition:none !important; } }