.salon-hero{background:var(--noir);padding:10rem 4rem 6rem;position:relative;overflow:hidden}.salon-hero:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;opacity:.05;background-image:repeating-linear-gradient(45deg,var(--or) 0,var(--or) 1px,transparent 0,transparent 50%),repeating-linear-gradient(-45deg,var(--or) 0,var(--or) 1px,transparent 0,transparent 50%);background-size:30px 30px}.salon-hero-inner{max-width:700px;position:relative;z-index:2}.salon-hero-inner .section-label{color:var(--or)}.salon-hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,6vw,5rem);font-weight:300;color:var(--blanc);line-height:1.1;margin-bottom:1.5rem}.salon-hero-title em{font-style:italic;color:var(--or)}.salon-hero-sub{font-size:.75rem;letter-spacing:.1em;color:rgba(250,247,242,.5);line-height:2;margin-bottom:2.5rem;max-width:520px}.salon-about{background:var(--blanc);padding:6rem 4rem}.salon-about-inner{max-width:720px;margin:0 auto;text-align:center}.salon-about-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;color:var(--noir);line-height:1.2;margin:.5rem 0 2rem}.salon-about-title em{font-style:italic;color:var(--or)}.salon-about-text{font-size:.75rem;letter-spacing:.05em;line-height:2.2;color:rgba(26,26,26,.65);max-width:580px;margin:0 auto 1rem}.salon-equipe{background:var(--beige);padding:6rem 4rem}.salon-equipe-inner{max-width:1100px;margin:0 auto;text-align:center}.salon-equipe-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;color:var(--noir);line-height:1.15;margin:.5rem 0 3.5rem}.salon-equipe-title em{font-style:italic;color:var(--or)}.salon-equipe-grid{display:flex;flex-direction:column;gap:6rem;max-width:900px;margin:0 auto}.coiffeur-card{display:grid;grid-template-columns:300px 1fr;grid-gap:4rem;gap:4rem;align-items:start;text-align:left}.coiffeur-card:nth-child(2n){grid-template-columns:1fr 300px}.coiffeur-card:nth-child(2n) .coiffeur-photo-wrap{order:2}.coiffeur-card:nth-child(2n) .coiffeur-info{order:1}.coiffeur-photo-wrap{width:100%;aspect-ratio:3/4;overflow:hidden;flex-shrink:0;border:1px solid var(--or)}.coiffeur-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.coiffeur-card:hover .coiffeur-photo{transform:scale(1.03)}.coiffeur-photo-placeholder{width:100%;height:100%;background:var(--beige-dark)}.coiffeur-info{padding-top:1rem}.coiffeur-name{font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:300;font-style:italic;color:var(--noir);margin-bottom:.5rem;line-height:1.1}.coiffeur-specialites{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin-bottom:1.5rem}.coiffeur-bio{font-size:.72rem;letter-spacing:.04em;line-height:2.1;color:rgba(26,26,26,.65)}.salon-infos{background:var(--noir);padding:8rem 4rem}.salon-infos-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1px 1fr;grid-gap:0 5rem;gap:0 5rem;align-items:start}.salon-infos-divider{background:rgba(var(--or-rgb,212,175,55),.25);height:100%;min-height:260px}.salon-infos-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:300;font-style:italic;color:var(--blanc);letter-spacing:.02em;line-height:1.1;margin-bottom:2.5rem}.salon-horaires-list{list-style:none;display:flex;flex-direction:column}.salon-horaire-item{display:flex;justify-content:space-between;align-items:baseline;padding:.85rem 0;border-bottom:1px solid rgba(250,247,242,.07);font-size:.7rem;letter-spacing:.1em}.salon-horaire-item:first-child{border-top:1px solid rgba(250,247,242,.07)}.salon-horaire-jour{color:rgba(250,247,242,.45);text-transform:uppercase}.salon-horaire-heure{color:var(--blanc)}.salon-horaire-item.ferme .salon-horaire-heure{color:rgba(250,247,242,.2);font-style:italic}.salon-info-message{margin-top:1.4rem;padding:.75rem 1rem;border-left:2px solid var(--or);font-size:.75rem;letter-spacing:.05em;color:rgba(250,247,242,.75);line-height:1.6}.salon-fermetures{margin-top:1.5rem}.salon-fermetures-titre{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin-bottom:.75rem}.salon-fermetures-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.salon-fermeture-item{display:flex;align-items:baseline;gap:.75rem;font-size:.72rem;letter-spacing:.06em}.salon-fermeture-plage{color:var(--blanc)}.salon-fermeture-motif{color:rgba(250,247,242,.45);font-style:italic}.salon-adresse-text{font-style:normal;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.salon-adresse-nom{display:flex;align-items:center;gap:.75rem}.salon-adresse-logo{filter:brightness(0) saturate(100%) invert(78%) sepia(40%) saturate(600%) hue-rotate(5deg) brightness(95%)}.salon-adresse-text strong{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:300;font-style:italic;color:var(--blanc);letter-spacing:.03em;line-height:1.2}.salon-adresse-text span{font-size:.7rem;letter-spacing:.12em;color:rgba(250,247,242,.5);text-transform:uppercase}.salon-adresse-tel{display:inline-block;font-size:.7rem;letter-spacing:.1em;color:rgba(250,247,242,.55);margin-bottom:.4rem;text-decoration:none;transition:color .2s}.salon-adresse-tel:hover{color:var(--or)}.salon-adresse-metro{font-size:.65rem;letter-spacing:.08em;color:rgba(250,247,242,.25);margin-bottom:2rem}.salon-map-btn{display:inline-flex;align-items:center;gap:.5rem}@media (max-width:768px){.salon-about,.salon-equipe,.salon-hero,.salon-infos{padding-left:1.5rem;padding-right:1.5rem}.salon-infos-inner{grid-template-columns:1fr;gap:3rem}.salon-infos-divider{display:none}.coiffeur-card{grid-template-columns:1fr!important;gap:1.5rem}.coiffeur-card:nth-child(2n) .coiffeur-info,.coiffeur-card:nth-child(2n) .coiffeur-photo-wrap{order:unset}.coiffeur-photo-wrap{max-width:280px;margin:0 auto}.coiffeur-info{text-align:center}}