body:has(#nn-projector){--projector-ink: #173b32;--projector-cream: #f7f3ea;--projector-paper: #fffdf8;--projector-accent: #a43e36;--projector-line: #dcd8cb}body:has(#nn-projector) .nn-projector{background:var(--projector-ink);color:var(--projector-cream)}body:has(#nn-projector) .nn-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;max-width:none;min-height:clamp(610px,76svh,780px);overflow:hidden}body:has(#nn-projector) .nn-hero-copy{position:relative;z-index:2;box-sizing:border-box;width:min(820px,100%);padding:80px clamp(32px,7vw,116px) clamp(54px,6vw,88px);align-self:auto}body:has(#nn-projector) .nn-hero .nn-eyebrow{color:#edc9a0;margin-bottom:25px}body:has(#nn-projector) .nn-hero h2{color:var(--projector-cream);font-size:clamp(46px,5.4vw,82px);line-height:1.04;max-width:15ch;text-wrap:balance}body:has(#nn-projector) .nn-lead{color:#e4e7db;max-width:48ch;line-height:1.65}body:has(#nn-projector) .nn-hero .nn-text-link{color:var(--projector-cream)}body:has(#nn-projector) .nn-hero .nn-text-link:hover{color:#edc9a0}body:has(#nn-projector) .nn-hero-note{color:#d2dacb}body:has(#nn-projector) .nn-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;max-height:none;background:#172826}body:has(#nn-projector) .nn-hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b201bed,#0b201bc4 27%,#0b201b6b 52%,#0b201b0a 80%),linear-gradient(0deg,rgba(11,32,27,.45),transparent 42%);pointer-events:none}body:has(#nn-projector) .nn-hero-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%}body:has(#nn-projector) .nn-seal{right:clamp(20px,4vw,54px);bottom:clamp(20px,4vw,54px);z-index:1;width:110px;height:110px;border-radius:50%;background:var(--projector-cream);box-shadow:none;font-family:var(--font-heading--family, Georgia, serif);font-size:13px}body:has(#nn-projector) .nn-button{border-radius:2px;transition:background-color .2s ease,transform .2s ease}body:has(#nn-projector) .nn-button:hover{transform:translateY(-2px)}body:has(#nn-projector) .nn-button:active{transform:translateY(0)}body:has(#nn-projector) .nn-set-guide__icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:20px;line-height:1.2;letter-spacing:0}body:has(#nn-projector) .nn-set-guide{margin:14px 0 8px!important;padding:14px!important}body:has(#nn-projector) .nn-set-guide__top{margin-bottom:8px!important}body:has(#nn-projector) .nn-set-guide__badge,body:has(#nn-projector) .nn-set-guide h3,body:has(#nn-projector) .nn-set-guide__icon,body:has(#nn-projector) .nn-set-guide__view{display:none!important}body:has(#nn-projector) .nn-set-guide__grid{gap:7px!important}body:has(#nn-projector) .nn-set-guide__item{padding:9px!important}body:has(#nn-projector) .nn-set-guide__value{font-size:14px!important}body:has(#nn-projector) .nn-set-preview{margin-top:8px!important;padding:8px!important}body:has(#nn-projector) .nn-set-preview img{width:52px!important;height:48px!important}body:has(#nn-projector) .nn-set-preview small{font-size:11px!important}body:has(#nn-projector) .nn-set-guide__note{margin-top:8px!important;font-size:11px!important}body:has(#nn-projector) .product-information{background:var(--projector-paper);padding-block:0 clamp(46px,6vw,90px)!important}body:has(#nn-projector) .product-information .product-information__grid{max-width:1320px;margin-inline:auto}body:has(#nn-projector) .product-details h1{position:relative;font-size:clamp(34px,3.4vw,52px);letter-spacing:-.025em;text-wrap:balance}body:has(#nn-projector) .product-details h1:before,body:has(#nn-projector) .product-details h1:after{content:"";position:absolute;z-index:1;top:-2.3em;left:var(--snow-start);width:var(--snow-size);height:var(--snow-size);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236e9eaa' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v28M2 16h28M6 6l20 20M26 6 6 26M12 5l4 4 4-4M12 27l4-4 4 4M5 12l4 4-4 4M27 12l-4 4 4 4'/%3E%3C/svg%3E") center / contain no-repeat;opacity:0;pointer-events:none;animation:nn-projector-title-snow 9s var(--snow-delay) linear infinite both}body:has(#nn-projector) .product-details h1:before{--snow-start: 13%;--snow-end: 57%;--snow-size: 20px;--snow-delay: 0s}body:has(#nn-projector) .product-details h1:after{--snow-start: 37%;--snow-end: 83%;--snow-size: 15px;--snow-delay: 1.5s}@keyframes nn-projector-title-snow{0%{left:var(--snow-start);top:-2.3em;opacity:0;transform:translate(-50%) rotate(-40deg)}8%{opacity:.9}28%{left:var(--snow-start);top:-.25em;opacity:.9;transform:translate(-50%) rotate(0)}58%{left:var(--snow-end);top:-.25em;opacity:.9;transform:translate(-50%) rotate(230deg)}80%{left:calc(var(--snow-end) + 6%);top:1.2em;opacity:.65;transform:translate(-50%) rotate(300deg)}94%,to{left:calc(var(--snow-end) + 10%);top:2.4em;opacity:0;transform:translate(-50%) rotate(350deg)}}@media(prefers-reduced-motion:reduce){body:has(#nn-projector) .product-details h1:before,body:has(#nn-projector) .product-details h1:after{animation:none;display:none}}body:has(#nn-projector) .product-information__media{top:32px}body:has(#nn-projector) .variant-option--buttons{gap:10px}body:has(#nn-projector) .variant-option__button-label{display:flex;align-items:center;min-height:72px;border-radius:5px;border-color:var(--projector-line);padding:13px 14px;background:#fffefa;font-size:12px;font-weight:500;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}body:has(#nn-projector) .variant-option__button-label:hover{border-color:var(--projector-ink);transform:translateY(-1px)}body:has(#nn-projector) .variant-option__button-label:has(input:checked){border-color:var(--projector-ink);box-shadow:0 0 0 1px var(--projector-ink)}body:has(#nn-projector) .variant-option__button-label:has(input:focus-visible){outline:3px solid var(--projector-accent);outline-offset:2px}body:has(#nn-projector) .nn-set-picker-toggle{display:none}body:has(#nn-projector) .product-information .add-to-cart-button{min-height:58px;background:var(--projector-accent);border-radius:3px;font-weight:650;transition:background-color .2s ease,transform .2s ease}body:has(#nn-projector) .product-information .add-to-cart-button:hover{background:#832f2a;transform:translateY(-1px)}body:has(#nn-projector) .product-information .add-to-cart-button:focus-visible{outline:3px solid var(--projector-ink);outline-offset:3px}body:has(#nn-projector) .nn-life h2,body:has(#nn-projector) .nn-specs h2{color:var(--projector-ink);letter-spacing:-.035em;text-wrap:balance}body:has(#nn-projector) .nn-life,body:has(#nn-projector) .nn-specs{padding-block:clamp(68px,8vw,110px);border-top:0}body:has(#nn-projector) .nn-life{background:#eaece3}body:has(#nn-projector) .nn-specs{background:var(--projector-paper)}body:has(#nn-projector) .nn-life header,body:has(#nn-projector) .nn-specs header{max-width:1160px;margin-bottom:42px;text-align:left}body:has(#nn-projector) .nn-life header>p:last-child,body:has(#nn-projector) .nn-specs header>p:last-child{max-width:57ch}body:has(#nn-projector) .nn-life-grid a,body:has(#nn-projector) .nn-specs-grid a{border:0;border-radius:4px;transition:transform .25s ease}body:has(#nn-projector) .nn-life-grid a:hover,body:has(#nn-projector) .nn-specs-grid a:hover{transform:translateY(-3px)}body:has(#nn-projector) .nn-specs-grid{gap:16px}body:has(#nn-projector) .nn-specs-grid a:nth-child(3n){grid-column:span 2}body:has(#nn-projector) .nn-specs-grid a:nth-child(3n) img{max-height:560px;object-fit:contain;background:#f4f0e8}body:has(#nn-projector) .nn-story{background:var(--projector-cream)}body:has(#nn-projector) .nn-story-section{padding-block:clamp(72px,8vw,108px)}body:has(#nn-projector) .nn-how{border-bottom:1px solid var(--projector-line)}body:has(#nn-projector) .nn-steps{gap:0;margin-top:56px}body:has(#nn-projector) .nn-steps article{padding:0 clamp(20px,3vw,45px);border-right:1px solid var(--projector-line)}body:has(#nn-projector) .nn-steps article:last-child{border-right:0}body:has(#nn-projector) .nn-step-number{border-radius:3px;background:#e7dfce;color:var(--projector-ink)}body:has(#nn-projector) .nn-details-section{border:0;margin-bottom:0;background:var(--projector-paper)}body:has(#nn-projector) .nn-detail-copy{padding:clamp(32px,5vw,72px)}body:has(#nn-projector) .nn-faq{gap:clamp(40px,7vw,110px)}body:has(#nn-projector) .nn-faq details{border-color:var(--projector-line)}body:has(#nn-projector) .nn-faq summary{font-size:16px}body:has(#nn-projector) .nn-faq summary:focus-visible{outline:3px solid var(--projector-accent);outline-offset:3px}@media(max-width:899px){body:has(#nn-projector) .nn-hero{flex-direction:column;align-items:stretch;min-height:0;overflow:visible}body:has(#nn-projector) .nn-hero-art{order:0;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4 / 3}body:has(#nn-projector) .nn-hero-art:after{background:linear-gradient(0deg,var(--projector-ink),transparent 34%)}body:has(#nn-projector) .nn-hero-art img{aspect-ratio:auto;object-position:73% center}body:has(#nn-projector) .nn-hero-copy{order:1;width:100%;margin-top:-20px;padding:32px 28px 56px;background:var(--projector-ink)}body:has(#nn-projector) .nn-hero h2{max-width:16ch}}@media(max-width:749px){body:has(#nn-projector) .nn-set-guide{padding:16px!important}body:has(#nn-projector) .nn-set-guide__top{gap:8px}body:has(#nn-projector) .nn-set-guide__eyebrow{letter-spacing:.08em}body:has(#nn-projector) .nn-set-guide__badge{flex:0 0 auto;max-width:44%}body:has(#nn-projector) .nn-set-guide h3,body:has(#nn-projector) .nn-set-guide__icon,body:has(#nn-projector) .nn-set-guide__label,body:has(#nn-projector) .nn-set-guide__view{display:block!important}body:has(#nn-projector) .nn-set-guide__grid,body:has(#nn-projector) .nn-set-guide__grid.is-two{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px!important}body:has(#nn-projector) .nn-set-guide__item{display:block!important;flex:none!important;min-width:0;padding:12px 11px!important}body:has(#nn-projector) .nn-set-guide__value{font-size:16px!important}body:has(#nn-projector) .nn-set-preview{gap:9px!important;padding:12px!important}body:has(#nn-projector) .nn-set-preview img{width:62px!important;height:58px!important}body:has(#nn-projector) .nn-set-preview>span:not(.nn-set-preview__arrow){min-width:0;flex:1}body:has(#nn-projector) .nn-set-preview strong{font-size:13px!important;line-height:1.25}body:has(#nn-projector) .nn-set-preview small{font-size:11px!important;line-height:1.3!important}body:has(#nn-projector) .nn-set-preview__arrow{flex:none;font-size:0}body:has(#nn-projector) .nn-set-preview__arrow:after{content:"\2197\fe0e";font:20px/1 Arial,sans-serif}body:has(#nn-projector) .nn-set-guide__note{font-size:12px!important}body:has(#nn-projector) .nn-hero-copy{margin-top:-16px;padding:24px 20px 32px}body:has(#nn-projector) .nn-hero .nn-eyebrow{margin-bottom:10px;font-size:10px}body:has(#nn-projector) .nn-hero h2{max-width:12ch;margin-bottom:12px;font-size:clamp(34px,8.8vw,42px);line-height:1.08}body:has(#nn-projector) .nn-lead{max-width:32ch;margin-bottom:20px;font-size:14px;line-height:1.5}body:has(#nn-projector) .nn-actions{display:block}body:has(#nn-projector) .nn-actions .nn-button{display:flex;width:100%;min-height:50px;padding:13px 18px}body:has(#nn-projector) .nn-actions .nn-text-link{display:none}body:has(#nn-projector) .nn-hero-art{aspect-ratio:5 / 4}body:has(#nn-projector) .nn-hero-art img{object-position:78% center}body:has(#nn-projector) .nn-seal{display:none}body:has(#nn-projector) .product-information{padding-block:0 38px!important}body:has(#nn-projector) .variant-option--buttons{grid-template-columns:1fr}body:has(#nn-projector) .variant-option__button-label{min-height:56px}body:has(#nn-projector) .nn-life,body:has(#nn-projector) .nn-specs{padding-block:64px}body:has(#nn-projector) .nn-specs-grid a:nth-child(3n){grid-column:auto}body:has(#nn-projector) .nn-steps{gap:28px}body:has(#nn-projector) .nn-steps article{border-right:0;padding:0}body:has(#nn-projector) .nn-details-section{margin-inline:18px}body:has(#nn-projector) .nn-story-section{padding-block:64px}body:has(#nn-projector) .nn-set-picker-ready{position:relative;scroll-margin-top:64px}body:has(#nn-projector) .nn-set-picker-ready legend{min-height:34px;padding-right:125px}body:has(#nn-projector) .nn-set-picker-toggle{position:absolute;top:-46px;right:0;display:inline-flex;align-items:center;min-height:34px;border:0;padding:3px 0 3px 8px;background:transparent;color:var(--projector-accent);font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}body:has(#nn-projector) .nn-set-picker-toggle:focus-visible{outline:2px solid var(--projector-accent);outline-offset:2px}body:has(#nn-projector) .nn-set-picker-ready:not(.is-open) .variant-option__button-label:not(:has(input:checked)){display:none}body:has(#nn-projector) .nn-set-picker-ready .variant-option__button-label{min-height:52px}body:has(#nn-projector) .nn-set-guide{margin:12px 0 8px!important;padding:12px!important;border-radius:8px!important}body:has(#nn-projector) .nn-set-guide__top{margin-bottom:7px!important}body:has(#nn-projector) .nn-set-guide__badge,body:has(#nn-projector) .nn-set-guide h3,body:has(#nn-projector) .nn-set-guide__icon,body:has(#nn-projector) .nn-set-guide__label,body:has(#nn-projector) .nn-set-guide__view{display:none!important}body:has(#nn-projector) .nn-set-guide__grid,body:has(#nn-projector) .nn-set-guide__grid.is-two{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}body:has(#nn-projector) .nn-set-guide__grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(#nn-projector) .nn-set-guide__item{display:flex!important;align-items:center;min-height:55px;padding:8px!important;border-radius:5px!important;text-align:left}body:has(#nn-projector) .nn-set-guide__item:last-child{grid-column:auto!important}body:has(#nn-projector) .nn-set-guide__item[hidden]{display:none!important}body:has(#nn-projector) .nn-set-guide__value{font-size:12px!important;line-height:1.3!important}body:has(#nn-projector) .nn-set-preview{gap:8px!important;margin-top:8px!important;padding:6px 9px!important}body:has(#nn-projector) .nn-set-preview img{width:48px!important;height:44px!important}body:has(#nn-projector) .nn-set-preview small{display:none!important}body:has(#nn-projector) .nn-set-guide__note{margin-top:8px!important;font-size:11px!important;line-height:1.4!important}}@media(prefers-reduced-motion:reduce){body:has(#nn-projector) .nn-button,body:has(#nn-projector) .variant-option__button-label,body:has(#nn-projector) .add-to-cart-button,body:has(#nn-projector) .nn-life-grid a,body:has(#nn-projector) .nn-specs-grid a{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/nn-projector-redesign.css.map */