@font-face{font-family:Almarai;src:url(/fonts/almarai-light-latin.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/almarai-bold-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.portfolio-type{color:#09090b;font-family:Almarai,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.35px;-webkit-font-smoothing:auto}.portfolio-viewport{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;background:#fff}.portfolio-grid{display:grid;align-content:start;gap:48px;padding:64px 48px}.portfolio-identity{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px}.portfolio-introduction{display:contents}.portfolio-section-pair{display:grid;width:100%;max-width:640px;min-width:0;gap:48px}.portfolio-section{min-width:0}.portfolio-introduction h1{margin:0;font:inherit;font-weight:600}.portfolio-introduction p{grid-column:1/-1;max-width:520px}.portfolio-drawer-list,.portfolio-list{display:grid;gap:2px}.portfolio-affiliation{display:flex;align-items:center;min-height:20px}.portfolio-affiliation-icon{display:flex;width:16px;height:16px;margin-right:4px;flex:0 0 16px;align-items:center;justify-content:center}.portfolio-affiliation-icon img{height:auto;max-height:14px;object-fit:contain;animation:portfolio-image-in .15s ease-out}.portfolio-link{width:fit-content;max-width:100%;color:inherit;text-decoration:none;cursor:pointer}.portfolio-link:focus-visible,.portfolio-link:hover{text-decoration:underline}.portfolio-link:focus-visible{outline:1px dotted currentColor;outline-offset:4px}.portfolio-section h2{margin:0;padding-bottom:10px;color:#71717a;font:inherit}.portfolio-muted{color:#71717a}.portfolio-contact-icons{display:flex;grid-column:2;grid-row:1;align-self:start;align-items:center;gap:12px;margin-top:-2px}.portfolio-contact-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;opacity:.65;transition:opacity .15s ease-out;animation:portfolio-image-in .15s ease-out}.portfolio-contact-icon:focus-visible,.portfolio-contact-icon:hover{opacity:1}.portfolio-contact-icon img,.portfolio-contact-icon svg{width:16px;height:16px;flex-shrink:0}.portfolio-work-list{gap:2px}.portfolio-blog-list{display:grid;max-width:640px;gap:16px}.portfolio-blog h1{font:inherit;font-weight:600}.portfolio-blog nav{width:fit-content}.portfolio-back-to-top{position:fixed;bottom:64px;left:50%;z-index:20;display:flex;width:36px;height:36px;align-items:center;justify-content:center;transform:translateX(-50%);border:1px solid #e4e4e7;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgb(0 0 0/5%);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.portfolio-back-to-top[data-visible=true]{opacity:.8;visibility:visible}@keyframes portfolio-image-in{0%{opacity:0}to{opacity:1}}@media (min-width:640px){.portfolio-section-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.portfolio-grid{padding:48px}.portfolio-back-to-top{display:none}}@media (min-width:1024px){.portfolio-viewport{scrollbar-gutter:stable}}@media (max-width:359px){.portfolio-grid{padding-right:32px;padding-left:32px}}@media (prefers-reduced-motion:reduce){.portfolio-affiliation-icon img,.portfolio-contact-icon{animation:none}.portfolio-back-to-top,.portfolio-contact-icon{animation-duration:.01ms!important;transition-duration:.01ms!important}}