dialog.cg-dialog{width:min(1200px,96vw);background:#111c50;color:#eef2ff;border-radius:12px}dialog.cg-dialog>.modalhead{position:sticky;top:0;z-index:2;background:#111c50;border-bottom:1px solid #ffffff18}dialog.cg-dialog>.gallery{padding:0;display:block}.cg-editorial{padding:48px;color:#eef2ff;background:#111c50}.cg-intro{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;margin-bottom:48px}.cg-intro h2{font:inherit;font-size:clamp(36px,5vw,64px);line-height:1.1;margin:0}.cg-intro p{font:inherit;font-size:19px;line-height:1.65;margin:0;color:#d5daf0}.cg-kicker{font-size:15px;letter-spacing:.04em;color:#b9c2ff;margin-bottom:12px}.cg-group{margin:0 0 52px}.cg-group h3{font:inherit;font-size:25px;line-height:1.3;margin:0 0 8px}.cg-group>p{font:inherit;font-size:17px;line-height:1.6;color:#c8cfea;margin:0 0 20px}.cg-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:5px}.cg-grid>.cg-image{width:calc((100% - 10px)/3)}.cg-grid.cg-pair>.cg-image{width:calc((100% - 5px)/2)}.cg-grid.cg-wide>.cg-image{width:100%}.cg-image{display:block;padding:0;border:0;border-radius:0;background:none;color:inherit;cursor:zoom-in;overflow:hidden;line-height:0}.cg-image:focus-visible{outline:3px solid #9aa8ff;outline-offset:3px}.cg-editorial .cg-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;transition:filter .2s}.cg-image:hover img{filter:brightness(1.06)}.cg-note{font-size:15px;color:#bdc6eb;text-align:center;margin:20px 0 0}.project-document.cg-page{max-width:1200px;background:#111c50;color:#eef2ff;padding:32px 0}.cg-page>h1,.cg-page>.project-back{padding-inline:48px}.cg-page>.description{display:none}dialog.cg-viewer{width:min(1400px,98vw);height:94dvh;max-height:94dvh;max-width:98vw;background:#080f2e;color:white;padding:12px;border:1px solid #ffffff20;border-radius:12px}dialog.cg-viewer::backdrop{background:#04081bf5}.cg-viewer-head{display:flex;align-items:center;justify-content:space-between;height:48px;gap:14px}.cg-viewer-head button,.cg-viewer-controls button{font:inherit;background:#303fc5;color:white;border:1px solid #ffffff20;border-radius:12px;min-width:48px;min-height:44px;padding:6px 14px;cursor:pointer}.cg-viewer-image{display:block;width:100%;height:calc(100% - 106px);object-fit:contain;margin:0;background:none}.cg-viewer-controls{height:48px;display:flex;justify-content:center;align-items:center;gap:20px;direction:ltr}@media(max-width:760px){dialog.cg-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px)}.cg-editorial{padding:28px 16px}.cg-intro{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.cg-intro h2{font-size:40px}.cg-intro p{font-size:17px;line-height:1.7}.cg-group{margin-bottom:34px}.cg-grid>.cg-image{width:calc((100% - 5px)/2)}.cg-group h3{font-size:23px}.cg-page>h1,.cg-page>.project-back{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.cg-image img{transition:none}}
#gallery-projects{gap:42px 22px}.project .project-cover{background:transparent;border-radius:5px;aspect-ratio:4/3}.project .project-cover img{background:transparent;object-fit:cover;transition:transform .35s}.project:hover .project-cover img{transform:scale(1.025)}.project .project-cover.portfolio-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;aspect-ratio:1.15}.project .portfolio-mosaic img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:top}.project h3{font-size:24px;line-height:1.3;margin:15px 0 5px}.project .project-summary{font-size:16px;line-height:1.55}.project .projectlink{font-size:15px;margin-top:10px}.project .projectlink .action-icon{width:30px;height:25px;min-width:30px}.portfolio-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:start}.portfolio-art-grid>.cg-image{width:100%;min-width:0}.portfolio-art-grid>.portfolio-wide{grid-column:1/-1}.portfolio-art-grid>.portfolio-landscape{grid-column:span 2}.portfolio-art-grid>.portfolio-video{grid-column:1/-1;width:100%;aspect-ratio:16/9;height:auto;border:0}.portfolio-editorial .cg-intro{margin-bottom:32px}.portfolio-editorial .cg-intro h2{font-size:clamp(32px,4vw,54px)}.portfolio-image-button{display:block;background:transparent;border:0;padding:0;margin:0;width:100%;cursor:zoom-in;border-radius:0}.portfolio-image-button img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.project-document.portfolio-page{max-width:1200px;background:#111c50;color:#eef2ff}.portfolio-page>.gallery{padding:0;display:block}.portfolio-page>.modalhead{padding:24px 32px}.portfolio-page>.gallery.portfolio-static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:start;padding:20px 32px 40px}.portfolio-static-grid>iframe{grid-column:1/-1;width:100%;aspect-ratio:16/9;height:auto}.portfolio-static-grid>.description{grid-column:1/-1}.portfolio-image-button:focus-visible{outline:3px solid #9aa8ff;outline-offset:3px}@media(max-width:760px){#gallery-projects{gap:30px 14px}.project h3{font-size:22px}.project .project-cover.portfolio-mosaic{aspect-ratio:1.15}.portfolio-art-grid,.portfolio-page>.gallery.portfolio-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-art-grid>.portfolio-landscape{grid-column:1/-1}.portfolio-page>.gallery.portfolio-static-grid{padding:16px}.portfolio-page>.modalhead{padding:20px 16px}.portfolio-editorial .cg-intro h2{font-size:36px}}
.portfolio-static-grid>.portfolio-wide{grid-column:1/-1}.portfolio-static-grid>.portfolio-landscape{grid-column:span 2}@media(prefers-reduced-motion:reduce){.project .project-cover img{transition:none}}
#gallery-projects:has(.portfolio-mosaic){grid-template-columns:repeat(2,minmax(0,1fr))}.project .project-cover.portfolio-mosaic{aspect-ratio:2.4}.project .portfolio-mosaic img{object-fit:contain;object-position:center}@media(max-width:760px){#gallery-projects:has(.portfolio-mosaic){grid-template-columns:1fr}.project .project-cover.portfolio-mosaic{aspect-ratio:2.4}}
.project .project-cover.portfolio-mosaic{grid-template-rows:minmax(0,1fr)}.project .portfolio-mosaic img{min-height:0;max-height:100%}

/* Pack mixed artwork ratios without reserving the tallest image's row. */
.portfolio-art-grid.portfolio-packed,.portfolio-page>.gallery.portfolio-static-grid.portfolio-packed{grid-auto-rows:1px;grid-auto-flow:row dense;align-items:start}
.portfolio-packed>.cg-image.portfolio-wide,.portfolio-packed>.cg-image.portfolio-landscape{grid-column:auto}
.portfolio-packed>.cg-image{align-self:start;min-height:0}

@media(min-width:1000px){dialog.cg-dialog:has(.portfolio-five){width:min(1800px,96vw);max-width:96vw}.project-document.portfolio-page:has(.portfolio-five){max-width:1800px}.portfolio-art-grid.portfolio-five,.portfolio-page>.gallery.portfolio-static-grid.portfolio-five{grid-template-columns:repeat(5,minmax(0,1fr))}}

.portfolio-packed>.cg-image{line-height:0}.portfolio-packed>.cg-image img,.portfolio-page>.gallery.portfolio-packed .cg-image img{margin:0;padding:0;border:0;display:block;width:100%;height:auto}
@media(min-width:1000px){.project-document.portfolio-page:has(.portfolio-five){width:min(1800px,96vw)}}

.portfolio-art-grid.portfolio-formats,.portfolio-page>.gallery.portfolio-static-grid.portfolio-formats{display:block}
.portfolio-format-section{margin:0 0 36px}
.portfolio-format-section>h3{font:inherit;font-size:24px;margin:0 0 16px;color:#eef2ff}
.portfolio-format-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}
.portfolio-format-row.format-0{grid-template-columns:repeat(5,minmax(0,1fr))}
.portfolio-format-row.format-2{grid-template-columns:minmax(0,1fr);gap:16px}
.portfolio-format-row>.cg-image{grid-column:auto;width:100%;min-width:0;line-height:0}
.portfolio-format-row>.cg-image img,.portfolio-page .portfolio-format-row>.cg-image img{width:100%;height:auto;max-height:none;margin:0;padding:0;display:block}
@media(min-width:1000px){dialog.cg-dialog:has(.portfolio-formats){width:min(1800px,96vw);max-width:96vw}.project-document.portfolio-page:has(.portfolio-formats){width:min(1800px,96vw);max-width:1800px}}
@media(max-width:760px){.portfolio-format-row.format-0,.portfolio-format-row{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-format-row.format-2{grid-template-columns:minmax(0,1fr)}.portfolio-format-section>h3{font-size:22px}}

.portfolio-format-section{margin:0 0 6px}.portfolio-format-section>h3{display:none}
.portfolio-format-row,.portfolio-format-row.format-0,.portfolio-format-row.format-2{display:flex;flex-direction:column;gap:6px}
.portfolio-format-line{display:flex;align-items:flex-start;gap:6px}
.portfolio-format-line>.cg-image{flex-basis:0;flex-shrink:1;min-width:0;width:0;grid-column:auto;line-height:0}
.portfolio-format-line>.cg-image img,.portfolio-page .portfolio-format-line>.cg-image img{display:block;width:100%;height:auto;max-height:none;margin:0;padding:0}
@media(max-width:760px){.portfolio-format-line{flex-wrap:wrap}.portfolio-format-line>.cg-image{flex-basis:calc(50% - 3px);flex-grow:1!important}.format-2 .portfolio-format-line>.cg-image{flex-basis:100%}}

.portfolio-format-row{align-items:stretch}.portfolio-format-line{width:100%}

/* Shared full-width, uncropped artwork rows in all portfolio galleries. */
.cg-grid.portfolio-formats,.case-image-grid.portfolio-formats{display:block}
.portfolio-format-line>.portfolio-row-item{flex-basis:0;flex-shrink:1;min-width:0;width:0;grid-column:auto;margin:0;align-self:flex-start}
.portfolio-format-line>.portfolio-row-item img,.project-document .portfolio-format-line>.portfolio-row-item img{width:100%;height:auto;max-height:none;display:block;margin:0;padding:0;object-fit:contain}
.portfolio-format-line>.portfolio-row-item.portfolio-wide,.portfolio-format-line>.portfolio-row-item.portfolio-landscape{grid-column:auto}
@media(min-width:1000px){dialog.cg-dialog:has(.portfolio-formats){width:min(1800px,96vw);max-width:96vw}.project-document.portfolio-page:has(.portfolio-formats){width:min(1800px,96vw);max-width:1800px}}
@media(max-width:760px){.portfolio-format-line>.portfolio-row-item{flex-basis:calc(50% - 3px);flex-grow:1!important}.format-2 .portfolio-format-line>.portfolio-row-item{flex-basis:100%}}

/* Keep restored transparent artwork visible. */
.portfolio-row-item img[src$="/nawa-logo-black.png"],.portfolio-row-item img[src$="/pulse-brand-board.png"]{background:#eef2ff}

/* Consistent single-artwork project covers. Full galleries remain unchanged. */
#gallery-projects{gap:40px 26px}
#gallery-projects .project .project-cover.portfolio-mosaic{display:block;position:relative;isolation:isolate;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#0b153f;border:1px solid #ffffff12;box-shadow:0 12px 30px #04091a22}
#gallery-projects .portfolio-mosaic img{display:none;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;padding:14px;z-index:1}
#gallery-projects .portfolio-mosaic:not([data-cover-ready]) img:first-of-type,#gallery-projects .portfolio-mosaic img.is-project-cover{display:block}
.portfolio-cover-backdrop{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(22px);opacity:.38;transform:scale(1.12);z-index:-1}
#gallery-projects .project h3{font-size:27px;line-height:1.35;margin:18px 0 7px}
#gallery-projects .project .project-summary{font-size:17px;line-height:1.65;margin:0;color:#b8c5ed}
#gallery-projects .project .projectlink{margin-top:13px}
@media(max-width:760px){#gallery-projects{gap:30px}#gallery-projects .project .project-cover.portfolio-mosaic{aspect-ratio:4/3;border-radius:13px}#gallery-projects .portfolio-mosaic img{padding:10px}#gallery-projects .project h3{font-size:24px}}