.site-header a[aria-current=page]{color:var(--brand)}
.portfolio-page{background:#f6f6f5}.portfolio-intro{text-align:center;padding:80px 0 40px}.portfolio-intro .eyebrow{margin-bottom:18px}.portfolio-intro h1{font-size:clamp(34px,3.8vw,54px);line-height:1.1;letter-spacing:-.05em}.portfolio-intro>p:last-child{font-size:16px;line-height:1.7;margin-top:25px}.portfolio-gallery{padding-bottom:65px}.portfolio-format{display:flex;justify-content:center;margin:0 0 18px}.portfolio-format>span{display:inline-flex;align-items:center;gap:9px;border-radius:10px;background:var(--brand);color:white;font-size:14px;font-weight:650;padding:11px 50px}.portfolio-format .workflow-icon{width:19px;height:19px}.portfolio-gallery .category-menu{margin-bottom:25px}.portfolio-gallery>#gallery-count{margin-bottom:15px;font-size:12px}.portfolio-gallery .creative-grid{gap:20px}.portfolio-gallery .creative{aspect-ratio:4/5;background:white}.portfolio-gallery .creative img{object-fit:contain}.portfolio-gallery .gallery-bottom{min-height:42px;margin-top:28px}.portfolio-gallery .gallery-bottom:has(button[hidden]){min-height:0;margin-top:0}.industry-section{background:var(--surface)}.industry-section .section-heading{margin-bottom:30px}.industry-section .section-heading>p:last-child{font-size:14px}.industry-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 30px;max-width:950px}.industry-tabs button{border:1px solid transparent;background:white;border-radius:100px;padding:9px 15px;font-size:12px;font-weight:600;line-height:1.3}.industry-tabs button[aria-pressed=true]{background:var(--blush);color:var(--brand)}.industry-tabs button:hover{border-color:var(--brand)}.industry-carousel{max-width:800px;margin-inline:auto;position:relative}.industry-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:200px;padding:10px;background:white;border-radius:18px;box-shadow:0 16px 32px #00000012;overflow:hidden}.industry-tile{display:block;border:0;min-width:0;aspect-ratio:1;background:#f7f6f4;overflow:hidden;padding:0}.industry-tile img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.industry-tile:hover img{transform:scale(1.035)}.industry-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:43px;height:43px;border:1px solid var(--border);border-radius:50%;background:white;display:grid;place-items:center;box-shadow:0 5px 15px #0001}.industry-arrow.previous{left:-22px}.industry-arrow.next{right:-22px;background:var(--ink);color:white;border-color:var(--ink)}.industry-arrow .workflow-icon{width:20px;height:20px}.industry-arrow:disabled{opacity:.35;cursor:default}.industry-pagination{display:flex;justify-content:center;gap:15px;font-family:monospace;font-size:12px;margin-top:22px;color:#8a8c94}.industry-pagination>span:first-child{font-weight:700;color:var(--ink)}.portfolio-closing{padding-block:65px}.portfolio-closing .brand-banner{margin-top:0}.portfolio-closing .text-link{display:inline-flex;align-items:center;gap:9px}.portfolio-closing .text-link .workflow-icon{width:17px;height:17px}.portfolio-page .footer{margin-top:0}.portfolio-page .demo-bar:not([hidden])~.preview-dialog{z-index:50}
@media(max-width:850px){.portfolio-intro{padding-top:60px}.portfolio-intro>p:last-child{font-size:14px}.industry-carousel{width:calc(100% - 30px)}}
@media(max-width:640px){.portfolio-intro{padding-top:45px;padding-bottom:30px}.portfolio-intro h1{font-size:clamp(28px,7.1vw,42px)}.portfolio-intro .eyebrow{font-size:9px}.portfolio-intro>p:last-child{font-size:13px;margin-top:18px}.portfolio-intro>p:last-child br{display:none}.portfolio-format>span{font-size:12px;padding:10px 35px}.portfolio-gallery .creative-grid{gap:12px}.portfolio-gallery .creative{aspect-ratio:4/5}.portfolio-gallery{padding-bottom:45px}.portfolio-gallery>#gallery-count{font-size:10px}.industry-section{padding-block:60px}.industry-section .section-heading>p:last-child{font-size:13px}.industry-tabs{gap:6px;margin-bottom:22px}.industry-tabs button{font-size:10px;padding:8px 11px}.industry-carousel{width:calc(100% - 24px)}.industry-collage{padding:6px;gap:4px;border-radius:12px;min-height:0}.industry-arrow{width:32px;height:32px}.industry-arrow.previous{left:-17px}.industry-arrow.next{right:-17px}.industry-arrow .workflow-icon{width:16px;height:16px}.industry-pagination{font-size:10px;margin-top:18px}.portfolio-closing{padding-block:40px}.portfolio-closing .closing-facts{gap:22px 12px}.portfolio-closing .closing-facts strong{font-size:16px}.portfolio-closing .final-banner{padding-inline:18px}.portfolio-closing .brand-banner p:not(.eyebrow){font-size:13px}}

/* Empty slots preserve the same three-column, two-row frame at every count. */
.industry-empty{display:block;min-width:0;aspect-ratio:1;pointer-events:none}