.salon-hero{--hero-h:clamp(560px, calc(100svh - 72px), 820px);height:var(--hero-h);isolation:isolate;background:#3a2f26;position:relative;overflow:hidden;container-type:inline-size}.salon-stage{--stage-w:max(100cqw, calc(var(--hero-h) * 1.7807));--stage-h:calc(var(--stage-w) / 1.7807);left:50%;top:max(calc(var(--hero-h) - var(--stage-h)), calc(var(--stage-h) * -.03));width:var(--stage-w);aspect-ratio:2956/1660;position:absolute;transform:translate(-50%);container-type:inline-size}.salon-hero:before,.salon-hero:after{content:"";z-index:1;pointer-events:none;position:absolute;inset-inline:0}.salon-hero:before{background:linear-gradient(#1d1a1738,#0000);height:28px;top:0}.salon-hero:after{background:linear-gradient(to bottom, #efe6d800, #efe6d88c 55%, var(--color-sable));height:min(24%,190px);bottom:0}.salon-move{transform:perspective(1600px) translate3d(var(--px,0px), var(--py,0px), 0) scale(1.045) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:50% 45%;animation:1.6s cubic-bezier(.2,.7,.2,1) backwards salon-settle;position:absolute;inset:0}.salon-art{width:19.5%;height:44.5%;color:var(--color-chaux);transform:translate3d(calc(var(--px,0px) * .18), calc(var(--py,0px) * .18), 0);filter:saturate(.86)brightness(.94)sepia(.06);text-decoration:none;transition:filter .4s;display:block;position:absolute;top:10.5%}.salon-art:hover,.salon-art:focus-visible{filter:saturate(.97)brightness()}.salon-art:focus-visible{outline:2px solid var(--color-chaux);outline-offset:6px}.salon-art.is-left{left:25%}.salon-art.is-right{left:46.1%}.salon-frame{box-sizing:border-box;box-shadow:calc(.9cqw - var(--px,0px) * .06) calc(1.3cqw - var(--py,0px) * .06) 1.9cqw #26180a80, .25cqw .35cqw .35cqw #26180a73;background:linear-gradient(135deg,#a88845,#dcc283 28%,#8a6a30 52%,#c4a35f 76%,#6f5225);border:.72cqw solid #cfb06c;border-color:#cfb06c #7c5d2a #5e4520 #b9974f;padding:.42cqw;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;animation:1.2s cubic-bezier(.2,.7,.2,1) .25s backwards salon-hang;position:absolute;inset:0}.salon-art.is-right .salon-frame{animation-delay:.45s}.salon-art:hover .salon-frame,.salon-art:focus-visible .salon-frame{box-shadow:calc(1.1cqw - var(--px,0px) * .06) calc(1.8cqw - var(--py,0px) * .06) 2.4cqw #26180a8c, .25cqw .35cqw .35cqw #26180a73;transform:translateY(-.25cqw)}.salon-frame:before{content:"";pointer-events:none;border:.2cqw solid #4e3816;border-color:#4e3816 #d9bf84 #e2cb8e #5a421c;position:absolute;inset:0}.salon-bead{background:repeating-linear-gradient(90deg,#e2cb8e 0 .18cqw,#7e6130 .18cqw .36cqw);border-radius:1px;padding:.16cqw;position:absolute;inset:.42cqw}.salon-liner{background:#efe4cc;padding:.55cqw;position:absolute;inset:.16cqw;box-shadow:inset .15cqw .2cqw .3cqw #3c280f73}.salon-canvas{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:1.25cqw 1.2cqw;display:flex;position:relative;overflow:hidden;box-shadow:inset .1cqw .12cqw .25cqw #00000059}.salon-canvas:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(105deg,#ffe8c48c,#ffe8c400 45%,#1e120859),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.salon-eyebrow{letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;flex-wrap:wrap;justify-content:space-between;gap:.3cqw .5cqw;font-size:.52cqw;font-weight:600;display:flex;position:relative}.salon-body{flex-direction:column;gap:.85cqw;display:flex;position:relative}.salon-title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:1.95cqw;font-weight:400;line-height:1}.salon-text{color:#f8f2e8e6;margin:0;font-size:.74cqw;line-height:1.5}.salon-cta{color:var(--color-nuit);border-radius:999px;align-self:flex-start;padding:.5cqw 1cqw;font-size:.74cqw;font-weight:600;transition:transform .3s}.salon-art:hover .salon-cta,.salon-art:focus-visible .salon-cta{transform:translate(.25cqw)}.salon-glow{pointer-events:none;background:radial-gradient(60% 50% at calc(50% + var(--px,0px) * -2) 0%, #ffe2b42e, transparent 70%);position:absolute;inset:0}@keyframes salon-settle{0%{opacity:0;transform:perspective(1600px)scale(1.09)}}@keyframes salon-hang{0%{opacity:0;transform:translateY(-1.2cqw)rotate(-.8deg)}}@media (prefers-reduced-motion:reduce){.salon-move,.salon-art{transform:none!important}}
