.content-page{z-index:1;min-height:calc(100vh - var(--nav-height) - var(--footer-height));padding:60px 0 120px;position:relative}.content-page__inner{max-width:900px;margin:0 auto;padding:0 15px}.content-page__inner--wide{max-width:1100px}.content-page__title{font-family:var(--font-sans);color:var(--text-color);margin:0 0 16px;font-size:32px;font-weight:400}.content-page__lead{font-family:var(--font-sans);color:var(--text-color);white-space:pre-wrap;margin:0 0 40px;font-size:20px;font-weight:400;line-height:1.5}.content-empty{font-family:var(--font-sans);color:var(--text-color);opacity:.7;margin:0;font-size:18px}.content-page--blog{padding-top:48px}.content-page--portfolio{min-height:0;padding-top:48px;padding-bottom:36px}.blog-list{flex-direction:column;display:flex}.blog-item{border-bottom:1px solid #0000001f;padding:28px 0}.blog-item:first-child{padding-top:0}.blog-item:last-child{border-bottom:none;padding-bottom:0}.blog-item__title{color:var(--text-color);margin:0 0 6px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:1.35}.blog-item__meta{color:var(--text-color);opacity:.55;margin:0 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4}.blog-item__body{color:var(--text-color);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}.portfolio-list{flex-direction:column;gap:0;display:flex}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px;display:grid}.portfolio-category{margin:0 0 56px}.portfolio-category:last-child{margin-bottom:0}.portfolio-category__title{font-family:var(--font-sans);color:var(--text-color);align-items:center;gap:14px;margin:0 0 24px;font-size:24px;font-weight:500;display:flex}.portfolio-category__title:before,.portfolio-category__title:after{content:"";opacity:.28;background:currentColor;flex-shrink:0;height:1px}.portfolio-category__title:before{width:28px}.portfolio-category__title:after{flex:auto;min-width:64px}.portfolio-category__empty{font-family:var(--font-sans);color:var(--text-color);opacity:.45;margin:0;font-size:15px}.portfolio-card{min-width:0;margin:0}.portfolio-card__link{color:inherit;text-decoration:none;display:block}.portfolio-card__link:hover .portfolio-card__title{opacity:.75}.portfolio-card__img{aspect-ratio:4/3;object-fit:cover;object-position:top center;background:#f3f4f6;border:1px solid #c4c4c8;width:100%;height:auto;display:block;box-shadow:0 2px 8px #0000001f}.portfolio-card__placeholder{aspect-ratio:4/3;background:#f3f4f6;border:1px solid #c4c4c8;width:100%}.portfolio-card__title{font-family:var(--font-sans);color:var(--text-color);text-align:center;margin:12px 0 0;font-size:16px;font-weight:500;line-height:1.35}.portfolio-back{font-family:var(--font-sans);margin:0 0 24px;font-size:14px}.portfolio-back a{color:var(--text-color);text-underline-offset:3px;text-decoration:underline}.portfolio-back a:hover{opacity:.75}.portfolio-item{display:block}.portfolio-item__layout{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:28px;display:grid}.portfolio-item+.portfolio-item{border-top:1px solid #0000001f;margin-top:48px;padding-top:48px}.portfolio-item__shots{flex-direction:column;align-items:center;gap:16px;display:flex}.portfolio-item__shots-desktop{flex-direction:column;align-items:center;gap:12px;display:flex}.portfolio-item__shots-mobile{justify-content:center;display:flex}.portfolio-item__media{cursor:zoom-in;background:0 0;border:1px solid #c4c4c8;margin:0;padding:0;display:block;overflow:hidden}.portfolio-item__media--desktop{width:320px;max-width:100%}.portfolio-item__media--mobile{width:126px;max-width:100%}.portfolio-item__shot{object-fit:contain;object-position:top center;width:100%;height:auto;display:block}.portfolio-item__shot--desktop{aspect-ratio:auto}.portfolio-item__shot--mobile{aspect-ratio:1/2;object-fit:cover}.portfolio-lightbox{z-index:5000;cursor:zoom-out;background:#0a0a0ce0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.portfolio-lightbox__img{object-fit:contain;cursor:default;width:auto;max-width:min(1000px,100%);height:auto;max-height:calc(100vh - 48px);display:block;box-shadow:0 12px 40px #00000059}.portfolio-lightbox__img--mobile{max-width:min(480px,100%)}.portfolio-lightbox__close{z-index:5001;color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:fixed;top:16px;right:16px}.portfolio-lightbox__close:hover{background:#ffffff4d}.portfolio-item__title{font-family:var(--font-sans);color:var(--text-color);margin:0 0 8px;font-size:22px;font-weight:500}.portfolio-item__desc{font-family:var(--font-sans);color:var(--text-color);margin:12px 0 0;font-size:15px;line-height:1.55}.portfolio-item__desc>.formatted-text>:first-child{margin-top:0}.portfolio-item__desc .formatted-text__heading{font-family:var(--font-sans);color:var(--text-color);margin:18px 0 8px;font-weight:500;line-height:1.35}.portfolio-item__desc .formatted-text__heading--2{font-size:17px}.portfolio-item__desc .formatted-text__heading--3{font-size:16px;font-weight:700}.portfolio-item__desc .formatted-text__list{margin:8px 0 12px;padding-left:1.35em;list-style:outside}.portfolio-item__desc .formatted-text__list li{margin:0 0 6px;list-style:outside;display:list-item}.portfolio-item__desc .formatted-text__list li:last-child{margin-bottom:0}.portfolio-item__desc .formatted-text__p{white-space:pre-wrap;margin:0 0 12px}.portfolio-item__desc .formatted-text__p:last-child{margin-bottom:0}.portfolio-item__link{font-family:var(--font-sans);color:var(--text-color);text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word;font-size:15px;text-decoration:underline;display:inline-block}.portfolio-item__link:hover{opacity:.75}@media (max-width:768px){.content-page{padding:32px 0 80px}.content-page--portfolio{min-height:0;padding-bottom:40px}.content-page__title{font-size:28px}.content-page__lead{margin-bottom:28px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.portfolio-item__layout{grid-template-columns:1fr;gap:16px}.portfolio-item__shots,.portfolio-item__shots-desktop{align-items:stretch;width:100%}.portfolio-item__media{cursor:default}.portfolio-item__media--desktop{width:100%;max-width:100%}.portfolio-item__media--mobile{width:min(126px,35vw)}}@media (min-width:769px) and (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
