.brand-page{overflow:hidden}.brand-page__hero{position:relative;width:100%;height:100vh;background-color:#180b1d}.brand-page__shadow{position:absolute;left:0;bottom:-10px;width:100%;height:20px;background:rgba(24,11,29,.9);filter:blur(10px);z-index:2}.brand-page__hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;will-change:transform}.brand-page__title{font-family:"Cardo-Regular",serif;font-size:30px;font-weight:500;text-align:center;letter-spacing:6px;margin-bottom:60px}.brand-page__subtitle{font-family:"Cardo-Regular",serif;font-size:18px;font-weight:500;text-align:center;letter-spacing:4px;color:#fff}.brand-page__text{max-width:720px;margin-inline:auto;font-size:16px;font-weight:300;line-height:1.75;letter-spacing:1px;text-align:center;color:#fff}.brand-page__figure{margin:100px 0;line-height:0;overflow:hidden}.brand-page__figure-img{width:100%;height:auto}.brand-page__origin{padding-top:100px;padding-bottom:100px}.brand-page__origin .brand-page__title{margin-bottom:60px}.brand-page__origin .brand-page__subtitle{margin-bottom:30px}.brand-page__origin .brand-page__subtitle--follow{margin-top:0;margin-bottom:30px}.brand-page__spirit{position:relative;padding:100px 0;overflow:hidden}.brand-page__spirit-inner{position:relative;z-index:1}.brand-page__spirit-inner .brand-page__title{margin-bottom:60px}.brand-page__spirit-inner .brand-page__subtitle{margin-bottom:30px}.brand-page__spirit-list{display:flex;justify-content:space-between;gap:48px}.brand-page__spirit-item{flex:1;min-width:0;text-align:center;cursor:default}.brand-page__spirit-icon-wrap{position:relative;width:clamp(140px,14vw,180px);height:clamp(140px,14vw,180px);margin:0 auto 32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-page__spirit-icon-wrap::before{content:"";position:absolute;inset:0;background:url("../images/brand/brand_slide_bg.png") no-repeat center;background-size:contain;opacity:.5;transform:scale(0.94);filter:brightness(0.85);transition:opacity .6s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94),filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);pointer-events:none;z-index:0}.brand-page__spirit-shark{position:relative;display:block;width:62%;min-width:80px;max-width:140px;margin:0 auto;z-index:1;transition:transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0}.brand-page__spirit-item:nth-child(1) .brand-page__spirit-shark{-webkit-mask-image:url("../images/brand/brand_slide_1.png");mask-image:url("../images/brand/brand_slide_1.png")}.brand-page__spirit-item:nth-child(2) .brand-page__spirit-shark{-webkit-mask-image:url("../images/brand/brand_slide_2.png");mask-image:url("../images/brand/brand_slide_2.png")}.brand-page__spirit-item:nth-child(3) .brand-page__spirit-shark{-webkit-mask-image:url("../images/brand/brand_slide_3.png");mask-image:url("../images/brand/brand_slide_3.png")}.brand-page__spirit-item:nth-child(4) .brand-page__spirit-shark{-webkit-mask-image:url("../images/brand/brand_slide_4.png");mask-image:url("../images/brand/brand_slide_4.png")}.brand-page__spirit-sweep{position:absolute;inset:-20%;z-index:2;background:linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 60%);transform:translateX(-100%) skewX(-18deg);opacity:0;pointer-events:none;mix-blend-mode:screen}.brand-page__spirit-item:hover .brand-page__spirit-sweep{animation:brandSpiritSweep 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}.brand-page__spirit-icon{position:relative;z-index:1;display:block;width:100%;height:auto;margin:0;transition:transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94),filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.brand-page__spirit-label{font-family:"Cardo-Regular",serif;font-size:18px;font-weight:500;letter-spacing:4px;margin-bottom:20px;transition:color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),letter-spacing .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.brand-page__spirit-desc{font-size:16px;font-weight:300;line-height:1.75;letter-spacing:1px;color:rgba(221,221,221,.7);transition:color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.brand-page__aesthetics{padding:100px 0}.brand-page__aesthetics-inner{max-width:1400px;margin:0 auto}.brand-page__aesthetics-inner .brand-page__title{margin-bottom:60px}.brand-page__aesthetic-row{display:flex;align-items:center;gap:80px}.brand-page__aesthetic-row--reverse{flex-direction:row-reverse}.brand-page__aesthetic-media{flex:0 0 calc(50% - 40px);line-height:0;overflow:hidden}.brand-page__aesthetic-img{width:100%;height:auto}.brand-page__aesthetic-content{flex:1;text-align:center}.brand-page__aesthetic-title{font-family:"Cardo-Regular",serif;font-size:30px;font-weight:500;letter-spacing:4px;margin-bottom:30px;transition:color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),letter-spacing .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.brand-page__aesthetic-text{font-size:16px;font-weight:300;line-height:1.75;letter-spacing:1px;color:#ddd;transition:color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@keyframes brandSpiritSweep{0%{transform:translateX(-100%) skewX(-18deg);opacity:0}25%{opacity:1}100%{transform:translateX(200%) skewX(-18deg);opacity:0}}@media(hover: hover)and (pointer: fine){.brand-page__spirit-item:hover .brand-page__spirit-shark{transform:translateY(-6px)}.brand-page__spirit-item:hover .brand-page__spirit-icon-wrap::before{opacity:1;transform:scale(1);filter:brightness(1.3) drop-shadow(0 0 24px rgba(175, 84, 198, 0.5))}.brand-page__spirit-item:hover .brand-page__spirit-label{color:#fff;letter-spacing:5px}.brand-page__spirit-item:hover .brand-page__spirit-desc{color:#fff}.brand-page__aesthetic-row:hover .brand-page__aesthetic-title{color:#fff;letter-spacing:5px}.brand-page__aesthetic-row:hover .brand-page__aesthetic-text{color:#fff}}@media(prefers-reduced-motion: reduce){.brand-page__spirit-icon,.brand-page__spirit-shark,.brand-page__spirit-icon-wrap::before,.brand-page__spirit-sweep{transition:none;animation:none}.brand-page__spirit-item:hover .brand-page__spirit-sweep{animation:none}}@media(max-width: 1024px){.brand-page__hero{height:100vh}.brand-page__hero-img{width:100%;height:100%;min-height:min(56vh,520px);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.brand-page__origin{padding-top:50px;padding-bottom:50px}.brand-page__figure{margin:50px 0}.brand-page__spirit{padding:50px 0}.brand-page__aesthetics{padding:50px 0}.brand-page__spirit-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px 32px}.brand-page__spirit-item{flex:none}.brand-page__spirit-icon-wrap{width:clamp(150px,20vw,180px);height:clamp(150px,20vw,180px)}.brand-page__spirit-shark{width:64%;min-width:88px;max-width:130px}.brand-page__aesthetic-row{gap:48px}.brand-page__aesthetic-media,.brand-page__aesthetic-content{flex:0 0 calc(50% - 24px)}}@media(max-width: 767px){.brand-page__hero{height:40vh;margin-top:-15px}.brand-page__hero-img{min-height:min(42vh,360px)}.brand-page__origin{padding-top:50px;padding-bottom:50px}.brand-page__origin .brand-page__title{margin-bottom:30px}.brand-page__figure{margin:30px 0}.brand-page__spirit{padding:50px 0}.brand-page__spirit-inner .brand-page__title{margin-bottom:30px}.brand-page__aesthetics{padding:50px 0 0;padding-bottom:0}.brand-page__title{font-size:20px;letter-spacing:4px;margin-bottom:30px}.brand-page__subtitle{font-size:16px;letter-spacing:2px}.brand-page__text{font-size:14px}.brand-page__spirit-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:28px 18px}.brand-page__spirit-icon-wrap{width:100px;height:100px;margin-bottom:16px}.brand-page__spirit-shark{width:64%;min-width:72px;max-width:108px}.brand-page__spirit-label{font-size:16px;letter-spacing:2px;margin-bottom:10px}.brand-page__spirit-desc{font-size:14px;line-height:1.6;letter-spacing:.5px}.brand-page__aesthetic-row{flex-direction:column;gap:28px;margin-bottom:50px}.brand-page__aesthetic-row--reverse{flex-direction:column}.brand-page__aesthetic-media{flex:none;width:300px}.brand-page__aesthetic-content{flex:none;width:100%}.brand-page__aesthetic-title{font-size:20px;margin-bottom:30px}.brand-page__aesthetic-text{font-size:14px}.brand-page__aesthetics-inner .brand-page__title{margin-bottom:30px}}