.projects-page{background:#fafafa}.projects-heading{scroll-margin-top:var(--nav-height,95.243px)}.projects-heading .port-breadcrumb [aria-current]{width:auto;color:#0a0a0a;text-align:left}.projects-heading .port-breadcrumb>span[aria-hidden]{display:grid;place-items:center}.projects-heading .port-breadcrumb img{display:block;width:20px;height:20px}.projects-hero{aspect-ratio:1300/557;border-radius:2px;overflow:hidden}.projects-hero img{display:block;width:100%;height:100%;object-fit:cover}.projects-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px;font-size:20px;line-height:27px;letter-spacing:-.5px}.projects-categories>*{position:relative;display:grid;place-items:center;padding:20px 16px 12px 20px;border-bottom:1px solid #e5e5e5;text-align:center}.projects-categories [aria-current]{border-bottom-width:3px;border-bottom-color:transparent;background:linear-gradient(180deg,transparent,white 33.151%);color:#c12414;font-weight:600}.projects-categories [aria-current]:after{content:"";position:absolute;inset:auto 0 -3px;height:3px;background:linear-gradient(90deg,#dc2b19,#0ca4eb)}.projects-page .projects-categories a:focus-visible{outline-offset:-3px}.projects-list{padding-block:max(28px,calc(44 * var(--port-unit,1px))) var(--port-space,80px)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--port-gap,24px)}.projects-page main .projects-more{display:block;min-height:44px;margin:44px auto 0;padding:10px 40px;border-radius:4px;background:linear-gradient(90deg,#dc2b19,#c12414);color:#fff;font-size:16px;font-weight:600;line-height:16px;letter-spacing:-.5px}.projects-card>button{display:block;position:relative;width:100%;height:100%;padding:0;text-align:left;touch-action:auto}.projects-page main .projects-card>button:focus-visible{outline-offset:-4px;outline-color:#fff}.projects-card>button>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out;pointer-events:none}.projects-card>button:hover>img{transform:scale(1.025)}.projects-card-copy{display:block;background-image:url(/media/b5004c6aa35e2829ea79.webp);pointer-events:none}.projects-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projects-card-copy .port-project-meta{display:flex;flex-wrap:wrap}.projects-card-copy .port-project-meta>span{display:block;position:relative;background:none}.projects-card-copy .port-project-meta img{position:absolute;top:50%;left:50%;width:16px;height:1px;max-width:none;transform:translate(-50%,-50%) rotate(90deg)}.project-dialog{position:fixed;inset:0;width:1008px;max-width:calc(100% - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:12px;border:0;border-radius:8px;overflow:auto;overscroll-behavior:contain;background:#fff;color:#0a0a0a;font:16px/23px Exo,sans-serif;letter-spacing:-.5px}.project-dialog::backdrop{background:#000000b3}.project-dialog[open]{animation:project-enter .3s ease-out}.project-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:16px;align-items:center}.project-gallery{min-width:0}.project-gallery-main{position:relative;width:100%;aspect-ratio:3/2;border-radius:6px;overflow:hidden;background:#f5f5f5}.project-gallery-main>img{display:block;width:100%;height:100%;object-fit:cover}.project-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}.project-gallery-thumbs:empty{display:none}.project-gallery-thumbs>button{position:relative;aspect-ratio:3/2;width:100%;padding:0;border-radius:4px;overflow:hidden}.project-gallery-thumbs img{display:block;width:100%;height:100%;object-fit:cover}.project-gallery-thumbs>button[aria-pressed=true]{outline:2px solid #2846a5;outline-offset:2px}.project-dialog .project-dialog-copy{padding-inline:10px;min-width:0}.project-dialog-copy h2{font-size:24px;line-height:32px;letter-spacing:-.7px;color:#2846a5;font-weight:500;overflow-wrap:break-word}.project-dialog-details{display:flex;flex-direction:column;gap:16px;margin-top:16px}.project-dialog-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.project-dialog-meta>div{position:relative;display:flex;flex-direction:column;gap:4px;padding:2px 0 2px 13px;min-width:0}.project-dialog-meta>div:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#dc2b19,#0ca4eb)}.project-dialog-meta dt,.project-dialog-work h3{font-weight:600}.project-dialog-meta dd{margin:0;overflow-wrap:break-word}.project-dialog-work{display:flex;flex-direction:column;gap:8px}.project-dialog .project-dialog-work h3{font-size:16px;line-height:23px;letter-spacing:-.5px}.project-dialog-close{position:absolute;top:0;right:0;display:grid;place-items:center;width:34px;height:34px;padding:0;background:transparent}.project-dialog-close img{display:block;width:24px;height:24px;transform:rotate(45deg)}.project-dialog :is(button,a):focus-visible{outline:2px solid #2846a5;outline-offset:2px}.project-dialog-close:focus-visible{outline-offset:-3px!important}.project-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html:has(.project-dialog[open]){overflow:hidden}@keyframes project-enter{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-dialog-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}@media(max-width:1439px){.projects-categories{font-size:16px;line-height:23px}.projects-categories>*{padding-inline:8px}}@media(max-width:1100px){.projects-categories{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #e5e5e5}.projects-categories>*{flex:1 0 auto;padding:16px 12px;border-bottom-color:transparent;white-space:nowrap}}@media(max-width:767px){.projects-categories{margin-top:20px}.projects-categories>*{padding-block:12px}.projects-list{padding-block:32px 56px}.projects-grid{gap:16px}.projects-page main .projects-more{margin-top:28px}.project-dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:38px 12px 20px}.project-dialog-layout{grid-template-columns:1fr;gap:24px}.project-dialog .project-dialog-copy{padding-inline:4px}.project-dialog-close{width:38px;height:38px}.project-dialog-meta{grid-template-columns:1fr 1fr;gap:8px}.project-gallery-thumbs{gap:6px}}@media(max-width:599px){.projects-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.project-dialog[open]{animation:none}.projects-card>button>img{transition:none}}