.u-section--portfolio{margin-top:0;margin-bottom:6rem}.portfolio{display:flex;flex-direction:column;gap:3.625rem}.portfolio__item{display:grid;align-items:start;grid-template-columns:1fr;gap:7.875rem}@media only screen and (min-width: 1024px){.portfolio__item{grid-template-columns:175px 1fr;padding-left:15vw}}.portfolio__item--even{grid-template-columns:1fr;padding-left:0}@media only screen and (min-width: 1024px){.portfolio__item--even{grid-template-columns:1fr 175px;padding-right:15vw}}.portfolio__item--even .portfolio__media{order:2}.portfolio__item--even .portfolio__content-wrap{display:flex;flex-direction:column;align-items:flex-end;order:-2}@media only screen and (min-width: 1024px){.portfolio__item--even .portfolio__content-wrap{order:1}}.portfolio__item--even .portfolio__content-wrap::before{content:"";border-radius:0rem}@media only screen and (min-width: 1024px){.portfolio__item--even .portfolio__content-wrap::before{border-radius:0rem 1.25rem 1.25rem 0rem}}.portfolio__item--even .portfolio__title-pill{padding:1.375rem 6.25rem 1.375rem 4rem;border-radius:999px 0 0 999px}.portfolio__item--even .portfolio__card{display:flex;justify-content:flex-end;width:calc(100% - 68px);margin-right:68px;margin-left:0;padding:3.25rem 3.6875rem 2.75rem 1.5rem;border-radius:0 2rem 2rem 0}@media only screen and (min-width: 1024px){.portfolio__item--even .portfolio__card{width:calc(100% - 10rem);margin-right:10rem;padding:3.25rem 7.5rem 2.75rem 2.875rem}}.portfolio__item--even .portfolio__circle{right:-2.75rem;left:auto}.portfolio__media{display:flex;flex-direction:row;justify-content:center;gap:.875rem;order:1}@media only screen and (min-width: 1024px){.portfolio__media{flex-direction:column}}.portfolio__image-btn{cursor:zoom-in;max-width:100px;padding:0;border:0;background:rgba(0,0,0,0)}@media only screen and (min-width: 768px){.portfolio__image-btn{max-width:175px}}.portfolio__image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.portfolio__placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-radius:8px;font-weight:700;text-align:center}.portfolio__placeholder--light{max-width:100px;background:#8eaed1;color:#fff}@media only screen and (min-width: 1024px){.portfolio__placeholder--light{max-width:175px}}.portfolio__placeholder--light span{font-size:2.625rem;letter-spacing:.12em;line-height:1;transform:translateY(-0.375rem)}.portfolio__placeholder--dark{flex-direction:column;max-width:100px;background:#24374a;color:#fff;font-size:.6875rem;line-height:1.05;gap:.25rem}@media only screen and (min-width: 1024px){.portfolio__placeholder--dark{max-width:175px;font-size:.875rem}}.portfolio__content-wrap{order:-2;position:relative;padding-top:2rem}@media only screen and (min-width: 1024px){.portfolio__content-wrap{order:1}}.portfolio__content-wrap::before{content:"";display:block;position:absolute;top:0;right:0;bottom:6.875rem;left:0;z-index:0;border-radius:0rem;background:#8eaed1}@media only screen and (min-width: 1024px){.portfolio__content-wrap::before{border-radius:1.25rem 0rem 0rem 1.25rem}}.portfolio__title-pill{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:1.375rem 4rem 1.375rem 6.25rem;border-radius:0 999px 999px 0;background:#fff;transform:translateY(-0.125rem)}.portfolio__title{display:flex;flex-direction:column;margin:0;color:var(--c-accent-dark);font-size:1.625rem;font-weight:800;line-height:1}.portfolio__title span{font-size:.6875rem;line-height:100%}.portfolio__card{position:relative;z-index:1;width:calc(100% - 68px);margin-top:1.75rem;margin-left:68px;padding:3.25rem 1.5rem 2.75rem 3.6875rem;border-radius:2rem 0 0 2rem;background:#24374a;color:#fff}@media only screen and (min-width: 1024px){.portfolio__card{width:calc(100% - 10rem);margin-left:10rem;padding:3.25rem 2.875rem 2.75rem 6.75rem}}.portfolio__card__innter{width:100%;max-width:28.75rem;padding-bottom:5.625rem}.portfolio__circle{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:-2.75rem;width:4.6875rem;height:4.6875rem;border-radius:50%;background:#d8b188;transform:translateY(-50%)}@media only screen and (min-width: 1024px){.portfolio__circle{width:5.3125rem;height:5.3125rem}}.portfolio__circle span{color:#fff;font-family:var(--font-number);font-size:2rem;font-weight:400;line-height:1;transform:translateY(-0.25rem)}.portfolio__line{margin:0;font-size:1.125rem;letter-spacing:0;line-height:1.4}.portfolio__line+.portfolio__line{margin-top:1.5rem}.portfolio__contact{width:calc(100% - 5vw);max-width:28.75rem;margin-top:3rem;margin-left:5vw;color:var(--c-accent-dark)}.portfolio__contact-icon{width:3rem;height:2.125rem}.portfolio__contact-icon svg{display:block;width:100%;height:100%}.portfolio__contact-title{margin:1.5rem 0 2rem 0;font-size:1.125rem;font-weight:700;line-height:1.2}.portfolio__contact-content{font-size:1.125rem;line-height:1.3}.portfolio__contact-content p{margin-top:.625rem;margin-bottom:0}.portfolio__contact-content p a{position:relative}.portfolio__contact-content p a::before{content:"";display:inline-block;position:absolute;right:100%;bottom:-4px;left:0;height:1px;background-color:var(--c-accent-dark);transition:all .3s ease-in-out}.portfolio__contact-content p a:hover{color:var(--c-accent-dark)}.portfolio__contact-content p a:hover::before{right:0}.portfolio__lightbox{display:flex;align-items:center;justify-content:center;position:fixed;z-index:9999;padding:1.25rem;background:rgba(0,0,0,.85);inset:0}.portfolio__lightbox[hidden]{display:none}.portfolio__lightbox-image{width:auto;max-width:90vw;height:auto;max-height:90vh;border-radius:8px;object-fit:contain}.portfolio__lightbox-close{position:absolute;top:1.125rem;right:1.375rem;cursor:pointer;border:0;background:rgba(0,0,0,0);color:#fff;font-size:2.875rem;line-height:1}