:root{--color-black: #000000;--color-orange: #FF8C42;--color-white: #FFFFFF;--color-gray: #333333;--color-light-gray: #F5F5F5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--color-gray);background-color:var(--color-white);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{color:var(--color-black);margin-bottom:1rem}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto;display:block}.navigation{background-color:var(--color-black);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo img{height:60px;width:auto}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-menu a{color:var(--color-white);font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-menu a:hover,.nav-menu a.active{background-color:var(--color-orange);color:var(--color-white)}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0}.menu-toggle span{width:25px;height:3px;background-color:var(--color-white);margin:3px 0;transition:.3s;border-radius:2px}@media(max-width:768px){.navigation{padding:.5rem 0 0}.nav-container{flex-direction:column;gap:0;align-items:center;padding:0 20px}.logo{order:-1;margin:0;padding:0}.logo img{display:block}.menu-toggle{display:flex;position:absolute;right:20px;top:20px}.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background-color:var(--color-black);width:100%;text-align:center;transition:.3s;padding:2rem 0;gap:0}.nav-menu.active{left:0}.nav-menu li{margin:.5rem 0}.nav-menu a{display:block;padding:1rem}}.client-gallery{padding:4rem 2rem;background-color:var(--color-white);text-align:center}.client-gallery h2{font-size:2.5rem;color:var(--color-black);margin-bottom:.5rem}.gallery-subtitle{color:var(--color-gray);font-size:1.1rem;margin-bottom:3rem}.slider-container{max-width:600px;margin:0 auto;position:relative;display:flex;align-items:center;gap:1rem}.slider-wrapper{flex:1;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px #00000026}.slider-track{display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%;display:flex;justify-content:center;align-items:center}.slide img{width:100%;height:500px;object-fit:cover;display:block}.slider-arrow{background-color:var(--color-orange);color:var(--color-white);border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 10px #0003}.slider-arrow:hover{background-color:#ff7a2e;transform:scale(1.1)}.slider-arrow:active{transform:scale(.95)}.slider-dots{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-gray);background-color:transparent;cursor:pointer;transition:all .3s ease;padding:0}.dot.active{background-color:var(--color-orange);border-color:var(--color-orange);transform:scale(1.2)}.dot:hover{border-color:var(--color-orange)}@media(max-width:768px){.client-gallery{padding:3rem 1rem}.client-gallery h2{font-size:2rem}.slider-container{max-width:100%;gap:.5rem}.slide img{height:400px}.slider-arrow{width:40px;height:40px;font-size:1.5rem}}@media(max-width:480px){.slide img{height:350px}.slider-arrow{width:35px;height:35px;font-size:1.3rem}}.home{background-color:var(--color-white)}.hero{position:relative;color:var(--color-white);padding:8rem 2rem;text-align:center;overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-video-background video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a6;z-index:1}.hero-content{position:relative;z-index:2}.hero-content h1{color:var(--color-white);font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-content p{font-size:1.5rem;margin-bottom:2rem;color:var(--color-light-gray)}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-block;background-color:var(--color-orange);color:var(--color-white);padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--color-orange)}.cta-button:hover{background-color:#ff7a2e;border-color:#ff7a2e;transform:translateY(-2px);box-shadow:0 4px 8px #ff8c4266}.call-button{background-color:transparent;border:2px solid var(--color-white)}.call-button:hover{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.features{padding:4rem 2rem;background-color:var(--color-light-gray)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.feature-card{background-color:var(--color-white);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #ff8c424d}.feature-card h3{color:var(--color-orange);margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--color-gray)}@media(max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1.2rem}.hero{padding:4rem 1rem}}.about{padding:4rem 2rem;min-height:70vh}.about h1{text-align:center;font-size:2.5rem;color:var(--color-black);margin-bottom:2rem;position:relative}.about h1:after{content:"";display:block;width:80px;height:4px;background-color:var(--color-orange);margin:1rem auto 0}.about-content{max-width:800px;margin:0 auto;line-height:1.8}.about-content p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--color-gray)}.shop-images{margin:3rem 0}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.image-grid img{width:100%;height:250px;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.image-grid img:hover{transform:translateY(-5px);box-shadow:0 6px 20px #ff8c424d}.location-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.info-block{background-color:var(--color-light-gray);padding:2rem;border-radius:8px;border-top:4px solid var(--color-orange)}.info-block h2{color:var(--color-black);margin-bottom:1rem;font-size:1.5rem}.address{font-size:1.1rem;color:var(--color-gray);margin-bottom:1rem;line-height:1.6}.phone{font-size:1.2rem;font-weight:700}.phone a{color:var(--color-orange);text-decoration:none;transition:color .3s ease}.phone a:hover{color:#ff7a2e;text-decoration:underline}.hours-list{display:flex;flex-direction:column;gap:.5rem}.hour-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.hour-item:last-child{border-bottom:none}.day{font-weight:600;color:var(--color-black)}.time{color:var(--color-gray)}.values{margin-top:3rem;background-color:var(--color-light-gray);padding:2rem;border-radius:8px;border-left:4px solid var(--color-orange)}.values h2{color:var(--color-black);margin-bottom:1rem}.values ul{list-style:none;padding:0}.values li{color:var(--color-gray);position:relative;padding:.5rem 0 .5rem 1.5rem}.values li:before{content:"✓";color:var(--color-orange);font-weight:700;position:absolute;left:0}@media(max-width:768px){.about{padding:2rem 1rem}.about h1{font-size:2rem}}.contact{padding:4rem 2rem;min-height:70vh}.contact h1{text-align:center;font-size:2.5rem;color:var(--color-black);margin-bottom:2rem;position:relative}.contact h1:after{content:"";display:block;width:80px;height:4px;background-color:var(--color-orange);margin:1rem auto 0}.contact-content{max-width:900px;margin:0 auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.info-section{background-color:var(--color-light-gray);padding:2rem;border-radius:8px;border-top:4px solid var(--color-orange)}.info-section h2{color:var(--color-black);font-size:1.3rem;margin-bottom:1rem}.info-section p{color:var(--color-gray);margin-bottom:.5rem}.info-section a{color:var(--color-orange);text-decoration:none;font-weight:700;transition:color .3s ease}.info-section a:hover{color:#ff7a2e;text-decoration:underline}.contact-cta{text-align:center;background:linear-gradient(135deg,var(--color-black) 0%,var(--color-gray) 100%);color:var(--color-white);padding:3rem 2rem;border-radius:8px}.contact-cta h2{color:var(--color-orange);margin-bottom:1rem}.contact-cta p{color:var(--color-light-gray);font-size:1.1rem}.contact-cta a{color:var(--color-orange);text-decoration:none;font-weight:700;transition:color .3s ease}.contact-cta a:hover{color:#ff7a2e;text-decoration:underline}@media(max-width:768px){.contact{padding:2rem 1rem}.contact h1{font-size:2rem}.contact-info{grid-template-columns:1fr}}.meet-the-barbers{padding:4rem 2rem;min-height:70vh}.meet-the-barbers h1{text-align:center;font-size:2.5rem;color:var(--color-black);margin-bottom:1rem;position:relative}.meet-the-barbers h1:after{content:"";display:block;width:80px;height:4px;background-color:var(--color-orange);margin:1rem auto 0}.owners-section{margin-bottom:4rem}.owners-grid{display:flex;justify-content:center;gap:2rem;max-width:1000px;margin:0 auto}.owner-card{max-width:350px}.barbers-section{margin-top:2rem}.barbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.barber-card{background-color:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.barber-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #ff8c424d}.barber-image-placeholder{width:100%;height:300px;background-color:var(--color-light-gray);display:flex;align-items:center;justify-content:center}.barber-image-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center top}.placeholder{color:var(--color-gray);font-style:italic}.barber-info{padding:2rem;text-align:center}.barber-info h3{color:var(--color-black);font-size:1.5rem;margin-bottom:1rem}.barber-info p{color:var(--color-gray);margin-bottom:1.5rem;line-height:1.6}.book-button{display:inline-block;background-color:var(--color-orange);color:var(--color-white);padding:.75rem 1.5rem;border-radius:6px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.book-button:hover{background-color:#ff7a2e;transform:translateY(-2px);box-shadow:0 4px 8px #ff8c4266}@media(max-width:768px){.meet-the-barbers{padding:2rem 1rem}.meet-the-barbers h1{font-size:2rem}.barbers-grid{grid-template-columns:1fr}}.pricing{padding:4rem 2rem;min-height:70vh}.pricing h1{text-align:center;font-size:2.5rem;color:var(--color-black);margin-bottom:1rem;position:relative}.pricing h1:after{content:"";display:block;width:80px;height:4px;background-color:var(--color-orange);margin:1rem auto 0}.intro{text-align:center;color:var(--color-gray);font-size:1.1rem;margin-bottom:3rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto 3rem}.pricing-card{background-color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:8px;padding:2.5rem;text-align:center;transition:all .3s ease}.pricing-card:hover{border-color:var(--color-orange);transform:translateY(-5px);box-shadow:0 4px 20px #ff8c424d}.pricing-card h2{color:var(--color-black);font-size:1.5rem;margin-bottom:1rem}.price{font-size:3rem;font-weight:700;color:var(--color-orange);margin:1.5rem 0}.pricing-card p{color:var(--color-gray);line-height:1.6}.addon-text{font-size:.85rem;color:var(--color-gray);margin-top:.5rem;font-style:italic}.pricing-cta{text-align:center;background:linear-gradient(135deg,var(--color-black) 0%,var(--color-gray) 100%);color:var(--color-white);padding:3rem 2rem;border-radius:8px;max-width:800px;margin:0 auto}.pricing-cta h2{color:var(--color-orange);margin-bottom:1.5rem}.pricing-cta .cta-button{display:inline-block;background-color:var(--color-orange);color:var(--color-white);padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.pricing-cta .cta-button:hover{background-color:#ff7a2e;transform:translateY(-2px);box-shadow:0 4px 8px #ff8c4266}@media(max-width:768px){.pricing{padding:2rem 1rem}.pricing h1{font-size:2rem}.pricing-grid{grid-template-columns:1fr}.price{font-size:2.5rem}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.footer{background-color:var(--color-black);color:var(--color-white);padding:2rem 0;text-align:center;margin-top:auto}.footer p{margin:0}