.on{--ink:#111;--ink-60:rgba(17,17,17,.6)}.on h1,.on h2,.on h3{font-weight:400}.on-field{position:absolute;inset:0;width:100%;height:100%;display:block}.on-sec{padding-top:136px}.on-open{position:relative;height:340vh;margin-top:-60px;background:#090909}.on-open-stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.on-open-lines{position:absolute;inset:0;display:grid;place-items:center;transition:color .6s var(--ease)}.on-open-lines p{grid-area:1/1;max-width:24em;padding:0 24px;text-align:center;font-size:clamp(28px,3.4vw,50px);letter-spacing:-.035em;line-height:1.12;opacity:0;transform:translateY(18px);filter:blur(6px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}.on-open-lines p.is-on{opacity:1;transform:none;filter:none}.on-open-lines p.is-past{transform:translateY(-18px)}.on-open-hint{position:absolute;left:50%;bottom:36px;translate:-50% 0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,241,235,.55);transition:opacity .5s}.on-open-hint:after{content:"";display:block;width:1px;height:28px;margin:10px auto 0;background:currentColor;animation:onHint 1.8s var(--ease) infinite;transform-origin:top}.on-open-hint.is-gone{opacity:0}@keyframes onHint{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.on-launch{position:relative;padding:132px 0 0;overflow:hidden}.on-launch-in{position:relative;display:grid;justify-items:center;text-align:center}.on-mark{color:var(--ink)}.on-launch-in>*{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}.on-launch.is-in .on-launch-in>*{opacity:1;transform:none;filter:none}.on-launch.is-in .on-launch-in>:nth-child(2){transition-delay:.1s}.on-launch.is-in .on-launch-in>:nth-child(3){transition-delay:.2s}.on-launch.is-in .on-launch-in>:nth-child(4){transition-delay:.3s}.on-name{margin-top:22px;font-size:clamp(64px,8vw,116px);letter-spacing:-.06em;line-height:.92;color:var(--ink)}.on-tag{margin-top:16px;font-size:20px;color:var(--ink-60)}.on-field-in{width:min(500px,100%);margin-top:30px;text-align:left}.on-field-in .build-field{height:56px;background:#fff;border-color:transparent;box-shadow:0 20px 40px -30px rgba(40,32,20,.5)}.on-field-in .build-field:focus-within{border-color:var(--ink)}.on-field-in .build-help{color:var(--ink-60)}.on-reel-w{margin-top:72px;opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease) .5s,transform 1.1s var(--ease) .5s}.on-launch.is-in .on-reel-w{opacity:1;transform:none}.hdr{transition:transform .6s var(--ease),opacity .6s var(--ease),background-color .3s,box-shadow .3s}html.on-intro .hdr{transform:translateY(-110%);opacity:0;pointer-events:none}.on-lens-box{position:relative;display:grid;place-items:center;height:420px;border-radius:20px;background:#fff;overflow:hidden;cursor:none}.on-lens-text{margin:0;text-align:center;font-size:clamp(36px,5.6vw,84px);letter-spacing:-.05em;line-height:1;color:var(--ink);white-space:nowrap}.on-lens{left:0;top:0;overflow:hidden;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -18px 30px rgba(0,0,0,.16),inset 0 14px 24px rgba(255,255,255,.9),0 30px 50px -20px rgba(0,0,0,.35)}.on-lens,.on-lens:after{position:absolute;border-radius:50%}.on-lens:after{content:"";inset:0;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.85),transparent 28%),radial-gradient(circle at 70% 80%,rgba(180,176,168,.25),transparent 45%)}.on-lens-in{position:absolute;display:grid;place-items:center;background:linear-gradient(180deg,#f6f5f2,#e9e7e2)}.on-lens-in .on-lens-text{filter:blur(.2px)}.on-yes .on-yes-h{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.035em;line-height:1.08}.on-yes .sc-panel-t{max-width:34em}.on-close{position:relative;margin-top:136px;padding:140px 0 120px;overflow:hidden}.on-close-h{margin-top:22px;font-size:clamp(40px,5vw,72px);letter-spacing:-.05em;line-height:1;color:var(--ink)}.on-legal{margin-top:26px;max-width:34em;font-size:13px;line-height:1.5;color:var(--ink-60)}.on-legal a{text-decoration:underline;text-underline-offset:2px}@media (max-width:960px){.on-sec{padding-top:104px}.on-reel-w{margin-top:48px}.on-lens-box{height:260px}.on-lens-text{white-space:normal;padding:0 24px}}@media (max-width:560px){.on-launch{padding-top:84px}.on-field-in .build-field{height:auto;flex-wrap:wrap;padding:6px;gap:6px}.on-field-in .build-field input{flex:1 1 100%;height:44px;padding-left:8px}.on-field-in .build-field .btn-arrow{flex:1 1 100%;justify-content:space-between;height:44px}.on-field-in .build-pre{display:none}}@media (prefers-reduced-motion:reduce){.on-launch-in>*,.on-reel-w{opacity:1;transform:none;filter:none;transition:none}.on-open{height:auto}.on-open-stage{position:relative;height:auto;padding:120px 0}.on-open-lines{position:relative;gap:18px}.on-open-lines p{grid-area:auto;opacity:1;transform:none;filter:none}.on-open-hint{display:none}}.on-launch>.on-field{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 92%);mask-image:linear-gradient(180deg,#000 55%,transparent 92%)}.on-close>.on-field{-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%);mask-image:linear-gradient(180deg,transparent,#000 35%)}