/* Share the hero's angled sleeve and recessed foil geometry in the offer. */
#waitlist-modal .pack-rig{aspect-ratio:2000 / 1400;transform:none}
#waitlist-modal .pack-insert{left:24%;top:16%;width:65%;height:72%;transform:translate(0,0)}
#waitlist-modal .insert-surface{transform:perspective(1100px) rotateY(15deg) rotateZ(-1.8deg);border-radius:3%}
#waitlist-modal .insert-contact{left:91.1%;top:16%;width:3%;height:72%;transform:skewY(-1.8deg)}
#waitlist-modal:not([data-step=vibe]) .pack-rig{transform:translateX(-32.5%)}
#waitlist-modal:not([data-step=vibe]) .pack-insert{transform:translate(100%,-4.3%)}
#waitlist-modal:not([data-step=vibe]) .pack-scene{width:min(68%,430px)}
@media(min-width:701px) and (max-width:1000px){#waitlist-modal:not([data-step=vibe]) .pack-scene{width:60%}}
@media(max-width:700px){
 #waitlist-modal .art-side .pack-scene{width:200px;top:62px;left:50%}
 #waitlist-modal:not([data-step=vibe]) .pack-scene{width:176px;top:62px;left:50%}
 #waitlist-modal .insert-surface{transform:perspective(600px) rotateY(15deg) rotateZ(-1.8deg)}
}
@media(max-width:700px) and (max-height:740px){
 #waitlist-modal .art-side .pack-scene{width:136px;top:52px;left:50%}
 #waitlist-modal:not([data-step=vibe]) .art-side{height:154px}
 #waitlist-modal:not([data-step=vibe]) .pack-scene{width:118px;top:52px;left:50%}
}