.manufacturing-page .floating-gallery{padding:40px 6vw 32px;background:#f5f6ef;position:relative;isolation:isolate;overflow:clip}.floating-intro{max-width:900px;margin:0 auto;position:relative;z-index:1;pointer-events:none}.floating-intro .eyebrow{font-size:11px;color:#506b48}.floating-intro h2{font-size:clamp(36px,4.4vw,61px);font-weight:400;letter-spacing:-.055em;line-height:1.03;margin:18px 0 20px}.floating-intro p{font-size:15px;color:#425c43;margin:0;line-height:1.6}.floating-space{position:relative;height:490px;max-width:900px;margin:0 auto;perspective:1000px}.floating-piece{position:absolute;margin:0;--scroll-y:0px;translate:0 var(--scroll-y);z-index:1}.floating-base{left:7%;top:95px;width:clamp(280px,25vw,320px)}.floating-frames{left:68%;top:-12px;width:205px}.floating-upper{left:22%;top:310px;width:190px}.floating-porous{left:55%;top:220px;width:205px}.floating-product{display:block;border:0;background:none;padding:0;width:100%;cursor:zoom-in;transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--hover-scale,1));transition:transform .55s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d;color:inherit}.floating-product:focus-visible{outline:1px solid #668653;outline-offset:10px}.floating-image{display:block;width:100%;overflow:hidden;background:none}.floating-image img{display:block;width:100%;height:auto;max-width:none;transform:none;filter:none}.floating-frames .floating-image{aspect-ratio:1.22;position:relative}.floating-frames img{height:100%;object-fit:cover;object-position:50% 66%;transform:scale(1.6);transform-origin:50% 66%}.floating-porous .floating-image{aspect-ratio:1.02}.floating-porous img{height:100%;object-fit:cover;object-position:45% 50%}.floating-piece figcaption{display:flex;gap:10px;align-items:baseline;padding-top:15px;color:#38533b;font-size:13px;line-height:1.5;max-width:100%}.floating-piece figcaption span{font-size:10px;color:#617f55;letter-spacing:.08em;flex:none}.floating-frames figcaption{text-align:right;justify-content:flex-end}.floating-piece:hover,.floating-piece:focus-within{z-index:4}.floating-bob{will-change:transform}.floating-enabled .floating-piece:not(.floating-seen){opacity:0;transform:translateY(26px)}.floating-enabled .floating-piece.floating-seen{animation:floating-arrival 1.1s cubic-bezier(.16,1,.3,1) calc(var(--order)*.15s) both}.floating-enabled .floating-seen .floating-bob{animation:product-breathe 7.6s ease-in-out infinite;animation-delay:calc(var(--order)*-1.7s)}.floating-enabled .floating-frames .floating-bob{animation-name:product-drift;animation-duration:9.2s}.floating-enabled .floating-upper .floating-bob{animation-duration:8.6s}.floating-enabled .floating-porous .floating-bob{animation-name:product-drift;animation-duration:10.4s}@keyframes floating-arrival{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes product-breathe{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-8px,0)}}@keyframes product-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4px,7px,0)}}.floating-viewer{border:0;background:#f5f6ef;padding:22px;max-width:min(900px,92vw);max-height:90dvh;color:#263d2d}.floating-viewer::backdrop{background:#17291fbb}.floating-viewer img{max-width:100%;max-height:70dvh;object-fit:contain;display:block;margin:auto}.floating-viewer p{font-size:14px;line-height:1.6;margin:18px 0 0}.floating-close{display:block;margin:0 0 18px auto;border:0;border-bottom:1px solid #6a8060;background:none;color:#263d2d;padding:6px 0;font:13px Arial;cursor:pointer}@media(min-width:761px) and (max-width:1000px){.floating-base{left:0;top:95px;width:280px}.floating-frames{left:auto;right:0;top:0;width:190px}.floating-upper{left:14%;top:310px;width:180px}.floating-porous{left:55%;top:235px;width:185px}.floating-intro p{font-size:14px}}
@media(max-width:760px){.manufacturing-page .floating-gallery{padding:32px 6vw 24px}.floating-intro{max-width:420px}.floating-intro h2{font-size:38px;line-height:1.03;max-width:290px;margin:16px 0}.floating-intro p{font-size:13px;max-width:250px}.floating-space{height:530px;max-width:420px;margin-top:20px}.floating-base{left:0;top:180px;width:57%;max-width:205px}.floating-frames{left:auto;right:0;top:10px;width:38%;max-width:145px}.floating-upper{left:0;top:365px;width:52%;max-width:170px}.floating-porous{left:auto;right:0;top:305px;width:42%;max-width:150px}.floating-piece figcaption{font-size:12px;line-height:1.45;padding-top:11px;gap:8px}.floating-piece figcaption span{font-size:9px}.floating-frames figcaption{justify-content:flex-start;text-align:left}.floating-bob{will-change:auto}.floating-enabled .floating-seen .floating-bob{animation-duration:10s}@keyframes product-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes product-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}}@media(max-width:360px){.floating-intro h2{font-size:35px}.floating-piece figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.floating-gallery .floating-piece,.floating-gallery .floating-bob,.floating-gallery .floating-product{animation:none!important;transition:none!important;transform:none!important;translate:none!important;opacity:1!important;will-change:auto}}