.nf-top{min-height:max(100svh, calc(900 * var(--hm-u)));box-sizing:border-box;padding:calc(170 * var(--hm-u)) calc(34 * var(--hm-u)) calc(56 * var(--hm-u));flex-direction:column;display:flex;position:relative}.nf-meta{justify-content:space-between;gap:16px;display:flex}.nf-path{text-align:right;overflow-wrap:anywhere;min-width:0}.nf-path-url{text-transform:none;letter-spacing:.01em;color:var(--hm-ground)}.nf-stage{margin-top:calc(20 * var(--hm-u));flex:1;align-items:flex-end;display:flex}.nf-row{--nf-d:.27em;margin-left:calc(-14 * var(--hm-u));font-size:calc(470 * var(--hm-u));letter-spacing:-.06em;-webkit-user-select:none;user-select:none;align-items:baseline;font-weight:700;line-height:.8;display:flex;position:relative}.nf-digit{transform-origin:50% 100%;display:inline-block}.nf-slot{width:var(--nf-d);height:var(--nf-d);flex-shrink:0;margin-left:.07em;display:inline-block;position:relative}.nf-dot{z-index:5;background:var(--hm-yellow);color:var(--hm-ink);font-family:inherit;font-size:max(11px, calc(26 * var(--hm-u)));letter-spacing:-.02em;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;will-change:transform;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex;position:absolute;inset:0;transform:rotate(-10deg)}.nf-dot:active{cursor:grabbing}.nf .nf-dot:focus-visible{outline:2px solid var(--hm-ground);outline-offset:5px}.nf-dot-still{cursor:auto}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.nf-row:not([data-ready]) .nf-dot:not(.nf-dot-still){opacity:0}}.nf-ring,.nf-tick{pointer-events:none;color:var(--hm-yellow);visibility:hidden;position:absolute}.nf-ring{inset:-42%}.nf-tick{width:110%;height:110%;bottom:72%;left:62%}.nf-ring svg,.nf-tick svg{display:block}.nf-ring[data-on],.nf-tick[data-on]{visibility:visible}.nf-hint{left:50%;bottom:calc(100% + max(18px, calc(58 * var(--hm-u))));font-size:max(11px, calc(13 * var(--hm-u)));letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--hm-quiet);visibility:hidden;font-weight:600;position:absolute;translate:-50%}.nf-hint[data-on]{visibility:visible}.nf-row[data-mode=home] .nf-hint{color:var(--hm-mint)}@media (prefers-reduced-motion:no-preference){.nf-tick[data-on]{animation:2.4s both nf-tick}.nf-ring[data-on]{animation:.35s cubic-bezier(.34,1.56,.64,1) both nf-pop}}@keyframes nf-pop{0%{opacity:0;scale:.6}}@keyframes nf-tick{0%{opacity:0;scale:.4}12%{opacity:1;scale:1}85%{opacity:1}to{opacity:0}}.nf-copy{justify-content:space-between;align-items:flex-end;gap:calc(40 * var(--hm-u));margin-top:calc(56 * var(--hm-u));display:flex}.nf-title{margin:0 0 0 calc(-3 * var(--hm-u));font-size:calc(96 * var(--hm-u));letter-spacing:-.045em;font-weight:600;line-height:1}.nf-lede{max-width:calc(760 * var(--hm-u));margin:calc(22 * var(--hm-u)) 0 0;font-size:max(20px, calc(32 * var(--hm-u)));letter-spacing:-.025em;color:#a8aaaa;font-weight:500;line-height:1.18}.nf-ways ul{margin:0;padding:0;list-style:none;display:flex}.nf-way{width:calc(132 * var(--hm-u));height:calc(132 * var(--hm-u));font-size:calc(20 * var(--hm-u))}.nf-ways li+li{margin-left:calc(-10 * var(--hm-u))}.nf-way-home{transform:rotate(-12deg)}.nf-way-work{background:var(--hm-lilac);transform:translateY(calc(-26 * var(--hm-u))) rotate(8deg)}.nf-way-tell{background:var(--hm-mint);transform:rotate(-20deg)}@media (prefers-reduced-motion:no-preference){.nf-way{transition:scale .25s,rotate .5s cubic-bezier(.34,1.56,.64,1)}.nf-way:hover,.nf-way:focus-visible{rotate:var(--nf-undo)}.nf-way-home{--nf-undo:12deg}.nf-way-work{--nf-undo:-8deg}.nf-way-tell{--nf-undo:20deg}}.nf-way:focus-visible{scale:1.06}@media (max-width:819px){.nf-top{min-height:auto;padding:120px 20px 56px}.nf-meta{flex-direction:column;gap:6px}.nf-path{text-align:left}.nf-stage{margin-top:56px}.nf-row{--nf-d:max(48px, .27em);margin-left:-4px;font-size:37vw}.nf-dot{font-size:12px}.nf-copy{flex-direction:column;align-items:stretch;gap:36px;margin-top:36px}.nf-title{font-size:clamp(40px,12vw,72px);line-height:.98}.nf-lede{margin-top:16px}.nf-ways ul{justify-content:flex-start}.nf-way{width:96px;height:96px;font-size:16px}.nf-ways li+li{margin-left:6px}.nf-way-work{transform:translateY(-12px)rotate(8deg)}}@media (max-width:359px){.nf-way{width:84px;height:84px;font-size:15px}.nf-ways li+li{margin-left:2px}}
