#pile-section{position:relative;width:100vw;height:130vh;min-height:900px;overflow:hidden}.pile-container{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1200px}.pile-annotation{position:absolute;font-size:28px;z-index:10;pointer-events:none}.product-phone{position:absolute;border-radius:40px;background-color:var(--espresso-brown);box-shadow:0 2px #ffffff26 inset,0 -2px #0006 inset,0 25px 40px #000000a6,0 50px 80px #00000059,0 0 0 4px #2b1b11e6;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s ease;cursor:pointer;transform-style:preserve-3d}.product-phone-huge{width:300px;height:620px}.product-phone-medium{width:225px;height:470px}.product-phone-small{width:170px;height:360px}.phone-screen{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:30px;overflow:hidden;background-color:#f5f2eb;box-shadow:inset 0 4px 12px #00000026;transition:filter .3s ease}.phone-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:1;transition:opacity .3s ease}.phone-content{position:absolute;bottom:36px;left:20px;right:20px;z-index:2}.phone-content h2{font-size:42px;line-height:.88;color:var(--espresso-brown);text-shadow:none}.product-phone-small .phone-content h2{font-size:26px}.ios-notification{position:absolute;top:-90px;left:10px;right:10px;background-color:#f5f2ebf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:12px 16px;color:var(--espresso-brown);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);z-index:10;box-shadow:0 4px 20px #00000040,0 0 0 1px #2b1b111a}.notif-header{font-size:10px;font-weight:700;margin-bottom:4px;opacity:.5}.notif-body{font-size:13px;font-weight:700;line-height:1.2}.product-phone.is-hovered{box-shadow:0 2px #fff3 inset,0 -2px #00000080 inset,0 35px 60px #000000d9,0 60px 100px #00000073,0 0 0 4px #2b1b11e6}.product-phone.is-hovered .phone-bg{opacity:1}.product-phone.is-hovered .ios-notification{transform:translateY(100px)}.text-orange{color:var(--burnt-orange)!important;text-shadow:none!important}@media(max-width:768px){#pile-section{height:200vh}.product-phone{position:relative!important;margin:40px auto;left:0!important;top:0!important;transform:rotate(0)!important}.pile-container{position:relative;padding-top:50px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pile.css.map */