.page{flex-direction:column;align-items:center;width:100%;min-height:80vh;display:flex}.page .title{width:100%;position:relative;overflow:hidden}.page .title .title-img-wrapper{width:100%;height:70vh;position:relative;overflow:hidden}.page .title .title-img-wrapper img{object-fit:cover;width:100%;height:100%;animation:20s ease-out forwards heroImageZoom}.page .title .title-text{-webkit-backdrop-filter:blur(10px);color:#1a1a2e;font-family:var(--heading-font-family,Verdana, sans-serif);text-align:center;white-space:nowrap;z-index:10;background:#fffc;border-radius:12px;margin:0;padding:.5rem 2.5rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:bolder;animation:.8s cubic-bezier(.25,.46,.45,.94) .2s both titleFadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}@media (max-width:600px){.page .title .title-text{white-space:normal;max-width:90%;padding:.5rem 1.5rem;font-size:1.25rem}}.page .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:1.5rem;animation:.6s cubic-bezier(.25,.46,.45,.94) .4s both contentFadeIn;display:flex}@keyframes heroImageZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes titleFadeIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page .title .title-img-wrapper img{animation:none}.page .title .title-text,.page .content{opacity:1;animation:none}}
