.pf-animation-bg,.pf-animation-bg *{box-sizing:border-box}.pf-animation-bg picture{display:contents}.pf-animation-bg{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;min-height:1674px;position:relative;background-image:url("../../images/pf/pf-animation-bg.svg");background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:var(--pf-anim-bg-padding-top,100px);padding-bottom:20px}.pf-animation-bg>.tab-pane{width:100%}.portfolio-page-2{width:100%;padding:0 var(--pf-anim-page-padding-x,20px);display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:flex-start;position:relative;overflow-x:hidden;box-sizing:border-box;margin-top:0}.animated-top-title_span{color:#9A57C8;font-size:48px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animated-top-title{align-self:stretch;text-align:center}.animated-topt-header_span{color:#9A57C8;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animated-topt-header{align-self:stretch;text-align:center}.hero-img{width:100%;height:auto;max-width:100%;display:block;border:1px black solid;object-fit:contain}.animation-button-text_span{color:#894900;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animation-button-text{flex:1 1 0;text-align:center}.animated-top-date_span{color:black;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animated-top-date{align-self:stretch;text-align:center}.animated-top-text_span{color:black;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animated-top-text{align-self:stretch;text-align:center}.animation-middle-title_span{color:#9A57C8;font-size:40px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animation-middle-title{flex:1 1 0;text-align:center}.animation-video-1{width:100%;height:auto;max-width:100%;display:block;border:1px black solid;object-fit:contain}.animated-middle-data_span{color:black;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animated-middle-data{align-self:stretch;text-align:center}.animated-middle-text_span{color:black;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animated-middle-text{align-self:stretch;text-align:center}.animation-down-title_span{color:#9A57C8;font-size:40px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animation-down-title{align-self:stretch;text-align:center}.animation-down-text_span{color:#9A57C8;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animation-down-text{text-align:center}.storybord-img{width:100%;height:auto;max-width:100%;display:block;object-fit:contain}.animation-button-text_01_span{color:#894900;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.animation-button-text_01{flex:1 1 0;text-align:center}.animatd-top-1{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;display:flex}.view-project-button{width:100%;height:46px;max-width:754px;background:#FAEED4;outline:1px rgba(0,0,0,0.20) solid;outline-offset:-1px;justify-content:center;align-items:center;gap:10px;display:flex}.animation-top-txt{width:100%;max-width:700px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.animation-midle-top1{width:100%;max-width:831px;padding:10px;overflow:hidden;justify-content:center;align-items:flex-start;gap:10px;display:flex}.animation-midlle-txt{width:100%;max-width:631px;padding-left:10px;padding-right:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.animation-down-top1{width:100%;max-width:750px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.view-project-button_01{width:100%;height:46px;max-width:754px;padding-left:10px;padding-right:10px;background:#FAEED4;outline:1px rgba(0,0,0,0.20) solid;outline-offset:-1px;justify-content:center;align-items:center;gap:10px;display:flex}.animated-projeck-one{align-self:stretch;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.animation-middle-video{align-self:stretch;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.animation-project-two{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:18px;display:flex}.animation-top-2{align-self:stretch;padding-left:10px;padding-right:10px;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.animation-middle-top2{align-self:stretch;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.animation-down-top2{align-self:stretch;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex}.animation-top{width:100%;max-width:1024px;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;display:flex}.animation-middle{width:100%;max-width:944px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.animation-down{width:100%;max-width:942px;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;display:flex}.animation-page{width:100%;height:auto;padding:26px 10px;flex-direction:column;justify-content:center;align-items:center;gap:53px;display:flex;box-sizing:border-box;overflow-x:hidden}.anim-video-player{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.anim-video-wrap{position:relative;width:100%;display:block;line-height:0}.anim-video-wrap video{width:100%;height:auto;display:block}.anim-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,0.55);border:none;color:white;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;z-index:2}.anim-play-overlay:hover{background:rgba(0,0,0,0.8)}.anim-play-overlay.hidden{display:none}.anim-video-controls{display:flex;gap:12px;margin-top:10px;justify-content:center;align-items:center;width:100%;max-width:320px;box-sizing:border-box;flex-wrap:nowrap}.anim-volume-slider{flex:1 1 80px;min-width:60px;max-width:120px;height:4px;cursor:pointer;accent-color:rgba(0,0,0,0.6)}.anim-ctrl-btn{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:rgba(0,0,0,0.55);border:none;color:white;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.anim-ctrl-btn:hover{background:rgba(0,0,0,0.8)}.subpage1{width:100%;height:auto;padding-top:20px;padding-bottom:20px;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.subpage1-top{width:100%;max-width:1239px;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;display:flex}.subpage1-title{width:100%;max-width:1239px;padding:10px;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-title-text-1{flex:1 1 0;align-self:stretch;max-width:1219px;text-align:center}.sp1-title-text-1_span{color:black;font-size:28px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.subpage1-video1{width:100%;max-width:1239px;max-height:635.02px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.video-clip{width:100%;height:615.02px;max-width:1219px;max-height:615.02px}.sp1-text-1-frame{width:100%;max-width:1239px;padding:10px;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-text-1{flex:1 1 0;align-self:stretch;text-align:center}.sp1-text-1_span{color:black;font-size:20px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.subpage1-middle-1{width:100%;max-width:1335.01px;justify-content:center;align-items:center;gap:4px;display:flex}.sp1-img-1-frame{flex:1 1 0;max-width:571.01px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-img-1{align-self:stretch;height:278px;border:1px black solid}.sp1-text-2-frame{flex:1 1 0;align-self:stretch;max-width:760px;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.sp1-text-21{align-self:stretch}.sp1-text-21_span{color:black;font-size:20px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.sp1-text-22{align-self:stretch}.sp1-text-22_span{color:black;font-size:20px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.subpage2-middle-2{width:100%;max-width:1351.01px;justify-content:center;align-items:center;display:flex}.sp1-text-3-frame{flex:1 1 0;max-width:780px;padding:10px;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-text-3{flex:1 1 0;text-align:right}.sp1-text-3_span{color:black;font-size:20px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.sp1-img-2-frame{flex:1 1 0;max-width:571.01px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-img-2{align-self:stretch;height:278px;border:1px black solid}.subpage1-middle-3{width:100%;max-width:1263px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.sp1text-4-frame{width:100%;max-width:1263px;padding:10px;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-text-4{flex:1 1 0;text-align:center}.sp1-text-4_span{color:black;font-size:20px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.sp1-img-3-frame{width:100%;max-width:1124px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-img-3{align-self:stretch;height:557px;border:1px black solid}.subpage1-down{width:100%;max-width:995px;flex-direction:column;justify-content:flex-end;align-items:center;gap:11px;display:flex}.sp1-text-5-frame{width:100%;max-width:306px;padding:10px;justify-content:center;align-items:center;gap:10px;display:flex}.sp1-text-5{flex:1 1 0;text-align:center}.sp1-text-5_span{color:black;font-size:20px;font-family:Josefin Sans;font-weight:600;word-wrap:break-word}.sp1-img-4-frame{width:100%;max-width:995px;max-height:2061.78px;justify-content:center;align-items:center;gap:31px;display:flex}.sp1-img-4{flex:1 1 0;height:833px}.subpage2{width:100%;height:auto;padding-top:20px;padding-bottom:20px;flex-direction:column;justify-content:center;align-items:center;gap:39px;display:flex}.subpage2-title-frame{width:100%;max-width:730px;flex-direction:column;justify-content:flex-start;align-items:center;gap:19px;display:flex}.sp2-title-tex{align-self:stretch;text-align:center}.sp2-title-tex_span{color:#9A57C8;font-size:40px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.sp2-text{align-self:stretch;text-align:center}.sp2-text_span{color:#9A57C8;font-size:24px;font-family:Josefin Sans;font-weight:500;word-wrap:break-word}.sp2-img3-frame{width:100%;max-width:956px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sp2-img2-frame{width:100%;max-width:956px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sp2-img1-frame{width:100%;max-width:956px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sp2-img-3{align-self:stretch;height:526px;border:2px black solid}.sp2-img-2{align-self:stretch;height:526px;border:2px black solid}.sp2-img-1{align-self:stretch;height:526px;border:2px black solid}