.portfolio-page{background:#fff}.portfolio-heading{padding-block:55px 30px}.portfolio-heading h1{font:400 clamp(2.2rem,4vw,3.25rem)/1.3 var(--font-heading);margin:0 0 18px}.portfolio-line{background:#009ce5;width:76px;height:3px}.portfolio-content{padding-block:0 65px}.portfolio-filters{flex-wrap:wrap;gap:12px 28px;margin:5px 0 35px;display:flex}.portfolio-filters[hidden]{display:none}.portfolio-filters button{font:600 .82rem/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0}.portfolio-filters button[aria-pressed=true]{color:#009ce5;border-color:#009ce5}.portfolio-filters button:focus-visible,.portfolio-cover:focus-visible{outline-offset:5px;outline:2px solid #009ce5}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px;display:grid}.portfolio-card[hidden]{display:none}.portfolio-cover{aspect-ratio:1000/710;background:#eee;display:block;position:relative;overflow:hidden}.portfolio-cover img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-card h2{font:400 clamp(1.3rem,2vw,1.65rem)/1.3 var(--font-heading);text-transform:none;margin:17px 0 5px}.portfolio-card h2 a{color:inherit;text-decoration:none}.portfolio-card h2 a:hover{color:#009ce5}.portfolio-card p{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.portfolio-open{color:#fff;filter:drop-shadow(0 1px 3px #000a);background:0 0;border:0;border-radius:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:20px;right:20px}.portfolio-open svg{width:28px;height:28px}.portfolio-gallery-section{padding-block:40px 60px;scroll-margin-top:110px}.portfolio-gallery-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.portfolio-gallery-bar>span{color:var(--muted);white-space:nowrap;font-size:.85rem}.portfolio-project .ontly-gallery__list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.portfolio-project .ontly-gallery__trigger{width:100%;display:block;overflow:hidden}.portfolio-project .ontly-gallery__trigger img{width:100%;height:auto}.portfolio-project .ontly-gallery__dialog{color:#fff;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.portfolio-project .ontly-gallery__dialog-inner{box-sizing:border-box;height:100%;min-height:0;padding:max(60px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;display:grid}.portfolio-project .ontly-gallery__dialog figure{grid-area:1/1/3/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;min-width:0;min-height:0;margin:0;display:grid;overflow:hidden}.portfolio-project .ontly-gallery__dialog img{object-fit:contain;grid-area:1/1/auto/-1;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;margin:0;display:block}.portfolio-project .ontly-gallery__dialog figcaption{text-align:center;min-width:0;max-height:96px;font:400 clamp(.9rem,2.2vw,1.15rem)/1.35 var(--font-body);overflow-wrap:anywhere;grid-area:2/2;align-self:center;margin:0;overflow:auto}.portfolio-project .ontly-gallery__dialog [data-gallery-prev]{grid-area:2/1}.portfolio-project .ontly-gallery__dialog [data-gallery-next]{grid-area:2/3}.portfolio-project .ontly-gallery__dialog [data-gallery-prev],.portfolio-project .ontly-gallery__dialog [data-gallery-next]{z-index:1;align-self:center;margin:0}.portfolio-project .ontly-gallery__dialog [data-gallery-close]{top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.portfolio-project .ontly-gallery__dialog button{color:#fff;cursor:pointer;background:0 0;border:2px solid;border-radius:50%;place-items:center;width:44px;height:44px;font:30px/1 Arial,sans-serif;display:grid}.portfolio-project .ontly-gallery__dialog button:focus-visible{outline-offset:3px;outline:3px solid #009ce5}.portfolio-project-nav{border-top:1px solid var(--line);justify-content:space-between;gap:30px;margin-top:35px;padding-top:25px;display:flex}.portfolio-project-nav a{color:var(--ink);max-width:48%;font-family:var(--font-heading);align-items:center;gap:15px;font-size:1.15rem;text-decoration:none;display:flex}.portfolio-project-nav a:last-child{text-align:right}.portfolio-project-nav svg{flex-shrink:0;width:22px}.portfolio-project-nav small{color:var(--muted);font:400 .75rem/1.5 var(--font-body);margin-bottom:6px;display:block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-cover img{transition:transform .5s}.portfolio-cover:hover img{transform:scale(1.025)}.portfolio-open{transition:transform .3s}.portfolio-cover:hover .portfolio-open{transform:translate(5px)}}@media (width<=980px){.portfolio-project .ontly-gallery__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.portfolio-heading{padding-block:35px 25px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-filters{gap:10px 20px;margin-bottom:25px}.portfolio-filters button{font-size:.75rem}.portfolio-project .ontly-gallery__list{grid-template-columns:1fr;gap:18px}.portfolio-gallery-bar{align-items:start}.portfolio-gallery-bar .text-link{font-size:.75rem}.portfolio-project .ontly-gallery__dialog-inner{gap:6px}.portfolio-project .ontly-gallery__dialog button{width:44px;height:44px}.portfolio-project-nav a{gap:8px;font-size:1rem}}.portfolio-page .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html:has(.portfolio-project dialog[open]),body:has(.portfolio-project dialog[open]){overflow:hidden}