.x-hero{--x-loader-exit-duration:1.05s;background:var(--color-white,#fff);z-index:1;height:240vh;position:relative}html.is-home-preloading,body.is-home-preloading{overscroll-behavior:none;overflow:hidden}body.is-home-preloading{touch-action:none}.x-hero-stage{background:var(--color-white,#fff);z-index:1;height:100vh;position:sticky;top:0;overflow:hidden}.x-hero:not(.is-ready) .x-hero-video,.x-hero:not(.is-ready) .x-hero-content{opacity:0}.x-hero+.x-video-flow{z-index:2;margin-top:-100vh;position:relative}.x-hero-video{object-fit:cover;width:100%;height:112%;transform:translate3d(0, var(--x-hero-drift,0px), 0) scale(1);transform-origin:50%;filter:blur(calc(var(--x-hero-exit,0) * 14px));will-change:transform, filter;backface-visibility:hidden;transition:opacity .9s cubic-bezier(.16,1,.3,1);position:absolute;top:-6%;left:0}.x-hero.is-ready .x-hero-video{animation:x-hero-media-in 3.6s cubic-bezier(.16, 1, .3, 1) var(--x-loader-exit-duration) both}@keyframes x-hero-media-in{0%{filter:blur(14px);transform:translate3d(0, var(--x-hero-drift,0px), 0) scale(1.05)}to{filter:blur(calc(var(--x-hero-exit,0) * 14px));transform:translate3d(0, var(--x-hero-drift,0px), 0) scale(1)}}.x-hero-grade{display:none}.x-hero-content{text-align:center;color:var(--color-cream-bg,#f8f7f2);transform:translate3d(0, calc(var(--x-hero-exit,0) * -15vh), 0);filter:blur(calc(var(--x-hero-exit,0) * 16px));opacity:calc(1 - var(--x-hero-exit,0) * .72);will-change:transform, filter, opacity;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,2.6vh,30px);display:flex;position:absolute;inset:0}.x-hero-loader{z-index:3000;background:var(--color-white,#fff);opacity:1;transition:opacity var(--x-loader-exit-duration) cubic-bezier(.16, 1, .3, 1), visibility var(--x-loader-exit-duration) step-end;pointer-events:auto;align-content:center;place-items:center;gap:clamp(22px,3vh,34px);display:grid;position:fixed;inset:0}.x-hero.is-ready .x-hero-loader{opacity:0;visibility:hidden;pointer-events:none}.x-hero-loader-logo{width:clamp(86px,10vw,126px);height:auto}.x-hero-loader-track{background:#3a322924;width:clamp(78px,9vw,116px);height:1px;overflow:hidden}.x-hero-loader-track span{background:var(--color-dark-cocoa,#3a3229);transform-origin:0;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.x-hero-title{font-family:Ogg,Noto Serif JP,serif;font-weight:400;font-size:var(--type-hero-title,clamp(3rem, 7vw, 6rem));text-transform:lowercase;color:var(--color-cream-bg,#f8f7f2);margin:0;line-height:1}.x-hero.is-ready .x-hero-title{animation:x-hero-title-in 2.6s cubic-bezier(.16, 1, .3, 1) calc(var(--x-loader-exit-duration) + 1.1s) both}.x-hero-subtitle{letter-spacing:0;text-transform:none;color:#f8f7f2c7;max-width:640px;margin:0;font-size:1rem;font-weight:400;line-height:1.7}.x-hero.is-ready .x-hero-subtitle{animation:x-hero-sub-in 2.2s cubic-bezier(.16, 1, .3, 1) calc(var(--x-loader-exit-duration) + 2.1s) both}.x-hero-scroll{z-index:4;color:#fff;width:44px;height:44px;opacity:calc((1 - var(--x-hero-exit,0) * 1.15) * var(--x-hero-scroll-opacity,0));transform:translate3d(-50%, calc(var(--x-hero-exit,0) * -5vh), 0);filter:blur(calc(var(--x-hero-exit,0) * 10px));pointer-events:none;cursor:pointer;will-change:opacity, transform, filter;background:0 0;border:1px solid #f8f7f2b3;border-radius:50%;place-items:center;padding:0;transition:border-color .9s cubic-bezier(.22,1,.36,1),background .9s cubic-bezier(.22,1,.36,1),color .9s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:calc(50svh + clamp(96px,22vh,170px));left:50%}.x-hero.is-ready .x-hero-scroll{--x-hero-scroll-opacity:1;pointer-events:auto;animation:x-hero-scroll-in 1.7s cubic-bezier(.16, 1, .3, 1) calc(var(--x-loader-exit-duration) + 2.7s) both}.x-hero-scroll-arrow{border-bottom:1px solid;border-right:1px solid;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)rotate(45deg)}.x-hero-scroll:hover,.x-hero-scroll:focus-visible{color:#fff;transform:translate3d(-50%, calc(var(--x-hero-exit,0) * -5vh), 0);background:#ffffff1f;border-color:#ffffffb3}.x-hero-scroll:focus-visible{outline-offset:8px;outline:1px solid}@keyframes x-hero-title-in{0%{opacity:0;filter:blur(var(--motion-text-blur,14px));transform:translateY(18px)}to{opacity:.95;filter:blur();transform:translate(0,0)}}@keyframes x-hero-sub-in{0%{opacity:0;filter:blur(var(--motion-copy-blur,12px));transform:translateY(12px)}to{opacity:.92;filter:blur();transform:translate(0,0)}}@keyframes x-hero-scroll-in{0%{opacity:0;filter:blur(10px);transform:translate(-50%,12px)}to{opacity:calc(1 - var(--x-hero-exit,0) * 1.15);filter:blur(calc(var(--x-hero-exit,0) * 10px));transform:translate3d(-50%, calc(var(--x-hero-exit,0) * -5vh), 0)}}@media (prefers-reduced-motion:reduce){.x-hero.is-ready .x-hero-video,.x-hero.is-ready .x-hero-title,.x-hero.is-ready .x-hero-subtitle,.x-hero.is-ready .x-hero-scroll{animation:none}}@media (max-width:880px){.x-hero{height:100svh}.x-hero-stage{position:relative}.x-hero-video,.x-hero-content{filter:none;transform:none}.x-hero-content{opacity:1}.x-hero+.x-video-flow{margin-top:0}}
.x-manifesto{--xm-pinned-y:0px;--xm-title-opacity:1;--xm-title-blur:0px;--xm-copy-opacity:1;--xm-copy-blur:0px;height:100svh;color:var(--color-dark-cocoa,#3a3229);isolation:isolate;filter:opacity();z-index:2;background:0 0;position:relative}.x-manifesto-pinned{text-align:center;width:100%;height:100svh;transform:translate3d(0, var(--xm-pinned-y), 0);will-change:transform;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0 clamp(24px,6vw,96px);display:flex;position:relative;top:0}.x-manifesto-rule{background:var(--color-dark-cocoa-20,#3a322933);width:min(72vw,620px);height:1px;opacity:var(--xm-copy-opacity);filter:blur(var(--xm-copy-blur));display:block}.x-manifesto-rule:first-child{margin-bottom:clamp(64px,10vh,112px)}.x-manifesto-rule:last-child{margin-top:clamp(64px,10vh,112px)}.x-manifesto-title{--manifesto-title-pad:clamp(34px, .62em, 64px);margin:calc(var(--manifesto-title-pad) * -1);padding:var(--manifesto-title-pad);font-size:var(--type-major-title,clamp(2.9rem, 5vw, 4.6rem));max-width:16ch;color:var(--color-dark-cocoa,#3a3229);opacity:var(--xm-title-opacity);filter:blur(var(--xm-title-blur));will-change:opacity, filter;line-height:1.08;overflow:visible}.x-manifesto-copy{color:var(--color-dark-cocoa-80,#3a3229cc);opacity:var(--xm-copy-opacity);filter:blur(var(--xm-copy-blur));will-change:opacity, filter;margin:clamp(18px,2.6vh,28px) 0 0;font-size:clamp(.95rem,1.15vw,1.1rem);line-height:1.42}.x-manifesto-line{white-space:pre-line;opacity:0;filter:blur(12px);transition:opacity 1.9s var(--motion-ease-out,cubic-bezier(.22, 1, .36, 1)), filter 1.9s var(--motion-ease-out,cubic-bezier(.22, 1, .36, 1)), transform 1.9s var(--motion-ease-out,cubic-bezier(.22, 1, .36, 1));transition-delay:calc(var(--i) * .24s);will-change:opacity, filter, transform;margin:-.55em -.7em;padding:.55em .7em;display:block;overflow:visible;transform:translateY(8px)}.x-manifesto-copy.is-revealed .x-manifesto-line{opacity:1;filter:blur();transform:translateY(0)}@media (max-width:880px){.x-manifesto{background:var(--color-cream-bg,#f8f7f2);height:auto;min-height:0}.x-manifesto-pinned{height:auto;min-height:0;padding:clamp(88px,14svh,120px) 22px clamp(72px,11svh,96px);transform:none}.x-manifesto-title{white-space:pre-line;opacity:1;filter:none;margin:0;padding:0;font-size:clamp(2.7rem,13vw,3.7rem)}.x-manifesto-copy{opacity:1;filter:none;max-width:32ch;margin-top:28px;font-size:.95rem}.x-manifesto-line{opacity:1;filter:none;transition:none;display:inline;transform:none}.x-manifesto-line:after{content:" "}}
