.p11-atelier3d{background:#f7f2ea;color:#15110d;overflow:hidden;position:relative;isolation:isolate;border-block:1px solid rgba(30,24,18,.08);contain:layout paint}.p11-atelier3d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#ffffffdb,#f7f2ea9e 42%,#cdaa622e),repeating-linear-gradient(90deg,rgba(21,17,13,.04) 0 1px,transparent 1px 140px);opacity:.86;z-index:-2}.p11-atelier3d:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,#f7f2ea00,#f7f2ea 78%);z-index:-1}.p11-atelier3d__inner{width:min(1180px,calc(100% - 36px));min-height:clamp(520px,72vh,760px);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr);gap:clamp(28px,5vw,78px);align-items:center;padding:clamp(54px,8vw,96px) 0}.p11-atelier3d__copy{max-width:540px;position:relative;z-index:2}.p11-atelier3d__eyebrow{margin:0 0 14px;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8c6a20}.p11-atelier3d h2{margin:0;color:#15110d;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.45rem,5vw,5.55rem);font-weight:500;line-height:.96;letter-spacing:0}.p11-atelier3d__copy>p:not(.p11-atelier3d__eyebrow){margin:22px 0 0;max-width:500px;color:#4f473f;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.72}.p11-atelier3d__actions{display:none!important;align-items:center;flex-wrap:wrap;gap:16px;margin-top:30px}.p11-atelier3d__button,.p11-atelier3d__link{min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.p11-atelier3d__button{padding:0 28px;color:#fffaf1;background:#15110d;box-shadow:0 14px 28px #15110d38;position:relative;overflow:hidden}.p11-atelier3d__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.28) 45%,transparent 68%);transform:translate(-120%);transition:transform .52s ease}.p11-atelier3d__button:hover,.p11-atelier3d__button:focus-visible{transform:translateY(-2px);background:#8c6a20;color:#fff}.p11-atelier3d__button:hover:after,.p11-atelier3d__button:focus-visible:after{transform:translate(120%)}.p11-atelier3d__link{color:#15110d;border-bottom:1px solid rgba(21,17,13,.35)}.p11-atelier3d__link:hover,.p11-atelier3d__link:focus-visible{color:#8c6a20;border-color:#8c6a20}.p11-atelier3d__quicklinks{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.p11-atelier3d__quicklinks a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(21,17,13,.12);background:#fffcf6a3;color:#2b241d;text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.p11-atelier3d__quicklinks a:hover,.p11-atelier3d__quicklinks a:focus-visible{transform:translateY(-2px);border-color:#8c6a2070;background:#15110d;color:#fffaf1}.p11-atelier3d__stage{min-height:clamp(420px,58vw,650px);perspective:1300px;position:relative;display:grid;place-items:center;cursor:grab;touch-action:pan-y}.p11-atelier3d__stage:active{cursor:grabbing}.p11-atelier3d__rail{width:min(680px,100%);height:clamp(360px,44vw,560px);position:relative;transform-style:preserve-3d;transform:translateY(var(--p11-float, 0)) rotateX(var(--p11-tilt-x, 7deg)) rotateY(var(--p11-tilt-y, -12deg));transition:transform .16s linear;will-change:transform}.p11-atelier3d__rail:before{content:"";position:absolute;left:50%;bottom:5%;width:82%;height:18%;transform:translate(-50%) rotateX(72deg);background:linear-gradient(90deg,#503c1c00,#503c1c2e,#503c1c00);filter:blur(14px)}.p11-atelier3d__product{position:absolute;width:clamp(170px,21vw,250px);aspect-ratio:.76;display:grid;grid-template-rows:1fr auto;align-items:end;padding:18px;background:#fffcf6c2;border:1px solid rgba(255,255,255,.82);box-shadow:0 34px 70px #261e1633;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-style:preserve-3d;will-change:transform;transition:box-shadow .22s ease,border-color .22s ease}.p11-atelier3d__product:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,rgba(255,255,255,.56),transparent 42%);opacity:.55;pointer-events:none}.p11-atelier3d__product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(39,29,18,.26));transform:translate3d(calc(var(--p11-pointer-x, 0px) * .32),calc(var(--p11-pointer-y, 0px) * .24),36px);transition:transform .14s linear}.p11-atelier3d__product span{color:#15110d;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-align:center;transform:translate3d(calc(var(--p11-pointer-x, 0px) * .12),calc(var(--p11-pointer-y, 0px) * .1),48px);position:relative}.p11-atelier3d.is-interacting .p11-atelier3d__product{border-color:#8c6a2057;box-shadow:0 40px 82px #261e1640}.p11-atelier3d__product--left{left:0;top:19%;transform:translateZ(-90px) rotateY(23deg) rotate(-5deg);animation:p11ProductDriftLeft 6.8s ease-in-out infinite}.p11-atelier3d__product--center{left:50%;top:4%;transform:translate(-50%) translateZ(110px) rotateY(-4deg);z-index:2;animation:p11ProductDriftCenter 7.6s ease-in-out infinite}.p11-atelier3d__product--right{right:0;top:24%;transform:translateZ(-40px) rotateY(-25deg) rotate(5deg);animation:p11ProductDriftRight 7.2s ease-in-out infinite}.p11-atelier3d__shine{position:absolute;inset:14% auto auto 50%;width:min(420px,62vw);height:min(420px,62vw);transform:translate(-50%) rotate(18deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.46) 48%,transparent 100%);mix-blend-mode:screen;pointer-events:none;animation:p11ShineSweep 5.8s ease-in-out infinite}.p11-atelier3d__hint{position:absolute;left:50%;bottom:4%;transform:translate(-50%);margin:0;padding:7px 12px;border:1px solid rgba(21,17,13,.12);background:#fffcf6ad;color:#6a5946;font-size:.68rem;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;pointer-events:none}@keyframes p11ProductDriftLeft{0%,to{transform:translateZ(-90px) rotateY(23deg) rotate(-5deg) translateY(0)}50%{transform:translateZ(-74px) rotateY(18deg) rotate(-3deg) translateY(-10px)}}@keyframes p11ProductDriftCenter{0%,to{transform:translate(-50%) translateZ(110px) rotateY(-4deg) translateY(0)}50%{transform:translate(-50%) translateZ(128px) rotateY(3deg) translateY(-14px)}}@keyframes p11ProductDriftRight{0%,to{transform:translateZ(-40px) rotateY(-25deg) rotate(5deg) translateY(0)}50%{transform:translateZ(-28px) rotateY(-18deg) rotate(3deg) translateY(-9px)}}@keyframes p11ShineSweep{0%,to{opacity:.28;transform:translate(-58%) rotate(18deg)}50%{opacity:.58;transform:translate(-42%) rotate(18deg)}}@media(hover:hover){.p11-card-3d-ready .card-wrapper,.p11-card-3d-ready .card{transform-style:preserve-3d}.p11-card-3d-ready .card-wrapper{transition:transform .18s ease,filter .18s ease;will-change:transform}.p11-card-3d-ready .card-wrapper:hover{transform:translateY(-6px) rotateX(var(--p11-card-x, 0deg)) rotateY(var(--p11-card-y, 0deg));filter:drop-shadow(0 18px 28px rgba(28,22,16,.12))}.p11-card-3d-ready .card-wrapper:hover .card__media,.p11-card-3d-ready .card-wrapper:hover .media{transform:translateZ(24px)}}@media(max-width:900px){.p11-atelier3d__inner{grid-template-columns:1fr;min-height:auto;gap:22px}.p11-atelier3d__copy{max-width:680px}.p11-atelier3d__stage{min-height:430px}.p11-atelier3d__quicklinks{max-width:620px}}@media(max-width:620px){.p11-atelier3d__inner{width:min(100% - 28px,1180px);padding:44px 0 50px}.p11-atelier3d h2{font-size:clamp(2.35rem,12vw,3.55rem)}.p11-atelier3d__actions{align-items:stretch;flex-direction:column}.p11-atelier3d__button,.p11-atelier3d__link{width:100%}.p11-atelier3d__quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.p11-atelier3d__quicklinks a{justify-content:center;text-align:center;min-height:40px}.p11-atelier3d__stage{min-height:360px}.p11-atelier3d__rail{height:330px}.p11-atelier3d__product{width:142px;padding:12px}.p11-atelier3d__product--left{left:-7%}.p11-atelier3d__product--right{right:-8%}.p11-atelier3d__hint{display:none}}@media(prefers-reduced-motion:reduce){.p11-atelier3d__rail,.p11-card-3d-ready .card-wrapper,.p11-atelier3d__product,.p11-atelier3d__shine{transition:none;animation:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/p11-3d-scroll-feature.css.map */