/* Official Figtree outlines and straight-on carton, with the existing interactions. */
.founder-wordmark .brand-logo{filter:none}
.hero-photo-rig{aspect-ratio:1800 / 1481;width:60%}
.hero-photo-insert{left:30%;top:12%;width:62%;height:76%}
.hero-insert-surface{transform:perspective(1100px) rotateY(8deg);border-radius:2.5%}
.hero-photo-rig::after{left:97.2%;top:12%;width:3%;height:76%;transform:none}
.product .pack-cutout{max-width:400px;margin-inline:auto}
.pack-visual{width:min(88%,292px)}
#waitlist-modal .pack-rig{aspect-ratio:1800 / 1481;transform:none}
#waitlist-modal .pack-scene{width:min(82%,480px)}
#waitlist-modal .pack-insert{left:30%;top:12%;width:62%;height:76%}
#waitlist-modal .insert-surface{transform:perspective(1100px) rotateY(8deg);border-radius:2.5%}
#waitlist-modal .insert-contact{left:97.2%;top:12%;width:3%;height:76%;transform:none}
#waitlist-modal:not([data-step=vibe]) .pack-rig{transform:translateX(-22%)}
#waitlist-modal:not([data-step=vibe]) .pack-insert{transform:translateX(100%)}
#waitlist-modal:not([data-step=vibe]) .pack-scene{width:min(73%,400px)}
@media(max-width:700px){
 #waitlist-modal .logo{width:125px}
 #waitlist-modal .pack-float{animation-name:figtree-pack-breathe}
 #waitlist-modal .art-side .pack-scene{width:176px;top:62px}
 #waitlist-modal:not([data-step=vibe]) .pack-scene{width:142px;top:62px;left:55%}
 #waitlist-modal .insert-surface,.hero-insert-surface{transform:perspective(600px) rotateY(8deg)}
}
@media(max-width:700px) and (max-height:740px){
 #waitlist-modal .logo{width:115px}
 #waitlist-modal .art-side{height:174px}
 #waitlist-modal .art-side .pack-scene{width:120px;top:55px;left:55%}
 #waitlist-modal:not([data-step=vibe]) .art-side{height:148px}
 #waitlist-modal:not([data-step=vibe]) .pack-scene{width:90px;top:55px;left:60%}
}
@keyframes figtree-pack-breathe{0%,100%{transform:translateY(2px)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){#waitlist-modal .pack-float{animation:none}}