.manufacturing-page .detail-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 26px;padding:55px 6vw 48px;background:#f5f6ef}.detail-mosaic .detail-intro{position:static;display:block;background:none;color:#263d2d;border:0;padding:0;min-height:0;grid-column:1/-1;margin:0 0 8px;box-shadow:none}.detail-intro h2{font-size:clamp(38px,5vw,66px);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:18px 0}.detail-intro p{font-size:13px;color:#4d624c;margin:0}.detail-tile{min-width:0;margin:0;align-self:start}.detail-window{overflow:hidden;background:#e5e9df;position:relative}.detail-window img{width:100%;height:100%;display:block;object-fit:cover;max-width:none;transition:transform .7s ease}.detail-tile figcaption{display:flex;gap:16px;color:#465d46;font-size:10px;line-height:1.5;padding:13px 0 0}.detail-tile figcaption span{color:#678357;font-size:9px}.detail-1{grid-column:1/8}.detail-1 .detail-window{height:330px}.detail-1 img{object-position:20% 25%;transform:scale(1.8);transform-origin:20% 25%}.detail-2{grid-column:9/13;margin-top:70px}.detail-2 .detail-window{height:320px}.detail-2 img{object-position:70% 30%;transform:scale(1.9);transform-origin:70% 30%}.detail-3{grid-column:2/6;margin-top:-40px}.detail-3 .detail-window{height:245px}.detail-3 img{object-position:30% 52%;transform:scale(2.15);transform-origin:30% 52%}.detail-4{grid-column:7/13;margin-top:30px}.detail-4 .detail-window{height:280px}.detail-4 img{object-position:76% 58%;transform:scale(2.2);transform-origin:76% 58%}.detail-5{grid-column:1/6;margin-top:-28px}.detail-5 .detail-window{height:240px}.detail-5 img{object-position:55% 80%;transform:scale(1.9);transform-origin:55% 80%}.detail-6{grid-column:7/13;margin-top:45px}.detail-6 .detail-window{height:270px}.detail-6 img{object-position:60% 18%;transform:scale(2.3);transform-origin:60% 18%}@media(hover:hover){.detail-tile:hover img{filter:brightness(1.03)}}@media(max-width:760px){.manufacturing-page .detail-mosaic{padding:32px 6vw;gap:22px 14px;grid-template-columns:repeat(6,minmax(0,1fr))}.detail-intro h2{font-size:39px}.detail-1{grid-column:1/-1}.detail-2{grid-column:3/-1;margin-top:0}.detail-3{grid-column:1/5;margin-top:0}.detail-4{grid-column:2/-1;margin-top:0}.detail-5{grid-column:1/6;margin-top:0}.detail-6{grid-column:2/-1;margin-top:0}.detail-1 .detail-window{height:220px}.detail-2 .detail-window{height:240px}.detail-3 .detail-window{height:190px}.detail-4 .detail-window{height:210px}.detail-5 .detail-window{height:180px}.detail-6 .detail-window{height:210px}.detail-tile figcaption{font-size:10px;gap:12px;padding-top:10px}}@media(prefers-reduced-motion:reduce){.detail-window img{transition:none}}

.detail-3{grid-column:1/8;grid-row:2;margin-top:0}.detail-3 .detail-window{height:360px}.detail-3 img{object-position:48% 92%;transform:scale(1.28);transform-origin:48% 92%}.detail-5{grid-column:9/13;grid-row:2;margin-top:75px}.detail-5 .detail-window{height:285px}.detail-6{grid-column:4/11;grid-row:3;margin-top:5px}.detail-6 .detail-window{height:290px}@media(max-width:760px){.detail-3{grid-column:1/-1;grid-row:2;margin-top:0}.detail-3 .detail-window{height:260px}.detail-3 img{object-position:48% 94%;transform:scale(1.22);transform-origin:48% 94%}.detail-5{grid-column:2/-1;grid-row:3;margin-top:0}.detail-5 .detail-window{height:225px}.detail-6{grid-column:1/6;grid-row:4;margin-top:0}.detail-6 .detail-window{height:220px}}

.detail-3 .detail-window{height:auto;aspect-ratio:1.96}.detail-3 .detail-window img{position:absolute;bottom:0;left:0;width:100%;height:auto;object-fit:initial;transform:scale(1.13);transform-origin:50% 92%}@media(max-width:760px){.detail-3 .detail-window{height:auto;aspect-ratio:1.9}.detail-3 .detail-window img{object-position:initial;transform:scale(1.13);transform-origin:50% 92%}}

.detail-5 .detail-window{height:auto;aspect-ratio:1.22}.detail-5 img{object-position:50% 66%;transform:scale(1.6);transform-origin:50% 66%;position:absolute;inset:0}@media(max-width:760px){.detail-5 .detail-window{height:auto;aspect-ratio:1.22}.detail-5 img{object-position:50% 66%;transform:scale(1.6);transform-origin:50% 66%}}

.detail-6 .detail-window{height:auto;aspect-ratio:1.25}.detail-6 .detail-window img{position:absolute;width:160%;height:auto;max-width:none;left:-30%;top:-6%;object-fit:initial;object-position:initial;transform:none}@media(max-width:760px){.detail-6 .detail-window{height:auto;aspect-ratio:1.25}.detail-6 .detail-window img{width:160%;height:auto;left:-30%;top:-6%;transform:none}}

.detail-6{grid-column:1/7;grid-row:3;margin-top:0}.detail-porous{grid-column:8/13;grid-row:3;margin-top:65px}.detail-porous .detail-window{aspect-ratio:1.02;background:radial-gradient(ellipse at 50% 40%,#f5f6ef,#dce3d5)}.detail-porous img{object-fit:cover;object-position:50% 50%;transform:scale(1.02);filter:drop-shadow(6px 10px 8px #253c2c25)}@media(max-width:760px){.detail-6{grid-column:1/6;grid-row:4;margin-top:0}.detail-porous{grid-column:2/-1;grid-row:5;margin-top:0}.detail-porous .detail-window{aspect-ratio:1.02}}

.detail-3 .detail-window,.detail-6 .detail-window{height:auto;aspect-ratio:auto;background:none}.detail-3 .detail-window img,.detail-6 .detail-window img{position:static;inset:auto;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;transform:none;filter:none;aspect-ratio:auto}@media(max-width:760px){.detail-3 .detail-window,.detail-6 .detail-window{height:auto;aspect-ratio:auto}.detail-3 .detail-window img,.detail-6 .detail-window img{position:static;inset:auto;width:100%;height:auto;transform:none;object-fit:contain;filter:none}}

.detail-3 .detail-window{aspect-ratio:794/392;overflow:hidden;background:transparent}.detail-3 .detail-window img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}@media(max-width:760px){.detail-3 .detail-window{aspect-ratio:794/392}.detail-3 .detail-window img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}}

.detail-mosaic .detail-tile{--detail-drift:0px;--detail-enter:0px;translate:0 calc(var(--detail-drift) + var(--detail-enter));transition:opacity .75s ease,--detail-enter .75s ease}.detail-motion .detail-tile:not(.detail-shown){opacity:0;--detail-enter:16px}.detail-motion .detail-tile.detail-shown{opacity:1;--detail-enter:0px;animation:detail-enter .8s cubic-bezier(.2,.65,.3,1) both}@keyframes detail-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.detail-mosaic .detail-tile{--detail-drift:0px!important}.detail-motion .detail-tile.detail-shown{animation:detail-mobile-enter .65s ease both}@keyframes detail-mobile-enter{from{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:reduce){.detail-mosaic .detail-tile{opacity:1!important;translate:none!important;transform:none!important;animation:none!important;transition:none!important}}

.detail-mosaic .detail-tile{transition:opacity 1.1s ease}.detail-motion .detail-tile:not(.detail-shown){opacity:0;--detail-enter:0px}.detail-motion .detail-tile.detail-shown{animation:detail-enter-clear 1.25s cubic-bezier(.16,1,.3,1) both}@keyframes detail-enter-clear{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.detail-motion .detail-tile.detail-shown{animation:detail-mobile-clear 1s ease both}@keyframes detail-mobile-clear{from{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:reduce){.detail-mosaic .detail-tile{opacity:1!important;translate:none!important;animation:none!important;transform:none!important}}