[data-new-product]{--np-bg:#eee9de;--np-ink:#262924;--np-muted:#52584f;--np-accent:#ae432d;--np-panel:#e2decf;--np-line:#b7baad;background:var(--np-bg);color:var(--np-ink);--green:var(--np-accent);--ink:var(--np-ink);--muted:var(--np-muted);--bg:var(--np-bg);--line:var(--np-line);font-family:Arial,Helvetica,sans-serif}
[data-new-product] .wrap{max-width:1540px;padding-inline:clamp(20px,5vw,84px)}[data-new-product] .nav{min-height:76px}[data-new-product] .brand b{background:var(--np-accent);color:var(--np-bg)}[data-new-product] :focus-visible{outline:2px solid var(--np-accent);outline-offset:4px}[data-new-product] button,[data-new-product] select{font:inherit;color:inherit;min-height:44px;cursor:pointer}[data-new-product] button{background:transparent;border:1px solid var(--np-line);padding:8px 14px}[data-new-product] .np-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:12px;border-bottom:1px solid var(--np-line)}.np-product{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.06em}.np-product img{object-fit:contain}.np-options,.np-options label,.np-looks{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.np-options select{background:var(--np-bg);border:1px solid var(--np-line);padding:8px}.np-looks button[data-np-palette]{border:0;padding:8px;width:44px}.np-looks i{display:block;border-radius:50%;width:24px;height:24px;background:conic-gradient(#eee9de 50%,#ae432d 50%);outline:1px solid #888}.np-looks button:nth-child(2) i{background:conic-gradient(#e5edf0 50%,#285cb3 50%)}.np-looks button:nth-child(3) i{background:conic-gradient(#eedfe9 50%,#813c72 50%)}.np-looks [aria-pressed=true] i{outline:2px solid currentColor;outline-offset:4px}#np-edit{border:0;text-decoration:underline;text-underline-offset:4px}
.np-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;padding:90px 0 70px;align-items:center}.np-eyebrow,.np-chapter,.np-status,.np-figure-number,.np-figure-caption{font:11px/1.6 Consolas,monospace;letter-spacing:.12em}.np-hero h1{font-size:clamp(54px,6.5vw,108px);line-height:.94;letter-spacing:-.065em;margin:25px 0 32px;font-weight:600}.np-intro{font-size:clamp(17px,1.4vw,21px);max-width:540px;color:var(--np-muted)}.np-hero .actions{margin-block:34px;font-size:13px}.np-cta{display:inline-flex;gap:24px;align-items:center;background:var(--np-ink);color:var(--np-bg);padding:16px 22px}.np-cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.np-status{color:var(--np-muted);letter-spacing:.01em}.np-object{position:relative;aspect-ratio:1;display:grid;place-items:center;background:var(--np-panel);border-radius:50% 50% 2px 2px;overflow:hidden;color:var(--np-accent);isolation:isolate}.np-object:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--np-line) 1px,transparent 1px),linear-gradient(90deg,var(--np-line) 1px,transparent 1px);background-size:36px 36px;opacity:.4}.np-object>svg{width:74%;height:74%;transform:rotate(calc(var(--np-scroll,0)*-22deg));z-index:1}.np-figure-number{position:absolute;top:22px;left:25px}.np-figure-caption{position:absolute;bottom:24px;left:25px;font-size:9px;color:var(--np-ink)}
.np-statement{padding:85px 0;border-top:1px solid var(--np-line);border-bottom:1px solid var(--np-line);position:relative}.np-statement h2{font-size:clamp(40px,8vw,122px);line-height:.92;letter-spacing:-.06em;margin:0;color:transparent;-webkit-text-stroke:1px var(--np-ink);background:linear-gradient(var(--np-ink),var(--np-ink)) no-repeat;background-size:calc(var(--np-fill,0)*100%) 100%;background-clip:text;-webkit-background-clip:text}.np-statement p{max-width:370px;margin:35px 0 0 auto;color:var(--np-muted)}.np-preview{padding-top:70px;perspective:1400px}.np-chapter{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;color:var(--np-muted);letter-spacing:.05em}.np-preview figure{margin:0;padding:clamp(12px,3vw,45px);background:var(--np-panel);border:1px solid var(--np-line);transform:rotateX(calc((1 - var(--np-fill,1))*5deg));transform-origin:center top}.np-preview img{width:100%;height:auto;border-radius:6px}.np-preview figcaption{font-size:11px;margin-top:16px;color:var(--np-muted)}.np-features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-block:65px}.np-features article{border-top:1px solid var(--np-line);padding-top:20px}.np-number{font:14px Consolas,monospace;color:var(--np-accent)}.np-features h3{font-size:23px;line-height:1.15;letter-spacing:-.035em}.np-features p{font-size:15px;color:var(--np-muted)}.np-lab{padding:60px clamp(18px,4vw,50px) 30px;background:var(--np-ink);color:var(--np-bg);margin-block:70px}.np-lab .np-chapter{color:inherit}.np-lab h2,.np-reality h2{font-size:clamp(36px,4.5vw,66px);line-height:1;letter-spacing:-.045em;max-width:900px;margin:10px 0 25px}.np-lab>p{max-width:650px;color:inherit;opacity:.8}.np-pattern{height:clamp(290px,42vw,560px);overflow:hidden;margin-top:40px;border:1px solid #ffffff33;color:var(--np-accent);background:var(--np-bg);transition:box-shadow .35s}.np-pattern svg{display:block;width:100%;height:100%}.pattern-face{fill:currentColor;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.pattern-line{fill:none;stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke}.np-pattern.is-outline .pattern-face{fill:none!important;stroke-opacity:1!important}.np-pattern.is-complete{box-shadow:0 0 0 5px var(--np-accent)}.np-controls{display:grid;grid-template-columns:1fr 2fr 50px;align-items:center;gap:14px;margin-top:25px;font-size:13px}.np-controls input{width:100%;accent-color:var(--np-accent);min-height:44px}.np-controls button{color:inherit!important}.np-feedback{min-height:25px;font-size:13px}.np-reality{padding:65px 0;max-width:900px}.np-reality p{color:var(--np-muted);font-size:17px}.np-reality>a{text-decoration:underline}.np-related{padding:40px 0 65px;border-top:1px solid var(--np-line)}.np-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.np-related a{display:flex;align-items:center;gap:15px;min-height:80px;border:1px solid var(--np-line);padding:16px;font-size:15px}.np-related img{object-fit:contain}.np-related a:hover{background:var(--np-panel)}[data-new-product] .product-trailer{margin:70px 0;border-top:1px solid var(--np-line);padding-top:40px}[data-new-product] .product-trailer video{max-width:100%;height:auto;background:#111}[data-new-product] .trailer-heading p{color:var(--np-muted)}[data-new-product] dialog{border:1px solid var(--np-line);color:var(--np-ink);background:var(--np-bg);padding:28px;max-width:min(480px,90vw)}[data-new-product] dialog::backdrop{background:#0009}[data-new-product] dialog input{display:block;width:100%;height:70px;margin-block:16px}[data-new-product] dialog button{margin:5px}[data-new-product] .footer{color:var(--np-muted)}
[data-product-style=nocturne]{--np-bg:#111016;--np-ink:#f5eee6;--np-muted:#beb5c4;--np-accent:#ff916b;--np-panel:#211c2b;--np-line:#514455}[data-product-style=nocturne] .np-hero{grid-template-columns:1.4fr 1fr;min-height:690px}[data-product-style=nocturne] .np-hero h1{font-weight:900;font-style:italic;letter-spacing:-.07em}[data-product-style=nocturne] .np-object{border-radius:4px;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);aspect-ratio:.9;background:linear-gradient(150deg,#43243b,var(--np-panel));color:var(--np-accent)}[data-product-style=nocturne] .np-object>svg{transform:rotate(calc(-12deg + var(--np-scroll,0)*45deg)) scale(1.22)}[data-product-style=nocturne] .np-object:before{transform:rotate(-24deg) scale(1.5);opacity:.3}[data-product-style=nocturne] .np-figure-number{left:28%}[data-product-style=nocturne] .np-figure-caption{left:10%}[data-product-style=nocturne] .np-cta{background:var(--np-accent);color:#111016;border-radius:40px}[data-product-style=nocturne] .np-statement{transform:skewY(-3deg);background:var(--np-accent);padding:65px 30px;--np-ink:#111016;--np-muted:#37241f}[data-product-style=nocturne] .np-statement h2{font-weight:900}[data-product-style=nocturne] .np-preview{padding-top:120px}[data-product-style=nocturne] .np-lab{border-radius:28px;background:var(--np-panel);color:var(--np-ink)}[data-product-style=nocturne] .np-pattern{border-radius:12px}[data-product-style=nocturne] .np-features article:nth-child(2){padding-top:48px}[data-product-style=nocturne] .np-related a{border-radius:16px}
@media(max-width:900px){.np-toolbar{align-items:flex-start!important;flex-direction:column}.np-options{width:100%}.np-hero,[data-product-style=nocturne] .np-hero{grid-template-columns:1fr 1fr;gap:24px;min-height:0}.np-hero h1{font-size:clamp(48px,7vw,72px)}.np-features{gap:24px}.np-related>div{grid-template-columns:1fr}}
@media(max-width:600px){[data-new-product] .wrap{padding-inline:20px}.np-hero,[data-product-style=nocturne] .np-hero{grid-template-columns:1fr;padding:46px 0}.np-hero h1{font-size:clamp(46px,12vw,68px);letter-spacing:-.065em}.np-object{width:100%;max-width:380px;margin:auto;aspect-ratio:1.3!important}.np-object>svg{width:60%;height:85%}.np-options{gap:4px}.np-options label{font-size:11px}.np-looks{gap:0}.np-toolbar{padding-block:15px!important}.np-looks button[data-np-palette]{width:44px}.np-statement{padding:50px 0}.np-statement h2{font-size:clamp(35px,10vw,60px)}.np-statement p{margin-left:0;font-size:14px}.np-chapter{flex-direction:column;gap:8px}.np-features{grid-template-columns:1fr;margin-block:35px;gap:25px}.np-features article{padding-top:18px!important}.np-controls{grid-template-columns:1fr 45px}.np-controls label{grid-column:1/-1}.np-controls button{grid-column:1/-1}.np-lab{margin-inline:-8px;padding:28px 16px}.np-lab h2{font-size:37px}.np-reality{padding-top:30px}.np-reality h2{font-size:40px}.np-pattern{height:320px}[data-product-style=nocturne] .np-statement{padding:40px 16px}.np-options #np-pause{font-size:11px}.np-preview{padding-top:45px!important}}
@media(prefers-reduced-motion:reduce){.np-object>svg,.np-preview figure,.np-statement{transform:none!important}.np-statement h2{background-size:100% 100%!important}*{scroll-behavior:auto!important}}
[data-new-product] .nav.jano-sticky-menu{background:var(--np-bg);color:var(--np-ink)}[data-new-product] .nav-links{color:var(--np-muted)}[data-new-product] .np-reality h2{overflow-wrap:break-word}@media(max-width:600px){[data-new-product] .np-reality h2{font-size:34px}}

[data-new-product] section[id]{scroll-margin-top:125px}