.hello{--t:0;--ink:#f5f5f1;--mute:#f5f5f180;--line:#f5f5f124;--go:#7dffa6;color:var(--ink);background:#050505;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;font-weight:400;position:fixed;inset:0;overflow:hidden}.hello-canvas{opacity:0;width:100%;height:100%;transition:opacity 2.4s cubic-bezier(.2,.8,.2,1) .2s;position:absolute;inset:0}.hello.is-rolling .hello-canvas{opacity:1}.hello-grain{z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(4,end) infinite hello-grain;position:absolute;inset:-50%}.hello-vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 90%,#0000 45%,#000000bf 100%);position:absolute;inset:0}.hello-cues{z-index:2;pointer-events:none;position:absolute;inset:0}.hello-cues p{--cue:1;opacity:0;text-align:center;will-change:opacity, transform, filter;margin:0;position:absolute;left:50%}.hello-title{letter-spacing:-.075em;width:max-content;transform:translate(-50%, calc(-50% + var(--cue) * 30px)) scale(calc(1 + var(--cue) * .04));filter:blur(calc(var(--cue) * 14px));font-size:clamp(76px,12vw,230px);line-height:.9;top:50%}.hello-sub{letter-spacing:-.02em;text-shadow:0 2px 18px #000000e6;width:min(880px,100% - 48px);transform:translate(-50%, calc(var(--cue) * 14px));filter:blur(calc(var(--cue) * 8px));font-size:clamp(19px,1.7vw,30px);line-height:1.25;bottom:clamp(104px,15vh,160px)}.hello-chrome{z-index:6;letter-spacing:.18em;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;height:clamp(44px,7vh,72px);padding:0 clamp(20px,3.4vw,64px);font-size:10px;font-weight:700;display:flex;position:absolute;left:0;right:0}.hello-chrome.is-top{top:0}.hello-chrome a{color:inherit;pointer-events:auto;text-decoration:none}:is(.hello-chrome a:hover,.hello-chrome a:focus-visible){text-underline-offset:4px;text-decoration:underline}.hello-brand{letter-spacing:.02em;font-size:13px}.hello-chrome nav{gap:clamp(16px,2.4vw,36px);display:flex}.hello-scroller{z-index:5;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.hello-scroller::-webkit-scrollbar{display:none}.hello-reel{height:860vh}.hello-final{place-items:center;min-height:100svh;padding:100px clamp(16px,4vw,64px) 80px;display:grid}.hello-form,.hello-wrap{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.2);background:linear-gradient(#1414149e,#080808bd);border-radius:30px;width:min(880px,100%);padding:clamp(28px,4vw,60px);position:relative;box-shadow:inset 0 1px #ffffff12,0 60px 160px -40px #000}.hello-say{letter-spacing:-.075em;margin:0 0 clamp(28px,4.5vh,48px);font-size:clamp(64px,8vw,140px);font-weight:400;line-height:.9}.hello-grid{grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);display:grid}.hello-field{margin-bottom:clamp(24px,3.6vh,36px);display:block;position:relative}.hello-field>span,.hello-kinds legend{color:var(--mute);letter-spacing:.2em;margin-bottom:10px;padding:0;font-size:10px;font-weight:700;transition:color .3s;display:block}.hello-field:focus-within>span{color:var(--ink)}.hello-field:after{content:"";background:var(--go);height:1px;box-shadow:0 0 12px var(--go);transform-origin:0;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.hello-field:focus-within:after{transform:scaleX(1)}.hello-field input,.hello-field textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:-.025em;caret-color:var(--go);background:0 0;border-radius:0;outline:none;padding:2px 0 14px;font:400 clamp(21px,1.8vw,30px)/1.3 Helvetica,Helvetica Neue,Arial,sans-serif;display:block}.hello-field textarea{resize:vertical;min-height:150px;font-size:clamp(19px,1.5vw,25px);line-height:1.4}.hello-field input::placeholder,.hello-field textarea::placeholder{color:#f5f5f138}.hello-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 9999s}.hello-kinds{border:0;flex-wrap:wrap;gap:8px;margin:0 0 clamp(24px,3.6vh,36px);padding:0;display:flex}.hello-kinds legend{width:100%}.hello-kinds label{border:1px solid var(--line);color:#f5f5f1b8;letter-spacing:.14em;cursor:pointer;border-radius:999px;padding:11px 18px;font-size:11px;font-weight:700;transition:background .3s,color .3s,border-color .3s;position:relative}.hello-kinds label:hover{color:var(--ink);border-color:#f5f5f173}.hello-kinds label.is-on{border-color:var(--ink);background:var(--ink);color:#050505}.hello-kinds label:has(input:focus-visible){outline-offset:3px;outline:2px solid #f5f5f199}.hello-kinds input{opacity:0;pointer-events:none;position:absolute}.hello-roll{isolation:isolate;background:var(--ink);color:#050505;letter-spacing:-.02em;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:16px;width:100%;min-height:76px;padding:0 12px 0 28px;font-size:clamp(18px,1.4vw,23px);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.hello-roll:before{content:"";z-index:-1;background:var(--go);clip-path:circle(0 at 34px);transition:clip-path .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.hello-roll:hover:not(:disabled):before{clip-path:circle(150% at 34px)}.hello-roll:focus-visible:before{clip-path:circle(150% at 34px)}.hello-roll:active:not(:disabled){transform:scale(.985)}.hello-roll:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hello-roll:disabled{cursor:wait}.hello-roll i{width:54px;height:54px;color:var(--ink);background:#050505;border-radius:50%;place-items:center;margin-left:auto;font-size:20px;font-style:normal;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:grid}.hello-roll:hover:not(:disabled) i{transform:rotate(45deg)}.hello-error,.hello-fine{color:#f5f5f16b;margin:16px 0 0;font-size:12px;line-height:1.5}.hello-error{color:#ffc7c7;border:1px solid #ff78784d;border-radius:14px;padding:14px 16px}.hello-error a{color:inherit}.hello-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.hello-scroll{z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);letter-spacing:.2em;pointer-events:none;background:#0a0a0a8c;border-radius:999px;align-items:center;gap:14px;padding:10px 16px 10px 12px;font-size:10px;font-weight:700;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:clamp(22px,4vh,40px);left:50%;transform:translate(-50%)}.hello.is-end .hello-scroll{opacity:0;transform:translate(-50%,16px)}.hello-mouse{border:1.5px solid var(--ink);border-radius:8px;width:16px;height:24px;position:relative}.hello-mouse i{background:var(--ink);border-radius:1px;width:2px;height:5px;margin-left:-1px;animation:1.6s cubic-bezier(.6,0,.4,1) infinite hello-wheel;position:absolute;top:4px;left:50%}.hello-scroll-label{display:grid}.hello-scroll-label span{grid-area:1/1;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}.hello-scroll-label .is-keep,.hello.is-scrolled .hello-scroll-label .is-start{opacity:0;transform:translateY(6px)}.hello.is-scrolled .hello-scroll-label .is-keep{opacity:1;transform:none}.hello-scroll-track{background:var(--line);border-radius:2px;width:64px;height:2px;position:relative;overflow:hidden}.hello-scroll-track i{background:var(--ink);transform:scaleX(var(--t));transform-origin:0;position:absolute;inset:0}.hello-wrap{align-content:center;justify-items:start;min-height:460px;display:grid}.hello-wrap-mark{background:var(--go);color:#050505;border-radius:50%;place-items:center;width:64px;height:64px;font-size:26px;animation:.7s cubic-bezier(.3,1.6,.5,1) .1s both hello-pop;display:grid;box-shadow:0 0 60px #7dffa659}.hello-wrap-title{letter-spacing:-.075em;margin:34px 0 14px;font-size:clamp(64px,8vw,140px);line-height:.9;animation:1s cubic-bezier(.2,.8,.2,1) both hello-rise}.hello-wrap-copy{color:#f5f5f199;max-width:36ch;margin:0;font-size:17px;line-height:1.5}.hello-wrap-copy strong{color:var(--ink);overflow-wrap:anywhere;font-weight:400}.hello-again{border:1px solid var(--line);color:var(--ink);letter-spacing:.18em;cursor:pointer;background:0 0;border-radius:999px;margin-top:36px;padding:14px 22px;font-size:10px;font-weight:700;transition:background .3s,color .3s}:is(.hello-again:hover,.hello-again:focus-visible){background:var(--ink);color:#050505}.hello.is-flat .hello-canvas{display:none}@keyframes hello-grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}to{transform:translate(3%,-1%)}}@keyframes hello-blink{50%{opacity:.15}}@keyframes hello-wheel{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}to{opacity:0;transform:translateY(8px)}}@keyframes hello-pop{0%{transform:scale(0)}}@keyframes hello-rise{0%{opacity:0;filter:blur(10px);transform:translateY(30px)}}@media (prefers-reduced-motion:reduce){.hello-grain,.hello-mouse i,.hello-wrap-mark{animation:none}}.hello-scroll-label b{font-weight:inherit}.hello-scroll-label .on-touch{display:none}@media (hover:none){.hello-scroll-label .on-mouse{display:none}.hello-scroll-label .on-touch{display:inline}.hello-mouse{border-radius:7px;width:14px;height:20px}.hello-mouse i{animation-name:hello-swipe}}@keyframes hello-swipe{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}to{opacity:0;transform:translateY(-2px)}}@media (max-width:760px){.hello-grain{opacity:.06;animation:none;inset:0}.hello-form,.hello-wrap{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0e0e0ed1,#060606e6)}.hello-chrome{padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top))}.hello-scroll{bottom:calc(18px + env(safe-area-inset-bottom));gap:10px;padding:9px 14px 9px 10px;font-size:9px}.hello-scroll-track{width:44px}.hello-sub{bottom:calc(96px + env(safe-area-inset-bottom));font-size:19px}.hello-final{padding:80px 12px calc(40px + env(safe-area-inset-bottom))}.hello-say{font-size:clamp(56px,18vw,84px)}.hello-kinds label{padding:10px 14px;font-size:10px}.hello-field input{font-size:21px}.hello-field textarea{min-height:130px;font-size:18px}.hello-grid{grid-template-columns:1fr;gap:0}.hello-form,.hello-wrap{border-radius:22px;padding:26px 20px}.hello-title{font-size:clamp(64px,22vw,120px)}.hello-roll{min-height:66px;padding-left:22px}.hello-roll i{width:46px;height:46px}}