.banner{background-color:#efefef;width:100%}.banner img{width:100%;margin-top:56px}@media (min-width:1024px){.banner img{margin-top:120px}}.productIntro{padding:0 18px}@media (min-width:1024px){.productIntro{margin-bottom:120px;padding:0 180px}}.productIntro h3{margin:0 0 12px 0;font-weight:700;font-size:24px;line-height:28px;letter-spacing:.005em;color:#ceb87f}.productIntro .text{margin:0;color:#fff;font-size:18px;line-height:24px;letter-spacing:.025em}.productIntro__banner{margin-left:120px;width:100%}.productIntro__title{padding-top:32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.productIntro__title h1{margin:0;font-size:64px;line-height:75px;background:linear-gradient(180deg,#ceb87f,#fff2d0);background-clip:text;-webkit-background-clip:text;color:transparent}@media (max-width:1024px){.productIntro__title h1{font-size:28px;line-height:33px}}.productIntro__title .year{padding:8px 28px;background:#e0d2af;border-radius:20px}.productIntro__description{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (min-width:1024px){.productIntro__description{margin-top:56px}}.productIntro__author{margin-top:40px;display:flex;flex-direction:column}@media (min-width:1024px){.productIntro__author{margin:56px 0 20px 0}}.productIntro__author h3{margin:0 0 8px 0;font-weight:700;font-size:24px;line-height:28px;letter-spacing:.005em;color:#ceb87f}.productIntro__author--imgList{display:flex;flex-wrap:wrap;align-content:flex-start}.productIntro__author--imgList .img{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:16px;width:10%}@media (max-width:768px){.productIntro__author--imgList .img{margin:8px;width:28%}}.productIntro__author--imgList .img img{width:100px;height:100px;margin-bottom:16px}.productIntro__author--imgList .img .text{text-align:center}.productIntro__author--emailList{display:flex;flex-direction:column}.productIntro__author--emailList .email{margin-bottom:8px}.productIntro__work{margin-top:40px}.productIntro__work--imgList{width:100%}.productIntro__work--imgList img{margin-bottom:16px;width:100%}.productIntro .goBack{margin-top:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:28px;letter-spacing:.005em;padding:4px 16px;color:#e0d2af;background:#2d2d2d;border:2px solid #e0d2af;box-sizing:border-box;border-radius:25px}.productIntro .goBack:hover{color:#2d2d2d;background:#e0d2af;transition:.3s}.productIntro .goBack img{padding-right:12px;color:#2d2d2d}.productIntro__other{padding-bottom:120px;text-align:center}.productIntro__other h3{margin-top:60px;font-size:64px;line-height:75px;background:linear-gradient(180deg,#ceb87f,#fff2d0);background-clip:text;-webkit-background-clip:text;color:transparent}@media (max-width:1024px){.productIntro__other h3{font-size:28px;line-height:33px}}.productIntro__other img{padding:0 8px}.productIntro__other .name{margin:4px 0;color:#fff}.productIntro__other .pagination{padding-top:20px;padding-bottom:80px}.productIntro__other .circle{color:#fff;width:100%;display:flex;justify-content:center;cursor:pointer}.productIntro__other .circle__content{margin:0 4px;width:15px;height:15px;border-radius:50px;border:2px solid #ceb87f;box-sizing:border-box}.productIntro__other .circle .active{background:#ceb87f;margin:0 4px;width:15px;height:15px}.productIntro__other--img{position:relative;padding:0 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:12px}@media (min-width:1024px){.productIntro__other--img{height:100%;margin-bottom:40px;overflow:hidden}}.productIntro__other--img .name{color:#fff;font-size:16px;line-height:160%}.productIntro__other--img .hover-effect{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative;width:150px;height:80px}@media (min-width:1024px){.productIntro__other--img .hover-effect{width:300px;min-height:160px}}.productIntro__other--img .hover-effect img{transition:opacity .35s,transform .35s}.productIntro__other--img .hover-effect .text:after,.productIntro__other--img .hover-effect .text:before{position:absolute;content:"";opacity:0}.productIntro__other--img .hover-effect .text:before{top:40px;right:20px;bottom:40px;left:20px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scaleX(0);transform-origin:0 0}.productIntro__other--img .hover-effect .text:after{top:15px;right:50px;bottom:15px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scaleY(0);transform-origin:100% 0}.productIntro__other--img .hover-effect .text .more{color:#fff;position:absolute;padding:8px 24px;top:50%;left:50%;transform:translate(-50%,-100%);background-color:#ceb87f;box-shadow:1px 1px 3px #fff;border-radius:40px;text-transform:none;opacity:0}.productIntro__other--img .hover-effect .text p{transition:opacity .35s,transform .35s}@media (min-width:1024px){.productIntro__other--img .hover-effect:hover{cursor:pointer}.productIntro__other--img .hover-effect:hover img{filter:brightness(.5);transform:scale(1.2)!important;transition:.3s;opacity:.7;transform:translateZ(0)}.productIntro__other--img .hover-effect:hover .text:after,.productIntro__other--img .hover-effect:hover .text:before{opacity:1;transform:scale(1);transition:.3s}.productIntro__other--img .hover-effect:hover .text .more,.productIntro__other--img .hover-effect:hover p{opacity:1}.productIntro__other--img .hover-effect:hover .text:after,.productIntro__other--img .hover-effect:hover p{transition-delay:.15s}}