:root{--atelier-header:96px;--atelier-inset:max(56px, calc((100vw - 1280px)/2) )}html{scroll-padding-top:var(--atelier-header)}main{position:relative;isolation:isolate}.site-header{position:sticky;top:0;z-index:20;width:100%;height:var(--atelier-header);margin:0;padding-inline:var(--atelier-inset);background:var(--canvas)}.showcase-hero{position:sticky;top:var(--atelier-header);z-index:0;display:flex;align-items:flex-end;width:100%;height:calc(100svh - var(--atelier-header));min-height:640px;margin:0;padding:56px var(--atelier-inset);overflow:hidden;isolation:isolate;background:#151714}.showcase-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0a0c0dd1,#0a0c0d59 42%,#0a0c0d08 78%)}.showcase-copy{position:relative;z-index:2;width:min(100%,1000px);padding:0}.showcase-copy h1{color:#fff;font-size:clamp(50px,6vw,88px);line-height:1.04;letter-spacing:-.015em;text-wrap:initial}.showcase-copy>p{max-width:43ch;margin-top:24px;color:#fff;font-size:17px;line-height:1.6}.showcase-actions{gap:32px;margin-top:28px;flex-wrap:wrap}.showcase-actions .button{min-height:52px;font-size:12px;padding-inline:22px;gap:26px}.craft-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.65)}.craft-link .icon{width:17px;height:17px;transform:rotate(90deg);transition:transform .2s var(--ease)}.craft-link:hover .icon{transform:translateY(3px) rotate(90deg)}.craft-link:focus-visible{outline-color:#fff}.film-showcase{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;min-width:0}.film-rail{height:100%;display:grid;grid-template-columns:1.04fr .96fr;gap:2px;padding:0;overflow:hidden}.film{position:relative;height:100%;min-height:0}.film:nth-child(2){margin:0}.film-frame{height:100%;aspect-ratio:auto}.film-frame video{object-fit:cover;object-position:center 43%}.film figcaption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.film-navigation{display:none}.process-showcase{position:sticky;top:var(--atelier-header);z-index:2;width:100%;height:calc(100svh - var(--atelier-header));min-height:640px;margin:0;padding:56px var(--atelier-inset);gap:clamp(40px,6vw,96px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--canvas);overflow:hidden}.process-heading{margin-bottom:36px}.process-heading h2{font-size:clamp(28px,3.2vw,46px);line-height:1.2;letter-spacing:-.01em;max-width:20ch}.process-studies{gap:24px}.process-studies .process-step:nth-child(2){margin-top:40px}.process-showcase .process-studies img{height:clamp(190px,28svh,320px);aspect-ratio:auto;object-fit:cover}.process-showcase .process-finished{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;overflow:hidden}.process-showcase .process-finished img{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center 40%;transform-origin:center 55%}.process-showcase .process-finished figcaption{position:relative;z-index:1;padding:0;background:var(--canvas)}.atelier-motion .process-finished img{transform:scale(calc(1.08 - var(--detail-progress,1)*.08));clip-path:inset(calc((1 - var(--detail-progress,1))*7%))}.inquiry-sheet{position:relative;z-index:3;background:var(--canvas)}.site-footer{position:relative;z-index:4;background:var(--canvas)}@media(min-width:1600px){.showcase-hero{padding-top:56px}.process-showcase{padding-block:64px}}@media(max-width:1100px){:root{--atelier-inset:32px}.showcase-hero{padding-block:48px}.showcase-copy h1{font-size:clamp(48px,6.5vw,72px)}.showcase-copy>p{font-size:16px}.process-showcase{gap:40px;padding-block:44px}.process-heading h2{font-size:32px}.process-studies{gap:18px}.process-showcase .process-studies img{height:clamp(180px,26svh,290px)}}@media(max-width:760px){:root{--atelier-header:76px;--atelier-inset:20px}.showcase-hero{height:calc(100svh - var(--atelier-header));min-height:620px;padding:36px var(--atelier-inset)}.showcase-copy{width:100%}.showcase-copy h1{font-size:clamp(38px,8.7vw,58px);line-height:1.08}.showcase-copy>p{font-size:15px;max-width:35ch;margin-top:20px}.showcase-actions{gap:14px;margin-top:24px;align-items:flex-start;flex-direction:column}.showcase-actions .button{font-size:11px;min-height:50px;padding-inline:18px;gap:22px}.craft-link{font-size:11px;min-height:36px}.film-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0}.film-rail::-webkit-scrollbar{display:none}.film{flex:0 0 100%;scroll-snap-align:start}.film-frame{aspect-ratio:auto}.film-frame video{object-position:center 36%}.film-navigation:not([hidden]){position:absolute;top:14px;right:16px;z-index:3;display:flex;align-items:center;gap:16px;margin:0;color:#fff}.film-navigation>div{gap:2px}.film-navigation button{color:#fff;width:40px;height:40px}.film-navigation button:focus-visible{outline-color:#fff}.process-showcase{position:relative;top:auto;height:auto;min-height:0;padding:48px var(--atelier-inset) 56px;grid-template-columns:1fr;gap:40px;overflow:visible}.process-heading{margin-bottom:28px}.process-heading h2{font-size:29px;max-width:22ch}.process-studies{gap:20px}.process-studies .process-step:nth-child(2){margin-top:28px}.process-showcase .process-studies img{height:auto;aspect-ratio:3/4}.process-showcase .process-finished{display:block;height:auto;overflow:hidden}.process-showcase .process-finished img{height:auto;aspect-ratio:4/5}.process-showcase .process-finished figcaption{padding-top:14px}}@media(max-width:360px){:root{--atelier-inset:16px}.showcase-copy h1{font-size:36px}.showcase-copy>p{font-size:14px}.process-heading h2{font-size:26px}.process-studies{gap:16px}}@media(prefers-reduced-motion:reduce),(max-height:700px){.showcase-hero,.process-showcase{position:relative;top:auto}.process-showcase{height:auto;min-height:0}.process-showcase .process-finished{height:auto;display:block}.process-showcase .process-finished img{height:auto;aspect-ratio:4/5;transform:none;clip-path:none}.process-showcase .process-finished figcaption{padding-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mz-wholesale-atelier-motion.css.map */