*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #0d0d0d;--text-color: #ffffff;--accent-red: #c41e1e}body{font-family:Oswald,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh}#app{width:100%;max-width:100%;margin:0;padding:0}.navbar{display:flex;justify-content:center;align-items:center;padding:20px 40px;background-color:var(--bg-color);border-bottom:1px solid #1a1a1a}.nav-left,.nav-right{display:flex;gap:40px}.nav-logo{margin:0 60px}.nav-logo h1{font-size:2.5rem;font-weight:700;letter-spacing:8px;color:var(--text-color)}.nav-link{color:var(--text-color);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:2px;transition:opacity .3s ease}.nav-link:hover{opacity:.7}.social-icons{display:flex;justify-content:flex-end;gap:20px;padding:30px 60px}.social-link{color:var(--text-color);transition:opacity .3s ease}.social-link:hover{opacity:.7}.social-link svg{width:24px;height:24px}.hero{padding:0 60px 60px}.hero-content{position:relative;background:linear-gradient(90deg,#1a1a1a,#2a2a2a);background-image:linear-gradient(90deg,#1a1a1af2,#2a2a2ae6),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);border:1px solid #333;display:flex;min-height:500px;overflow:hidden}.hero-image{flex:0 0 45%;position:relative}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(100%)}.hero-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 60px}.set-tag{font-size:.85rem;letter-spacing:3px;color:#ccc;margin-bottom:20px;font-weight:400}.hero-title{font-size:6rem;font-weight:700;line-height:.95;letter-spacing:4px;margin-bottom:10px;color:var(--text-color);text-shadow:2px 2px 4px rgba(0,0,0,.5);background:linear-gradient(180deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;position:relative}.hero-title:before{content:"JEREMY\aJAY";position:absolute;top:0;left:0;white-space:pre-line;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.15) 3px,rgba(0,0,0,.15) 6px);-webkit-background-clip:text;background-clip:text;opacity:.3}.hero-subtitle{font-size:3.5rem;font-weight:700;letter-spacing:6px;color:var(--accent-red);margin-bottom:30px;font-style:italic;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.set-info{margin-bottom:30px}.set-info p{font-size:.95rem;letter-spacing:1px;color:#ccc;margin-bottom:8px;font-weight:400}.booking-info{margin-top:20px}.booking-tagline{font-size:1rem;font-style:italic;color:var(--accent-red);margin-bottom:15px;letter-spacing:1px}.booking-contact{display:flex;align-items:center;gap:15px;font-size:.9rem;letter-spacing:2px;color:#ccc}.divider{color:#666}.videos-section{padding:60px;background-color:var(--bg-color)}.section-title{font-size:2.5rem;font-weight:700;letter-spacing:6px;color:var(--text-color);text-align:center;margin-bottom:40px}.videos-grid{display:flex;gap:30px;max-width:1200px;margin:0 auto}.videos-grid .video-wrapper{flex:1}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#1a1a1a;border:1px solid #333}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.gallery-section{padding:60px;background-color:#111}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1200px;margin:0 auto}.gallery-item{position:relative;overflow:hidden;border:1px solid #333;aspect-ratio:1}.gallery-item-tall{grid-row:span 2;aspect-ratio:auto}.gallery-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease,transform .3s ease}.gallery-item:hover img{filter:grayscale(0%);transform:scale(1.05)}.booking-section{padding:60px;background-color:var(--bg-color)}.booking-intro{text-align:center;color:#ccc;font-size:1.1rem;letter-spacing:1px;margin-bottom:40px}.booking-form{max-width:600px;margin:0 auto}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;letter-spacing:2px;margin-bottom:8px;color:var(--text-color)}.form-group .required{color:var(--accent-red)}.form-group .optional{color:#666;font-size:.8rem}.form-group input,.form-group textarea{width:100%;padding:15px;background-color:#1a1a1a;border:1px solid #333;color:var(--text-color);font-family:Oswald,sans-serif;font-size:1rem;letter-spacing:1px;transition:border-color .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-red)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:18px;background-color:var(--accent-red);color:var(--text-color);border:none;font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:3px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-btn:hover{background-color:#a01818;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.direct-contact{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid #333}.direct-contact p{color:#666;font-size:.9rem;letter-spacing:2px;margin-bottom:15px}.contact-links{display:flex;justify-content:center;align-items:center;gap:15px}.contact-links a{color:var(--text-color);text-decoration:none;font-size:.95rem;letter-spacing:1px;transition:color .3s ease}.contact-links a:hover{color:var(--accent-red)}@media(max-width:1024px){.hero-content{flex-direction:column}.hero-image{flex:0 0 auto;height:400px}.hero-title{font-size:4rem}.hero-subtitle{font-size:2.5rem}}@media(max-width:768px){.navbar{flex-direction:column;gap:20px}.nav-logo{margin:0;order:-1}.nav-left,.nav-right{gap:20px}.hero{padding:0 20px 40px}.hero-text{padding:30px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.8rem;letter-spacing:3px}.social-icons{justify-content:center;padding:20px}.videos-section{padding:40px 20px}.videos-grid{flex-direction:column}.section-title{font-size:2rem}.gallery-section{padding:40px 20px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item-tall{grid-row:span 1;aspect-ratio:1}.booking-section{padding:40px 20px}.form-row{flex-direction:column;gap:0}.contact-links{flex-direction:column;gap:10px}.contact-links .divider{display:none}}
