.about-factory-gallery{--factory-red: #b5262d;--factory-ink: #101113;--factory-surface: #17181a;--factory-line: rgba(255, 255, 255, .12);--factory-text: #f4f2ed;--factory-muted: rgba(244, 242, 237, .66);position:relative;overflow:hidden;color:var(--factory-text);background:var(--factory-ink)}.about-factory-gallery__inner{width:min(100% - clamp(2rem,5vw,5rem),100rem);margin-inline:auto;padding-block:clamp(3rem,4.6vw,4.6rem) clamp(2.25rem,3.6vw,3.5rem);display:grid;grid-template-columns:minmax(14.5rem,18rem) minmax(0,1fr);grid-template-areas:"intro stage" "footer footer";gap:clamp(1.2rem,2.3vw,2.5rem) clamp(1.6rem,3.2vw,3.2rem)}.about-factory-gallery__intro{grid-area:intro;min-width:0;align-self:start}.about-factory-gallery__eyebrow{margin:0 0 1.2rem;display:flex;align-items:center;gap:.75rem;color:#e44c50;font-family:var(--font-data);font-size:.61rem;font-weight:780;letter-spacing:.18em;text-transform:uppercase}.about-factory-gallery__eyebrow:before{content:"";width:1.35rem;height:1px;background:currentColor}.about-factory-gallery__intro h2{max-width:11ch;margin:0;color:var(--factory-text);font-family:var(--font-display);font-size:clamp(2rem,2.8vw,2.85rem);font-weight:760;letter-spacing:-.05em;line-height:.98;text-transform:none}.about-factory-gallery__lead{margin:1.15rem 0 0;color:#f4f2edd1;font-size:.8rem;letter-spacing:.01em}.about-factory-gallery__body{max-width:30rem;margin:1rem 0 0;color:var(--factory-muted);font-size:.78rem;line-height:1.65}.about-factory-gallery__body strong{color:#ffffffe6;font-weight:680}.about-factory-gallery__film{width:100%;margin:1.5rem 0 0;padding:0;display:block;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.about-factory-gallery__film-label{margin-bottom:.7rem;display:flex;align-items:center;gap:.35rem;color:#ef5257;font-family:var(--font-data);font-size:.58rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.about-factory-gallery__film-label i{font-size:.85rem}.about-factory-gallery__film-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;display:block;border:1px solid rgba(255,255,255,.14);background:#242527}.about-factory-gallery__film-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.36));pointer-events:none}.about-factory-gallery__film img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 55%;filter:saturate(.82) contrast(1.04);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease}.about-factory-gallery__film:hover img,.about-factory-gallery__film:focus-visible img{transform:scale(1.025);filter:saturate(1) contrast(1.02)}.about-factory-gallery__play{position:absolute;z-index:2;top:50%;left:50%;width:3.25rem;height:3.25rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:var(--factory-red);box-shadow:0 .8rem 2.4rem #00000047;transform:translate(-50%,-50%);transition:transform .3s ease,background .3s ease}.about-factory-gallery__film:hover .about-factory-gallery__play,.about-factory-gallery__film:focus-visible .about-factory-gallery__play{background:#d42f36;transform:translate(-50%,-50%) scale(1.07)}.about-factory-gallery__play i{margin-left:.13rem;font-size:1.25rem}.about-factory-gallery__film-meta{margin-top:.55rem;display:flex;justify-content:space-between;gap:1rem;color:#f4f2ed8f;font-family:var(--font-data);font-size:.57rem;letter-spacing:.06em;text-transform:uppercase}.about-factory-gallery__film-meta strong{color:#f4f2edd1;font-weight:700}.about-factory-gallery__film:focus-visible{outline:2px solid #fff;outline-offset:.35rem}.about-factory-gallery__stage{grid-area:stage;min-width:0;height:clamp(26rem,34vw,34rem);display:grid;grid-template-columns:minmax(0,1.72fr) repeat(3,minmax(0,.72fr));grid-template-rows:minmax(0,1fr) minmax(0,.72fr);gap:.34rem;transition:grid-template-columns .55s cubic-bezier(.2,.8,.2,1)}.about-factory-gallery__stage[data-active=injection]{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.65fr)}.about-factory-gallery__stage[data-active=warehouse]{grid-template-columns:minmax(0,1.18fr) repeat(2,minmax(0,.6fr)) minmax(0,1.28fr)}.about-factory-gallery__stage[data-active=storage],.about-factory-gallery__stage[data-active=materials]{grid-template-columns:minmax(0,1.18fr) minmax(0,1.08fr) repeat(2,minmax(0,.64fr))}.about-factory-gallery__stage[data-active=assembly]{grid-template-columns:minmax(0,1.18fr) minmax(0,.64fr) minmax(0,1.08fr) minmax(0,.64fr)}.about-factory-gallery__item{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;color:#fff;text-align:left;background:#252628;cursor:pointer;isolation:isolate}.about-factory-gallery__item--automated{grid-column:1;grid-row:1 / 3}.about-factory-gallery__item--injection{grid-column:2 / 4;grid-row:1}.about-factory-gallery__item--warehouse{grid-column:4;grid-row:1}.about-factory-gallery__item--storage{grid-column:2;grid-row:2}.about-factory-gallery__item--assembly{grid-column:3;grid-row:2}.about-factory-gallery__item--materials{grid-column:4;grid-row:2}.about-factory-gallery__item:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.78));transition:background .35s ease;pointer-events:none}.about-factory-gallery__item img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.04) brightness(.9);transform:scale(1.012);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .45s ease}.about-factory-gallery__item--automated img{object-position:53% center}.about-factory-gallery__item--injection img{object-position:center 55%}.about-factory-gallery__item--warehouse img,.about-factory-gallery__item--storage img{object-position:center}.about-factory-gallery__item:hover img,.about-factory-gallery__item:focus-visible img,.about-factory-gallery__item.is-active img{filter:saturate(.96) contrast(1.02) brightness(1);transform:scale(1.025)}.about-factory-gallery__item:focus-visible{z-index:3;outline:2px solid #fff;outline-offset:-4px}.about-factory-gallery__caption{position:absolute;z-index:2;right:.9rem;bottom:.85rem;left:.9rem;display:grid;grid-template-columns:auto 1fr;gap:.25rem .55rem;align-items:end}.about-factory-gallery__caption b{grid-row:1 / 3;color:#ffffffc7;font-family:var(--font-data);font-size:.58rem;font-weight:700;letter-spacing:.08em}.about-factory-gallery__caption strong{overflow:hidden;color:#fff;font-size:clamp(.66rem,.78vw,.82rem);font-weight:670;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.about-factory-gallery__caption small{color:#ffffff94;font-family:var(--font-data);font-size:.49rem;letter-spacing:.05em;text-transform:uppercase}.about-factory-gallery__footer{grid-area:footer;display:grid;grid-template-columns:auto minmax(5rem,1fr) auto;gap:1.2rem;align-items:center}.about-factory-gallery__footer p{margin:0;display:flex;align-items:baseline;gap:.28rem;font-family:var(--font-data);font-size:.63rem;letter-spacing:.05em}.about-factory-gallery__footer p strong{color:#ef4f55;font-size:.95rem}.about-factory-gallery__footer p span{color:#ffffff75}.about-factory-gallery__progress{position:relative;height:1px;overflow:visible;background:#fff3}.about-factory-gallery__progress i{position:absolute;top:-1px;left:0;width:16.666%;height:3px;background:var(--factory-red);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.about-factory-gallery__controls{display:flex;align-items:center;gap:.65rem}.about-factory-gallery__controls span{color:#ffffff78;font-family:var(--font-data);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase}.about-factory-gallery__controls button{width:2rem;height:2rem;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:#fff;background:transparent;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}.about-factory-gallery__controls button:hover,.about-factory-gallery__controls button:focus-visible{border-color:var(--factory-red);background:var(--factory-red);transform:translateY(-2px)}.about-factory-gallery__controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}.about-factory-gallery__dialog{width:min(72rem,calc(100vw - 2rem));padding:0;border:0;color:#fff;background:#111214;box-shadow:0 2rem 7rem #0000008c}.about-factory-gallery__dialog::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-factory-gallery__dialog-panel{padding:clamp(1rem,2vw,1.6rem)}.about-factory-gallery__dialog-head{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.about-factory-gallery__dialog-head p{margin:0 0 .25rem;color:#e74b50;font-family:var(--font-data);font-size:.58rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.about-factory-gallery__dialog-head h3{margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,2rem);letter-spacing:-.03em}.about-factory-gallery__dialog-head button{width:2.5rem;height:2.5rem;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);color:#fff;background:transparent;cursor:pointer}.about-factory-gallery__dialog-head button:hover,.about-factory-gallery__dialog-head button:focus-visible{border-color:var(--factory-red);background:var(--factory-red)}.about-factory-gallery__dialog-head button i{font-size:1.2rem}.about-factory-gallery__video{aspect-ratio:16 / 9;background:#000}.about-factory-gallery__video video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.about-factory-gallery__dialog-panel>a{margin-top:.8rem;display:inline-flex;align-items:center;gap:.35rem;color:#ffffffb3;font-size:.72rem;text-decoration:none}.about-factory-gallery__dialog-panel>a:hover{color:#fff}@media(max-width:70rem){.about-factory-gallery__inner{grid-template-columns:minmax(13rem,15.5rem) minmax(0,1fr)}.about-factory-gallery__stage{height:29rem;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,.65fr))}.about-factory-gallery__body{font-size:.72rem}.about-factory-gallery__caption small{display:none}}@media(max-width:56rem){.about-factory-gallery__inner{width:100%;padding-block:3.25rem 2.5rem;grid-template-columns:1fr;grid-template-areas:"intro" "stage" "footer";gap:1.6rem}.about-factory-gallery__intro{padding-inline:5vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,15rem);gap:0 1.5rem}.about-factory-gallery__eyebrow,.about-factory-gallery__intro h2,.about-factory-gallery__lead,.about-factory-gallery__body{grid-column:1}.about-factory-gallery__film{grid-column:2;grid-row:1 / 6;margin:0;align-self:end}.about-factory-gallery__intro h2{font-size:clamp(2rem,5vw,2.7rem)}.about-factory-gallery__body{max-width:34rem}.about-factory-gallery__stage{height:auto;padding-inline:5vw;display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.about-factory-gallery__stage::-webkit-scrollbar{display:none}.about-factory-gallery__item,.about-factory-gallery__item--automated,.about-factory-gallery__item--injection,.about-factory-gallery__item--warehouse,.about-factory-gallery__item--storage,.about-factory-gallery__item--assembly,.about-factory-gallery__item--materials{flex:0 0 min(72vw,34rem);aspect-ratio:16 / 10;scroll-snap-align:center}.about-factory-gallery__item--automated{flex-basis:min(82vw,40rem)}.about-factory-gallery__footer{padding-inline:5vw}}@media(max-width:40rem){.about-factory-gallery__inner{padding-block:2.8rem 2.1rem}.about-factory-gallery__intro{display:block}.about-factory-gallery__eyebrow{margin-bottom:.9rem}.about-factory-gallery__intro h2{max-width:13ch;font-size:clamp(1.9rem,9vw,2.55rem)}.about-factory-gallery__lead{margin-top:.9rem}.about-factory-gallery__body{margin-top:.75rem;font-size:.76rem}.about-factory-gallery__film{width:min(13rem,62vw);margin-top:1.15rem}.about-factory-gallery__film-label{margin-bottom:.5rem}.about-factory-gallery__play{width:2.65rem;height:2.65rem}.about-factory-gallery__item,.about-factory-gallery__item--automated{flex-basis:84vw;aspect-ratio:4 / 3}.about-factory-gallery__caption{right:.75rem;bottom:.7rem;left:.75rem}.about-factory-gallery__footer{grid-template-columns:auto minmax(3rem,1fr);gap:.9rem}.about-factory-gallery__controls{grid-column:1 / -1;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.about-factory-gallery__stage,.about-factory-gallery__film img,.about-factory-gallery__play,.about-factory-gallery__item img,.about-factory-gallery__progress i,.about-factory-gallery__controls button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/about-factory-gallery.css.map */