@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/outfit-latin-ext-200-normal-CDaNj-TM.woff2)format("woff2"),url(/assets/outfit-latin-ext-200-normal-T8AF5eto.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/outfit-latin-200-normal-DovQRx1c.woff2)format("woff2"),url(/assets/outfit-latin-200-normal-DBi7mfCs.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-ext-300-normal-BYS6Dpvq.woff2)format("woff2"),url(/assets/outfit-latin-ext-300-normal-CMIMshEd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-300-normal-CRYTwY6m.woff2)format("woff2"),url(/assets/outfit-latin-300-normal-AWLfuCom.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-ext-500-normal-zeox_O30.woff2)format("woff2"),url(/assets/outfit-latin-ext-500-normal-DrCvqoFD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--background-default:#000;--text-primary:#fff;--text-secondary:#fff9;--text-dim:#ffffff1a;--stroke-primary:#fff;--motion-fast:.18s;--motion-standard:.32s;--motion-slow:.64s;--ease-out-expressive:cubic-bezier(.16, 1, .3, 1);--ease-in-out-expressive:cubic-bezier(.65, 0, .35, 1);background:#000;font-family:Outfit,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--background-default)}a{color:inherit;text-decoration:none}::view-transition-old(root){animation:route-exit var(--motion-standard) var(--ease-in-out-expressive) both}::view-transition-new(root){animation:route-enter var(--motion-slow) var(--ease-out-expressive) both}::view-transition-group(clip-cover){animation-duration:var(--motion-slow);animation-timing-function:var(--ease-out-expressive)}::view-transition-old(clip-cover){object-fit:cover;mix-blend-mode:normal;height:100%}::view-transition-new(clip-cover){object-fit:cover;mix-blend-mode:normal;height:100%}::view-transition-old(stable-navigation){mix-blend-mode:normal;animation:none}::view-transition-new(stable-navigation){mix-blend-mode:normal;animation:none}.page{background:var(--background-default);min-height:100svh;animation:route-fade-enter var(--motion-slow) var(--ease-out-expressive) backwards;position:relative;overflow:hidden}.navigation-bar{z-index:10;background:var(--background-default);view-transition-name:stable-navigation;justify-content:center;align-items:center;gap:12px;height:80px;padding:16px 12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.navigation-item{width:min(109px,33.3333vw - 16px);color:var(--text-secondary);white-space:nowrap;transition:color var(--motion-fast) ease, transform var(--motion-standard) var(--ease-out-expressive);border-radius:100px;justify-content:center;align-items:center;padding:8px 20px;font-size:16px;font-weight:300;line-height:1.5;display:flex}.navigation-item:hover,.navigation-item:focus-visible{color:var(--text-primary);transform:translateY(-2px)}.navigation-item--selected{color:var(--text-primary);font-weight:500}.navigation-item:focus-visible,.home-email:focus-visible,.clip-card:focus-visible,.clip-detail__close:focus-visible{outline:1px solid var(--stroke-primary);outline-offset:4px}.home-copy{color:var(--text-primary);flex-direction:column;gap:56px;padding-bottom:120px;font-size:16px;font-weight:300;line-height:1.5;display:flex;position:absolute;top:50%;left:32px;right:32px;transform:translateY(-50%)}.home-intro p{animation:reveal-up var(--motion-slow) var(--ease-out-expressive) both;margin:0 0 16px}.home-intro p:first-child{animation-delay:60ms}.home-intro p:nth-child(2){animation-delay:.13s}.home-intro p:nth-child(3){animation-delay:.2s}.home-intro p:last-child{margin-bottom:0}.home-email-reveal{width:fit-content;animation:reveal-up var(--motion-slow) var(--ease-out-expressive) .3s both}.home-email{color:var(--text-primary);transition:opacity var(--motion-fast) ease, transform var(--motion-standard) var(--ease-out-expressive);align-items:center;gap:4px;display:inline-flex}.home-email:hover,.home-email:focus-visible{opacity:.7;transform:translateY(-2px)}.home-email__icon{color:var(--text-primary);flex:none;align-self:center;display:block}.crafts-page{place-items:center;padding-bottom:100px;display:grid}.crafts-page--list{place-items:initial;padding-bottom:0;display:block}.crafts-wip{color:var(--text-dim);animation:reveal-scale var(--motion-slow) var(--ease-out-expressive) .1s both;margin:0;font-family:PingFang SC,sans-serif;font-size:24px;font-weight:500;line-height:1.5}.crafts-list,.clips-list{flex-direction:column;width:100%;max-width:1024px;padding:128px 0 112px;display:flex}.craft-card,.clip-card{outline-offset:5px;width:100%;animation:reveal-up var(--motion-slow) var(--ease-out-expressive) calc(.1s + var(--clip-index,0) * 80ms) backwards;transition:outline-color var(--motion-fast) ease, transform var(--motion-standard) var(--ease-out-expressive);outline:1px solid #0000;flex-direction:column;gap:24px;display:flex}.craft-card:hover,.craft-card:focus-visible,.clip-card:hover,.clip-card:focus-visible{outline-color:var(--stroke-primary);transform:translateY(-6px)}.craft-card__media,.clip-card__media{aspect-ratio:2;overflow:hidden}.craft-card__image,.clip-card__image{object-fit:cover;width:100%;height:100%;display:block}.craft-card__copy,.clip-card__copy{word-break:break-word;flex-direction:column;gap:8px;padding:0 32px;font-weight:300;display:flex}.craft-card__title{align-items:center;gap:6px;display:flex}.craft-card__title-icon{color:var(--text-primary);flex:none;display:block}.craft-card h2,.craft-card p,.clip-card h2,.clip-card p{margin:0}.craft-card h2,.clip-card h2{color:var(--text-primary);font-size:28px;font-weight:300;line-height:1.2}.craft-card p,.clip-card p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.clip-detail{flex-direction:column;gap:80px;padding-top:160px;display:flex}.clip-detail__hero{object-fit:cover;width:100%;height:200px;display:block}.clip-detail__copy{color:var(--text-primary);flex-direction:column;gap:32px;padding:0 32px 64px;display:flex}.clip-detail__copy h1,.clip-detail__copy p{margin:0}.clip-detail__copy h1{animation:reveal-up var(--motion-slow) var(--ease-out-expressive) .1s both;font-size:44px;font-weight:200;line-height:1.2}.clip-detail__copy p{animation:reveal-up var(--motion-slow) var(--ease-out-expressive) .18s both;font-size:16px;font-weight:300;line-height:1.5}.clip-detail__copy p+p{animation-delay:.25s}.clip-detail__close{z-index:1;width:56px;height:56px;animation:reveal-scale var(--motion-slow) var(--ease-out-expressive) .18s backwards;transition:transform var(--motion-standard) var(--ease-out-expressive);justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:64px;right:12px}.clip-detail__close img{width:24px;height:24px;transition:transform var(--motion-standard) var(--ease-out-expressive);display:block}.clip-detail__close:hover,.clip-detail__close:focus-visible{transform:scale(1.08)}.clip-detail__close:hover img,.clip-detail__close:focus-visible img{transform:rotate(90deg)}@keyframes route-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes route-fade-enter{0%{opacity:0}to{opacity:1}}@keyframes route-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width>=720px){.navigation-bar{padding-left:0;padding-right:0}.navigation-item{width:132px}.home-copy{width:600px;left:50%;right:auto;transform:translate(-50%,-50%)}.crafts-list,.clips-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(880px,100% - 128px);max-width:880px;margin:0 auto;padding:200px 0 112px;display:grid}.craft-card__copy,.clip-card__copy{padding:0 20px 0 0}.clip-detail{gap:64px;width:600px;margin:0 auto;padding-top:200px}.clip-detail__hero{height:300px}.clip-detail__copy{padding:0 0 64px}.clip-detail__close{top:120px;right:max(32px,50vw - 452px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(clip-cover){animation:none}.home-email:hover,.home-email:focus-visible,.navigation-item:hover,.navigation-item:focus-visible,.craft-card:hover,.craft-card:focus-visible,.clip-card:hover,.clip-card:focus-visible,.clip-detail__close:hover,.clip-detail__close:focus-visible,.clip-detail__close:hover img,.clip-detail__close:focus-visible img{transform:none}}
