.creator-section{position:relative;overflow:hidden}.creator-container{max-width:1200px;margin:0 auto;padding:0 2rem}.creator-label{margin-bottom:3rem;opacity:0;transform:translateY(20px)}.creator-container.animate .creator-label{animation:fadeInUp .8s ease-out .2s forwards}.creator-label .label-text{display:inline-block;font-size:.75rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:#999;position:relative;padding-left:3rem}.creator-label .label-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2rem;height:1px;background:#999}.creator-content{display:grid;grid-template-columns:2fr 3fr;gap:5rem;align-items:center}.creator-image-wrapper{position:relative;opacity:0;transform:translate(-50px);max-width:400px;margin:0 auto}.creator-container.animate .creator-image-wrapper{animation:fadeInLeft 1s ease-out .4s forwards}.creator-image-container{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:4 / 5;transform:translateZ(0);-webkit-transform:translateZ(0)}.creator-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.creator-image-container:hover .creator-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 50%);opacity:0;transition:opacity .4s ease}.creator-image-container:hover .image-overlay{opacity:1}.creator-image-placeholder{aspect-ratio:4 / 5;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.creator-info{opacity:0;transform:translate(50px)}.creator-container.animate .creator-info{animation:fadeInRight 1s ease-out .6s forwards}.creator-name{font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.3;letter-spacing:.02em;color:#1a1a1a;margin:0 0 .5rem}.creator-name .name-part{display:block}.creator-name-en{font-size:clamp(.875rem,1.5vw,1rem);font-weight:300;letter-spacing:.1em;color:#666;margin:0 0 2rem}.creator-description{font-size:clamp(.9375rem,1.5vw,1.0625rem);line-height:1.8;color:#333;margin-bottom:2.5rem}.creator-description p{margin:0 0 1em}.creator-description p:last-child{margin-bottom:0}.creator-description em{font-style:normal;font-weight:600;color:#1a1a1a}.creator-cta{opacity:0;transform:translateY(20px)}.creator-container.animate .creator-cta{animation:fadeInUp .8s ease-out 1s forwards}.creator-button{display:inline-flex;align-items:center;gap:.75rem;padding:0;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#1a1a1a;text-decoration:none;position:relative;transition:all .3s ease}.creator-button:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#1a1a1a;transition:width .4s cubic-bezier(.4,0,.2,1)}.creator-button:hover:after{width:calc(100% - 2rem)}.button-text{transition:transform .3s ease}.creator-button:hover .button-text{transform:translate(5px)}.button-arrow{font-size:1.25rem;transition:transform .3s ease}.creator-button:hover .button-arrow{transform:translate(5px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}@media screen and (max-width: 989px){.creator-content{grid-template-columns:1fr;gap:3rem}.creator-image-wrapper,.creator-info{transform:translateY(30px)}.creator-container.animate .creator-image-wrapper,.creator-container.animate .creator-info{animation:fadeInUp 1s ease-out forwards}.creator-container.animate .creator-image-wrapper{animation-delay:.4s}.creator-container.animate .creator-info{animation-delay:.6s}.creator-name{margin-bottom:.75rem}.creator-name-en{margin-bottom:1.5rem}.creator-description{margin-bottom:2rem}}@media screen and (max-width: 749px){.creator-container{padding:0 1.5rem}.creator-label{margin-bottom:2rem}.creator-label .label-text{font-size:.6875rem;padding-left:2.5rem}.creator-label .label-text:before{width:1.5rem}.creator-content{gap:2rem}.creator-image-container{aspect-ratio:1 / 1}}@media (prefers-reduced-motion: reduce){.creator-image-wrapper,.creator-info,.creator-label,.creator-cta{animation-duration:.01ms!important;transition-duration:.01ms!important}.creator-image{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-creator-introduction.css.map */