.project-card-link{display:block;color:inherit;text-decoration:none;height:100%}.project-card-link:focus-visible{outline:3px solid var(--ink);outline-offset:-4px}.project-preview{position:relative;aspect-ratio:1.48;background:var(--surface);padding:28px 36px 36px 20px;overflow:hidden}.device-desktop{height:100%;border:1px solid var(--border);background:var(--white);border-radius:4px;overflow:hidden}.device-mobile{position:absolute;right:14px;bottom:16px;width:23%;height:61%;border:4px solid var(--white);border-radius:12px;background:var(--surface-2);box-shadow:0 8px 22px #0002;overflow:hidden;outline:1px solid var(--border)}.project-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.device-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px;text-align:center;background:var(--surface)}.device-placeholder b{font:italic clamp(22px,3vw,42px) var(--font-display)}.device-placeholder span{font:9px var(--font-mono);color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase}.device-mobile .device-placeholder b{font-size:20px}.art-meta{padding:22px}.art-title{font-size:21px}.project-link{margin-top:20px;padding-top:14px;border-top:1px solid var(--border)}@media(max-width:800px){.hero-layout{grid-template-columns:1fr;gap:32px}.hero-aside{padding:24px}.hero-aside ul{display:flex;gap:20px;flex-wrap:wrap}.hero-aside h2{font-size:32px}.hero{padding:56px 18px}.hero-facts{gap:20px;flex-wrap:wrap}}@media(max-width:640px){.project-preview{padding:22px 32px 30px 16px}.hero-sub{padding:0}.hero-title{font-size:clamp(48px,11vw,70px)}}

/* Portfolio case-study hierarchy */
.project-status{display:inline-flex;width:max-content;margin-bottom:13px;padding:6px 9px;border:1px solid var(--border);font:9px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:var(--surface)}
.project-card-summary{display:block;margin-top:12px;max-width:52ch;color:var(--ink-soft);font-size:13px;line-height:1.55}






.art-tile[hidden]{display:none}
.project-preview img{background:var(--surface-2)}
.project-preview img.is-deferred{opacity:0}
@media(max-width:800px){}
@media(max-width:640px){.project-card-summary{font-size:12.5px}}

/* Same presentation for every project, with aligned actions. */
.project-card-link{display:flex;flex-direction:column}.art-meta{display:flex;flex-direction:column;flex:1}.art-meta .project-link{margin-top:auto;padding-top:18px}.project-card-summary{margin-bottom:20px}.project-preview{flex-shrink:0}
.sales-note{max-width:720px;margin:28px auto 0;color:var(--ink-soft);font-size:14px;line-height:1.7;text-align:center}
.detail-gallery{max-width:1120px;margin:0 auto 64px;padding:0 24px}
.detail-gallery h2{font:italic clamp(32px,4vw,46px)/1.1 var(--font-display);margin:0 0 24px}
.detail-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.detail-gallery-grid figure{margin:0;border:1px solid var(--border);background:var(--surface)}
.detail-gallery-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.detail-gallery-grid figcaption{padding:12px 15px;color:var(--ink-soft);font:11px var(--font-mono)}
@media(max-width:700px){.detail-gallery{padding:0 18px}.detail-gallery-grid{grid-template-columns:1fr}}