.graphics-content{--graphics-paper:var(--neutral-01);--graphics-ink:var(--neutral-04);--graphics-line:color-mix(in srgb,var(--neutral-04) 16%,transparent)}.graphics-category-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:64px}.graphics-category-nav a{padding:14px 20px;border:1px solid var(--graphics-line);border-radius:100px;color:var(--graphics-ink);font-weight:600}.graphics-category-nav a:hover{background:var(--color-01)}.graphics-work-section{scroll-margin-top:130px;margin-bottom:80px}.graphics-section-heading{max-width:680px;margin-bottom:32px}.graphics-section-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.15;margin-bottom:16px}.graphics-section-heading p{line-height:1.65}.graphics-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.graphics-content .graphics-card{display:block;min-width:0;background:var(--graphics-paper);color:var(--graphics-ink);border:1px solid var(--graphics-line);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .2s}.graphics-content .graphics-card:before,.graphics-content .graphics-card:after{display:none}.graphics-card .project-thumbnail-wrapper{height:auto!important;aspect-ratio:1;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden;border-radius:0!important}.graphics-card .project-thumbnail{display:block;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border-radius:0!important}.graphics-card .single-project-content{padding:22px!important;min-height:0!important}.graphics-card h4{font-size:26px;line-height:1.2;margin:8px 0 16px}.graphics-card .project-card-context{font-size:12px;margin:0;text-transform:uppercase;letter-spacing:.05em}.graphics-card .project-view-action{font-size:13px}.graphics-card:hover{transform:translateY(-3px)}.graphics-preview{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,90vw);height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:var(--neutral-01,var(--simple-paper));color:var(--neutral-04,var(--simple-ink));border-radius:0;overflow:auto}.graphics-preview::backdrop{background:color-mix(in srgb,var(--neutral-04,var(--simple-ink)) 45%,transparent)}.graphics-preview-shell>header{display:flex;justify-content:space-between;gap:24px;padding:24px}.graphics-preview h2{font-size:28px;margin:0;line-height:1.2}.graphics-preview header p{font-size:11px;letter-spacing:.06em;margin-bottom:10px}.graphics-preview button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:8px;min-width:44px;min-height:44px;cursor:pointer}.graphics-preview-controls{display:flex;gap:12px;align-items:center;padding:0 24px 20px;font-size:13px}.graphics-preview-controls>a{margin-left:auto}.graphics-preview-stage img{display:block;width:100%;height:auto;margin:0}.graphics-preview-stage iframe{width:100%;height:75dvh;border:0;display:block}.graphics-preview-stage [hidden]{display:none!important}body.graphics-preview-open{overflow:hidden}.simple-view .graphics-content{--graphics-paper:var(--simple-paper);--graphics-ink:var(--simple-ink);--graphics-line:var(--simple-line)}.simple-view .graphics-category-nav a:hover{background:var(--simple-surface)}.simple-view .graphics-section-heading h2,.simple-view .graphics-card h4{font-family:inherit;font-weight:600}.simple-view .graphics-section-heading h2{font-size:32px}.simple-view .graphics-card h4{font-size:22px}.simple-view .graphics-content{padding-top:32px}
@media(max-width:900px){.graphics-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.graphics-work-grid{grid-template-columns:1fr;gap:24px}.graphics-category-nav{gap:8px;margin-bottom:40px}.graphics-category-nav a{padding:11px 14px;font-size:12px}.graphics-work-section{margin-bottom:56px}.graphics-preview{inset:auto 0 0;width:100%;height:92dvh;border-radius:18px 18px 0 0}.graphics-preview-shell>header{padding:20px}.graphics-preview-controls{padding:0 20px 16px}.graphics-card .project-thumbnail-wrapper{aspect-ratio:1}.graphics-preview h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.graphics-card{transition:none}.graphics-card:hover{transform:none}}
/* Keep complete artwork in its original ratio; never crop posters into logo squares. */
.graphics-work-grid{align-items:start}.graphics-content .graphics-card .project-thumbnail-wrapper{aspect-ratio:auto!important;height:auto!important;overflow:visible}.graphics-content .graphics-card .project-thumbnail{height:auto!important;object-fit:contain!important;aspect-ratio:auto!important}.graphics-preview-stage img{max-width:100%;width:auto;max-height:none;margin-inline:auto}.graphics-preview-stage{background:var(--neutral-01,var(--simple-paper))}.graphics-preview-stage img{border:1px solid color-mix(in srgb,currentColor 12%,transparent)}
/* Large source artwork can fill the drawer without losing detail. */
.graphics-preview-stage img[src*="graphics-original"]{width:100%;height:auto;border:0}.graphics-identity-card .project-thumbnail-wrapper{max-height:320px!important;overflow:hidden!important}.graphics-identity-card .project-thumbnail{object-position:top}.graphics-work-section#brand-systems .graphics-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.graphics-work-section#brand-systems .graphics-work-grid{grid-template-columns:1fr}}