html,body{width:100%;max-width:100%;overflow-x:hidden}*,*::before,*::after{max-width:100%}.section-shell{width:min(1080px,calc(100% - 32px))}.hero{width:100%;min-width:0;padding-left:16px;padding-right:16px}.hero-lead{width:min(100%,680px);overflow-wrap:anywhere}.new-buttons{width:min(100%,420px)}.new-buttons .button{white-space:normal;line-height:1.25}.reading{width:100%;min-width:0}.reading-intro{width:100%}.interactive-options{width:min(100%,520px);box-sizing:border-box}.static-service{width:100%;box-sizing:border-box}.astral-services{width:100%;box-sizing:border-box}.about p,.signup-intro,.final-contact p{width:min(100%,680px);overflow-wrap:anywhere}.horoscope-services{width:min(100%,650px);box-sizing:border-box}.horoscope-services a{width:100%;box-sizing:border-box}.signup-form,.reservation-form{width:100%;box-sizing:border-box}.site-footer{width:calc(100% - 32px);box-sizing:border-box}
@media(max-width:800px){.hero{padding-top:36px;padding-bottom:30px}.hero h1{font-size:clamp(64px,20vw,100px);line-height:.78}.hero h1 em{font-size:.65em}.hero-lead{font-size:13px;line-height:1.65}.new-buttons{flex-direction:column;align-items:stretch;gap:10px}.new-buttons .button{width:100%;min-width:0;padding:14px 16px}.reading{padding-left:16px;padding-right:16px;box-sizing:border-box}.reading-intro p{font-size:clamp(34px,10vw,52px);line-height:.95}.static-service{padding:20px 15px}.static-service-heading{flex-direction:column;gap:7px}.static-service-heading>div{font-size:22px;line-height:1.05}.static-service-heading small{display:block;margin-top:5px}.static-service .receive-button{min-height:68px;font-size:13px;padding:13px}.astral-services{grid-template-columns:1fr;gap:12px}.about,.services#inscription,.final-contact{padding-left:16px;padding-right:16px}.about h2,.services#inscription h2,.final-contact h2{font-size:clamp(42px,12vw,64px)}.horoscope-services a{flex-direction:column;align-items:center;text-align:center;gap:9px;padding:16px}.horoscope-services span{text-align:center;font-size:20px}.horoscope-services strong{font-size:14px}.detail-card>*{left:0!important;width:100%!important}}
@media(max-width:800px){.hero h1{font-size:clamp(48px,16vw,78px);max-width:100%;overflow-wrap:anywhere;word-break:break-word}.hero h1 .marion-name{display:block;font-size:.9em;line-height:.9}.hero .new-buttons{width:100%;max-width:360px;box-sizing:border-box;margin-left:auto;margin-right:auto}.hero .new-buttons .button{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;white-space:normal;text-align:center}}