.sec-1-portfolio-details-3__portrait .anim-zoomin-wrap,.sec-3-portfolio-details-3__cell .anim-zoomin-wrap,.sec-5-portfolio-details-3__media .anim-zoomin-wrap,.sec-7-portfolio-details-3__media .anim-zoomin-wrap,.sec-8-portfolio-details-3__thumb .anim-zoomin-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sec-8-portfolio-details-3__plus,.sec-6-portfolio-details-3__plus,.sec-4-portfolio-details-3__plus,.sec-3-portfolio-details-3__plus,.sec-2-portfolio-details-3__plus{width:14px;height:14px;position:relative;display:inline-block}.sec-8-portfolio-details-3__plus:before,.sec-6-portfolio-details-3__plus:before,.sec-4-portfolio-details-3__plus:before,.sec-3-portfolio-details-3__plus:before,.sec-2-portfolio-details-3__plus:before,.sec-8-portfolio-details-3__plus:after,.sec-6-portfolio-details-3__plus:after,.sec-4-portfolio-details-3__plus:after,.sec-3-portfolio-details-3__plus:after,.sec-2-portfolio-details-3__plus:after{content:"";position:absolute;background:currentColor}.sec-8-portfolio-details-3__plus:before,.sec-6-portfolio-details-3__plus:before,.sec-4-portfolio-details-3__plus:before,.sec-3-portfolio-details-3__plus:before,.sec-2-portfolio-details-3__plus:before{top:50%;left:0;width:100%;height:1.5px;transform:translateY(-50%)}.sec-8-portfolio-details-3__plus:after,.sec-6-portfolio-details-3__plus:after,.sec-4-portfolio-details-3__plus:after,.sec-3-portfolio-details-3__plus:after,.sec-2-portfolio-details-3__plus:after{left:50%;top:0;width:1.5px;height:100%;transform:translate(-50%)}.sec-1-portfolio-details-3{background-color:var(--at-neutral-0)}.sec-1-portfolio-details-3__title{letter-spacing:-.05em;color:var(--at-neutral-950)}.sec-1-portfolio-details-3__title sup{margin-left:4px;line-height:1}.sec-1-portfolio-details-3__tagline{letter-spacing:-.04em}.sec-1-portfolio-details-3__demo{padding:14px 26px;color:var(--at-neutral-0);transition:transform .35s ease,background-color .35s ease}.sec-1-portfolio-details-3__demo svg{transition:transform .35s ease}.sec-1-portfolio-details-3__demo:hover{background-color:var(--at-neutral-900);color:var(--at-neutral-0);transform:translateY(-2px)}.sec-1-portfolio-details-3__demo:hover svg{transform:translate(3px,-3px)}.sec-1-portfolio-details-3__portrait{position:relative;width:100%;aspect-ratio:1600/743;overflow:hidden;border-radius:8px;background-color:var(--at-neutral-100)}.sec-1-portfolio-details-3__portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .8s ease}.sec-1-portfolio-details-3__portrait:hover img{transform:scale(1.04)}.sec-1-portfolio-details-3__meta .col-md-3,.sec-1-portfolio-details-3__meta .col-sm-6{position:relative}@media only screen and (min-width:1200px)and (max-width:1399px){.sec-1-portfolio-details-3__portrait{aspect-ratio:1600/743}}@media only screen and (min-width:992px)and (max-width:1199px){.sec-1-portfolio-details-3__portrait{aspect-ratio:1600/743;max-width:480px;margin-left:auto}}@media only screen and (min-width:768px)and (max-width:991px){.sec-1-portfolio-details-3{padding-top:100px;padding-bottom:80px}.sec-1-portfolio-details-3__portrait{aspect-ratio:1600/743;margin-top:30px}.sec-1-portfolio-details-3__tagline{margin-bottom:30px!important}}@media only screen and (min-width:576px)and (max-width:767px){.sec-1-portfolio-details-3{padding-top:90px;padding-bottom:70px}.sec-1-portfolio-details-3__portrait{aspect-ratio:1600/743;margin-top:20px}.sec-1-portfolio-details-3__demo{padding:12px 22px}}@media(max-width:574.98px){.sec-1-portfolio-details-3{padding-top:80px;padding-bottom:60px}.sec-1-portfolio-details-3__title{font-size:54px!important;margin-bottom:16px!important}.sec-1-portfolio-details-3__tagline{margin-bottom:24px!important}.sec-1-portfolio-details-3__portrait{aspect-ratio:1600/743;margin-top:16px}.sec-1-portfolio-details-3__demo{padding:12px 20px}.sec-1-portfolio-details-3__demo span{font-size:14px}.sec-1-portfolio-details-3__meta{margin-top:40px!important;padding-top:30px!important}}.sec-2-portfolio-details-3{background-color:var(--at-neutral-0)}.sec-2-portfolio-details-3__plus{color:var(--at-neutral-950)}.sec-2-portfolio-details-3__headline{letter-spacing:-.04em;line-height:1.15}.sec-2-portfolio-details-3__paragraph{line-height:1.6;letter-spacing:-.02em}.sec-2-portfolio-details-3__stats{display:flex;flex-direction:column;gap:24px}.sec-2-portfolio-details-3__stat{padding-bottom:22px;border-bottom:1px solid var(--at-neutral-100)}.sec-2-portfolio-details-3__stat:last-child{border-bottom:0;padding-bottom:0}.sec-2-portfolio-details-3__stat-number{font-size:48px;letter-spacing:-.05em;margin-bottom:8px}@media only screen and (min-width:992px)and (max-width:1199px){.sec-2-portfolio-details-3__stat-number{font-size:40px}}@media only screen and (min-width:768px)and (max-width:991px){.sec-2-portfolio-details-3{padding-top:60px;padding-bottom:60px}.sec-2-portfolio-details-3__stat-number{font-size:40px}}@media only screen and (min-width:576px)and (max-width:767px){.sec-2-portfolio-details-3{padding-top:50px;padding-bottom:50px}.sec-2-portfolio-details-3__stat-number{font-size:38px}}@media(max-width:574.98px){.sec-2-portfolio-details-3{padding-top:40px;padding-bottom:40px}.sec-2-portfolio-details-3__headline{font-size:24px!important}.sec-2-portfolio-details-3__stat-number{font-size:36px}}.sec-3-portfolio-details-3{background-color:var(--at-neutral-0)}.sec-3-portfolio-details-3__plus{color:var(--at-neutral-950)}.sec-3-portfolio-details-3__bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(190px,auto);gap:16px}.sec-3-portfolio-details-3__cell{position:relative;margin:0;min-height:280px;overflow:hidden;border-radius:8px;background-color:var(--at-neutral-100)}.sec-3-portfolio-details-3__cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .8s ease}.sec-3-portfolio-details-3__cell:hover img{transform:scale(1.05)}.sec-3-portfolio-details-3__cell--large{grid-column:span 4;grid-row:1/span 2;min-height:580px}.sec-3-portfolio-details-3__cell--small{grid-column:span 2;grid-row:span 1}.sec-3-portfolio-details-3__cell--portrait{grid-column:span 2;grid-row:span 2;min-height:580px}@media only screen and (min-width:768px)and (max-width:991px){.sec-3-portfolio-details-3{padding-top:60px;padding-bottom:60px}.sec-3-portfolio-details-3__bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(240px,auto);gap:12px}.sec-3-portfolio-details-3__cell--large{grid-column:1/span 2;grid-row:span 1;min-height:420px}.sec-3-portfolio-details-3__cell--small{grid-column:span 1;grid-row:span 1}.sec-3-portfolio-details-3__cell--portrait{grid-column:span 1;grid-row:span 2;min-height:520px}}@media only screen and (min-width:576px)and (max-width:767px){.sec-3-portfolio-details-3{padding-top:50px;padding-bottom:50px}.sec-3-portfolio-details-3__bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.sec-3-portfolio-details-3__cell{min-height:auto;aspect-ratio:16/10}.sec-3-portfolio-details-3__cell--large{grid-column:1;grid-row:span 1;min-height:auto}.sec-3-portfolio-details-3__cell--small{grid-column:1;grid-row:span 1}.sec-3-portfolio-details-3__cell--portrait{aspect-ratio:390/844;max-width:420px;width:100%;margin-inline:auto}}@media(max-width:574.98px){.sec-3-portfolio-details-3{padding-top:40px;padding-bottom:40px}.sec-3-portfolio-details-3__bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}.sec-3-portfolio-details-3__cell{min-height:auto;aspect-ratio:16/10}.sec-3-portfolio-details-3__cell--large{grid-column:1;grid-row:span 1;min-height:auto}.sec-3-portfolio-details-3__cell--small{grid-column:1;grid-row:span 1}.sec-3-portfolio-details-3__cell--portrait{aspect-ratio:390/844;max-width:390px;width:100%;margin-inline:auto}}.sec-4-portfolio-details-3{background-color:var(--at-neutral-950);color:var(--at-neutral-0)}.sec-4-portfolio-details-3__plus{color:var(--at-neutral-0)}.sec-4-portfolio-details-3__title{letter-spacing:-.04em;line-height:1.15}.sec-4-portfolio-details-3__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.sec-4-portfolio-details-3__steps:before{content:"";position:absolute;top:5px;left:0;right:0;height:1px;background:var(--at-neutral-500);opacity:.5}.sec-4-portfolio-details-3__step{position:relative;padding-top:36px}.sec-4-portfolio-details-3__marker{position:absolute;top:0;left:0}.sec-4-portfolio-details-3__dot{display:block;width:11px;height:11px;border-radius:50%;background:var(--at-neutral-0)}.sec-4-portfolio-details-3__num{letter-spacing:-.02em;margin-bottom:16px;opacity:.8}.sec-4-portfolio-details-3__heading{letter-spacing:-.04em;margin-bottom:12px}.sec-4-portfolio-details-3__desc{color:var(--at-neutral-100);line-height:1.55;letter-spacing:-.02em;opacity:.85}@media only screen and (min-width:768px)and (max-width:991px){.sec-4-portfolio-details-3{padding-top:60px;padding-bottom:60px}.sec-4-portfolio-details-3__steps{grid-template-columns:repeat(2,1fr);row-gap:40px}.sec-4-portfolio-details-3__steps:before{display:none}.sec-4-portfolio-details-3__step{padding-top:28px}}@media only screen and (min-width:576px)and (max-width:767px){.sec-4-portfolio-details-3{padding-top:50px;padding-bottom:50px}.sec-4-portfolio-details-3__steps{grid-template-columns:repeat(2,1fr);row-gap:36px;gap:18px}.sec-4-portfolio-details-3__steps:before{display:none}}@media(max-width:574.98px){.sec-4-portfolio-details-3{padding-top:40px;padding-bottom:40px}.sec-4-portfolio-details-3__title{font-size:26px!important}.sec-4-portfolio-details-3__steps{grid-template-columns:1fr;row-gap:32px}.sec-4-portfolio-details-3__steps:before{display:none}}.sec-5-portfolio-details-3{position:relative;min-height:700px;display:flex;align-items:center;justify-content:center;color:var(--at-neutral-0)}.sec-5-portfolio-details-3__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.sec-5-portfolio-details-3__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sec-5-portfolio-details-3__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f0f8c}.sec-5-portfolio-details-3__content{position:relative;z-index:1;width:100%;padding:120px 0}.sec-5-portfolio-details-3__mark{font-family:var(--at-ff-heading);font-size:120px;line-height:1;display:inline-block;opacity:.85;margin-bottom:-20px}.sec-5-portfolio-details-3__quote{font-size:36px;line-height:1.4;letter-spacing:-.03em;font-style:normal;padding:0;border:0}.sec-5-portfolio-details-3__author{letter-spacing:-.02em}.sec-5-portfolio-details-3__role{color:var(--at-neutral-100);opacity:.8}@media only screen and (min-width:992px)and (max-width:1199px){.sec-5-portfolio-details-3{min-height:600px}.sec-5-portfolio-details-3__quote{font-size:30px}.sec-5-portfolio-details-3__mark{font-size:100px}}@media only screen and (min-width:768px)and (max-width:991px){.sec-5-portfolio-details-3{min-height:520px}.sec-5-portfolio-details-3__content{padding:90px 0}.sec-5-portfolio-details-3__quote{font-size:26px}.sec-5-portfolio-details-3__mark{font-size:88px}}@media only screen and (min-width:576px)and (max-width:767px){.sec-5-portfolio-details-3{min-height:460px}.sec-5-portfolio-details-3__content{padding:70px 0}.sec-5-portfolio-details-3__quote{font-size:22px}.sec-5-portfolio-details-3__mark{font-size:72px}}@media(max-width:574.98px){.sec-5-portfolio-details-3{min-height:420px}.sec-5-portfolio-details-3__content{padding:60px 0}.sec-5-portfolio-details-3__quote{font-size:20px;line-height:1.5}.sec-5-portfolio-details-3__mark{font-size:60px;margin-bottom:-10px}}.sec-6-portfolio-details-3{background-color:var(--at-neutral-0)}.sec-6-portfolio-details-3__plus{color:var(--at-neutral-950)}.sec-6-portfolio-details-3__col--right,.sec-6-portfolio-details-3__pair{position:relative}.sec-6-portfolio-details-3__pair:before{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:1px;background:var(--at-neutral-100);transform:translate(-50%)}.sec-6-portfolio-details-3__list{list-style:none}.sec-6-portfolio-details-3__list li{position:relative;padding-left:22px;padding-top:10px;padding-bottom:10px;color:var(--at-neutral-900);font-size:var(--at-fz-font-md);border-top:1px solid var(--at-neutral-100)}.sec-6-portfolio-details-3__list li:last-child{border-bottom:1px solid var(--at-neutral-100)}.sec-6-portfolio-details-3__list li:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;background:var(--at-neutral-950);border-radius:50%;transform:translateY(-50%)}@media only screen and (min-width:992px)and (max-width:1199px){.sec-6-portfolio-details-3__pair:before{top:0;bottom:0}}@media only screen and (min-width:768px)and (max-width:991px){.sec-6-portfolio-details-3{padding-top:60px;padding-bottom:60px}.sec-6-portfolio-details-3__pair:before{display:none}.sec-6-portfolio-details-3__col{padding-bottom:30px}.sec-6-portfolio-details-3__col+.sec-6-portfolio-details-3__col--right{border-top:1px solid var(--at-neutral-100);padding-top:40px}}@media only screen and (min-width:576px)and (max-width:767px){.sec-6-portfolio-details-3{padding-top:50px;padding-bottom:50px}.sec-6-portfolio-details-3__pair:before{display:none}.sec-6-portfolio-details-3__col+.sec-6-portfolio-details-3__col--right{border-top:1px solid var(--at-neutral-100);padding-top:40px}}@media(max-width:574.98px){.sec-6-portfolio-details-3{padding-top:40px;padding-bottom:40px}.sec-6-portfolio-details-3__pair:before{display:none}.sec-6-portfolio-details-3__col+.sec-6-portfolio-details-3__col--right{border-top:1px solid var(--at-neutral-100);padding-top:30px;margin-top:20px}.sec-6-portfolio-details-3 h3{font-size:24px!important}}.sec-7-portfolio-details-3__media{position:relative;width:100%;aspect-ratio:16/7;overflow:hidden}.sec-7-portfolio-details-3__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sec-7-portfolio-details-3__media--wide{aspect-ratio:16/8}.sec-7-portfolio-details-3__media--wide img{-o-object-fit:cover;object-fit:cover}.sec-7-portfolio-details-3__media--phone{aspect-ratio:auto;min-height:780px;padding:80px 24px;display:flex;align-items:center;justify-content:center;background-color:var(--at-neutral-950)}.sec-7-portfolio-details-3__media--phone .anim-zoomin-wrap{position:static;inset:auto;width:min(390px,80vw);height:auto;overflow:visible}.sec-7-portfolio-details-3__media--phone img{position:static;width:min(390px,80vw);height:auto;max-height:720px;-o-object-fit:contain;object-fit:contain;border-radius:24px}@media only screen and (min-width:768px)and (max-width:991px){.sec-7-portfolio-details-3__media{aspect-ratio:16/10}.sec-7-portfolio-details-3__media--wide{aspect-ratio:16/9}.sec-7-portfolio-details-3__media--phone{aspect-ratio:auto;min-height:720px}}@media only screen and (min-width:576px)and (max-width:767px){.sec-7-portfolio-details-3__media{aspect-ratio:4/3}.sec-7-portfolio-details-3__media--wide{aspect-ratio:16/11}.sec-7-portfolio-details-3__media--phone{aspect-ratio:auto;min-height:640px;padding:60px 20px}}@media(max-width:574.98px){.sec-7-portfolio-details-3__media{aspect-ratio:4/3}.sec-7-portfolio-details-3__media--wide{aspect-ratio:16/12}.sec-7-portfolio-details-3__media--phone{aspect-ratio:auto;min-height:560px;padding:48px 16px}.sec-7-portfolio-details-3__media--phone .anim-zoomin-wrap{width:min(390px,86vw)}}.sec-8-portfolio-details-3{background-color:var(--at-neutral-0)}.sec-8-portfolio-details-3__plus{color:var(--at-neutral-950)}.sec-8-portfolio-details-3__title{letter-spacing:-.04em;line-height:1.15}.sec-8-portfolio-details-3__card{text-decoration:none;color:inherit;transition:transform .4s ease}.sec-8-portfolio-details-3__card:hover{color:inherit;transform:translateY(-4px)}.sec-8-portfolio-details-3__card:hover .sec-8-portfolio-details-3__thumb img{transform:scale(1.04)}.sec-8-portfolio-details-3__card:hover .sec-8-portfolio-details-3__arrow{transform:translate(3px,-3px)}.sec-8-portfolio-details-3__thumb{position:relative;margin:0 0 26px;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background-color:var(--at-neutral-100)}.sec-8-portfolio-details-3__thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease}.sec-8-portfolio-details-3__meta{display:flex;flex-direction:column;gap:14px}.sec-8-portfolio-details-3__tag{align-self:flex-start;padding:8px 16px;background:var(--at-neutral-50);border-radius:25px;color:var(--at-neutral-900);letter-spacing:.05em}.sec-8-portfolio-details-3__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sec-8-portfolio-details-3__name{color:var(--at-neutral-950)}.sec-8-portfolio-details-3__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--at-neutral-950);color:var(--at-neutral-0);transition:transform .35s ease;flex-shrink:0}.sec-8-portfolio-details-3__desc{line-height:1.55;letter-spacing:-.02em}@media only screen and (min-width:768px)and (max-width:991px){.sec-8-portfolio-details-3{padding-top:60px;padding-bottom:100px}.sec-8-portfolio-details-3__thumb{aspect-ratio:5/4}}@media only screen and (min-width:576px)and (max-width:767px){.sec-8-portfolio-details-3{padding-top:50px;padding-bottom:80px}.sec-8-portfolio-details-3__thumb{aspect-ratio:4/3;margin-bottom:20px}.sec-8-portfolio-details-3__arrow{width:40px;height:40px}}@media(max-width:574.98px){.sec-8-portfolio-details-3{padding-top:40px;padding-bottom:70px}.sec-8-portfolio-details-3__title{font-size:24px!important}.sec-8-portfolio-details-3__thumb{aspect-ratio:4/3;margin-bottom:18px}.sec-8-portfolio-details-3__name{font-size:26px!important}.sec-8-portfolio-details-3__arrow{width:38px;height:38px}.sec-8-portfolio-details-3__arrow svg{width:18px;height:18px}}