.nf{--red:#531312;--beige:#f7f0e1;--photo:#fffbf2;--ink:#141414;--red60:#88615c;--red05:#efe5d7;--g:max(clamp(18px,4vw,64px),calc((100vw - 1540px) / 2 + 22px));--ease:cubic-bezier(.16,1,.3,1);min-height:calc(100svh - 88px);padding:clamp(40px,8vh,90px) var(--g) clamp(70px,12vh,130px);background:var(--beige) radial-gradient(#5313121a 1.2px,transparent 1.5px) 0 0/14px 14px;color:var(--ink);font-family:var(--font-metropolis),Arial,sans-serif;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:clip}.nf-kicker{font-family:var(--font-aikyam),Georgia,serif;letter-spacing:.03em;text-transform:uppercase;color:var(--red);align-items:center;gap:10px;margin:0;font-size:clamp(19px,1.5vw,24px);line-height:1;display:flex}.nf-kicker:before{content:"";background:currentColor;flex:none;width:.9em;height:.97em;translate:0 -.32em;-webkit-mask:url(/brand/pattern-main.svg) 50%/contain no-repeat;mask:url(/brand/pattern-main.svg) 50%/contain no-repeat}.nf-big{letter-spacing:-.06em;justify-content:center;align-items:flex-end;gap:clamp(6px,1.5vw,24px);margin:clamp(14px,3vh,30px) 0 0;font-size:clamp(130px,min(26vw,40vh),400px);font-weight:700;line-height:.8;display:flex}.nf-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.nf-cup{cursor:pointer;width:.62em;height:.8em;font-size:inherit;transition:transform .5s var(--ease);background:0 0;border:0;margin:0 .02em;padding:0;display:block;position:relative}.nf-cup:hover{transform:rotate(-4deg)}.nf-cup:active{transform:scale(.96)}.nf-cup:focus-visible{outline:3px solid var(--red);outline-offset:8px;border-radius:12px}.nf-cup-body{background:var(--red);border-radius:.05em .05em .2em .2em;height:.56em;position:absolute;bottom:.07em;left:0;right:.1em;overflow:hidden;box-shadow:inset -.03em 0 #0000001f}.nf-chai{background:#c58b5e;height:.07em;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 .012em #e7b88c}.nf-cup-handle{border:.045em solid var(--red);border-left:0;border-radius:0 .1em .1em 0;width:.17em;height:.2em;position:absolute;bottom:.24em;right:-.03em}.nf-saucer{background:var(--ink);border-radius:50%;height:.07em;position:absolute;bottom:0;left:-.07em;right:-.04em;box-shadow:0 .03em .05em #1414142e}.nf-steam{justify-content:space-around;height:.24em;display:flex;position:absolute;top:0;left:.12em;right:.2em}.nf-steam i{opacity:0;background:linear-gradient(#0000,#53131266);border-radius:1em;width:.045em;height:100%;animation:2.8s ease-in-out infinite nf-steam}.nf-steam i:nth-child(2){animation-delay:.9s}.nf-steam i:nth-child(3){animation-delay:1.8s}@keyframes nf-steam{0%{opacity:0;transform:translateY(.06em)scaleY(.6)}35%{opacity:1}to{opacity:0;transform:translateY(-.06em)scaleY(1)skew(-12deg)}}.nf-cup[data-pouring=true] .nf-chai{animation:nf-pour .9s var(--ease)}@keyframes nf-pour{0%{transform:translateY(.34em)}to{transform:none}}.nf-line{min-height:1.4em;font-family:var(--font-aikyam),Georgia,serif;color:var(--red);margin:clamp(18px,3vh,30px) 0 0;font-size:clamp(26px,2.6vw,44px);line-height:1.1}.nf-note{background:var(--photo);max-width:260px;font-family:var(--font-aikyam),Georgia,serif;color:var(--red);margin:clamp(24px,4vh,40px) 0 0;padding:18px 18px 16px;font-size:19px;line-height:1.2;rotate:-2deg;box-shadow:0 14px 28px #1414141f}.nf-lede{color:#4a4441;max-width:520px;margin:clamp(30px,5vh,50px) 0 18px;font-size:clamp(16px,1.3vw,19px);line-height:1.55}.nf-places{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,920px);margin:0;padding:0;list-style:none;display:grid}.nf-places a{background:var(--photo);text-align:left;height:100%;transition:background .3s,color .3s,transform .4s var(--ease);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 18px 20px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #5313121f}.nf-places b{letter-spacing:-.02em;font-size:18px}.nf-places small{font-family:var(--font-aikyam),Georgia,serif;color:var(--red60);font-size:16px}.nf-places span{color:var(--red);transition:transform .4s var(--ease);position:absolute;top:16px;right:16px}.nf-places a:hover{background:var(--red);color:var(--beige);transform:translateY(-3px)}.nf-places a:hover small,.nf-places a:hover span{color:var(--beige)}.nf-places a:hover span{transform:rotate(45deg)}.nf-places a:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media (max-width:720px){.nf{padding-top:28px}.nf-places{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.nf-steam i,.nf-cup[data-pouring=true] .nf-chai{animation:none}.nf-steam i{opacity:.6}.nf-cup{transition:none}}
