styles.css

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0A0A0A;color:#FFFFFF;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Georgia,serif;font-weight:400;line-height:1.2}a{text-decoration:none;color:inherit;transition:all 0.4s ease}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1.5rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,10,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #2A2A2A;padding:1.5rem 0;transition:all 0.4s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Georgia,serif;font-size:1.5rem;letter-spacing:0.3em;color:#C9A85C;font-weight:400}.nav{display:flex;gap:3rem}@media(max-width:768px){.nav{display:none}}.nav a{font-size:0.875rem;letter-spacing:0.1em;text-transform:uppercase;color:#B8B8B8;position:relative}.nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:#C9A85C;transition:width 0.4s ease}.nav a:hover{color:#C9A85C}.nav a:hover::after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#0A0A0A 0%,#111111 100%);overflow:hidden;padding-top:80px}.hero::before{content:'';position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(to left,rgba(201,168,92,0.03),transparent);pointer-events:none}@media(max-width:968px){.hero::before{width:100%;background:linear-gradient(to bottom,rgba(201,168,92,0.02),transparent)}}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 50%,rgba(201,168,92,0.05),transparent 70%);pointer-events:none}@media(max-width:968px){.hero-overlay{background:radial-gradient(circle at 50% 30%,rgba(201,168,92,0.05),transparent 70%)}}.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:4rem 2rem}@media(max-width:768px){.hero-content{padding:3rem 1.5rem}}.hero-text{max-width:680px;animation:fadeInUp 1s ease-out}@media(max-width:968px){.hero-text{max-width:100%}}.hero-label{font-size:0.75rem;letter-spacing:0.25em;text-transform:uppercase;color:#C9A85C;margin-bottom:1.5rem;font-weight:500}.hero-title{font-size:4.5rem;line-height:1.1;margin-bottom:2rem;color:#FFFFFF;letter-spacing:-0.02em}@media(max-width:1200px){.hero-title{font-size:3.5rem}}@media(max-width:768px){.hero-title{font-size:2.5rem}}@media(max-width:480px){.hero-title{font-size:2rem}}.hero-description{font-size:1.125rem;line-height:1.8;color:#B8B8B8;margin-bottom:3rem;max-width:560px}@media(max-width:768px){.hero-description{font-size:1rem}}.btn-primary{display:inline-block;padding:1.125rem 3rem;background:#C9A85C;color:#0A0A0A;font-size:0.875rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:600;border:none;cursor:pointer;transition:all 0.4s ease;position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.btn-primary:hover{background:#A8863D;transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,168,92,0.3)}.btn-primary:hover::before{left:100%}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-label{font-size:0.75rem;letter-spacing:0.25em;text-transform:uppercase;color:#C9A85C;margin-bottom:1rem;font-weight:500}.section-title{font-size:3rem;line-height:1.2;margin-bottom:3rem;color:#FFFFFF}@media(max-width:768px){.section-title{font-size:2rem}}.section-header{margin-bottom:4rem}.section-header.center{text-align:center}.experience{padding:8rem 0;background:#0A0A0A;border-top:1px solid #2A2A2A}@media(max-width:768px){.experience{padding:5rem 0}}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}@media(max-width:768px){.experience-grid{gap:2.5rem}}.experience-card{padding:3rem 2rem;background:#111111;border:1px solid #2A2A2A;transition:all 0.5s ease;position:relative;overflow:hidden}.experience-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#C9A85C,transparent);transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease}.experience-card:hover{border-color:#C9A85C;transform:translateY(-5px)}.experience-card:hover::before{transform:scaleX(1)}.card-number{font-size:3rem;font-family:Georgia,serif;color:#1A1A1A;margin-bottom:1.5rem;font-weight:400}.experience-card h3{font-size:1.5rem;margin-bottom:1rem;color:#FFFFFF}.experience-card p{color:#B8B8B8;line-height:1.8}.menu{padding:8rem 0;background:#111111}@media(max-width:768px){.menu{padding:5rem 0}}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}@media(max-width:768px){.menu-grid{grid-template-columns:1fr;gap:1.5rem}}.menu-item{padding:2.5rem;background:#0A0A0A;border:1px solid #2A2A2A;transition:all 0.4s ease}.menu-item:hover{border-color:#C9A85C;transform:translateX(5px)}.menu-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #2A2A2A}.menu-item h3{font-size:1.25rem;color:#FFFFFF}.menu-price{font-family:Georgia,serif;font-size:1.5rem;color:#C9A85C}.menu-item p{color:#B8B8B8;line-height:1.6}.gallery{padding:8rem 0;background:#0A0A0A;border-top:1px solid #2A2A2A}@media(max-width:768px){.gallery{padding:5rem 0}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr;gap:1.5rem}}.gallery-item{height:400px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer}@media(max-width:768px){.gallery-item{height:300px}}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.5s ease}.gallery-overlay span{color:#C9A85C;font-size:1.125rem;letter-spacing:0.1em;text-transform:uppercase;transform:translateY(20px);transition:transform 0.5s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover .gallery-overlay span{transform:translateY(0)}.contact{padding:8rem 0;background:#111111}@media(max-width:768px){.contact{padding:5rem 0}}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:6rem}@media(max-width:968px){.contact-wrapper{grid-template-columns:1fr;gap:4rem}}.contact-description{color:#B8B8B8;line-height:1.8;margin-bottom:3rem}.contact-details{display:flex;flex-direction:column;gap:2.5rem}.contact-detail{padding:1.5rem 0;border-top:1px solid #2A2A2A}.detail-label{font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:#C9A85C;margin-bottom:0.75rem}.contact-detail p{color:#B8B8B8;line-height:1.6}.contact-form-wrapper{background:#0A0A0A;padding:3rem;border:1px solid #2A2A2A}@media(max-width:768px){.contact-form-wrapper{padding:2rem}}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:#B8B8B8;margin-bottom:0.75rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#111111;border:1px solid #2A2A2A;color:#FFFFFF;font-size:1rem;font-family:inherit;transition:all 0.3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#C9A85C;background:#0A0A0A}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-primary{width:100%;justify-content:center}.form-message{margin-top:1.5rem;padding:1rem;border-radius:4px;text-align:center;font-size:0.875rem;display:none}.form-message.success{background:rgba(201,168,92,0.1);color:#C9A85C;border:1px solid #C9A85C;display:block}.form-message.error{background:rgba(255,100,100,0.1);color:#ff6464;border:1px solid #ff6464;display:block}.footer{background:#0A0A0A;border-top:1px solid #2A2A2A;padding:4rem 0 2rem}@media(max-width:768px){.footer{padding:3rem 0 1.5rem}}.footer-content{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid #2A2A2A}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:3rem}}.footer-brand p{color:#8B8B8B;margin-top:1rem;max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}@media(max-width:480px){.footer-links{grid-template-columns:1fr;gap:2rem}}.footer-column h4{font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:#C9A85C;margin-bottom:1.5rem}.footer-column a{display:block;color:#B8B8B8;margin-bottom:0.75rem;font-size:0.875rem;transition:color 0.3s ease}.footer-column a:hover{color:#C9A85C}.footer-bottom{text-align:center}.footer-bottom p{color:#8B8B8B;font-size:0.875rem}