.quotation{position:relative;padding-block:1rem;padding-inline:3.5rem;margin-block:1rem;margin-inline:0}.quotation+p{margin-block-start:0}.quotation__symbol{position:absolute;inset-block-start:0;inset-inline-start:0;font-family:arial,sans-serif;font-size:9rem;line-height:.85;opacity:.2}.quotation__symbol::before{content:"“"}:where([lang="ar"], [lang="iw"], [lang="fa"], [lang="ur"]) .quotation__symbol{display:none}.quotation__text{margin-block-start:0}.quotation__name{display:block;font-size:.75em;color:var(--body-text-color-b);margin-block-start:.5rem;padding:0}.quotation__name span{font-style:normal}.portfolio{position:relative}.portfolio__heading{text-align:var(--std-text-align)}.portfolio__grid{list-style:none;margin:0;padding:0}@media screen and (min-width: 760px){.portfolio__grid{display:grid;grid-gap:1rem 2rem;grid-template-columns:1fr 1fr}}.portfolio__grid-item{padding-block-start:1rem}.portfolio__button{position:relative;display:flex;justify-content:center;align-items:center;inline-size:100%;block-size:10.5rem;overflow:hidden;padding-block-start:.5rem;padding-inline-start:.75rem;padding-inline-end:.75rem;padding-block-end:2rem;border:1px solid #ccc;border-radius:.625rem;appearance:none;cursor:pointer;background-color:var(--pf-button-bg);transition:background-color,ease-in-out,.5s}.portfolio__button:is(:hover,:focus){background-color:var(--pf-button-bg-b)}.portfolio__badge{position:absolute;inset:auto 0 0 0;display:block;padding:.3rem .5rem;background-color:var(--pf-button-bg);border-block-start:.1rem solid #555;font-size:1rem;font-size:clamp(0.875rem,0.4901960784vw + 0.6421568627rem,1rem);text-size-adjust:none;color:#555;font-weight:600}.portfolio__content{padding-block-start:1rem;padding-inline:.75rem}.portfolio__content p+p{margin-top:1rem}.portfolio__image{inline-size:auto;block-size:auto;min-block-size:80%;max-block-size:8rem;max-inline-size:100%}.portfolio__image.pixel{min-inline-size:auto}.portfolio__image--squished{max-block-size:80%}.portfolio__list{margin-block-start:1rem;margin-block-end:0;margin-inline:0;padding:0;list-style:none}.portfolio__list-item{position:relative;padding-inline-start:2rem}.portfolio__list-item::before{content:"";display:block;position:absolute;inset-block-start:.4rem;inset-inline-start:0;inline-size:1.25rem;block-size:1.25rem;border:.35rem solid var(--bullet-color);border-radius:50%;border-start-start-radius:0}.portfolio__link:hover{text-decoration:none}.portfolio__linklist{padding:0;margin:0;list-style:none}.portfolio__linklist-item{display:inline-block}.portfolio__linklist-item::after{content:","}.portfolio__linklist-item:last-child::after{content:""}.footer{margin-block-start:auto;padding-inline-start:var(--gen-spacing)}.footer__container{display:grid;grid-template-columns:var(--g-t-columns)}.footer__container>*{margin-block-end:2rem}@media screen and (min-width: 1168px){.footer__container>*+*{padding-inline-start:2rem;border-inline-start:1px solid #ccc}}.footer__heading{text-align:var(--std-text-align)}.footer__address{text-align:var(--std-text-align)}.footer__contact{text-align:var(--std-text-align)}.footer__links{text-align:var(--std-text-align)}.footer__list{margin:0;padding:0;list-style:none}.footer__link{display:block;padding:1rem;border:2px solid #ccc;border-radius:.3rem;margin-block-end:.25rem;color:var(--body-text-color);text-decoration:none}.footer__link:is(:hover,:focus){background-color:#e7fefc;color:#555}@media screen and (min-width: 760px){.footer__link{display:inline;padding:0;border:0;margin:0}.footer__link:is(:hover,:focus){text-decoration:underline;color:var(--body-text-color);background-color:transparent}}.credits{display:flex;justify-content:center;margin-block-end:var(--gen-spacing)}.credits__text{display:inline-block;font-size:.75em;text-align:var(--std-text-align);max-inline-size:none}.credits__link{display:inline-block}.credits__link:is(:hover,:focus){text-decoration:none}.u-mt-0{margin-block-start:0 !important}.u-mt-2{margin-block-start:2rem !important}.u-mt-3{margin-block-start:3rem !important}.u-mt-4{margin-block-start:4rem !important}.u-mt-5{margin-block-start:5rem !important}.u-mb-3{margin-block-end:3rem !important}.u-mobile-mt-1{margin-block-start:1rem !important}@media screen and (min-width: 760px){.u-mobile-mt-1{margin-block-start:0 !important}}.u-show-md{display:none}@media screen and (min-width: 760px){.u-show-md{display:revert}}