/* New home page. Everything is scoped under .nh and every class starts with nh-,
   so it cannot touch the header, the footer or other pages. Load it after styles.css and site-chrome.css. */
.nh{position:relative;overflow-x:hidden;background:#080a09;color:#f4f4f2;font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.nh *,.nh *::before,.nh *::after{box-sizing:border-box}
.nh img{max-width:100%}
.nh h1,.nh h2,.nh h3,.nh h4,.nh p,.nh figure,.nh blockquote,.nh ol,.nh ul,.nh dl,.nh dd{margin:0}
.nh a{color:inherit}
.nh a:hover{color:#e3fe52}
.nh button{font:inherit}
.nh :focus-visible{outline:2px solid #e3fe52;outline-offset:3px}
.nh .nh-on-paper :focus-visible{outline-color:#080a09}
.nh .nh-on-paper a:hover{color:#c51d43}
.nh .nh-cta{transition:background-color .2s ease}
.nh .nh-cta:hover{background:#d2ee3c !important;color:#080a09 !important}
.nh .nh-cta:focus-visible{outline-color:#f4f4f2}
.nh .nh-ulink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.nh .nh-ulink:hover{color:#e3fe52 !important;text-decoration-color:#e3fe52 !important}
.nh .nh-on-paper .nh-ulink:hover{color:#c51d43 !important;text-decoration-color:#c51d43 !important}
.nh .nh-btn-line{transition:background-color .2s ease,border-color .2s ease}
.nh .nh-btn-line:hover{background:#1a1e1b !important;border-color:#b3b5af !important;color:#f4f4f2 !important}
.nh .nh-btn-ink{transition:background-color .2s ease,color .2s ease}
.nh .nh-btn-ink:hover{background:#080a09 !important;color:#f4f4f2 !important}
.nh .nh-stretch::after{content:"";position:absolute;inset:0;border-radius:8px}
.nh .nh-pcard{transition:border-color .2s ease}
.nh .nh-pcard:hover,.nh .nh-pcard:focus-within{border-color:#e32652 !important}
.nh .nh-pcard:hover .nh-abox,.nh .nh-pcard:focus-within .nh-abox{background:#e32652 !important;border-color:#e32652 !important;color:#f4f4f2 !important}
.nh .nh-pcard a:hover{color:#f4f4f2}
.nh .nh-gcard{transition:border-color .2s ease}
.nh .nh-gcard:hover{border-color:#080a09 !important;color:#080a09 !important}
.nh .nh-gimg{transition:transform .5s cubic-bezier(.2,0,0,1)}
.nh .nh-gcard:hover .nh-gimg{transform:scale(1.04)}
.nh .nh-sbtn{transition:background-color .2s ease,color .2s ease,opacity .2s ease}
.nh .nh-sbtn:hover:not(:disabled){background:#080a09 !important;color:#f4f4f2 !important}
.nh .nh-sbtn:disabled{opacity:.3;cursor:default !important}
.nh .nh-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.nh .nh-track::-webkit-scrollbar{display:none}
.nh .nh-gli{scroll-snap-align:start}
.nh .nh-faq summary{list-style:none;cursor:pointer}
.nh .nh-faq summary::-webkit-details-marker{display:none}
.nh .nh-faq summary:hover .nh-qtext{color:#e3fe52}
.nh .nh-qicon{transition:transform .2s ease}
.nh .nh-faq details[open] .nh-qicon{transform:rotate(45deg)}
.nh .nh-ph{-webkit-box-decoration-break:clone;box-decoration-break:clone}
.nh .nh-hero-photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
@media (prefers-reduced-motion:reduce){
.nh *{transition:none !important;scroll-behavior:auto !important}
}
@media (max-width:1180px){
.nh .nh-pgrid,.nh .nh-cases{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
.nh .nh-shelf{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}
.nh .nh-shelf-peek{display:none !important}
}
@media (max-width:1100px){
.nh .nh-hero-photo{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;width:100% !important;height:600px;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%)}
.nh .nh-hero-body{padding-top:0 !important;margin-top:-110px}
.nh .nh-g-stack{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}
.nh .nh-g-stack>*{grid-column:auto !important}
.nh .nh-doors-fig{order:2;min-height:560px !important}
.nh .nh-about-fig{max-width:460px}
.nh .nh-start-fig{max-width:460px}
.nh .nh-also-row{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}
.nh .nh-also-row>*{grid-column:auto !important}
.nh .nh-also-logos{justify-content:flex-start !important}
}
@media (max-width:980px){
.nh .nh-stats{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
}
@media (max-width:860px){
.nh .nh-paper-g>*{grid-column:1 / -1 !important}
.nh .nh-paper-fig{min-height:320px !important}
}
@media (max-width:760px){
.nh .nh-shelf{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;gap:32px !important}
.nh .nh-shelf-li{flex-direction:row !important;align-items:flex-start;gap:20px}
.nh .nh-shelf-cover{height:150px !important;width:116px;flex:none}
.nh .nh-shelf-peek{display:none !important}
.nh .nh-shelf-body{margin-top:0 !important}
.nh .nh-prow-label{flex-basis:100% !important}
.nh .nh-door-in{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;gap:6px !important}
.nh .nh-door-in>*{grid-column:auto !important}
.nh .nh-gli{width:300px !important}
}
@media (max-width:640px){
.nh .nh-hero-photo{height:480px}
.nh .nh-hero-body{margin-top:-90px}
.nh .nh-pgrid,.nh .nh-cases{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}
.nh .nh-promise-photo{min-height:420px !important}
.nh .nh-band{height:300px !important}
.nh .nh-pq{min-height:0 !important}
}
@media (max-width:420px){
.nh .nh-cta-lg{gap:8px !important;padding:0 20px !important;font-size:16px !important}
.nh .nh-cta-box{padding:22px 16px !important}
.nh .nh-cta-box .nh-cta-lg{padding:0 16px !important;font-size:15px !important}
}
@media (max-width:560px){
.nh .nh-stats{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}
}
.nh .nh-grain{position:absolute;inset:-60px;z-index:3;pointer-events:none;background-image:url(../img/home/grain-240.png);background-size:240px 240px;opacity:.5;animation:nh-grain .9s steps(6) infinite}
.nh .nh-grain-soft{opacity:.22}
@keyframes nh-grain{0%{transform:translate(0,0)}17%{transform:translate(-22px,14px)}33%{transform:translate(18px,-26px)}50%{transform:translate(-30px,-8px)}67%{transform:translate(26px,20px)}83%{transform:translate(-10px,30px)}100%{transform:translate(0,0)}}
.nh .nh-tunnel{perspective:760px;perspective-origin:54% 44%}
.nh .nh-fw{position:absolute;left:54%;top:44%;white-space:nowrap;font-family:'Anton','Arial Narrow',Impact,sans-serif;font-weight:400;line-height:1;letter-spacing:.01em;opacity:var(--o);transform:translate(-50%,-50%) translate3d(var(--x),var(--y),-700px);animation:nh-fly 12s linear infinite;will-change:transform,opacity}
@keyframes nh-fly{0%{transform:translate(-50%,-50%) translate3d(var(--x),var(--y),-2400px);opacity:0}14%{opacity:var(--o)}84%{opacity:var(--o)}100%{transform:translate(-50%,-50%) translate3d(var(--x),var(--y),560px);opacity:0}}
.nh .nh-kb{transform-origin:50% 28%;animation:nh-kb 26s ease-in-out infinite alternate}
@keyframes nh-kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.nh .nh-lb{position:absolute;left:0;right:0;height:50%;z-index:6;background:#000;pointer-events:none;transform:scaleY(0);animation:nh-lb 1.5s cubic-bezier(.76,0,.24,1) .15s both}
.nh .nh-lb-t{top:0;transform-origin:top center}
.nh .nh-lb-b{bottom:0;transform-origin:bottom center}
@keyframes nh-lb{from{transform:scaleY(1)}to{transform:scaleY(0)}}
.nh .nh-expose{animation:nh-expose 2.6s cubic-bezier(.2,.6,.2,1) .35s both}
@keyframes nh-expose{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}
.nh .nh-rack{animation:nh-rack 1.9s cubic-bezier(.2,.7,.2,1) 1s both}
@keyframes nh-rack{from{opacity:0;filter:blur(20px);transform:scale(1.05)}to{opacity:1;filter:blur(0);transform:scale(1)}}
.nh .nh-rise{animation:nh-rise 1.1s cubic-bezier(.2,.7,.2,1) .8s both}
@keyframes nh-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.nh .nh-mq-t{display:inline-block;white-space:nowrap;animation:nh-mqL 14s linear infinite;will-change:transform}
.nh .nh-mq-r{animation-name:nh-mqR}
@keyframes nh-mqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes nh-mqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.nh .nh-doc{position:absolute;bottom:-260px;aspect-ratio:3 / 4;display:flex;flex-direction:column;gap:7px;padding:12px 12px 0;border:1px solid #3a423b;border-radius:6px;background:#1f2420;animation:nh-drift 46s linear infinite}
.nh .nh-doc b{display:block;margin-bottom:4px;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#7d867d}
.nh .nh-doc i{display:block;height:5px;border-radius:3px;background:#343c35}
.nh .nh-grow-in{text-wrap:balance}
@keyframes nh-drift{from{transform:translateY(0) rotate(var(--r))}to{transform:translateY(-1100px) rotate(calc(var(--r) * -1))}}
.nh .nh-belt-t{animation:nh-belt 18s linear infinite}
@keyframes nh-belt{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.nh .nh-task{display:flex;align-items:center;gap:16px}
.nh .nh-cb{flex:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid #343a35;border-radius:6px;color:#8a938a}
.nh .nh-cb svg{display:block;width:18px;height:18px}
.nh .nh-ck{stroke-dasharray:22;stroke-dashoffset:0;animation:nh-tick 2.6s ease-out infinite}
@keyframes nh-tick{0%{stroke-dashoffset:22;opacity:1}16%{stroke-dashoffset:0;opacity:1}78%{stroke-dashoffset:0;opacity:1}92%,100%{stroke-dashoffset:0;opacity:0}}
.nh .nh-bar{display:block;height:10px;border-radius:5px;background:#1c211d}
.nh .nh-bigck{stroke-dasharray:104;stroke-dashoffset:0;animation:nh-draw 1.3s cubic-bezier(.65,0,.35,1) .7s both}
@keyframes nh-draw{from{stroke-dashoffset:104}to{stroke-dashoffset:0}}
.nh .nh-pop{animation:nh-pop .9s cubic-bezier(.2,.8,.2,1) .2s both}
@keyframes nh-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.nh .nh-settle{animation:nh-settle 1.4s cubic-bezier(.2,.7,.2,1) 1.2s both}
@keyframes nh-settle{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}
.nh .nh-strike{background-image:linear-gradient(#e32652,#e32652);background-repeat:no-repeat;background-position:0 58%;background-size:100% 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:nh-strike .8s cubic-bezier(.65,0,.35,1) both;animation-delay:var(--d,0s)}
@keyframes nh-strike{from{background-size:0% 3px}to{background-size:100% 3px}}
.nh .nh-grow-in{display:inline-block;animation:nh-growIn 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
@keyframes nh-growIn{from{opacity:0;filter:blur(8px);transform:translateX(-14px)}to{opacity:1;filter:blur(0);transform:none}}
.nh.nh-js .nh-s1[data-play="off"] .nh-lb,.nh.nh-js .nh-s1[data-play="off"] .nh-expose,.nh.nh-js .nh-s1[data-play="off"] .nh-rack,.nh.nh-js .nh-s1[data-play="off"] .nh-rise,.nh.nh-js .nh-s3[data-play="off"] .nh-bigck,.nh.nh-js .nh-s3[data-play="off"] .nh-pop,.nh.nh-js .nh-s3[data-play="off"] .nh-settle,.nh.nh-js .nh-s4[data-play="off"] .nh-strike,.nh.nh-js .nh-s4[data-play="off"] .nh-grow-in{animation-play-state:paused}
@media (max-width:980px){
.nh .nh-s1{min-height:0 !important}
.nh .nh-s1-glow{width:300px !important;height:300px !important;opacity:.14 !important;filter:blur(80px) !important}
.nh .nh-s1-fig{position:relative !important;left:auto !important;right:auto !important;width:100% !important;max-width:none !important;height:560px !important}
.nh .nh-s1-body{min-height:0 !important;margin-top:-150px;padding-top:0 !important;padding-bottom:88px !important;align-items:flex-start !important}
.nh .nh-s2-panel{min-height:540px !important}
.nh .nh-s3-act{min-height:480px !important}
.nh .nh-tunnel{perspective-origin:50% 30% !important}
.nh .nh-fw{left:50% !important;top:30% !important}
}
@media (max-width:760px){
.nh .nh-vs2 thead{display:none}
.nh .nh-vs2 tr{display:flex;flex-direction:column;gap:10px;padding:24px 0}
.nh .nh-vs2 td{display:block;padding:0 !important;border:0 !important}
.nh .nh-vs2 tr+tr{border-top:1px solid #343a35}
.nh .nh-s1-fig{height:440px !important}
.nh .nh-s1-body{margin-top:-110px}
}
@media (prefers-reduced-motion:reduce){
.nh .nh-fw,.nh .nh-kb,.nh .nh-grain,.nh .nh-mq-t,.nh .nh-doc,.nh .nh-belt-t,.nh .nh-ck,.nh .nh-lb,.nh .nh-expose,.nh .nh-rack,.nh .nh-rise,.nh .nh-bigck,.nh .nh-pop,.nh .nh-settle,.nh .nh-strike,.nh .nh-grow-in{animation:none !important}
.nh .nh-doc{bottom:auto !important;top:var(--t)}
}
@media (max-width:980px){
.nh .nh-stats{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
}
@media (max-width:760px){
.nh .nh-shelf{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;gap:32px !important}
.nh .nh-shelf-li{flex-direction:row !important;align-items:flex-start;gap:20px}
.nh .nh-shelf-cover{height:150px !important;width:116px;flex:none}
.nh .nh-shelf-peek{display:none !important}
.nh .nh-shelf-body{margin-top:0 !important}
.nh .nh-prow-label{flex-basis:100% !important}
.nh .nh-door-in{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;gap:6px !important}
.nh .nh-door-in>*{grid-column:auto !important}
.nh .nh-gli{width:300px !important}
}
@media (max-width:640px){
.nh .nh-hero-photo{height:480px}
.nh .nh-hero-body{margin-top:-90px}
.nh .nh-pgrid,.nh .nh-cases{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}
.nh .nh-promise-photo{min-height:420px !important}
.nh .nh-band{height:300px !important}
.nh .nh-pq{min-height:0 !important}
}
@media (max-width:760px){
.nh .nh-shelf{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;gap:32px !important}
.nh .nh-shelf-li{flex-direction:row !important;align-items:flex-start;gap:20px}
.nh .nh-shelf-cover{height:150px !important;width:116px;flex:none}
.nh .nh-shelf-peek{display:none !important}
.nh .nh-shelf-body{margin-top:0 !important}
.nh .nh-prow-label{flex-basis:100% !important}
.nh .nh-door-in{grid-template-columns:repeat(1, minmax(0, 1fr)) !important;gap:6px !important}
.nh .nh-door-in>*{grid-column:auto !important}
.nh .nh-gli{width:300px !important}
}