@layer component{.hero{height:calc(var(--vw)*63.5897);bottom:0;left:0;right:0;top:calc(var(--vw)*-21.5385);width:100%;margin:auto;position:absolute;overflow:hidden}.hero canvas{display:block;width:100%!important;height:100%!important}.hero-txt{color:var(--color-primary);font-family:var(--font-family-en);font-size:2.5rem;font-weight:var(--font-weight-black);flex-direction:column;justify-content:center;align-items:center;height:100%;margin:0;line-height:1.2;display:flex}.hero-txtLine{text-align:center;white-space:nowrap;display:block}.hero-txtLine span{animation:.64s cubic-bezier(.18,.3,.62,.89) forwards slide-up;animation-delay:calc(45ms*var(--i,0));opacity:0;display:inline-block}@media print and (width>=768px),screen and (width>=768px){.hero{height:clamp(480px,calc(var(--vw)*29.6053 + 252.632px),615px);top:-136px}.hero-txt{font-size:5rem}}@media print and (width>=1224px),screen and (width>=1224px){.hero{height:calc(var(--vw)*50.2451);max-height:100vh}}}@layer project{.frontWorks{height:500svh;position:relative}.frontWorks-read{opacity:0;pointer-events:auto;will-change:opacity,transform;z-index:2;transition:opacity .77s cubic-bezier(.24,.13,.26,1.01),transform .9s cubic-bezier(.24,.13,.26,1.01);position:relative;transform:translateY(8px)}.frontWorks-read[data-in-view=true]{opacity:1;transform:translateY(0)}.frontWorks-read[data-in-view=true] :is(.frontWorks-readNameBox,.frontWorks-readTxtBox) span+span{clip-path:polygon(0 0,200% 0,0 200%)}.frontWorks-readName p{font-family:var(--font-family-en);font-size:1rem;font-weight:var(--font-weight-bold);align-items:center;gap:3px;line-height:1.2;display:flex}.frontWorks-readName p span{color:var(--color-primary)}.frontWorks-readName p span+span{color:var(--color-secondary)}.frontWorks-readNameBox{font-size:1.625rem;font-weight:var(--font-weight-bold);margin-top:4px;line-height:1.4}.frontWorks-readNameBox span+span{color:var(--color-text-base)}.frontWorks-readTxt{color:var(--color-text-secondary);font-size:1rem;font-weight:var(--font-weight-medium);margin-top:16px;line-height:1.8}.frontWorks-readTxtBox{font-weight:var(--font-weight-black);align-items:center;padding:0 5px;display:inline-flex}.frontWorks-readTxtBox+span span+span{color:var(--color-secondary)}.frontWorks-readBtn{margin-top:24px}.frontWorks-inner{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.frontWorks-wrap{isolation:isolate;height:100dvh;position:sticky;top:0;overflow:hidden}.frontWorks-name{will-change:transform;z-index:-1;width:100%;height:132px;margin:auto;position:absolute;top:0;bottom:0;left:0}.frontWorks-name span{color:var(--color-gray-50);font-family:var(--font-family-en);font-size:6.875rem;font-weight:var(--font-weight-semiBold);letter-spacing:-.03em;white-space:nowrap;will-change:transform;line-height:1.2;display:inline-block}.frontWorks-cont{backface-visibility:hidden;transform-origin:50%;will-change:clip-path,transform,background-color;z-index:1;background-color:#fff;width:100%;height:100%;position:relative}.frontWorks-cont.is-clipOpen{clip-path:none!important}.frontWorks-contInner{opacity:1;height:100%;transition:opacity .48s var(--ease-in-out-sine);will-change:transform,opacity;flex-direction:column;justify-content:center;gap:12px;width:100%;display:flex;position:relative;top:0}.frontWorks-contList{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.frontWorks-contItem{aspect-ratio:16/9;width:100%;min-width:320px;height:auto}.frontWorks-contItem img{object-fit:cover;border-radius:16px;width:100%;height:100%}.frontWorks-contList{transform-origin:50%;will-change:transform;z-index:1;position:relative}.frontWorks-contBox{will-change:transform;z-index:0;width:100%;height:auto;position:relative}.frontWorks-contBox:nth-child(2){transform-origin:50%;z-index:1}.frontWorks-txt{opacity:0;pointer-events:auto;height:100%;transition:opacity .48s var(--ease-in-out-sine),visibility .48s var(--ease-in-out-sine);visibility:hidden;will-change:opacity,visibility;z-index:2;width:100%;position:absolute;top:0;left:0}.frontWorks-txt p{color:var(--color-text-secondary);font-size:2.5rem;font-weight:var(--font-weight-medium);line-height:1.8}.frontWorks-txtInner{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:100%;display:inline-flex}.frontWorks-txtInner p{color:var(--color-white);font-family:var(--font-family-en);font-size:calc(var(--vw)*7.69231);font-weight:var(--font-weight-bold);text-align:center;text-transform:uppercase;white-space:nowrap;line-height:1.2}.frontWorks-txtInner p+p{font-size:calc(var(--vw)*10.2564);flex-direction:column;display:flex}.frontWorks-txtInner p span{color:var(--color-primary)}.frontWorks-txtInner p span+span{color:var(--color-secondary)}.frontWorks-txtInner p span+span:after{color:var(--color-white);content:".";display:inline-block}.frontWorks-txtBox{align-items:center;gap:calc(var(--vw)*2.05128);flex-direction:column;display:flex}@media print and (width>=768px),screen and (width>=768px){.frontWorks-read{transform:translateY(16px)}.frontWorks-readName p{gap:4px;font-size:1.5rem;line-height:1.6}.frontWorks-readNameBox{margin-top:0;font-size:3rem;line-height:1.6}.frontWorks-readTxt{margin-top:40px;padding-left:24px;font-size:1.125rem}.frontWorks-readBtn{margin-top:40px}.frontWorks-name{height:384px}.frontWorks-name span{font-size:20rem}.frontWorks-contItem{min-width:400px}.frontWorks-txtInner{gap:48px}.frontWorks-txtInner p{font-size:3.5rem}.frontWorks-txtInner p+p{font-size:3.5rem;display:block}.frontWorks-txtBox{gap:0;display:block}}@media print and (width>=1224px),screen and (width>=1224px){.frontWorks-txtInner p,.frontWorks-txtInner p+p{font-size:calc(var(--vw)*4.57516)}}.front{margin-bottom:56px}.frontMain{height:426px;margin-top:calc(var(--vw)*21.5385);width:100%}.frontMain-inner{width:100%;height:426px;position:relative;overflow:hidden}.frontMain-vis{opacity:.72;width:100%;height:100%}.frontMain-vis ul{flex-wrap:nowrap;align-items:center;width:100%;height:100%;display:flex}.frontMain-vis li{width:100%;min-width:240px;height:100%;padding-right:24px}.frontMain-vis li img{object-fit:cover;border-radius:20px;width:100%;height:100%}.frontMain-txt{z-index:1;width:100%;height:96px;margin:auto;position:absolute;inset:0}.frontMain-txt ul{flex-wrap:nowrap}.frontMain-txt li p,.frontMain-txt ul{align-items:center;gap:12px;display:flex}.frontMain-txt li p{font-family:var(--font-family-en);font-size:5rem;font-weight:var(--font-weight-bold);letter-spacing:-.03em;white-space:nowrap;line-height:1.2}.frontMain-txt li p span{color:var(--color-primary)}.frontMain-txt li p span+span{color:var(--color-secondary)}.frontMain-canvas{width:100%;height:100%;position:relative}.frontCont,.frontRead{position:relative}.frontRead{z-index:1}@media print and (width>=768px),screen and (width>=768px){.front{margin-bottom:0}.frontMain{height:calc(100dvh - 136px);margin-top:136px}.frontMain-inner{height:600px}.frontMain-vis li{min-width:337px}.frontMain-vis li img{border-radius:40px}.frontMain-txt{height:192px}.frontMain-txt ul{gap:24px}.frontMain-txt li p{gap:24px;font-size:10rem}}}