@font-face{font-family:"F100 Cormorant";src:url("fonts/CormorantGaramond-VariableFont_wght.ttf");font-weight:300 700;font-style:normal}
@font-face{font-family:"F100 Cormorant";src:url("fonts/CormorantGaramond-Italic-VariableFont_wght.ttf");font-weight:300 700;font-style:italic}
@font-face{font-family:"F100 Montserrat";src:url("fonts/Montserrat-VariableFont_wght.ttf");font-weight:100 900}
@font-face{font-family:"F100 Josefin";src:url("fonts/JosefinSans-VariableFont_wght.ttf");font-weight:100 700}
html{background:#FF00FF;margin:0}
body{margin:0;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;font-family:"F100 Montserrat";font-size:13px;letter-spacing:.08em;font-weight:500}
.ph span{padding:6px 12px;border:1px dashed currentColor;border-radius:20px}
.demo{display:inline-block;font-family:"F100 Montserrat";font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:4px}
input,select,textarea{font:inherit}
.hb{display:inline-block;width:20px;height:14px;border-top:2px solid;border-bottom:2px solid;position:relative;vertical-align:-2px;margin-right:9px}
.hb:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid}

/* Shared salon video section: vertical clips stay inside a 390px screen */
.salon-videos{display:flex;flex-direction:column;align-items:center;gap:40px;margin:56px auto 0;width:100%;max-width:920px}
.salon-clip{margin:0;width:100%;min-width:0}
.salon-clip video{width:100%;height:auto;display:block;background:#1a1214;vertical-align:middle}
.salon-clip--wide{max-width:920px}
.salon-clip--wide video{aspect-ratio:608/344;object-fit:cover;object-position:center}
.salon-clip--portrait{max-width:320px}
.salon-clip--portrait video{aspect-ratio:544/960;object-fit:contain;object-position:center}
.salon-clip figcaption{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px;text-align:center}
.salon-clip figcaption a{font-size:12px;letter-spacing:.04em}
@media (max-width:600px){
 .salon-videos{gap:28px;margin-top:32px}
 .salon-clip--portrait{max-width:260px}
}