.about-shibori-container{width:100%;max-width:1400px;margin:0 auto}.video-container{width:100%;margin-bottom:160px}.video-wrapper{position:relative;width:100%;max-width:60%;margin:0 auto}@media screen and (max-width:989px){.video-wrapper{max-width:100%}.video-container{margin-bottom:140px}}@media screen and (max-width:480px){.video-wrapper{max-width:100%}.video-container{margin-bottom:120px}}.video-wrapper video{width:100%;height:auto;display:block}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.video-overlay:hover{background:#0000004d}.video-text{color:#fff;font-size:24px;font-weight:700;letter-spacing:2px}.steps-section{margin-bottom:200px}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:120px 40px}@media screen and (max-width:989px){.steps-section{margin-bottom:160px}.steps-grid{grid-template-columns:1fr;gap:40px}}@media screen and (max-width:480px){.steps-section{margin-bottom:140px}}.step-item{display:flex;flex-direction:row;align-items:flex-start;gap:30px}@media screen and (max-width:989px){.step-item{gap:20px}}.step-image{flex-shrink:0;width:300px}.step-image img{width:100%;height:auto;aspect-ratio:1 / .88;object-fit:cover}@media screen and (min-width:990px)and (max-width:1400px){.step-image{width:200px}}@media screen and (max-width:989px){.step-image{width:200px}}@media screen and (max-width:480px){.step-image{width:150px}}.step-content{flex:1}.step-content h3{font-size:20px;font-weight:700;margin:0 0 15px;color:#333}.step-content p{font-size:16px;line-height:1.6;margin:0;color:#666}@media screen and (max-width:989px){.step-content h3{font-size:18px;margin:0 0 10px}.step-content p{font-size:15px}}@media screen and (max-width:480px){.step-content h3{font-size:16px;margin:0 0 9px}.step-content p{font-size:12px}}.types-section{margin-bottom:60px}.types-title{text-align:center;font-size:20px;font-weight:700;margin:0 0 140px;color:#333}.types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:120px 40px}@media screen and (max-width:989px){.types-title{margin:0 0 120px}.types-grid{grid-template-columns:1fr;gap:40px}}@media screen and (max-width:480px){.types-title{margin:0 0 100px}.types-grid{grid-template-columns:1fr;gap:40px}}.type-item{display:flex;flex-direction:row;align-items:flex-start;gap:30px}@media screen and (max-width:989px){.type-item{flex-direction:row;align-items:flex-start;gap:20px}}.type-image{flex-shrink:0;width:300px}.type-image img{width:100%;height:auto;aspect-ratio:1 / .88;object-fit:cover}@media screen and (min-width:990px)and (max-width:1400px){.type-image{width:200px}}@media screen and (max-width:989px){.type-image{width:200px}}@media screen and (max-width:480px){.type-image{width:150px}}.type-content{flex:1}.type-content h3{font-size:20px;font-weight:700;margin:0 0 15px;color:#333}.type-content p{font-size:16px;line-height:1.6;margin:0;color:#666}@media screen and (max-width:989px){.type-content h3{font-size:18px;margin:0 0 10px}.type-content p{font-size:15px}}@media screen and (max-width:480px){.type-content h3{font-size:16px;margin:0 0 9px}.type-content p{font-size:12px}}.steps-grid .step-item[data-cascade]:nth-child(1){--animation-order: 1}.steps-grid .step-item[data-cascade]:nth-child(2){--animation-order: 2}.steps-grid .step-item[data-cascade]:nth-child(3){--animation-order: 3}.steps-grid .step-item[data-cascade]:nth-child(4){--animation-order: 4}.steps-grid .step-item[data-cascade]:nth-child(5){--animation-order: 5}.steps-grid .step-item[data-cascade]:nth-child(6){--animation-order: 6}.types-grid .type-item[data-cascade]:nth-child(1){--animation-order: 1}.types-grid .type-item[data-cascade]:nth-child(2){--animation-order: 2}.types-grid .type-item[data-cascade]:nth-child(3){--animation-order: 3}.types-grid .type-item[data-cascade]:nth-child(4){--animation-order: 4}.types-grid .type-item[data-cascade]:nth-child(5){--animation-order: 5}.types-grid .type-item[data-cascade]:nth-child(6){--animation-order: 6}.types-grid .type-item[data-cascade]:nth-child(7){--animation-order: 7}.types-grid .type-item[data-cascade]:nth-child(8){--animation-order: 8}.types-grid .type-item[data-cascade]:nth-child(9){--animation-order: 9}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-about-shibori-grid.css.map */