.atl{--display: Impact, Haettenschweiler, "Arial Narrow Bold", "Helvetica Neue Condensed Bold", "Roboto Condensed", sans-serif;background:#0a0a0a;color:#fff;font-family:var(--font-body-family, system-ui, -apple-system, "Segoe UI", sans-serif);letter-spacing:.02em;line-height:1.5}.atl *,.atl *:before,.atl *:after{box-sizing:border-box}.atl a{color:inherit}.atl-intro{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;padding:120px 20px 110px;background:#0a0a0a;overflow:hidden}.atl-intro__k{margin:0 0 22px;font-size:12px;letter-spacing:.42em;text-transform:uppercase;font-weight:700;opacity:.7}.atl-intro__t{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(64px,13.5vw,230px);line-height:.86;text-transform:uppercase}.atl-intro__t span{display:block;animation:atl-in 1.1s cubic-bezier(.2,.7,.2,1) both}.atl-intro__t span:nth-child(2){animation-delay:.12s;-webkit-text-stroke:2px #fff;color:transparent}.atl-intro__t span:nth-child(3){animation-delay:.24s}@keyframes atl-in{0%{opacity:0;transform:translateY(40px);letter-spacing:.2em}to{opacity:1;transform:none;letter-spacing:0}}.atl-intro__s{margin:30px auto 0;max-width:44ch;font-size:15px;line-height:1.7;opacity:.72}.atl-scroll{position:absolute;left:50%;bottom:34px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;letter-spacing:.36em;text-transform:uppercase;font-weight:700}.atl-scroll i{display:block;width:1px;height:48px;background:linear-gradient(#fff,#fff0);transform-origin:top;animation:atl-drip 1.9s ease-in-out infinite}@keyframes atl-drip{0%{transform:scaleY(0);opacity:1}55%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.atl-ch{position:relative;height:470vh;--p: 0;color:var(--fg)}.atl-ch--paper{--bg: #efeee9;--fg: #0a0a0a;--gr: 10, 10, 10;--st: #0a0a0a}.atl-ch--ink{--bg: #0a0a0a;--fg: #ffffff;--gr: 255, 255, 255;--st: #ffffff}.atl-ch--concrete{--bg: #c9c8c3;--fg: #0a0a0a;--gr: 10, 10, 10;--st: #0a0a0a}.atl-ch{--draw: clamp(0, calc(var(--p) / .16), 1);--cutr: clamp(0, calc((var(--p) - .14) / .2), 1);--cut: calc(var(--cutr) * (2 - var(--cutr)));--asmr: clamp(0, calc((var(--p) - .34) / .24), 1);--asm: calc(var(--asmr) * (2 - var(--asmr)));--sti: clamp(0, calc((var(--p) - .5) / .14), 1);--det: clamp(0, calc((var(--p) - .6) / .14), 1);--phr: clamp(0, calc((var(--p) - .74) / .16), 1);--ph: calc(var(--phr) * (2 - var(--phr)));--cta: clamp(0, calc((var(--p) - .9) / .06), 1)}.atl-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--bg);color:var(--fg);isolation:isolate}.atl-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(var(--gr),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--gr),.07) 1px,transparent 1px);background-size:56px 56px;opacity:calc(.35 + var(--draw) * .65)}.atl-bgword{position:absolute;left:50%;top:52%;z-index:0;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(180px,40vw,720px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(var(--gr),.11);text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:calc(1 - var(--ph) * .85)}.atl-scan{position:absolute;left:0;right:0;top:0;z-index:3;height:2px;background:rgb(var(--gr));box-shadow:0 0 18px 2px rgba(var(--gr),.35);pointer-events:none;transform:translateY(calc(var(--cut) * 100vh));opacity:calc(var(--cutr) * (1 - var(--cutr)) * 4)}.atl-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding-top:84px}.atl-canvas{position:relative;display:grid;place-items:center;padding:8px 0 92px 24px;min-height:0}.atl-svg{display:block;width:min(100%,calc(100svh - 190px));height:auto;aspect-ratio:1;overflow:visible;will-change:transform;transform:translate(calc(var(--ph) * -3%)) scale(calc(1 - var(--ph) * .05))}.atl-side{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0 clamp(24px,4vw,72px) 92px 24px}.atl-k{margin:0 0 14px;font-size:12px;letter-spacing:.38em;text-transform:uppercase;font-weight:700;opacity:.75}.atl-h{margin:0 0 20px;font-family:var(--display);font-weight:400;font-size:clamp(64px,9vw,150px);line-height:.84;text-transform:uppercase}.atl-phase{margin:0 0 8px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;min-height:20px}.atl-bar{display:block;height:2px;width:min(360px,100%);margin:0 0 26px;background:rgba(var(--gr),.18);overflow:hidden}.atl-bar i{display:block;height:100%;background:rgb(var(--gr));transform-origin:left;transform:scaleX(var(--p))}.atl-specs{list-style:none;margin:0;padding:0;max-width:46ch}.atl-specs li{--k: clamp(0, calc(var(--det) * 6 - var(--i)), 1);display:flex;gap:14px;padding:9px 0;border-top:1px solid rgba(var(--gr),.22);font-size:15px;line-height:1.45;opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 14px))}.atl-specs li:last-child{border-bottom:1px solid rgba(var(--gr),.22)}.atl-specs b{flex:none;width:26px;font-size:11px;letter-spacing:.12em;padding-top:4px;opacity:.6}.atl-photos{position:absolute;z-index:4;top:84px;right:0;bottom:0;width:47%;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:6px;pointer-events:none}.atl-photos figure{position:relative;margin:0;overflow:hidden;background:#111;clip-path:inset(calc((1 - var(--k)) * 100%) 0 0 0)}.atl-photos .f1{--k: var(--ph);grid-row:1 / 3}.atl-photos .f2{--k: clamp(0, calc(var(--ph) * 1.7 - .35), 1)}.atl-photos .f3{--k: clamp(0, calc(var(--ph) * 1.7 - .7), 1)}.atl-photos--tri{grid-template-columns:1fr 1fr;grid-template-rows:1.25fr 1fr}.atl-photos--tri .f1{grid-row:1;grid-column:1 / 3}.atl-photos img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(calc(1.22 - var(--k) * .22));filter:grayscale(1) contrast(1.06);transition:filter .9s ease}.atl-ch.is-done .atl-photos img{filter:none}.atl-ch.is-done .atl-photos{pointer-events:auto}.atl-cta{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:60px 22px 24px;display:flex;flex-wrap:wrap;gap:10px;background:linear-gradient(#0000,#000000c7);opacity:var(--cta);transform:translateY(calc((1 - var(--cta)) * 20px));pointer-events:none}.atl-ch.is-done .atl-cta{pointer-events:auto}.atl-cta a{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #fff;border-radius:999px;background:#0a0a0a8c;color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.atl-cta a:hover,.atl-cta a:focus-visible{background:#fff;color:#0a0a0a}.atl-cta a span{opacity:.8;font-weight:500;letter-spacing:.06em}.pc{transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--dx, 0px) * (1 - var(--asm))),calc(var(--dy, 0px) * (1 - var(--asm)))) rotate(calc(var(--r, 0deg) * (1 - var(--asm))))}.pc-fill{opacity:var(--cut)}.pc-line{fill:none;stroke:var(--st);stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw))}.dl{fill:none;stroke:var(--dt);stroke-width:2.6;stroke-linecap:round;opacity:var(--sti)}.dl-f{fill:var(--dt);stroke:none;opacity:var(--sti)}.stitch{fill:none;stroke:var(--dt);stroke-width:2.4;stroke-dasharray:7 6;stroke-dashoffset:calc((1 - var(--sti)) * 60);opacity:var(--sti)}.co{opacity:var(--det)}.co-l{fill:none;stroke:var(--fg);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--det))}.co-d{fill:var(--fg)}.co-t{fill:var(--fg);font-size:23px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-body-family, system-ui, sans-serif)}.atl-cap{fill:var(--fg);font-size:20px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;opacity:calc(var(--draw) * (1 - var(--cut)))}.atl-tray{position:fixed;z-index:30;left:50%;bottom:14px;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 6px;border-radius:999px;background:#0a0a0ad1;border:1px solid rgba(255,255,255,.28);color:#fff;opacity:0;transform:translate(-50%,24px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.atl-tray.is-vis{opacity:1;transform:translate(-50%);pointer-events:auto}.atl-slot{display:block;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#2a2a2a;opacity:.22;transform:scale(.82);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.atl-slot img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}.atl-slot.is-on{opacity:1;transform:none}.atl-slot.is-on:hover img{filter:none}.atl-count{margin-left:8px;font-size:11px;letter-spacing:.2em;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.atl-outro{background:#0a0a0a;padding:110px clamp(16px,4vw,56px) 130px;text-align:center}.atl-outro h2{margin:0 0 12px;font-family:var(--display);font-weight:400;font-size:clamp(56px,11vw,190px);line-height:.86;text-transform:uppercase}.atl-outro p{margin:0 auto 44px;max-width:46ch;font-size:15px;opacity:.72}.atl-all{list-style:none;margin:0 auto 50px;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.atl-all a{display:block;text-decoration:none;text-align:left}.atl-all figure{margin:0 0 10px;aspect-ratio:3 / 4;overflow:hidden;background:#161616}.atl-all img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:filter .5s ease,transform .8s ease}.atl-all a:hover img,.atl-all a:focus-visible img{filter:none;transform:scale(1.04)}.atl-all b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.atl-all span{font-size:13px;opacity:.7}.atl-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.atl-btn{display:inline-flex;align-items:center;height:56px;padding:0 34px;border:1px solid #fff;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}a.atl-btn--solid{background:#fff;color:#0a0a0a}a.atl-btn--solid:hover,a.atl-btn--solid:focus-visible{background:transparent;color:#fff}a.atl-btn--line:hover,a.atl-btn--line:focus-visible{background:#fff;color:#0a0a0a}@media(max-width:899px){.atl-ch{height:430vh}.atl-wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding-top:76px}.atl-canvas{padding:0 10px}.atl-svg{width:min(100%,calc(100svh - 360px))}.atl-side{padding:0 18px 84px;justify-content:flex-end}.atl-k{margin-bottom:4px;font-size:10px}.atl-h{font-size:clamp(46px,15vw,84px);margin-bottom:8px}.atl-phase{font-size:11px;margin-bottom:6px}.atl-bar{margin-bottom:12px}.atl-specs li{padding:6px 0;font-size:13px}.atl-specs li:nth-child(n+4){display:none}.co-t{display:none}.atl-photos{top:0;width:100%;grid-template-columns:1fr;grid-template-rows:1fr;gap:0}.atl-photos .f1{grid-row:1;grid-column:1}.atl-photos .f2,.atl-photos .f3{display:none}.atl-photos--tri .f1{grid-column:1}.atl-cta{padding:60px 14px 74px}.atl-cta a{padding:10px 14px;font-size:11px}.atl-slot{width:26px;height:26px}.atl-tray{bottom:10px;gap:4px;padding:5px 10px 5px 5px}.atl-count{font-size:10px;margin-left:5px}.atl-all{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.atl-intro__t span,.atl-scroll i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/dv-atelier.css.map */