/* Small material details complement the existing photographs and typography. */
.lab-material-line{position:relative;isolation:isolate;height:104px;margin:0 5vw;overflow:hidden;pointer-events:none;contain:layout paint}.lab-material-line:before{content:'';position:absolute;left:0;right:0;top:53%;height:1px;background:linear-gradient(90deg,transparent,#00539e38 17%,#00539e70 50%,#00539e38 83%,transparent)}.lab-material-line canvas{display:block;width:100%;height:100%;pointer-events:none}.lab-material-line:after{content:'';position:absolute;left:0;right:0;bottom:24%;height:1px;background:linear-gradient(90deg,transparent,#83b9d426,transparent)}
.lab-cursor{position:fixed;left:0;top:0;width:18px;height:19px;z-index:2147483646;pointer-events:none;opacity:0;border-radius:45% 48% 42% 48%;background:radial-gradient(ellipse at 28% 22%,#a4dcff 0%,#3795d5 24%,#00539e 62%,#002d5b 100%);box-shadow:inset 1px 2px 2px #e8f8ff88,inset -2px -3px 3px #00264980,2px 4px 5px #00324d20;will-change:transform;transition:width .15s,height .15s,opacity .15s}
.lab-cursor:after{content:'';position:absolute;left:5px;top:4px;width:6px;height:3px;border-radius:50%;background:#e9f9ff8c;transform:rotate(-25deg)}.lab-cursor.is-link{width:24px;height:25px;box-shadow:inset 1px 2px 3px #e8f8ff88,inset -3px -4px 4px #00264980,0 0 0 5px #00539e13,2px 5px 7px #00324d22}
@media(hover:hover) and (pointer:fine){html.lab-cursor-active,html.lab-cursor-active body,html.lab-cursor-active a,html.lab-cursor-active button,html.lab-cursor-active [role=button],html.lab-cursor-active label,html.lab-cursor-active canvas{cursor:none!important}html.lab-cursor-active input,html.lab-cursor-active textarea,[contenteditable=true]{cursor:text!important}.lab-tilt{transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s;will-change:transform}.lab-tilt:focus-visible{outline:2px solid #00539e;outline-offset:5px}.inn-site-cta{transition:transform .25s,box-shadow .25s}.inn-site-cta:hover{transform:perspective(700px) translateZ(6px) translateY(-2px);box-shadow:0 8px 18px #0044751a}}
@media(max-width:760px),(max-width:1100px) and (orientation:portrait){.lab-material-line{height:78px;margin:0 22px}.lab-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.lab-cursor{display:none}.lab-tilt,.inn-site-cta{transition:none!important;transform:none!important;will-change:auto}}

html.lab-cursor-active select{cursor:auto!important}

/* Hardware-independent CSS 3D fallback for browsers without WebGL. */
.lab-material-static{perspective:650px;transform-style:preserve-3d}.lab-material-static canvas[hidden]{display:none}.lab-css-piece{position:absolute;left:calc(3% + var(--i)*11%);top:40%;width:20px;height:20px;transform-style:preserve-3d;animation:lab-piece-turn 12s linear infinite;animation-delay:calc(var(--i)*-1.3s);filter:drop-shadow(2px 5px 3px #00365020)}.lab-css-piece i,.lab-css-piece b{position:absolute;inset:0;border-radius:42%;background:radial-gradient(ellipse at 28% 20%,#b3e8ff,#2484ba 37%,#00539e 78%,#003a6d);box-shadow:inset 1px 2px 2px #e8f8ff88,inset -2px -2px 3px #00264966;transform:translateZ(4px)}.lab-css-piece b{transform:translateZ(-4px);background:#246b96}.lab-css-piece:nth-child(3n) i{background:radial-gradient(ellipse at 28% 20%,#fff,#d4e6ed 40%,#83a6b9);box-shadow:inset 1px 2px 2px white}.lab-css-piece.is-flake{width:28px;height:23px}.lab-css-piece.is-flake i,.lab-css-piece.is-flake b{border-radius:0;clip-path:polygon(8% 23%,39% 0,95% 17%,100% 65%,48% 100%,0 76%);background:linear-gradient(135deg,#d2f0fc,#54a4cc 46%,#b5e1ed 48%,#418bb5)}.lab-css-piece.is-cap{width:27px;height:27px}.lab-css-piece.is-cap i,.lab-css-piece.is-cap b{border-radius:50%;border:4px solid #246da4;background:radial-gradient(ellipse at 40% 30%,#87b8d5,#004177);box-shadow:inset 1px 2px 3px #002d5b88,1px 1px 2px #8ac8e6}
@keyframes lab-piece-turn{0%{transform:translate3d(0,0,0) rotateX(20deg) rotateY(0deg) rotateZ(15deg)}50%{transform:translate3d(16px,-6px,10px) rotateX(45deg) rotateY(180deg) rotateZ(90deg)}100%{transform:translate3d(0,0,0) rotateX(20deg) rotateY(360deg) rotateZ(195deg)}}
@media(max-width:600px){.lab-css-piece:nth-of-type(n+6){display:none}.lab-css-piece{left:calc(4% + var(--i)*20%)}}
@media(prefers-reduced-motion:reduce){.lab-css-piece{animation:none;transform:rotateX(20deg) rotateY(25deg)}}
/* Distinct material forms within information panels. Decorative space is reserved. */
.lab-info-panel{position:relative;display:flow-root}.lab-detail{position:relative;display:block;float:right;width:100px;height:86px;margin:0 0 15px 22px;perspective:550px;transform-style:preserve-3d;pointer-events:none;filter:drop-shadow(3px 9px 6px #00345016);animation:lab-detail-float 8s ease-in-out infinite}.lab-detail i{display:block;position:absolute;box-sizing:border-box;transform-style:preserve-3d;--blue:#197ab2}.lab-detail-gear i{width:64px;height:64px;left:18px;top:10px;background:repeating-conic-gradient(#00539e 0 12deg,#76b6d4 12deg 20deg,#00539e 20deg 30deg);clip-path:polygon(40% 0,60% 0,63% 12%,72% 16%,84% 10%,98% 29%,88% 39%,90% 48%,100% 56%,91% 77%,77% 76%,69% 84%,67% 99%,43% 100%,39% 87%,30% 83%,15% 89%,1% 68%,12% 58%,11% 48%,0 39%,10% 18%,25% 21%,34% 14%);transform:rotateX(24deg) rotateY(-22deg) rotateZ(calc(var(--n)*5deg)) translateZ(calc(var(--n)*7px))}.lab-detail-gear i:after{content:'';position:absolute;inset:22px;border-radius:50%;background:#f1f7fa;box-shadow:inset 2px 2px 3px #00365b80}
.lab-detail-coil i{width:54px;height:54px;border:7px solid #2789bd;border-left-color:#a9dced;border-bottom-color:#004d8a;border-radius:50%;left:calc(8px + var(--n)*5px);top:calc(10px + var(--n)*2px);transform:rotateY(54deg) rotateX(-12deg) translateZ(calc(var(--n)*2px))}
.lab-detail-bottle i{left:34px;top:21px;width:34px;height:54px;border-radius:11px 11px 8px 8px;border:1px solid #70b9d2;background:linear-gradient(90deg,#b5dfea88,#f3fcffcc 35%,#a4d6e688 65%,#388cb477);transform:rotateZ(-13deg) rotateY(-18deg);box-shadow:inset 4px 0 5px #ffffffaa,3px 3px 0 #0071a729}.lab-detail-bottle i:nth-child(2){width:16px;height:21px;top:7px;left:34px;border-radius:4px;background:linear-gradient(90deg,#00539e,#67b8dd,#00539e)}.lab-detail-bottle i:nth-child(3){left:43px;top:40px;width:26px;height:18px;border:0;border-radius:0;background:#197eb666}
.lab-detail-flakes i{left:calc(5px + var(--n)*14px);top:calc(14px + var(--n)*7px);width:30px;height:29px;clip-path:polygon(8% 23%,39% 0,95% 17%,100% 65%,48% 100%,0 76%);background:linear-gradient(140deg,#dbf5ff,#66b4d2 46%,#d4effa 49%,#176891);transform:rotateZ(calc(var(--n)*42deg)) rotateY(calc(var(--n)*19deg)) translateZ(calc(var(--n)*4px))}
.lab-detail-strand i{width:70px;height:21px;left:10px;top:calc(8px + var(--n)*15px);border-top:6px solid #318ebc;border-radius:50%;transform:rotateZ(-18deg) rotateX(30deg) translateZ(calc(var(--n)*5px));box-shadow:0 -2px 0 #b4e0ee,0 2px 2px #00487520}
.lab-detail-pellets i{width:19px;height:21px;left:calc(10px + mod(var(--n),3)*23px);top:calc(11px + round(down,var(--n)/3)*31px);border-radius:40% 48% 45% 42%;background:radial-gradient(ellipse at 25% 20%,#d3f4ff,#4098c1 40%,#004b83);transform:rotateZ(calc(var(--n)*37deg)) rotateY(22deg);box-shadow:inset 1px 2px 2px #fff8,2px 3px 2px #003c6b22}.lab-detail-pellets i:nth-child(3n+1){left:12px}.lab-detail-pellets i:nth-child(3n+2){left:38px}.lab-detail-pellets i:nth-child(3n){left:65px}.lab-detail-pellets i:nth-child(n+4){top:43px}
.lab-detail-cap i{width:60px;height:52px;left:18px;top:calc(16px + var(--n)*4px);border-radius:50%;border:8px solid #1473ad;border-top-color:#75bedf;border-bottom-color:#00447d;background:radial-gradient(ellipse,#0d527f,#b3e1ef);transform:rotateX(42deg) rotateZ(-20deg) translateZ(calc(var(--n)*5px));box-shadow:inset 1px 2px 4px #00355366}
.lab-process-choice{position:relative;padding-right:65px!important}.lab-detail-small{position:absolute;right:10px;top:50%;margin:-43px 0 0;float:none;transform:scale(.44);transform-origin:center right;animation:none}.lab-info-panel>p,.lab-info-panel>h3{position:relative}.lab-info-panel .lab-detail~.small-label{display:block}.contact-outline .lab-detail{float:none;position:absolute;right:22px;top:14px}.contact-outline{padding-right:120px!important}
@keyframes lab-detail-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -5px;rotate:4deg}}
main li.lab-no-arrow:before,main li.lab-no-arrow:after{content:none!important}
@media(max-width:760px){.lab-detail{width:85px;height:78px;margin-left:12px;scale:.85;transform-origin:top right}.lab-detail-small{scale:1;transform:scale(.36)}.contact-outline{padding-right:100px!important}.lab-info-panel{min-width:0}}
@media(prefers-reduced-motion:reduce){.lab-detail{animation:none}}