.teul-hero-page{--teul-ease-out:cubic-bezier(.16,1,.3,1);--teul-ease-snap:cubic-bezier(.32,.72,0,1);--teul-ease-fold:cubic-bezier(.65,.01,.05,.99);--teul-scroll-progress:0}.teul-hero-page [id]{scroll-margin-top:5.9rem}.teul-motion-curtain{position:fixed;inset:0;z-index:90;display:grid;place-items:center;overflow:hidden;clip-path:inset(0 0 0 0);background:var(--teul-ink);color:var(--teul-paper);pointer-events:none;animation:teul-curtain-away .72s .48s var(--teul-ease-fold) forwards}.teul-curtain-logo{width:clamp(15rem,42vw,40rem);height:auto;filter:invert(1);animation:teul-curtain-mark .58s var(--teul-ease-out) both}.teul-motion-curtain i{position:absolute;right:6vw;bottom:7vh;left:6vw;height:1px;overflow:hidden;background:rgba(247,245,240,.24)}.teul-motion-curtain i:after{content:"";display:block;width:100%;height:100%;background:#f7f5f0;transform:scaleX(0);transform-origin:left;animation:teul-curtain-line .72s .06s var(--teul-ease-snap) forwards}.teul-motion-header{position:sticky;top:0;z-index:40;transition:background-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease}.teul-motion-header[data-teul-scrolled]{background:rgba(247,245,240,.88);box-shadow:0 1px 0 rgba(17,18,16,.12);backdrop-filter:blur(15px) saturate(120%)}.teul-motion-header nav a:after{transition-duration:.4s;transition-timing-function:var(--teul-ease-snap)}.teul-hero-page[data-motion-state=ready] [data-teul-hero-item]{opacity:0;transform:translate3d(0,2rem,0)}.teul-hero-page[data-motion-loaded=true] [data-teul-hero-item]{opacity:1;transform:translateZ(0);transition:opacity .64s var(--teul-ease-out),transform .72s var(--teul-ease-out);transition-delay:calc(.18s + var(--teul-delay, 0s))}.teul-hero-media:after{content:"";position:absolute;inset:0;z-index:2;background:#111210;transform:scaleY(0);transform-origin:bottom;pointer-events:none}.teul-hero-page[data-motion-state=ready] .teul-hero-media:after{transform:scaleY(1)}.teul-hero-page[data-motion-loaded=true] .teul-hero-media:after{transform:scaleY(0);transition:transform .9s .14s var(--teul-ease-fold)}[data-teul-delay="0"]{--teul-delay:0ms}[data-teul-delay="1"]{--teul-delay:55ms}[data-teul-delay="2"]{--teul-delay:110ms}[data-teul-delay="3"]{--teul-delay:165ms}[data-teul-delay="4"]{--teul-delay:220ms}[data-teul-delay="5"]{--teul-delay:275ms}[data-teul-delay="6"]{--teul-delay:330ms}[data-teul-delay="7"]{--teul-delay:385ms}.teul-hero-page[data-motion-state=ready] [data-teul-reveal]{opacity:0;transform:translate3d(0,1.65rem,0);transition:opacity .58s var(--teul-ease-out),transform .68s var(--teul-ease-out);transition-delay:var(--teul-delay,0s)}.teul-hero-page[data-motion-state=ready] [data-teul-reveal=title]{clip-path:inset(0 0 100% 0);transform:translate3d(0,2.4rem,0);transition:opacity .7s var(--teul-ease-out),transform .82s var(--teul-ease-out),clip-path .82s var(--teul-ease-fold)}.teul-hero-page[data-motion-state=ready] [data-teul-reveal=item]{transform:translate3d(0,1rem,0)}.teul-hero-page[data-motion-state=ready] [data-teul-reveal=media]{opacity:1;clip-path:inset(0 0 100% 0);transform:none;transition:clip-path .82s var(--teul-ease-fold);transition-delay:var(--teul-delay,0s)}.teul-hero-page[data-motion-state=ready] [data-teul-reveal][data-teul-visible=true]{opacity:1;clip-path:inset(0 0 0 0);transform:translateZ(0)}[data-teul-parallax] img{--teul-media-scale:1.12;transform:translate3d(0,var(--teul-parallax-y,0),0) scale(var(--teul-media-scale));transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.2,1);will-change:auto}[data-teul-parallax][data-teul-parallax-active=true] img{will-change:transform;transition:none}.teul-hero-page[data-motion-state=ready] [data-teul-reveal=media] img{--teul-media-scale:1.16}.teul-hero-page[data-motion-state=ready] [data-teul-reveal=media][data-teul-visible=true] img{--teul-media-scale:1.12}.teul-project-card{transition:color .3s ease}.teul-project-card [data-teul-reveal=media]{background:#d8d3ca}.teul-project-card:hover [data-teul-reveal=media] img{--teul-media-scale:1.15}.teul-project-card h3{width:fit-content;position:relative}.teul-project-card h3:after{content:"";position:absolute;right:0;bottom:-.22rem;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--teul-ease-snap)}.teul-project-card:hover h3:after{transform:scaleX(1);transform-origin:left}.teul-motion-link{overflow:hidden;transition:color .3s ease,background-color .3s ease,transform .3s var(--teul-ease-snap)}.teul-motion-link>span{display:inline-block;transition:transform .3s var(--teul-ease-snap)}.teul-motion-link:hover>span{transform:translate3d(.2rem,-.2rem,0)}.teul-motion-link:active{transform:scale(.985)}.teul-mobile-menu-icon{position:relative;display:block;width:1.5rem;height:.875rem}.teul-mobile-menu-icon:after,.teul-mobile-menu-icon:before{content:"";position:absolute;left:0;width:100%;height:1px;background:currentColor;transition:transform .38s var(--teul-ease-snap)}.teul-mobile-menu-icon:before{top:0}.teul-mobile-menu-icon:after{bottom:0}.teul-mobile-menu[data-open=true] .teul-mobile-menu-icon:before{transform:translateY(6.5px) rotate(45deg)}.teul-mobile-menu[data-open=true] .teul-mobile-menu-icon:after{transform:translateY(-6.5px) rotate(-45deg)}.teul-mobile-menu-panel{visibility:hidden;clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(-.5rem);transform-origin:top right;pointer-events:none;transition:clip-path .48s var(--teul-ease-fold),opacity .28s ease,transform .48s var(--teul-ease-out),visibility 0s .48s}.teul-mobile-menu[data-open=true] .teul-mobile-menu-panel{visibility:visible;clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}.teul-mobile-menu-panel a{opacity:0;transform:translateY(-.5rem);transition:opacity .32s ease,transform .42s var(--teul-ease-out)}.teul-mobile-menu[data-open=true] .teul-mobile-menu-panel a{opacity:1;transform:translateY(0)}.teul-mobile-menu[data-open=true] .teul-mobile-menu-panel a:nth-child(2){transition-delay:45ms}.teul-mobile-menu[data-open=true] .teul-mobile-menu-panel a:nth-child(3){transition-delay:90ms}.teul-mobile-menu[data-open=true] .teul-mobile-menu-panel a:nth-child(4){transition-delay:135ms}.teul-mobile-menu[data-open=true] .teul-mobile-menu-panel a:nth-child(5){transition-delay:.18s}.teul-mobile-menu[data-open=true] .teul-mobile-menu-panel a:nth-child(6){transition-delay:225ms}.teul-scroll-index{position:fixed;top:50%;right:1.25rem;z-index:30;display:none;grid-template-rows:auto 5.5rem auto;justify-items:center;gap:.6rem;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.08em;transform:translateY(-50%);mix-blend-mode:difference;pointer-events:none}.teul-scroll-index>i{position:relative;width:1px;height:100%;overflow:hidden;background:rgba(255,255,255,.32)}.teul-scroll-index>i>b{position:absolute;inset:0;display:block;background:#fff;transform:scaleY(var(--teul-scroll-progress));transform-origin:top}@media (min-width:1520px){.teul-scroll-index{display:grid}}@media (min-width:1024px){.teul-hero-page:is(.locale-ko,.locale-ja) #hero-title{font-size:clamp(3.45rem,3.25vw,3.8rem);line-height:1.02;letter-spacing:-.045em}}@media (max-width:767px){.teul-motion-curtain{animation-duration:.58s;animation-delay:.34s}.teul-hero-page[data-motion-state=ready] [data-teul-reveal]{transform:translate3d(0,1.1rem,0)}[data-teul-parallax] img{--teul-media-scale:1.02;transform:scale(var(--teul-media-scale));transition-duration:.55s;will-change:auto}.teul-hero-page[data-motion-state=ready] [data-teul-reveal=media] img{--teul-media-scale:1.07}.teul-hero-page[data-motion-state=ready] [data-teul-reveal=media][data-teul-visible=true] img{--teul-media-scale:1.02}}@media (pointer:coarse){[data-teul-parallax] img{transform:scale(var(--teul-media-scale));will-change:auto}}@media (prefers-reduced-motion:reduce){.teul-motion-curtain{display:none}[data-teul-parallax] img{transform:none;transition:none;will-change:auto}.teul-scroll-index{display:none}.teul-mobile-menu-icon:after,.teul-mobile-menu-icon:before,.teul-mobile-menu-panel,.teul-mobile-menu-panel a{transition:none}}@keyframes teul-curtain-mark{0%{opacity:0;transform:translateY(1rem) scale(.96)}}@keyframes teul-curtain-line{to{transform:scaleX(1)}}@keyframes teul-curtain-away{to{clip-path:inset(100% 0 0 0);visibility:hidden}}