/* Base */
:root{
–accent:#d1a67a; /* warm beige */
–accent-2:#e8cfc0; /* blush */
–bg:#fff;
–muted:#6b6b6b;
–card:#fffaf8;
–radius:14px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,”Helvetica Neue”,Arial; color:#222;margin:0;background:var(–bg);}
.container{max-width:1100px;margin:0 auto;padding:48px 20px;}
.section{padding:64px 0;}
.center{text-align:center;}
.kicker{color:var(–muted);font-weight:600;letter-spacing:1px;margin-bottom:8px}
.h1{font-size:clamp(30px,4vw,44px);margin:0 0 12px}
.lead{font-size:1.05rem;color:var(–muted);margin-bottom:20px}

/* HERO */
.hero{min-height:60vh;display:flex;align-items:center;justify-content:center;background-image:url(‘https://salon-35.com/wp-content/uploads/salon-feature.jpg’);background-size:cover;background-position:center;border-bottom:1px solid rgba(0,0,0,0.05);position:relative;color:#fff}
.hero::after{content:””;position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.45));}
.hero-inner{position:relative;z-index:2;text-align:center;padding:48px}

/* Buttons */
.btn{
display:inline-block;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700;margin:6px;
transition:transform .18s ease, box-shadow .18s ease;
}
.btn-primary{background:var(–accent);color:#fff;box-shadow:0 6px 18px rgba(209,166,122,0.16)}
.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,0.85);color:#fff}
.btn:hover{transform:translateY(-3px)}

/* ABOUT */
.about{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.about .card{background:var(–card);padding:22px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.04)}
.about img{width:220px;height:220px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 12px;border:6px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,0.06)}

/* Services grid */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.service{background:#fff;border-radius:12px;padding:18px;border:1px solid rgba(0,0,0,0.04);text-align:center;box-shadow:0 6px 16px rgba(0,0,0,0.03)}
.service h3{margin:0 0 8px;font-size:1.05rem}
.price{font-weight:800;color:var(–accent);font-size:1.05rem}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px;cursor:pointer;display:block}

/* Policy/FAQ */
.policy{max-width:820px;margin:0 auto}
.policy ul{list-style:none;padding:0;margin:0}
.policy li{padding:12px 0;border-bottom:1px dashed rgba(0,0,0,0.04);color:var(–muted);text-align:center}

/* Contact / Map */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.contact-box{padding:18px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,0.03);text-align:center}
.contact-box a{color:var(–accent);font-weight:700;text-decoration:none}

/* Footer */
footer{padding:28px 20px;background:#fbf6f2;text-align:center;border-top:1px solid rgba(0,0,0,0.03)}

/* Responsive */
@media (max-width:820px){
.about{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr}
.hero{min-height:48vh}
}

/* Subtle animations (respect reduced motion) */
.fade-up{opacity:0;transform:translateY(18px);transition:opacity .6s ease,var(–t,transform) .6s ease}
.fade-up.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
.fade-up{transition:none}
}

Joanne — Owner & Senior Stylist

Friendly, experienced and passionate about colour and cut. You’ll always get a thorough consultation and personalised finish.

About Salon 35

Salon 35 is a private garden salon in Dringhouses offering one-to-one appointments. We focus on quality colour and precision cutting in a calm, welcoming environment.

Book by Call Message on WhatsApp

Gallery

A selection of work from Salon 35 — click to enlarge (replace with your images).