.es:has(>.section-lettering){position:relative;isolation:isolate;view-timeline-name:--section-lettering;view-timeline-axis:block}.es:has(>.section-lettering)>.es-wrap{position:relative;z-index:1}.section-lettering{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--lettering-color);opacity:var(--lettering-opacity);font-family:"Noto Serif KR",Nanum Myeongjo,Batang,AppleMyungjo,serif;font-weight:var(--lettering-weight);font-size:clamp(100px,18vw,var(--lettering-size));line-height:var(--lettering-leading);letter-spacing:var(--lettering-tracking);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.section-lettering--sans{font-family:Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,sans-serif}.section-lettering__placement{display:block;position:absolute;inset-inline:3%;top:clamp(0px,var(--lettering-y),calc(100% - 1em));text-align:var(--lettering-align)}.section-lettering__text{display:inline-block;white-space:nowrap;--lettering-travel: calc(var(--lettering-distance) * var(--lettering-direction))}@keyframes section-lettering-drift{0%{transform:translate3d(calc(var(--lettering-travel) * -1),8%,0)}to{transform:translate3d(var(--lettering-travel),-8%,0)}}@supports (animation-timeline: --section-lettering){@media(prefers-reduced-motion:no-preference){.section-lettering[data-motion=true] .section-lettering__text{animation:section-lettering-drift 1ms linear both;animation-timeline:--section-lettering;animation-range:cover}}}@media(max-width:749px){.section-lettering{font-size:min(var(--lettering-size-mobile),22vw);opacity:calc(var(--lettering-opacity) * .8)}.section-lettering__placement{inset-inline:calc(var(--lettering-distance-mobile) + 16px);top:clamp(16px,var(--lettering-y-mobile),calc(100% - 2.5em - 16px));text-align:var(--lettering-align-mobile)}.section-lettering__text{--lettering-travel: calc(var(--lettering-distance-mobile) * var(--lettering-direction))}.section-lettering[data-mobile=false]{display:none}}@media(prefers-reduced-motion:reduce){.section-lettering__text{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-lettering.css.map */