@layer components{.ox{--ox-bg:#0a0a0a;--ox-fg:#f2f2ef;--ox-muted:#8c8c88;--ox-line:#f2f2ef24;--ox-ease:cubic-bezier(.22, 1, .36, 1);--ox-ease-in-out:cubic-bezier(.77, 0, .18, 1);--ox-gutter:clamp(1rem, 3vw, 2.5rem);background:var(--ox-bg);color:var(--ox-fg);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;font-feature-settings:"ss01", "cv11";overflow-x:clip}.ox ::selection{background:var(--ox-fg);color:var(--ox-bg)}.ox :focus-visible{outline-offset:4px;outline:1px solid}html.lenis,html.lenis body{height:auto}html:has(.ox){scroll-behavior:auto;background:#0a0a0a}.lenis.lenis-stopped{overflow:clip}.ox-serif{font-family:var(--font-instrument), ui-serif, Georgia, serif;letter-spacing:-.01em;font-style:italic;font-weight:400}.ox-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ox-muted);font-size:.72rem}.ox-container{width:100%;max-width:96rem;padding-inline:var(--ox-gutter);margin-inline:auto}.ox-display{letter-spacing:-.06em;text-transform:uppercase;font-weight:800;line-height:.82}.ox-title{letter-spacing:-.045em;font-size:clamp(2.6rem,7.5vw,7.5rem);font-weight:700;line-height:.92}.ox-grain{pointer-events:none;z-index:60;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(5,end) infinite ox-grain;position:absolute;inset:-50%}@keyframes ox-grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,6%)}80%{transform:translate(5%,-2%)}to{transform:translate(0)}}.ox-progress{z-index:70;background:var(--ox-fg);transform-origin:0;height:2px;transform:scaleX(var(--ox-scroll,0));mix-blend-mode:difference;position:fixed;inset:0 0 auto}.js .ox [data-reveal]{opacity:0;transition:opacity 1s var(--ox-ease), transform 1.2s var(--ox-ease);transition-delay:calc(var(--d,0) * 1ms);transform:translateY(3rem)}.js .ox [data-reveal].is-in{opacity:1;transform:none}.js .ox [data-reveal=fade]{transform:none}.js .ox [data-reveal=line]{opacity:1;transform-origin:0;transition:transform 1.4s var(--ox-ease-in-out);transform:scaleX(0)}.js .ox [data-reveal=line].is-in{transform:scaleX(1)}.ox-mask{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:clip}.ox-mask>span{display:inline-block}.js .ox [data-split] .ox-mask>span{transition:transform 1.2s var(--ox-ease);transition-delay:calc(var(--i,0) * 45ms + var(--d,0) * 1ms);transform:translateY(110%)}.js .ox [data-split].is-in .ox-mask>span{transform:none}.ox-hero-char{animation:ox-rise 1.4s var(--ox-ease) both;animation-delay:calc(.15s + var(--i,0) * 60ms);display:inline-block}.ox-hero-fade{animation:ox-fade-up 1.2s var(--ox-ease) both;animation-delay:var(--delay,.6s)}@keyframes ox-rise{0%{transform:translateY(105%)rotate(4deg)}to{transform:none}}@keyframes ox-fade-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}.ox-dots{pointer-events:none;background-image:radial-gradient(#f2f2ef21 1px,#0000 1.5px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 75%)}.ox-dots-lit{-webkit-mask-image:radial-gradient(circle 18rem at var(--mx,50%) var(--my,40%), #000 0%, transparent 100%);mask-image:radial-gradient(circle 18rem at var(--mx,50%) var(--my,40%), #000 0%, transparent 100%);background-image:radial-gradient(#f2f2efb3 1px,#0000 1.6px);transition:opacity .6s}.ox-scrolltext .w{opacity:clamp(.14, calc(var(--p,1) * var(--n) - var(--i) + 1), 1);transition:opacity .2s linear}.ox-roll{line-height:1.2;display:inline-flex;position:relative;overflow:clip}.ox-roll>span{transition:transform .6s var(--ox-ease);display:block}.ox-roll>span+span{position:absolute;inset:0;transform:translateY(100%)}.ox-roll:hover>span:first-child,.ox-roll:focus-visible>span:first-child{transform:translateY(-100%)}.ox-roll:hover>span+span,.ox-roll:focus-visible>span+span{transform:none}.ox-underline{transition:background-size .6s var(--ox-ease);background:linear-gradient(currentColor,currentColor) 100% 100%/0 1px no-repeat}.ox-underline:hover,.ox-underline:focus-visible{background-position:0 100%;background-size:100% 1px}.ox-btn{isolation:isolate;border:1px solid var(--ox-fg);color:var(--ox-fg);transition:color .5s var(--ox-ease);border-radius:999px;align-items:center;gap:.75rem;padding:.95rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:clip}.ox-btn:before{content:"";z-index:-1;background:var(--ox-fg);border-radius:inherit;transition:transform .6s var(--ox-ease);position:absolute;inset:0;transform:translateY(101%)}.ox-btn:hover,.ox-btn:focus-visible{color:var(--ox-bg)}.ox-btn:hover:before,.ox-btn:focus-visible:before{transform:none}.ox-btn--solid{background:var(--ox-fg);color:var(--ox-bg)}.ox-btn--solid:before{background:var(--ox-bg)}.ox-btn--solid:hover,.ox-btn--solid:focus-visible{color:var(--ox-fg)}.ox-circle-btn{aspect-ratio:1;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;gap:.35rem;width:clamp(8rem,13vw,11rem);padding:1rem;line-height:1.15}.ox-marquee{-webkit-user-select:none;user-select:none;display:flex;overflow:clip}.ox-marquee__track{min-width:100%;animation:ox-marquee var(--duration,28s) linear infinite;flex-shrink:0;align-items:center;display:flex}.ox-marquee--reverse .ox-marquee__track{animation-direction:reverse}@keyframes ox-marquee{to{transform:translate(-100%)}}.ox-outline{color:#0000;-webkit-text-stroke:1px currentColor}.ox-row{isolation:isolate;position:relative}.ox-row:before{content:"";z-index:-1;background:var(--row-fill,var(--ox-fg));clip-path:inset(100% 0 0);transition:clip-path .7s var(--ox-ease);position:absolute;inset:0}@media (hover:hover){.ox-row:hover:before{clip-path:inset(0)}.ox-row:hover{color:var(--row-hover-fg,var(--ox-bg))}.ox-row:hover .ox-row__muted{color:inherit;opacity:.7}.ox-row:hover .ox-row__arrow{transform:rotate(-45deg)}}.ox-row,.ox-row .ox-row__muted{transition:color .5s var(--ox-ease)}.ox-row__arrow{transition:transform .6s var(--ox-ease)}.ox-work__preview{z-index:40;aspect-ratio:4/3;pointer-events:none;opacity:0;width:clamp(18rem,26vw,26rem);transform:translate3d(var(--fx,50vw), var(--fy,50vh), 0) translate(-50%, -50%) rotate(var(--fr,0deg));transition:opacity .35s var(--ox-ease), scale .5s var(--ox-ease);border-radius:.25rem;display:none;position:fixed;top:0;left:0;overflow:clip;scale:.6}.ox-work__preview.is-on{opacity:1;scale:1}.ox-work__preview-item{clip-path:inset(100% 0 0);transition:clip-path .7s var(--ox-ease-in-out);position:absolute;inset:0}.ox-work__preview-item.is-active{clip-path:inset(0)}.ox-work__preview-item img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ox-ease);transform:scale(1.15)}.ox-work__preview-item.is-active img{transform:scale(1)}@media (hover:hover) and (pointer:fine) and (min-width:1024px){.ox-work.is-in .ox-work__preview{display:block}}@media (hover:hover) and (min-width:1024px){.ox-work__list:hover .ox-work__row{opacity:.28}.ox-work__list:hover .ox-work__row:hover{opacity:1}}.ox-work__row{transition:opacity .5s var(--ox-ease)}.ox-work__title{transition:transform .7s var(--ox-ease)}@media (hover:hover){.ox-work__row:hover .ox-work__title{transform:translate(1.25rem)}}.ox-cursor{z-index:80;pointer-events:none;display:none;position:fixed;top:0;left:0}.ox-cursor__dot,.ox-cursor__ring{mix-blend-mode:difference}.ox-cursor.has-label .ox-cursor__ring{mix-blend-mode:normal}@media (hover:hover) and (pointer:fine){.ox-cursor{display:block}}.ox-cursor__dot{background:#fff;border-radius:50%;width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem}.ox-cursor__ring{color:#000;letter-spacing:.08em;text-transform:uppercase;width:2.75rem;height:2.75rem;transition:width .45s var(--ox-ease), height .45s var(--ox-ease), margin .45s var(--ox-ease), background-color .45s var(--ox-ease), opacity .3s;border:1px solid #fff;border-radius:50%;place-items:center;margin:-1.375rem 0 0 -1.375rem;font-size:.7rem;font-weight:700;display:grid}.ox-cursor.is-hover .ox-cursor__ring{width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem}.ox-cursor.has-label .ox-cursor__ring{background:#fff;width:6rem;height:6rem;margin:-3rem 0 0 -3rem}.ox-cursor.is-hidden{opacity:0}.ox-menu{clip-path:inset(0 0 100%);transition:clip-path .8s var(--ox-ease-in-out);visibility:hidden}.ox-menu.is-open{clip-path:inset(0);visibility:visible}.ox-menu .ox-mask>span{transition:transform .9s var(--ox-ease);transition-delay:calc(.25s + var(--i,0) * 60ms);transform:translateY(110%)}.ox-menu.is-open .ox-mask>span{transform:none}.ox-field{border:0;border-bottom:1px solid var(--ox-line);width:100%;color:var(--ox-fg);transition:border-color .4s var(--ox-ease);background:0 0;border-radius:0;padding:.9rem 0;font-size:clamp(1.05rem,1.6vw,1.35rem)}.ox-field::placeholder{color:#f2f2ef4d}.ox-field:focus{border-bottom-color:var(--ox-fg);outline:none}.ox-chip input{opacity:0;pointer-events:none;position:absolute}.ox-chip span{border:1px solid var(--ox-line);cursor:pointer;transition:background-color .4s var(--ox-ease), color .4s var(--ox-ease), border-color .4s var(--ox-ease);border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;display:inline-block}.ox-chip:hover span{border-color:var(--ox-fg)}.ox-chip input:checked+span{background:var(--ox-fg);color:var(--ox-bg);border-color:var(--ox-fg)}.ox-chip input:focus-visible+span{outline:1px solid var(--ox-fg);outline-offset:3px}.ox-invert{--ox-bg:#f2f2ef;--ox-fg:#0a0a0a;--ox-muted:#6b6b67;--ox-line:#0a0a0a24;background:var(--ox-bg);color:var(--ox-fg)}@media (prefers-reduced-motion:reduce){.ox *,.ox :before,.ox :after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ox-grain,.ox-marquee__track{animation:none!important}}@keyframes ox-scroll-cue{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.ox-split-load .ox-mask>span{animation:ox-rise 1.2s var(--ox-ease) both;animation-delay:calc(.1s + var(--i,0) * 60ms)}}