nar-box{display:block;position:relative;min-width:0;isolation:isolate;color:var(--text,#e5e9ee);background:transparent;overflow:hidden}nar-box .nb-stage{position:relative;width:100%;height:570px;cursor:grab;touch-action:pan-y;outline-offset:-6px}nar-box .nb-stage:focus-visible{outline:2px solid currentColor}nar-box .nb-stage.is-dragging{cursor:grabbing}nar-box canvas{display:block;width:100%;height:100%;position:absolute;inset:0}nar-box .nb-controls{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 22px 17px;margin-top:-10px;min-height:52px;font:10px/1.5 'Space Mono',monospace;color:var(--secondary,var(--muted,#bdc9d9))}nar-box .nb-hint{letter-spacing:.015em}nar-box .nb-buttons{display:flex;gap:4px}nar-box button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font:19px/1 Arial,sans-serif;transition:background .15s}nar-box button:hover,nar-box button[aria-pressed=true]{background:color-mix(in srgb,currentColor 12%,transparent)}nar-box button:focus-visible{outline:2px solid currentColor;outline-offset:2px}nar-box button[data-box-action=auto]{font-size:12px}nar-box .nb-fallback{position:absolute;left:50%;top:10%;width:48%;height:77%;max-width:280px;transform:translateX(-50%) perspective(800px) rotateY(-18deg);box-shadow:14px 15px 0 #101c2c,20px 30px 40px #0008;background:#151a22;overflow:hidden}nar-box .nb-fallback>img:first-child{width:100%;height:100%;object-fit:cover}nar-box .nb-fallback>span{position:absolute;top:8%;left:12%;font:700 70px/1 var(--sans,sans-serif);color:#f4f4ed}nar-box .nb-fallback-logo{position:absolute;bottom:3%;left:8%;width:75%;height:auto}nar-box.nb-ready .nb-fallback{display:none}nar-box .nb-loading{position:absolute;inset:0;z-index:2;background:transparent;pointer-events:none}
/* The product is the interactive object in the laboratory's opening plate. */
.intro-body>.lab-box{align-self:stretch;margin:0;background:transparent}.lab-box .nb-stage{height:560px}.lab-box .nb-controls{padding-inline:24px}.lab-box .nb-hint{font-size:9px}
.packaging-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;margin:0 auto;padding:65px max(var(--page-gutter),calc((100% - var(--page-width))/2));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.packaging-copy h2{font:400 clamp(44px,4vw,66px)/1.05 var(--serif);margin:23px 0}.packaging-copy h2 em{font-weight:400;color:var(--accent)}.packaging-copy>p{font:16px/1.8 var(--sans);max-width:37ch;color:var(--secondary)}.packaging-copy>.text-link{display:inline-flex;margin-top:24px}.packaging-copy>small{display:block;margin-top:22px;font:10px/1.7 var(--mono);color:var(--secondary)}.packaging-feature nar-box{border:0}.packaging-feature .nb-stage{height:530px}
@media(max-width:1000px){.lab-box .nb-stage{height:540px}.packaging-feature{gap:36px}.packaging-feature .nb-stage{height:470px}.packaging-copy>p{font-size:15px}}
@media(max-width:760px){.intro-body>.lab-box{margin:0}.intro-body:has(.lab-box) .intro-copy{padding-bottom:34px;background:none}.intro-body:has(.lab-box) .intro-description,.intro-body:has(.lab-box) .intro-caption{max-width:36ch}.lab-box .nb-stage{height:470px}.packaging-feature{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px;gap:28px}.packaging-copy h2{font-size:46px}.packaging-copy>p{max-width:45ch}.packaging-feature .nb-stage{height:500px}}
@media(max-width:480px){nar-box .nb-controls{padding:0 14px 14px;font-size:9px}.lab-box .nb-stage{height:420px}.lab-box .nb-controls{padding-inline:15px}.packaging-feature .nb-stage{height:450px}.packaging-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){nar-box button{transition:none}}

nar-box .nb-buttons[hidden]{display:none}nar-box.nb-static .nb-stage{cursor:default}

nar-box .nb-fallback{inset:0;width:100%;height:100%;max-width:none;transform:none;box-shadow:none;background:none}nar-box .nb-fallback>img:first-child{object-fit:contain}
@media(max-width:480px){nar-box button{width:44px;height:44px}nar-box .nb-buttons{gap:2px}nar-box .nb-controls{gap:8px}}