/* YHATA motion language: assemble, unfold, reveal. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--accent:#b2aea7}.intro[hidden]{display:none}.intro{position:fixed;inset:0;z-index:150;background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:inset(0);transition:clip-path 1s var(--motion-ease)}.intro.leaving{clip-path:inset(0 0 100%)}.intro-top,.intro-bottom{position:absolute;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:.12em}.intro-top{top:35px}.intro-top button{padding:12px 0;border:0;background:none;color:inherit;font-size:14px;letter-spacing:0}.intro-bottom{bottom:40px}.intro-line{height:1px;background:#faf9f635;flex:1;margin:0 4%;overflow:hidden}.intro-line i{display:block;width:100%;height:100%;background:var(--paper);transform:translateX(-100%)}.intro.running .intro-line i{animation:intro-line 1.9s var(--motion-ease) .25s forwards}@keyframes intro-line{to{transform:translateX(0)}}
body.intro-open,body.dialog-open{overflow:hidden}.line-mask{display:block;overflow:hidden;padding-bottom:.10em;margin-bottom:-.10em}.line-mask>span{display:block}.motion-ready:not(.page-entered) .hero-copy .line-mask>span{transform:translateY(110%)}.page-entered .hero-copy .line-mask>span{animation:hero-title-in 1.2s var(--motion-ease) both}.page-entered .hero-copy .line-mask:nth-child(2)>span{animation-delay:.13s}@keyframes hero-title-in{from{transform:translateY(110%) rotate(4deg);opacity:.3}to{transform:translateY(0) rotate(0);opacity:1}}.page-entered .hero-copy>.eyebrow,.page-entered .hero-intro,.page-entered .hero-copy>.button{animation:soft-in .9s var(--motion-ease) .35s both}@keyframes soft-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.page-progress{position:fixed;z-index:90;height:3px;top:0;left:0;right:0;pointer-events:none}.page-progress>i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.transition-curtain{position:fixed;inset:0;z-index:110;background:var(--green);color:var(--paper);display:grid;place-items:center;clip-path:inset(100% 0 0);pointer-events:none}.transition-curtain>span{font-size:13vw;letter-spacing:-.095em;font-weight:500}.transition-curtain.sweep{animation:section-sweep 1.05s var(--motion-ease) both}@keyframes section-sweep{0%{clip-path:inset(100% 0 0)}45%,55%{clip-path:inset(0 0 0)}100%{clip-path:inset(0 0 100%)}}.header{z-index:50}.header-actions{display:flex;align-items:center;gap:27px}.menu-toggle{width:47px;height:47px;border:1px solid #26252370;border-radius:50%;background:#faf9f6b0;position:relative;transition:transform .5s var(--motion-ease),background .3s}.menu-toggle>span{position:absolute;left:14px;top:19px;height:1px;width:18px;background:var(--ink);transition:transform .4s}.menu-toggle>span+span{top:26px}.menu-toggle:hover{transform:rotate(90deg);background:var(--paper)}.menu-toggle:active{transform:scale(.88)}.site-menu{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;border:0;margin:0;background:var(--green);color:var(--paper);padding:30px 6%;overflow:auto}.site-menu[open]{display:flex;flex-direction:column;animation:menu-open .8s var(--motion-ease) both}.site-menu.closing-menu{animation:menu-close .5s var(--motion-ease) both}@keyframes menu-open{from{clip-path:circle(0% at 94% 7%)}to{clip-path:circle(150% at 94% 7%)}}@keyframes menu-close{to{clip-path:circle(0% at 94% 7%)}}.site-menu::backdrop{background:#262523aa}.menu-top{display:flex;align-items:center;justify-content:space-between;min-height:52px}.menu-close{border:1px solid #faf9f670;background:none;color:inherit;border-radius:50%;height:50px;width:50px;font-size:33px;line-height:1;transition:transform .4s}.menu-close:hover{transform:rotate(90deg)}.menu-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;align-items:center;flex:1;padding:5vh 0}.menu-layout nav{display:flex;flex-direction:column}.menu-layout nav>a{display:flex;align-items:center;font-size:clamp(40px,5.6vw,90px);letter-spacing:-.07em;line-height:1.2;padding:12px 0;gap:23px;border-bottom:1px solid #faf9f630;overflow:hidden}.site-menu[open] .menu-layout nav>a{animation:menu-link-in .75s var(--motion-ease) both;animation-delay:calc(var(--nav-i)*65ms + .18s)}@keyframes menu-link-in{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}.menu-layout nav>a small{font-size:12px;letter-spacing:0;opacity:.55}.menu-layout nav>a>span{margin-left:auto;font-size:.65em;transition:transform .45s var(--motion-ease)}.menu-layout nav>a:hover>span{transform:rotate(45deg)}.menu-layout nav>a:hover{color:var(--accent)}.menu-photo{height:56vh;max-height:570px;position:relative;overflow:hidden}.menu-photo img{object-position:50% 35%;transition:transform 1s var(--motion-ease)}.menu-photo:hover img{transform:scale(1.07)}.menu-photo p{position:absolute;left:25px;right:20px;bottom:25px;color:white;font-size:20px;text-shadow:0 1px 15px #0009}.menu-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0003);pointer-events:none}.menu-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #faf9f630;padding-top:20px;font-size:12px;letter-spacing:.08em}.motion-toggle{position:fixed;right:22px;bottom:22px;z-index:55;background:var(--paper);color:var(--ink);border:1px solid #26252335;border-radius:30px;height:43px;display:flex;align-items:center;gap:10px;padding:0 15px;box-shadow:0 5px 20px #26252310}.motion-toggle>span:first-child{font-size:16px}.motion-label{font-size:12px}.motion-toggle:hover{background:var(--ink);color:var(--paper)}
.hero{height:180svh;background:#dcd9d3}.hero-sticky{isolation:isolate}.hero-visual{transform-origin:70% 50%;will-change:clip-path}.hero-after{position:absolute;z-index:3;left:7%;top:50%;color:var(--paper);font-size:clamp(48px,7.4vw,120px);letter-spacing:-.065em;line-height:1.05;opacity:0;pointer-events:none}.hero-after>span,.hero-after>em{display:block}.hero-sticky:after{content:'';position:absolute;inset:0;z-index:1;background:var(--green);opacity:var(--hero-shade,0);pointer-events:none}.hero-copy,.hero-after,.hero-foot,.hero-orbit{z-index:4}.orbit-link{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;position:absolute;transition:background .4s}.orbit-link svg{position:absolute;inset:0;width:100%;height:100%;animation:orbit-spin 22s linear infinite;overflow:visible}.orbit-link text{fill:currentColor;font:10.5px var(--sans);letter-spacing:2px}.orbit-link>span{font:44px/1 var(--sans);transition:transform .5s var(--motion-ease)}.orbit-link:hover{background:#faf9f655}.orbit-link:hover>span{transform:rotate(-45deg) scale(1.15)}.hero-orbit{right:7%;bottom:95px;color:var(--paper);background:#26252355;backdrop-filter:blur(6px)}@keyframes orbit-spin{to{transform:rotate(360deg)}}.hero-progress{z-index:5}.hero-foot{transition:color .3s}.hero-visual img{transform-origin:70% 50%}.manifesto{position:relative;min-height:85svh;display:flex;flex-direction:column;justify-content:center;gap:45px;padding-right:12%;background:var(--paper)}.manifesto h2{font-size:clamp(44px,6.6vw,104px);line-height:1.16;max-width:1500px;letter-spacing:-.055em}.manifesto .word{display:inline;--word-fill:100%;background:linear-gradient(90deg,var(--ink) var(--word-fill),#dcd9d3 var(--word-fill));background-clip:text;-webkit-background-clip:text;color:transparent}.round-next{width:76px;height:76px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;align-self:flex-end;font-size:30px;transition:background .3s,color .3s,transform .5s}.round-next:hover{transform:rotate(-45deg);background:var(--ink);color:var(--paper)}.composition{height:310svh;background:#f5f4f1}.composition-sticky{perspective:1000px}.composition-heading h2{font-size:clamp(45px,6.7vw,106px)}.flying-box{top:64%;filter:drop-shadow(0 26px 18px #26252333)}.stage-wordmark{top:39%;color:#dcd9d3;will-change:transform}.composition-heading>p:last-child{font-size:16px}.composition-phase{font-variant-numeric:tabular-nums;min-width:230px}.composition-bottom{align-items:center}.composition-bottom>a{display:flex;align-items:center;gap:20px}.composition-bottom>a>span{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;height:48px;width:48px;margin:0;font-size:20px;transition:transform .45s}.composition-bottom>a:hover>span{transform:rotate(-90deg)}.composition-bottom>a{border:0}.kinetic-strip{overflow:hidden;background:var(--green);color:var(--paper);padding:30px 0}.kinetic-strip>div{display:flex;align-items:center;width:max-content;gap:50px;animation:marquee 26s linear infinite}.kinetic-strip span{font-size:clamp(40px,5.8vw,95px);line-height:1;letter-spacing:-.06em;white-space:nowrap}.kinetic-strip i{font-size:clamp(40px,5vw,80px);font-style:normal;color:var(--accent);animation:orbit-spin 10s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.motion-ready .reveal{opacity:0;transform:translateY(55px);transition:opacity .9s var(--motion-ease),transform 1.1s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.revealed{opacity:1;transform:none}.motion-ready .image-reveal{clip-path:inset(8% 12% 8% 12%);transition:clip-path 1.25s var(--motion-ease)}.motion-ready .image-reveal.revealed{clip-path:inset(0)}.collection-photo{cursor:pointer}.collection-photo img{transition:transform 1.2s var(--motion-ease)}.collection-photo:hover img{transform:scale(1.045)}.photo-expand{position:absolute;right:24px;bottom:23px;width:50px;height:50px;border-radius:50%;border:1px solid #26252340;background:var(--paper);color:var(--ink);font-size:26px;transition:transform .5s,background .3s}.photo-expand:hover{transform:rotate(45deg);background:var(--accent)}.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .5s var(--motion-ease),background .4s,color .4s}.button:before{content:'';position:absolute;inset:0;background:#ffffff14;z-index:-1;clip-path:circle(0% at 50% 100%);transition:clip-path .6s var(--motion-ease)}.button:hover:before{clip-path:circle(150% at 50% 100%)}.button>span[aria-hidden]{display:inline-block;transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .25s var(--motion-ease);font-size:22px;line-height:1}.button:hover>span[aria-hidden]{transform:translate(var(--mag-x,0px),var(--mag-y,0px)) rotate(45deg)}.button:active{transform:scale(.975)}.format-option{position:relative;overflow:hidden;transition:color .25s,background .35s,transform .35s}.format-option:hover{transform:translateY(-3px)}.format-option:active{transform:scale(.94)}.result-item>b{transition:transform .4s}.result-item:hover>b{transform:rotate(45deg) translateX(-3px)}.result-item{transition:padding .4s,background .4s}.result-item:hover{padding-inline:12px}.colors span:before{transition:transform .45s var(--motion-ease)}.colors span:hover:before{transform:scale(1.45)}.spaces-photo{position:relative;overflow:hidden}.spaces-photo>img{will-change:transform;min-height:100%}.spaces-photo .space-outgoing{position:absolute;inset:0;z-index:1;pointer-events:none}.space-tabs button{position:relative;transition:color .3s,transform .3s}.space-tabs button:hover{transform:translateY(-3px)}.space-tabs button:after{content:'';position:absolute;left:0;bottom:0;height:1px;right:0;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--motion-ease)}.space-tabs button:hover:after{transform:scaleX(1)}.text-link{background:none;border-width:0 0 1px;color:inherit;cursor:pointer;text-align:left}.text-link>span{display:inline-block;transition:transform .45s}.text-link:hover>span{transform:rotate(45deg)}
.touch-section{background:#f5f4f1;padding:100px 6% 90px;overflow:hidden}.touch-heading>.eyebrow{margin-bottom:22px}.touch-heading h2{font-size:clamp(46px,6vw,98px)}.touch-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:7%;align-items:center;margin-top:65px}.touch-stage{min-width:0;position:relative;perspective:1000px;padding:30px 0 55px}.touch-object{position:relative;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--motion-ease);transform-style:preserve-3d}.touch-object>img{height:auto;filter:drop-shadow(0 30px 20px #26252330);animation:product-breathe 7s ease-in-out infinite}@keyframes product-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hotspot{position:absolute;width:44px;height:44px;border-radius:50%;border:1px solid #faf9f690;background:var(--paper);color:var(--ink);font-size:27px;display:grid;place-items:center;box-shadow:0 0 0 9px #faf9f625;transition:background .4s,transform .4s;animation:hotspot-pulse 3s ease-in-out infinite}.hotspot[aria-pressed=true]{background:var(--green);color:var(--paper);box-shadow:0 0 0 9px #26252320}.hotspot>span{transition:transform .4s;line-height:1}.hotspot:hover>span,.hotspot[aria-pressed=true]>span{transform:rotate(45deg)}.hotspot:hover{transform:scale(1.1)}@keyframes hotspot-pulse{50%{box-shadow:0 0 0 14px #faf9f605}}.spot-zip{left:35%;top:22%}.spot-handle{left:47%;top:57%}.spot-fabric{left:77%;top:40%}.touch-hint{display:block;text-align:center;margin-top:25px;font-size:13px;color:var(--muted)}.touch-info{max-width:370px}.touch-count{font:14px var(--sans);color:var(--muted);letter-spacing:.05em}.touch-info h3{font:400 clamp(34px,3.5vw,55px)/1.12 var(--serif);letter-spacing:-.045em;margin:30px 0 22px}.touch-info p{font-size:16px;color:#57544f;min-height:90px}.touch-info .text-link{width:100%;font-size:14px;margin-top:20px;border-color:#85817b}.touch-next{display:flex;gap:12px;margin-top:36px}.touch-next button{height:48px;width:48px;border:1px solid #85817b;background:none;color:var(--ink);border-radius:50%;font-size:23px;transition:transform .4s,background .4s}.touch-next button:hover{background:var(--green);color:var(--paper);transform:rotate(-35deg)}.detail-image{width:100%;padding:0;border:0;position:relative;display:block;cursor:pointer}.image-open{position:absolute;bottom:20px;right:20px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);font:24px var(--sans);transition:transform .5s}.detail-image:hover .image-open{transform:rotate(45deg)}.fold-card{transition:transform .6s var(--motion-ease),box-shadow .6s}.fold-card:hover{transform:translateY(-12px) rotate(-1.5deg)!important;box-shadow:0 25px 40px #26252315}.closing{position:relative}.closing-wordmark{display:flex;gap:0;perspective:700px;line-height:1.05;padding-top:0;margin-top:20px}.closing-wordmark>span{display:block;transform-origin:50% 100%;will-change:transform,opacity}.closing-replay{border:0;border-bottom:1px solid #faf9f650;color:var(--paper);background:none;padding:12px 0;font-size:13px;margin-top:35px;display:flex;align-items:center;gap:22px}.closing-replay span{display:block;font-size:23px;transition:transform .6s}.closing-replay:hover span{transform:rotate(180deg)}.context-cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:80;display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#faf9f6ec;color:var(--ink);font-size:10px;letter-spacing:.03em;text-align:center;opacity:0;transform:translate(-150px,-150px);transition:opacity .2s;backdrop-filter:blur(5px)}.context-cursor.active{opacity:1}.gallery-dialog{border:0;padding:26px 5%;margin:0;background:#262523;color:var(--paper);max-width:none;max-height:none;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.gallery-dialog[open]{display:flex;flex-direction:column;animation:gallery-enter .6s var(--motion-ease)}@keyframes gallery-enter{from{opacity:0;clip-path:inset(10% 15%)}to{opacity:1;clip-path:inset(0)}}.gallery-dialog::backdrop{background:#262523dd}.gallery-top,.gallery-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.09em;gap:20px}.gallery-top button{height:48px;width:48px;font-size:32px;border:1px solid #faf9f660;border-radius:50%;color:inherit;background:none;transition:transform .4s}.gallery-top button:hover{transform:rotate(90deg)}.gallery-main{display:grid;grid-template-columns:65px 1fr 65px;gap:30px;align-items:center;flex:1;min-height:0;padding:20px 0}.gallery-main>button{border:1px solid #faf9f680;background:none;color:inherit;border-radius:50%;width:58px;height:58px;font-size:25px;transition:transform .4s,background .4s}.gallery-main>button:hover{transform:scale(1.12);background:#faf9f622}.gallery-main figure{margin:0;height:100%;min-height:0;display:flex;flex-direction:column;gap:15px;align-items:center}.gallery-main img{object-fit:contain;flex:1;min-height:0;max-height:75vh}.gallery-main figcaption{font-size:14px;line-height:1.5;text-align:center}.gallery-bottom{padding-top:15px;border-top:1px solid #faf9f630}
@media(max-width:1100px){.header-actions{gap:18px}.header nav{gap:20px}.hero-orbit{right:5%;bottom:90px}.touch-grid{gap:5%;grid-template-columns:1.45fr 1fr}.touch-info h3{font-size:38px}.menu-layout{gap:8%}.menu-layout nav>a{font-size:6.4vw}.touch-stage{padding-top:0}}
@media(max-width:700px){.intro-top{top:20px;left:6%;right:6%;font-size:10px}.intro-bottom{left:6%;right:6%;bottom:30px;flex-wrap:wrap;font-size:10px;gap:15px}.intro-line{flex-basis:100%;order:3;margin:0}.header{left:6%;right:6%}.header-actions{gap:14px}.header-cta{font-size:12px}.menu-toggle{width:43px;height:43px}.menu-toggle>span{left:12px;top:16px}.menu-toggle>span+span{top:23px}.hero{height:155svh;min-height:900px}.hero-copy{top:22%;width:90%}.hero-copy h1{font-size:clamp(56px,15vw,80px)}.hero-orbit{width:103px;height:103px;right:7%;bottom:95px}.hero-orbit>span{font-size:35px}.hero-after{left:7%;right:7%;top:46%;font-size:clamp(45px,13vw,70px)}.hero-foot{font-size:10px}.manifesto{min-height:650px;gap:35px;padding:70px 7%}.manifesto h2{font-size:clamp(37px,10vw,55px);line-height:1.2}.round-next{width:60px;height:60px;font-size:26px}.composition{height:290svh}.composition-heading{top:8%;}.composition-heading h2{font-size:clamp(38px,10vw,58px)}.composition-heading>p:last-child{font-size:14px}.flying-box{top:66%}.stage-wordmark{top:43%}.composition-phase{min-width:0;font-size:12px!important;max-width:140px}.composition-bottom{gap:15px;bottom:7%}.composition-bottom>a{font-size:0;gap:0}.composition-bottom>a>span{font-size:23px;width:46px;height:46px}.box-counter{font-size:37px}.kinetic-strip{padding:22px 0}.kinetic-strip>div{gap:30px}.kinetic-strip span{font-size:45px}.kinetic-strip i{font-size:43px}.touch-section{padding:60px 6% 65px}.touch-heading>.eyebrow{font-size:10px;margin-bottom:23px}.touch-heading h2{font-size:44px;line-height:1.05}.touch-heading h2 em{display:block}.touch-grid{grid-template-columns:1fr;gap:15px;margin-top:35px}.touch-stage{padding:20px 0 15px}.touch-object{margin:0 -2%;}.hotspot{width:36px;height:36px;font-size:24px}.touch-info{max-width:none}.touch-info h3{font-size:36px;margin:20px 0 16px}.touch-info p{min-height:75px;font-size:16px}.touch-info .text-link{margin-top:5px}.touch-next{margin-top:24px}.touch-hint{font-size:12px;margin-top:20px}.detail-image .image-open{width:44px;height:44px;font-size:23px}.motion-toggle{bottom:15px;right:15px;width:43px;height:43px;padding:0;justify-content:center}.motion-label{display:none}.mobile-buy{right:70px;left:15px;bottom:15px;padding:13px 18px;height:43px;align-items:center}.menu-layout{display:flex;padding:35px 0;align-items:flex-start}.menu-layout nav{width:100%}.menu-layout nav>a{font-size:clamp(36px,10.2vw,64px);padding:17px 0;gap:16px}.menu-photo{display:none}.site-menu{padding:20px 6% 28px}.menu-top{min-height:45px}.menu-close{width:44px;height:44px}.menu-bottom{font-size:10px;line-height:1.6;align-items:flex-end}.menu-bottom>span:first-child{max-width:210px}.gallery-dialog{padding:20px 5%}.gallery-top{font-size:11px}.gallery-main{grid-template-columns:44px 1fr 44px;gap:7px}.gallery-main>button{width:40px;height:40px;font-size:20px}.gallery-main img{max-height:70vh;width:100%;}.gallery-main figcaption{font-size:13px;max-width:210px}.gallery-bottom{font-size:10px}.context-cursor{display:none}.closing-wordmark{margin-top:15px}.closing-replay{font-size:12px;margin-top:28px}}
@media(hover:none),(pointer:coarse){.context-cursor{display:none}.touch-object{transform:none!important}}
body.motion-off *{animation:none!important;transition-duration:.01ms!important}body.motion-off .reveal{opacity:1!important;transform:none!important}body.motion-off .image-reveal{clip-path:none!important}body.motion-off .closing-wordmark>span{transform:none!important;opacity:1!important}body.motion-off .hero-after{display:none}body.motion-off .hero-sticky:after{opacity:0!important}body.motion-off .hero-copy{transform:none!important;opacity:1!important}body.motion-off .hero-visual{clip-path:none!important;transform:none!important}body.motion-off .hero-foot{color:var(--ink)!important}body.motion-off .hero{height:100svh;min-height:720px}body.motion-off .composition{height:900px}body.motion-off .composition-sticky{height:900px;position:relative}
@media(prefers-reduced-motion:reduce){.intro{display:none!important}.transition-curtain{display:none!important}.hero-copy .line-mask>span{transform:none!important}.reveal{opacity:1!important;transform:none!important}.image-reveal{clip-path:none!important}.hero-after{display:none}.hero-copy{opacity:1!important;transform:none!important}.hero-visual{clip-path:none!important}.hero-sticky:after{display:none}.closing-wordmark>span{opacity:1!important;transform:none!important}.motion-ready .manifesto .word{color:var(--ink);background:none}.context-cursor{display:none}}
.header{left:3%;right:3%;top:16px;height:78px;padding:0 3%;background:#faf9f6de;backdrop-filter:blur(14px);border:1px solid #faf9f650}
@media(max-width:700px){.header{left:4%;right:4%;top:13px;height:66px;padding:0 12px;gap:14px}.header-actions{gap:12px}.header-cta span{margin-left:7px}}