.nf-nav{position:fixed;right:30px;top:25px;z-index:9999;display:flex;gap:24px;background:#111e;padding:14px 20px;border:1px solid #09b1ff;color:white;font:600 12px Arial;letter-spacing:2px}.nf-nav a{color:white}.nf-section{position:relative;clear:both;background:#101216;color:#f3f5f7;padding:70px 6%;font-family:Arial,sans-serif;scroll-margin-top:75px;box-sizing:border-box}.nf-section *{box-sizing:border-box}.nf-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.nf-section .nf-label{color:#09b1ff;font-size:11px;letter-spacing:2px;text-align:left;margin:0 0 13px;padding:0}.nf-section h2{font:700 42px/1.1 Arial;letter-spacing:-1px;margin:0;text-align:left;text-transform:none;padding:0}.nf-heading>a{color:#09b1ff;font-size:13px}.nf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px}.nf-section article{text-align:left}.nf-section article>a{display:block;color:white;text-decoration:none}#naff-latest .nf-image{height:auto;aspect-ratio:4/5} .nf-image{height:245px;background:#20252c;overflow:hidden}.nf-image img{display:block;width:100%;height:100%;object-fit:contain}.nf-art{height:100%;display:flex;justify-content:center;flex-direction:column;padding:25px;background:radial-gradient(ellipse at top right,#11658c,#11202f 70%);font:800 38px/1 Arial;color:#9edfff;letter-spacing:-1px}.nf-art span{font:400 13px Arial;letter-spacing:1px;margin-top:24px;color:white}.nf-meta{color:#09b1ff;font-size:11px;letter-spacing:1px;margin-top:18px}.nf-section h3{font:700 24px/1.2 Arial;text-align:left;letter-spacing:-.5px;text-transform:none;padding:0;margin:12px 0}.nf-section article p{font:400 14px/1.65 Arial;color:#b7bec6;text-align:left;padding:0;margin:0}.nf-read{display:block;color:#09b1ff;font-size:12px;margin-top:18px}.nf-filters{display:flex;gap:12px;margin:0 0 30px}.nf-filters button{border:1px solid #09b1ff;border-radius:30px;background:transparent;color:white;padding:10px 20px;font:400 13px Arial;cursor:pointer}.nf-filters button[aria-pressed=true]{background:#09b1ff;color:#071118}.nf-section [hidden]{display:none!important}.nf-section a:focus-visible,.nf-filters button:focus-visible,.nf-nav a:focus-visible{outline:3px solid #09b1ff;outline-offset:4px}@media(max-width:800px){.nf-grid{grid-template-columns:1fr}.nf-heading{display:block}.nf-heading>a{display:inline-block;margin-top:20px}.nf-section h2{font-size:34px}.nf-nav{right:12px;top:12px;padding:10px 12px;gap:18px}.nf-image{height:280px}}

.nf-filters{flex-wrap:wrap;align-items:center}.nf-filters>a{color:#09b1ff;font:400 13px Arial}.nf-section .nf-image img{border:0;margin:0;padding:0}.nf-image{aspect-ratio:4/3;height:auto}@media(min-width:601px) and (max-width:1000px){.nf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.nf-grid{grid-template-columns:1fr}.nf-section{padding:48px 6%}}

.nf-nav{max-width:calc(100% - 32px);right:16px;top:16px;gap:0;padding:0;border-color:#344957;border-radius:8px;background:#101216f5;box-shadow:0 4px 24px #0005;font:600 12px/1.3 Arial;letter-spacing:.5px}
.nf-menu-links{display:flex;align-items:center;gap:4px;padding:8px}
.nf-nav a{padding:12px 10px;white-space:nowrap;border-radius:4px}
.nf-nav a:hover,.nf-nav a:focus-visible{background:#22313c;color:#09b1ff}
.nf-menu-toggle{display:none;border:0;background:transparent;color:#fff;font:600 14px Arial;padding:14px 18px;cursor:pointer}
.nf-section .nf-grid{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:#09b1ff #26313b}
.nf-section .nf-grid article{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}
.nf-section .nf-grid:focus-visible{outline:2px solid #09b1ff;outline-offset:5px}
.nf-section article p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nf-section h3{font-size:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nf-section .nf-image,#naff-latest .nf-image{height:300px;aspect-ratio:auto}
.nf-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 20px;font:400 13px Arial;color:#b7bec6}
.nf-carousel-controls button{width:44px;height:44px;border:1px solid #536775;border-radius:50%;background:#18232c;color:#fff;font:400 24px Arial;cursor:pointer}
.nf-carousel-controls button:disabled{opacity:.3;cursor:default}
.nf-carousel-controls button:focus-visible{outline:3px solid #09b1ff;outline-offset:3px}
.nf-carousel-controls span{min-width:100px;text-align:center}
@media(max-width:1000px){.nf-section .nf-grid article{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){.nf-menu-toggle{display:block}.nf-nav{display:block}.nf-menu-links{display:none;flex-direction:column;align-items:stretch;min-width:210px}.nf-nav[data-open=true] .nf-menu-links{display:flex}.nf-nav a{padding:14px}.nf-section{scroll-margin-top:70px}}
@media(max-width:600px){.nf-section .nf-grid article{flex-basis:88%}.nf-section .nf-image,#naff-latest .nf-image{height:290px}.nf-section{padding-top:65px}.nf-carousel-controls{justify-content:center}}
@media(prefers-reduced-motion:reduce){.nf-section .nf-grid{scroll-behavior:auto}}

/* Full-size, uncropped artwork in two independent bands. */
.nf-section .nf-image,#naff-latest .nf-image{height:auto;aspect-ratio:4/5;max-height:640px}
.nf-band-note{color:#b7bec6;font:400 15px/1.6 Arial;margin:0 0 16px}
#naff-press{border-top:1px solid #344957}
.nf-section .nf-meta .nf-featured{color:#fff;margin-right:8px}