.content-section .content-top{display:flex;padding-top:10px}.content-section .content-top .left-div{flex:0 0 65%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-right:10px}.content-section .content-top .left-div img{width:100%;height:auto;display:block}.content-section .content-top .right-div{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.content-section .content-top .right-div .right-top{color:var(--main-white);font-size:2rem;font-weight:800;align-self:flex-start}.content-section .content-top .right-div .vertical-right-text{-webkit-transform:rotate(-90deg);position:absolute;top:100px;right:-50px;color:var(--main-green);font-size:1.2rem}.content-section .content-top .right-div .right-bottom{display:flex;flex-direction:column;gap:10px}.content-section .content-top .right-div .right-bottom h1{font-size:3.5rem;font-weight:900;line-height:3rem}.content-middle{margin:60px;min-height:100vh;display:flex;flex-direction:column}.content-materials{display:flex;gap:20px;flex-wrap:wrap}.content-materials h2{position:absolute}article{margin-top:100px}.material{max-width:430px}.material img{overflow:hidden;display:block;width:100%;max-height:150px;object-fit:cover}.material .material-content h3{font-size:1.5rem;line-height:1.5rem}.material .material-content p span:first-child{font-size:.8rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.material .material-content p span:not(:first-child){display:none}.material .material-content button{margin-top:30px}.material .material-img{aspect-ratio:2/1;overflow:hidden}.content-bottom{background-color:var(--main-lightgray);padding:60px;min-height:100vh;display:flex;flex-direction:column}.content-bottom .colors p{font-size:1.5rem;max-width:700px;line-height:1.5rem}.content-bottom .content-colors p{font-size:3rem;line-height:3.2rem;max-width:54%}.content-bottom .content-colors .color-category h3{font-size:2.5rem;line-height:2.5rem}.content-bottom .content-colors .color-category p{font-size:1.2rem;font-weight:300;line-height:1.2rem;max-width:450px}.color-grid .color-item{width:130px;position:relative}.color-grid .color-item img{border-radius:50%;object-fit:cover;width:100%}.color-grid .color-item .color-info{position:absolute;top:50%;transform:translateY(-50%);text-align:center;width:100%}.color-code{font-size:1rem;line-height:.8rem}.color-desc{font-size:.8rem;line-height:.8rem;font-weight:300}.content-bottom .color-type{display:flex;flex-wrap:wrap;gap:10px;padding-top:100px}.content-bottom .color-type .colors-type-text,.content-bottom .color-type .color-list{flex:1}.content-bottom .color-type .colors-type-text p{font-size:1.2rem;font-weight:300;line-height:1.2rem;max-width:450px}.content-bottom .color-type .colors-type-text h3{font-size:2rem;line-height:2.5rem}.content-bottom .color-type .color-list ul{display:flex;flex-wrap:wrap;gap:20px}.content-bottom .color-type .color-list ul li{flex:0 0 auto;padding-bottom:40px}.content-bottom .color-type .color-list .color{position:relative}.content-bottom .color-type .color-list .color .color-image{width:130px}.content-bottom .color-type .color-list.opaque .color .color-image img,.content-bottom .color-type .color-list.semigloss .color .color-image img,.content-bottom .color-type .color-list.glossy .color .color-image img{border-radius:50%;object-fit:cover;width:100%}.content-bottom .color-type .color-list.wrinkled .color .color-image img{object-fit:cover;width:100%}.content-bottom .color-type .color-list.peeled .color .color-image img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:100%}.content-bottom .color-type .color-list.special .color .color-image img{border-radius:10px;object-fit:cover;width:100%}.content-bottom .color-type .color-list .color .color-text{position:absolute;top:50%;transform:translateY(-50%);text-align:center;width:100%}.content-bottom .color-type .color-list .color .color-text h3{font-size:1rem;line-height:.8rem}.content-bottom .color-type .color-list .color .color-text h4{font-size:.8rem;line-height:.8rem}.content-bottom .download-color-table{margin:100px auto}@media(max-width:1279px){.content-middle{margin:10px}.content-top{flex-direction:column;padding:unset !important}.left-div{flex:none;width:100%;padding-bottom:10px;padding-right:unset !important}.right-div{flex:none;width:100%;padding:20px}.right-div h1{font-size:20px;padding-top:20px}.content-bottom{margin-top:50px}}