/* Apply the same incoming movement on every document load, independent of native navigation support. */
@view-transition{navigation:none}
@keyframes salon-page-in{from{transform:translateX(-100vw)}to{transform:translateX(0)}}
body>:not(script):not(style):not(link):not(.rotate-hint){animation:salon-page-in .46s cubic-bezier(.22,.61,.36,1) backwards}
/* Older marketing pages must not reveal their headings upwards. */
.reveal{transform:none!important;opacity:1!important}
.hero-copy h1 span{animation:none!important;clip-path:none!important}
@media(prefers-reduced-motion:reduce){body>:not(script):not(style):not(link):not(.rotate-hint){animation:none}}
@media print{body>:not(script):not(style):not(link):not(.rotate-hint){animation:none}}
.rotate-hint{position:relative;z-index:2;display:none;margin:0;padding:9px 16px;background:#f7f2e7;color:#123d42;text-align:center;font:500 12px/1.4 Inter,Arial,sans-serif;border-bottom:1px solid #e0e3da}
@media(max-width:600px) and (orientation:portrait){.rotate-hint{display:block}}
@media print{.rotate-hint{display:none}}