.nf{--milk:#fdf8f3;--blue:#a7c6ed;--night:#1f2a4a;--ink:#2e2e30;--ink-2:rgba(46,46,48,0.66);--line:rgba(46,46,48,0.14);--tile:#f5eee6;--g:clamp(20px,3.4vw,64px);--ease:cubic-bezier(0.76,0,0.24,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--blue-a:0;--night-a:0;--pH:0;--h-out:0;--a-in:0;--a-grow:0;--a-open:0;--a-copy:0;--a-hot:0;--a-out:0;--b-in:0;--b-fan:0;--b-cap:0;--b-out:0;--c-in:0;--c-rev:0;--c-l1:0;--c-l2:0;--c-out:0;--d-in:0;--d-rail:0;background:var(--milk);color:var(--ink);font-family:var(--font-suisse),system-ui,sans-serif;-webkit-font-smoothing:antialiased}.nf .gx{padding-left:var(--g);padding-right:var(--g)}.nf .serif{font-family:var(--font-grenette),Georgia,serif}.nf .label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.nf .balance{text-wrap:balance}.nf .pretty{text-wrap:pretty}.nf .display{font-family:var(--font-grenette);font-weight:400;font-size:clamp(50px,6.3vw,128px);line-height:.96;letter-spacing:-.022em}.nf .big em,.nf .display em{font-style:italic;font-weight:400;letter-spacing:-.025em}.nf .big{font-family:var(--font-grenette);font-weight:400;font-size:clamp(40px,4.9vw,96px);line-height:1;letter-spacing:-.018em}.nf .lead{font-size:clamp(16px,1.15vw,20px);line-height:1.5}.nf .btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 26px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid;transition:background-color .3s,color .3s,border-color .3s;white-space:nowrap}.nf .btn-ink{background:var(--ink);border-color:var(--ink);color:var(--milk)}.nf .btn-ink:hover{background:transparent;color:var(--ink)}.nf .btn-line{color:var(--ink)}.nf .btn-line:hover{background:var(--ink);color:var(--milk)}.nf .btn-white{background:#fff;border-color:#fff;color:var(--ink)}.nf .btn-white:hover{background:transparent;color:#fff}.nf .btn-wline{color:#fff;border-color:rgba(255,255,255,.85)}.nf .btn-wline:hover{background:#fff;color:var(--ink)}.nf .arrow{transition:transform .4s var(--ease-out)}.nf .btn:hover .arrow,.nf a:hover>.arrow{transform:translateX(4px)}.nf .rise{opacity:var(--r,1);transform:translate3d(0,calc((1 - var(--r, 1)) * 28px),0)}.nf .bg{position:fixed;inset:0;z-index:0;pointer-events:none}.nf .bg-blue{background:var(--blue);opacity:var(--blue-a)}.nf .bg-night{background:var(--night);opacity:var(--night-a)}.nf .hdr{transition:color .5s,transform .6s var(--ease),background-color .4s}.nf .hdr.away{transform:translateY(-100%)}.nf.day .hdr{background:rgba(253,248,243,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nf .clock-wrap{transition:opacity .5s,transform .6s var(--ease)}.nf.day .clock-wrap{opacity:0;transform:translateY(-8px)}.nf .hdr{color:#fff}.nf.light .hdr{color:var(--ink)}.nf .hdr-logo{transition:filter .5s;filter:brightness(0) invert(1)}.nf.light .hdr-logo{filter:none}.nf .clock{font-variant-numeric:tabular-nums;background:rgba(253,248,243,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .5s,color .5s}.nf.night .clock{background:rgba(253,248,243,.12);color:var(--milk)}.nf .hero-h1{font-size:clamp(46px,5.6vw,120px)}.nf .hero-img{object-fit:cover;object-position:22% 50%}@media (min-width:1024px){.nf .hero-img{object-position:50% 48%}}.nf .hero-copy{opacity:calc(1 - var(--h-out) * 1.6);transform:translate3d(0,calc(var(--h-out) * -40px),0)}.nf .hero-photo-inner{transform:translate3d(0,calc(var(--pH) * 12%),0) scale(calc(1.02 + var(--pH) * .04))}.nf .hero-photo{clip-path:inset(100% 0 0 0);animation:nf-blind 1.6s var(--ease) .15s forwards}.nf .hero-photo img{animation:nf-settle 2.4s var(--ease-out) .15s both}@keyframes nf-blind{to{clip-path:inset(0 0 0 0)}}@keyframes nf-settle{0%{scale:1.12}to{scale:1}}.nf .mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.nf .mask>span{display:block;transform:translateY(110%);animation:nf-up 1.2s var(--ease-out) forwards}@keyframes nf-up{to{transform:translateY(0)}}.nf .fade-in{opacity:0;animation:nf-fade 1s var(--ease-out) forwards}@keyframes nf-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.nf .a-copy{opacity:calc(1 - var(--a-out) * 2.2)}.nf .sackA{transform:translate3d(0,calc((1 - var(--a-grow)) * 9vh),0) scale(calc(.8 + var(--a-grow) * .2)) rotate(calc((1 - var(--a-grow)) * -4deg))}.nf .sackA-floor{left:30%;right:30%;bottom:2.5%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(31,42,74,.2),rgba(31,42,74,0));opacity:var(--a-grow)}.nf .sackA-open{clip-path:circle(calc(var(--a-open) * 75%) at 50% 78%)}.nf .sackA-sweep{--R:calc(var(--a-open) * 80.95%);-webkit-mask:url(/media/gen/r4-nightfall/sack-oat-from-sage-open.webp) center/contain no-repeat;mask:url(/media/gen/r4-nightfall/sack-oat-from-sage-open.webp) center/contain no-repeat;background:radial-gradient(circle at 50% 78%,rgba(255,255,255,0) calc(var(--R) - 3.2%),rgba(255,255,255,.62) calc(var(--R) - .25%),rgba(255,255,255,0) calc(var(--R) + .5%));opacity:calc(var(--a-open) * (1 - var(--a-open)) * 4.4);pointer-events:none}.nf .hot{opacity:var(--a-hot);transform:scale(calc(.6 + var(--a-hot) * .4));pointer-events:none}.nf .hot.on{pointer-events:auto}.nf .hot-dot{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 6px 20px rgba(31,42,74,.18);transition:transform .4s var(--ease-out)}.nf .hot-dot:before{content:"";position:absolute;inset:-7px;border-radius:inherit;border:1px solid rgba(255,255,255,.9);animation:nf-ping 2.6s var(--ease-out) infinite}@keyframes nf-ping{0%{transform:scale(.7);opacity:1}80%,to{transform:scale(1.35);opacity:0}}.nf .hot-dot svg{transition:transform .4s var(--ease-out)}.nf .hot[data-open=true] .hot-dot svg{transform:rotate(45deg)}.nf .hot-line{position:absolute;background:#fff;transition:transform .4s var(--ease)}.nf .hot[data-open=true] .hot-line{transform:none;transition:transform .5s var(--ease-out)}.nf .hot-card{position:absolute;opacity:0;transition:opacity .3s,transform .5s var(--ease-out);pointer-events:none}.nf .hot[data-open=true] .hot-card{opacity:1;pointer-events:auto;transition:opacity .5s .18s,transform .8s var(--ease-out) .18s}.nf .hot-card .hot-img{scale:1.12;transition:scale 1.4s var(--ease-out)}.nf .hot[data-open=true] .hot-img{scale:1}.nf .hot-line.to-l{top:50%;right:calc(100% + 5px);width:26px;height:1px;transform-origin:right;transform:scaleX(0)}.nf .hot-card.to-l{top:50%;right:calc(100% + 31px);width:180px;transform:translate3d(0,calc(-50% + 10px),0)}.nf .hot[data-open=true] .hot-card.to-l{transform:translate3d(0,-50%,0)}.nf .hot-line.to-r{left:50%;bottom:calc(100% + 4px);width:1px;height:16px;transform-origin:bottom;transform:scaleY(0)}.nf .hot-card.to-r{left:50%;bottom:calc(100% + 20px);width:200px;transform:translate3d(-50%,10px,0)}.nf .hot[data-open=true] .hot-card.to-r{transform:translate3d(-50%,0,0)}@media (min-width:1024px){.nf .hot-card.to-l{width:252px}.nf .hot-line.to-r{left:calc(100% + 5px);bottom:auto;top:50%;width:26px;height:1px;transform-origin:left;transform:scaleX(0)}.nf .hot-card.to-r{left:calc(100% + 31px);bottom:auto;top:50%;width:252px;transform:translate3d(0,calc(-50% + 10px),0)}.nf .hot[data-open=true] .hot-card.to-r{transform:translate3d(0,-50%,0)}}.nf .b-copy{opacity:calc(1 - var(--b-out) * 2.2)}.nf .fan-0{transform:translate3d(calc(var(--b-fan) * -1 * var(--fan)),calc(var(--b-fan) * 2%),0)}.nf .fan-1{transform:translate3d(0,calc(var(--b-fan) * -2%),0)}.nf .fan-2{transform:translate3d(calc(var(--b-fan) * var(--fan)),calc(var(--b-fan) * 2%),0)}.nf .fan-rot-0{transform:rotate(calc(var(--b-fan) * -5deg));transform-origin:50% 90%}.nf .fan-rot-2{transform:rotate(calc(var(--b-fan) * 5deg));transform-origin:50% 90%}.nf .fan-cap{opacity:var(--b-cap);transform:translate3d(0,calc((1 - var(--b-cap)) * 14px),0)}.nf .c-copy{opacity:calc(1 - var(--c-out) * 2.2)}.nf .photoC{clip-path:inset(calc((1 - var(--c-rev)) * 38%) calc((1 - var(--c-rev)) * 12%))}.nf .photoC img{transform:scale(calc(1.16 - var(--c-rev) * .16))}.nf .star{opacity:calc(var(--night-a) * .9);animation:nf-twinkle 3.6s ease-in-out infinite}@keyframes nf-twinkle{0%,to{transform:scale(.75)}50%{transform:scale(1.1)}}.nf .rail{transform:translate3d(calc(var(--d-rail) * -1 * var(--rail, 0px)),0,0)}.nf .card-img{transition:opacity .5s var(--ease-out),transform .8s var(--ease-out)}.nf .card>a:hover .card-cut{transform:scale(1.03)}@media (hover:hover){.nf .card.has-worn>a:hover .card-worn{opacity:1}.nf .card.has-worn>a:hover .card-cut{opacity:0!important}}.nf .swatch{width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:1px solid transparent;outline-offset:2px;transition:outline-color .25s}.nf .swatch[aria-pressed=true]{outline-color:var(--ink)}.nf .progress{transform-origin:left;transform:scaleX(var(--d-rail))}.nf .menu-veil{background:rgba(31,42,74,.2);opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s linear .6s}.nf .menu-veil.open{opacity:1;visibility:visible;transition:opacity .6s var(--ease),visibility 0s}.nf .menu{transform:translate3d(-100%,0,0);visibility:hidden;transition:transform .75s var(--ease),visibility 0s linear .75s;box-shadow:0 0 60px rgba(31,42,74,0)}.nf .menu.open{transform:none;visibility:visible;transition:transform .85s var(--ease),visibility 0s;box-shadow:0 0 60px rgba(31,42,74,.12)}.nf .menu .mrise{opacity:0;transform:translate3d(-12px,0,0);transition:opacity .25s,transform .4s var(--ease)}.nf .menu.open .mrise{opacity:1;transform:none;transition:opacity .7s var(--ease-out) calc(.3s + var(--i, 0) * .05s),transform .9s var(--ease-out) calc(.3s + var(--i, 0) * .05s)}.nf .menu-link{white-space:nowrap;font-family:var(--font-grenette);font-weight:400;font-size:clamp(26px,2.05vw,34px);line-height:1.08;letter-spacing:-.012em;transition:opacity .4s,transform .6s var(--ease-out)}.nf .menu-meta{transition:opacity .4s}@media (hover:hover){.nf .menu-list:hover .menu-link,.nf .menu-list:hover .menu-meta{opacity:.4}.nf .menu-list .menu-row.is-hot .menu-link,.nf .menu-list .menu-row:hover .menu-link{opacity:1;transform:translateX(8px)}.nf .menu-list .menu-row.is-hot .menu-meta,.nf .menu-list .menu-row:hover .menu-meta{opacity:1}}.nf .menu-photo{position:relative;width:100%;aspect-ratio:4/5;opacity:0;transition:opacity .5s .35s}.nf .menu-photo.show{opacity:1;transition:opacity .8s var(--ease-out) .45s}.nf .menu-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity 0s linear .7s}.nf .menu-photo img.on{opacity:1;z-index:1;transition:opacity .7s var(--ease-out)}.nf .nobar{scrollbar-width:none}.nf .nobar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.nf .fade-in,.nf .hero-photo,.nf .hero-photo img,.nf .mask>span{animation-duration:.01s;animation-delay:0s}}