.sp-projects-selection-container,.special-projects-main-container{display:flex;background:var(--Grey-60,#e9e9e9);position:relative;min-height:1000px;margin:0 auto}.sp-projects-selection-container{padding:80px 0;flex-direction:column;align-items:center;gap:40px}.special-projects-intro-container{display:flex;width:1124px;flex-direction:column;align-items:flex-start;gap:40px}.special-projects-intro-frame{display:flex;width:1124px;flex-direction:column;align-items:center;gap:20px}.special-projects-previews-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch;flex-wrap:wrap;width:1124px;margin:0 auto;padding-bottom:80px}.special-projects-preview-card{display:flex;width:228px;height:267px;padding-bottom:5px;flex-direction:column;align-items:center;gap:15px}.special-project-side-bar-container{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;position:sticky;right:72px;top:0;border-radius:20px;background:hsla(0,0%,96%,.8);max-height:-moz-max-content;max-height:max-content;max-width:89.05px}.special-project-side-bar-projects-frame{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.special-project-side-bar-project{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:stretch;cursor:pointer}.special-project-side-bar-project-image{width:60px;height:60px;aspect-ratio:1/1;border-radius:15px;box-shadow:4px 4px 4px 0 rgba(0,0,0,.07),4px 4px 20px 0 rgba(0,0,0,.25);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(100%)}.special-project-side-bar-project-image.active,.special-project-side-bar-project-image:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:none;zoom:1;-webkit-filter:grayscale(0)}.special-project-detail-main-container{display:flex;align-items:center;gap:40px;background:var(--Grey-60,#e9e9e9)}.special-project-detail-main-frame{display:flex;flex-direction:column;align-items:center;gap:40px}.special-project-detail-des{display:flex;width:1124px;flex-direction:column;align-items:flex-start;gap:20px}.special-project-detail-des-title-frame{display:flex;flex-direction:column;gap:4px;align-self:stretch}.special-project-detail-multimedia-container{display:flex;width:1124px;flex-direction:column;align-items:flex-start;gap:40px}.special-project-detail-multimedia-row{display:flex;justify-content:space-between;align-items:center;align-self:center;flex-wrap:wrap;gap:24px 0}.sp-detail-sidebar-container{max-width:2560px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:normal;padding-bottom:200px}.sp-main-container-mobile{display:flex;width:100%;padding-top:20px;flex-direction:column;align-items:center;gap:40px;position:relative}.sp-mobile-content-container{display:flex;padding:0 20px;flex-direction:column;align-items:center;gap:50px}.sp-mobile-intro-frame,.sp-mobile-intro-title{display:flex;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch}.sp-mobile-intro-title{justify-content:center}.sp-mobile-intro-previews{display:flex;align-items:center;gap:20px;align-self:stretch;flex-wrap:wrap}.sp-mobile-intro-preview-card{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 0 0;min-width:167px}.sp-mobile-projects-container{display:flex;flex-direction:column;align-items:center;gap:50px;align-self:stretch}.sp-mobile-project-frame{display:flex;width:100%;flex-direction:column;align-items:center;gap:20px;padding-bottom:50px;border-bottom:1px solid var(--Orange-100,#db5717)}.sp-mobile-project-description{display:flex;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch}.sp-mobile-project-description-title{display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.sp-projects-floating-container{display:flex;width:100%;padding:8px 16px;flex-direction:column;align-items:flex-start;gap:8px;background:#f5f5f5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:sticky;top:0;z-index:999;transition:transform .3s ease;will-change:transform}.sp-projects-floating-container.hide{transform:translateY(-100%)}.sp-projects-floating-slider{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%}.sp-projects-floating-slide-item{display:flex;min-width:60px;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}.sp-projects-floating-slide-item-image{width:60px;height:60px;aspect-ratio:1/1;border-radius:50%;box-shadow:4px 4px 4px 0 rgba(0,0,0,.07),4px 4px 20px 0 rgba(0,0,0,.25);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(100%)}.sp-projects-floating-slide-item-image:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:none;zoom:1;-webkit-filter:grayscale(0)}@media (min-width:1200px) and (max-width:1919px){.special-project-side-bar-container{right:20px}.special-project-side-bar-project-image{width:30px;height:30px;border-radius:5px}.special-project-side-bar-container{max-width:70px}.special-project-side-bar-projects-frame{gap:10px}}