.philosophy-section{position:relative;overflow:hidden}.philosophy-container{max-width:900px;margin:0 auto;text-align:center;padding:0 2rem}.philosophy-label{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:4rem;opacity:0;transform:translateY(20px)}.philosophy-container.animate .philosophy-label{animation:fadeInUp .8s ease-out .2s forwards}.label-line{width:4rem;height:1px;background:#fff6;display:inline-block}.label-text{font-size:.75rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:#ffffff80}.brand-name{font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.4;letter-spacing:.05em;color:#fff;margin:0 0 3rem}.brand-name .name-word{display:inline-block;white-space:nowrap}.brand-name .name-char{display:inline-block;opacity:0;transform:translateY(30px);filter:blur(5px)}.brand-name .name-space{display:inline-block;width:.3em}.philosophy-container.animate .brand-name .name-word[data-word="1"] .name-char:nth-child(1){animation:charReveal .6s ease-out .4s forwards}.philosophy-container.animate .brand-name .name-word[data-word="1"] .name-char:nth-child(2){animation:charReveal .6s ease-out .46s forwards}.philosophy-container.animate .brand-name .name-word[data-word="1"] .name-char:nth-child(3){animation:charReveal .6s ease-out .52s forwards}.philosophy-container.animate .brand-name .name-word[data-word="1"] .name-char:nth-child(4){animation:charReveal .6s ease-out .58s forwards}.philosophy-container.animate .brand-name .name-word[data-word="1"] .name-char:nth-child(5){animation:charReveal .6s ease-out .64s forwards}.philosophy-container.animate .brand-name .name-word[data-word="1"] .name-char:nth-child(6){animation:charReveal .6s ease-out .7s forwards}.philosophy-container.animate .brand-name .name-word[data-word="2"] .name-char:nth-child(1){animation:charReveal .6s ease-out .8s forwards}.philosophy-container.animate .brand-name .name-word[data-word="2"] .name-char:nth-child(2){animation:charReveal .6s ease-out .86s forwards}.philosophy-container.animate .brand-name .name-word[data-word="2"] .name-char:nth-child(3){animation:charReveal .6s ease-out .92s forwards}.philosophy-container.animate .brand-name .name-word[data-word="2"] .name-char:nth-child(4){animation:charReveal .6s ease-out .98s forwards}.philosophy-container.animate .brand-name .name-word[data-word="2"] .name-char:nth-child(5){animation:charReveal .6s ease-out 1.04s forwards}@keyframes charReveal{to{opacity:1;transform:translateY(0);filter:blur(0)}}.philosophy-description{margin-bottom:3rem;opacity:0;transform:translateY(20px)}.philosophy-container.animate .philosophy-description{animation:fadeInUp 1s ease-out 1.2s forwards}.description-text{font-size:clamp(1rem,2vw,1.25rem);font-weight:300;line-height:2;letter-spacing:.05em;color:#ffffffd9;max-width:750px;margin:0 auto;text-align:center}.philosophy-keywords{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;opacity:0;transform:translateY(20px)}.philosophy-container.animate .philosophy-keywords{animation:fadeInUp .8s ease-out 1.6s forwards}.keyword{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:.5rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:2px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.keyword:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .4s cubic-bezier(.4,0,.2,1)}.keyword:hover{border-color:#ffffff80;background:#ffffff1a}.keyword:hover:before{left:0}.keyword-separator{font-size:.875rem;color:#ffffff4d;font-weight:300}.accent-line{width:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);margin:4rem auto 0;opacity:0}.philosophy-container.animate .accent-line{animation:lineExpand 1.5s ease-out 2s forwards}@keyframes lineExpand{to{width:200px;opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 749px){.philosophy-container{padding:0 1.5rem}.philosophy-label{gap:1rem;margin-bottom:3rem}.label-line{width:2rem}.label-text{font-size:.6875rem}.brand-name,.philosophy-description{margin-bottom:2rem}.description-text{line-height:1.8}.philosophy-keywords{gap:1rem}.keyword{font-size:.6875rem;padding:.4rem 1rem}.keyword-separator{font-size:.75rem}.accent-line{margin-top:3rem}}@media (prefers-reduced-motion: reduce){.philosophy-label,.brand-name .name-char,.philosophy-description,.philosophy-keywords,.accent-line{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-brand-philosophy.css.map */