.portfolio-overview{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:26px}.portfolio-overview p:first-child{max-width:740px;font-size:19px}.portfolio-overview p:last-child{font-size:13px;max-width:260px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.portfolio-filters[hidden]{display:none}.portfolio-filters button{font:600 14px Poppins,sans-serif;border:1px solid #c6d8ef;border-radius:30px;background:white;padding:12px 20px;color:#18315b;cursor:pointer}.portfolio-filters button[aria-pressed=true]{color:white;background:#075aff;border-color:#075aff}.portfolio-filters button:hover{box-shadow:0 0 0 3px #d3e6ff}.project-count{color:#425572;font-size:13px;margin:22px 0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.project-card{min-width:0;border:1px solid #dae5f2;background:white;overflow:hidden;border-radius:18px;box-shadow:0 8px 30px #113b7710}.project-card[hidden]{display:none}.project-image{display:block;background:#edf4fc;aspect-ratio:1.55;overflow:hidden;border-bottom:1px solid #dae5f2}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s}.project-card:hover .project-image img{transform:scale(1.025)}.project-image.brand-art img{object-fit:contain;padding:24px;background:#fff}.project-copy{padding:25px 28px 28px}.project-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#536787;font-weight:600}.project-status{display:inline-block;border-radius:30px;padding:6px 11px;font-size:11px;font-weight:700;background:#fff2cc;color:#704700}.project-status.is-live{background:#d5fae7;color:#076440}.project-copy h3{font-size:23px;line-height:1.35;margin:17px 0 10px}.project-copy h3 a{color:#081f47;text-decoration:none}.project-copy h3 a span{color:#075aff}.project-copy p{font-size:15px;line-height:1.75;margin:0 0 16px}.project-copy small{color:#52647c;font-size:11px}.project-section-heading{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:38px}.project-section-heading p{max-width:700px}.project-section-heading .button{flex-shrink:0}.project-enquiry{background:#eaf4ff}.project-enquiry p{max-width:760px}.project-summary{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:40px 0}.project-summary h2,.project-next h2{font-size:26px}.project-summary li{margin:12px 0;line-height:1.7}.project-figure{margin:0;border:1px solid #ccdaf0;border-radius:16px;overflow:hidden;background:#f4f8ff}.project-figure img{width:100%;height:auto;display:block}.project-figure.brand-art img{max-height:650px;object-fit:contain;background:#fff}.project-figure figcaption{padding:18px 24px;font-size:12px;line-height:1.8;color:#455b79}.project-next{margin-top:40px}.project-next>p{max-width:820px}.selected-projects{background:#f5f9ff}.project-card a:focus-visible,.portfolio-filters button:focus-visible{outline:3px solid #075aff;outline-offset:4px}@media(max-width:720px){.project-grid,.project-summary{grid-template-columns:1fr;gap:24px}.portfolio-overview,.project-section-heading{display:block}.portfolio-overview p:last-child{max-width:none}.project-section-heading .button{margin-top:16px}.project-copy{padding:20px}.project-copy h3{font-size:21px}.portfolio-filters button{padding:10px 14px;font-size:12px}.project-summary{margin:30px 0}.project-figure figcaption{padding:16px}.project-meta{font-size:11px}}@media(prefers-reduced-motion:reduce){.project-image img{transition:none}.project-card:hover .project-image img{transform:none}}
.gallery-open{margin-top:17px;padding:10px 0;border:0;background:transparent;color:#075aff;font:600 13px Poppins,sans-serif;cursor:pointer;display:flex;gap:14px;align-items:center}.gallery-open:hover{text-decoration:underline}.gallery-open:focus-visible{outline:3px solid #26bdf4;outline-offset:4px}.gallery-visible{overflow:hidden}.screenshot-viewer{width:min(1200px,94vw);max-width:94vw;max-height:92dvh;border:1px solid #d8e6f9;border-radius:20px;padding:0;color:#13284b;background:#f8fbff;box-shadow:0 30px 100px #00153370}.screenshot-viewer::backdrop{background:#07192be0;backdrop-filter:blur(7px)}.gallery-bar{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:20px 24px;background:#fff}.gallery-bar h2{font-size:20px;margin:0}.gallery-bar p{font-size:12px;margin:5px 0 0;color:#5a6e88}.screenshot-viewer button{font:600 12px Poppins,sans-serif;background:#e8f1ff;color:#075aff;border:1px solid #d0e1f8;border-radius:10px;padding:10px 14px;cursor:pointer}.screenshot-viewer button:disabled{opacity:.4;cursor:default}.screenshot-viewer button:focus-visible,.screenshot-viewer a:focus-visible{outline:3px solid #23caff;outline-offset:3px}.gallery-stage{overflow:auto;height:min(65dvh,750px);padding:18px;display:flex;align-items:center;justify-content:center;background:#eaf0fa}.gallery-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 30px #0c2a4820}.gallery-stage.is-zoomed{display:block}.gallery-stage.is-zoomed img{max-width:none;max-height:none;width:auto;height:auto}.gallery-tools{display:flex;gap:12px;align-items:center;padding:15px 24px;flex-wrap:wrap;font-size:12px}.gallery-tools a{margin-left:auto;color:#075aff}.gallery-position{color:#526782}@media(max-width:600px){.gallery-bar{padding:16px}.gallery-bar h2{font-size:17px}.gallery-tools{padding:12px;gap:8px}.gallery-stage{height:58dvh;padding:8px}.gallery-tools a{font-size:11px}.screenshot-viewer{max-height:94dvh}}