.hero-shell{height:min(64vh,460px)}@media (min-width:768px){.hero-shell{height:min(72vh,640px)}}.hero-wall{will-change:transform;width:104%;height:104%;animation:20s ease-in-out 1.2s infinite alternate heroWallDrift;position:absolute;top:-2%;left:-2%;transform:translate(0)translateZ(0)}.hero-wall-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:blur(10px);opacity:0;animation:1.2s ease-out forwards heroWallFadeIn}@media (max-width:767px){.hero-wall-img{filter:blur(14px)}}@keyframes heroWallFadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroWallDrift{0%{transform:translate(0)translateZ(0)}to{transform:translate(-2%)translateZ(0)}}.case-btn{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}.case-btn:hover{transform:translateY(-6px)}.case-btn:active{transform:translateY(-2px)}.case-btn .case-card{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.case-card-back{transform:translateY(-50%)rotate(-9deg)}.case-card-front{transform:translateY(-50%)rotate(5deg)}.case-btn:hover .case-card-back{transform:translateY(-50%)rotate(-11deg)translate(-6px,-4px)}.case-btn:hover .case-card-front{transform:translateY(-50%)rotate(6deg)translate(6px,-2px)}@media (prefers-reduced-motion:reduce){.hero-wall{animation:none}.hero-wall-img{opacity:1;animation:none}.case-btn,.case-btn:hover{transition:none;transform:none}.case-btn .case-card,.case-btn:hover .case-card-back,.case-btn:hover .case-card-front{transition:none}.case-btn:hover .case-card-back{transform:translateY(-50%)rotate(-9deg)}.case-btn:hover .case-card-front{transform:translateY(-50%)rotate(5deg)}}
