:root{--color-accent: #0727E5;--color-black: #0a0a0a;--color-white: #ffffff;--color-grey: #f0f0f0;--color-dark-grey: #333333;--border-width: 3px;--font-heading: "Archivo Black", sans-serif;--font-body: "Chakra Petch", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-white);color:var(--color-black);overflow-x:hidden;line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1400px;margin:0 auto;padding:0 20px}.section-padding{padding:80px 0}.uppercase{text-transform:uppercase}.animate-fade-up,.animate-mask,.animate-scale,.animate-slide-left,.animate-slide-right{opacity:0;transition-duration:.8s;transition-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity,clip-path}.animate-fade-up{transform:translateY(40px) skewY(2deg)}.animate-fade-up.in-view{opacity:1;transform:translateY(0) skewY(0)}.animate-mask{clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translateY(20px)}.animate-mask.in-view{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0)}.animate-scale{transform:scale(.9)}.animate-scale.in-view{opacity:1;transform:scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.navbar{width:100%;background:var(--color-white);border-bottom:var(--border-width) solid var(--color-black);position:sticky;top:0;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;max-width:100%}.logo{font-family:var(--font-heading);font-size:2.5rem;letter-spacing:-1px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.logo-accent{color:var(--color-accent)}.desktop-menu{display:flex;gap:40px;align-items:center}.desktop-menu a{font-family:var(--font-heading);font-size:1rem;font-weight:700;position:relative;transition:color .3s}.desktop-menu a:hover{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--color-accent)}.btn-nav{background:var(--color-black);color:var(--color-white);padding:10px 20px;border:2px solid var(--color-black);transition:all .3s ease}.btn-nav:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)!important;text-decoration:none!important}.mobile-toggle{display:none;cursor:pointer}.hamburger span{display:block;width:30px;height:4px;background-color:var(--color-black);margin:6px 0;transition:.4s}.mobile-dropdown{display:none;flex-direction:column;background:var(--color-accent);border-bottom:var(--border-width) solid var(--color-black);padding:20px 0}.mobile-dropdown a{color:var(--color-white);font-family:var(--font-heading);font-size:2rem;text-align:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-dropdown a:hover{background:var(--color-black)}@media(max-width:768px){.desktop-menu{display:none}.mobile-toggle{display:block}.navbar-container{padding:15px 20px}.logo{font-size:1.8rem}.mobile-dropdown.active{display:flex;animation:slideDown .3s ease-out forwards}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;border-bottom:var(--border-width) solid var(--color-black)}.checkerboard-strip{height:24px;width:100%;background-image:linear-gradient(45deg,var(--color-black) 25%,transparent 25%),linear-gradient(-45deg,var(--color-black) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-black) 75%),linear-gradient(-45deg,transparent 75%,var(--color-black) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px;border-bottom:var(--border-width) solid var(--color-black)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}.hero-content{padding:6rem;display:flex;flex-direction:column;justify-content:center;background-color:var(--color-grey);border-right:var(--border-width) solid var(--color-black);position:relative;overflow:hidden}.hero-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--color-black) 1px,transparent 1px),linear-gradient(90deg,var(--color-black) 1px,transparent 1px);background-size:40px 40px;opacity:.05;pointer-events:none}.hero-title{font-family:var(--font-heading);font-size:5.5rem;line-height:.85;margin-bottom:2rem;text-transform:uppercase;z-index:1}.text-accent{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:10px;text-decoration-skip-ink:none}.hero-subtitle{font-size:1.2rem;font-weight:500;max-width:80%;margin-bottom:3rem;text-transform:uppercase;border-left:5px solid var(--color-accent);padding-left:20px;z-index:1}.hero-btn{align-self:flex-start;background:var(--color-black);color:var(--color-white);border:none;padding:1.5rem 3rem;font-family:var(--font-heading);font-size:1.5rem;cursor:pointer;position:relative;transition:transform .2s;box-shadow:10px 10px 0 var(--color-accent);z-index:1;display:flex;align-items:center;gap:15px}.hero-btn:hover{transform:translate(-5px,-5px);box-shadow:15px 15px 0 var(--color-accent)}.hero-btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--color-accent)}.hero-image-container{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.hero-image-container:hover .hero-img{transform:scale(1.05)}.floating-badge{position:absolute;bottom:40px;right:40px;background:var(--color-accent);color:var(--color-white);padding:20px;border:3px solid var(--color-black);font-family:var(--font-heading);text-align:center;display:flex;flex-direction:column;transform:rotate(-5deg)}.floating-badge .year{font-size:2.5rem;line-height:1}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;grid-template-rows:auto 50vh}.hero-content{border-right:none;border-bottom:var(--border-width) solid var(--color-black);padding:3rem}.hero-title{font-size:3.5rem}}@media(max-width:768px){.hero-title{font-size:2.8rem}.hero-content{padding:2rem}.hero-btn{width:100%;justify-content:center;box-shadow:6px 6px 0 var(--color-accent)}}.marquee-container{background:var(--color-accent);color:var(--color-white);overflow:hidden;white-space:nowrap;border-bottom:var(--border-width) solid var(--color-black);padding:15px 0;font-family:var(--font-heading);font-size:1.5rem;letter-spacing:2px}.marquee-content{display:inline-block;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.marquee-container{font-size:1rem;padding:10px 0}}.features-section{padding:80px 40px;background-color:var(--color-white);border-bottom:var(--border-width) solid var(--color-black)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;border-bottom:5px solid var(--color-black);padding-bottom:10px}.section-header h2{font-family:var(--font-heading);font-size:4rem;margin:0;line-height:.8}.header-decoration{height:20px;width:100px;background:repeating-linear-gradient(45deg,var(--color-black),var(--color-black) 5px,transparent 5px,transparent 10px)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{border:var(--border-width) solid var(--color-black);background:var(--color-white);transition:transform .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:10px 10px 0 var(--color-black)}.card-image-box{height:300px;width:100%;border-bottom:var(--border-width) solid var(--color-black);position:relative;overflow:hidden}.card-image-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:grayscale(20%)}.feature-card:hover .card-image-box img{transform:scale(1.1);filter:grayscale(0%)}.price-tag{position:absolute;top:0;right:0;background:var(--color-accent);color:var(--color-white);padding:10px 20px;font-family:var(--font-heading);font-size:1.5rem;border-bottom:var(--border-width) solid var(--color-black);border-left:var(--border-width) solid var(--color-black)}.card-content{padding:30px;position:relative}.card-content h3{font-family:var(--font-heading);font-size:2rem;margin-bottom:10px;text-transform:uppercase}.card-content p{font-size:1.1rem;color:var(--color-dark-grey);margin-bottom:40px;line-height:1.4}.add-btn{position:absolute;bottom:0;right:0;width:60px;height:60px;background:var(--color-black);color:var(--color-white);border:none;font-size:2rem;cursor:pointer;border-top:var(--border-width) solid var(--color-black);border-left:var(--border-width) solid var(--color-black);transition:background .3s}.add-btn:hover{background:var(--color-accent)}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.section-header h2{font-size:2.5rem}.features-section{padding:40px 20px}}.info-block{background-color:var(--color-black);color:var(--color-white);padding:100px 40px;position:relative;overflow:hidden}.info-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;position:relative;z-index:2}.info-text h2{font-family:var(--font-heading);font-size:5rem;line-height:.9;text-transform:uppercase;margin:0}.outline-text{-webkit-text-stroke:2px var(--color-white);color:transparent}.solid-text{color:var(--color-accent)}.info-desc{margin-top:40px;font-size:1.2rem;max-width:600px;border-left:2px solid var(--color-white);padding-left:20px;line-height:1.6}.stats-row{display:flex;gap:60px;margin-top:60px}.stat{display:flex;flex-direction:column}.stat-num{font-family:var(--font-heading);font-size:3rem;color:var(--color-accent)}.stat-label{font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.info-visual{position:relative;display:flex;align-items:center;justify-content:center}.circle-graphic{width:400px;height:400px;border:2px solid var(--color-white);border-radius:50%;position:absolute;animation:spin 20s linear infinite}.circle-graphic:before{content:"";position:absolute;top:50%;left:-20px;width:440px;height:2px;background:var(--color-accent)}.square-graphic{width:300px;height:300px;border:2px solid var(--color-accent);transform:rotate(45deg);animation:pulse 4s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:rotate(45deg) scale(.9)}50%{transform:rotate(45deg) scale(1.1)}to{transform:rotate(45deg) scale(.9)}}@media(max-width:1024px){.info-container{grid-template-columns:1fr}.info-visual{height:300px;margin-top:50px}.circle-graphic{width:250px;height:250px}.square-graphic{width:180px;height:180px}}@media(max-width:768px){.info-text h2{font-size:3rem}.stats-row{flex-direction:column;gap:30px}.info-block{padding:60px 20px}}.about-section{border-bottom:var(--border-width) solid var(--color-black);background-color:var(--color-white)}.about-grid{display:grid;grid-template-columns:1fr 1fr}.about-image{position:relative;border-right:var(--border-width) solid var(--color-black);min-height:600px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94);filter:grayscale(100%) contrast(1.2)}.about-image:hover img{transform:scale(1.05);filter:grayscale(0%) contrast(1)}.image-overlay-text{position:absolute;bottom:20px;left:20px;background:var(--color-black);color:var(--color-white);padding:10px 20px;font-family:var(--font-body);font-weight:700;display:flex;gap:10px;border:1px solid var(--color-accent)}.about-content{padding:80px;display:flex;flex-direction:column;justify-content:center;position:relative;background-image:radial-gradient(var(--color-black) 1px,transparent 1px);background-size:20px 20px}.content-badge{display:inline-block;background:var(--color-accent);color:var(--color-white);padding:5px 15px;font-weight:700;margin-bottom:20px;align-self:flex-start;text-transform:uppercase}.about-content h2{font-family:var(--font-heading);font-size:3.5rem;line-height:.95;margin-bottom:30px;text-transform:uppercase}.about-content p{font-size:1.1rem;line-height:1.6;margin-bottom:20px;max-width:90%;background:var(--color-white);box-shadow:0 0 10px var(--color-white)}.about-specs{display:flex;gap:40px;margin-top:40px;border-top:2px solid var(--color-black);padding-top:30px}.spec-item{display:flex;flex-direction:column}.spec-item strong{font-size:.9rem;letter-spacing:1px;margin-bottom:5px}.spec-item span{font-family:var(--font-heading);font-size:2.5rem;color:var(--color-accent);line-height:1}@media(max-width:1024px){.about-grid{grid-template-columns:1fr}.about-image{min-height:400px;border-right:none;border-bottom:var(--border-width) solid var(--color-black)}.about-content{padding:40px}.about-content h2{font-size:2.2rem}}.location-section{padding:80px 40px;border-bottom:var(--border-width) solid var(--color-black);background:var(--color-grey)}.location-header{margin-bottom:60px;text-align:center}.location-title{font-family:var(--font-heading);font-size:4rem;margin-bottom:10px}.location-subtitle{font-size:1.2rem;letter-spacing:2px;color:var(--color-dark-grey)}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.location-card{border:var(--border-width) solid var(--color-black);background:var(--color-white);display:flex;flex-direction:column}.loc-map-placeholder{height:200px;width:100%;border-bottom:var(--border-width) solid var(--color-black);position:relative}.pattern-grid{background-image:linear-gradient(var(--color-black) 2px,transparent 2px),linear-gradient(90deg,var(--color-black) 2px,transparent 2px);background-size:30px 30px;opacity:.1}.pattern-cross{background:radial-gradient(circle,var(--color-black) 2px,transparent 2.5px);background-size:20px 20px;opacity:.2}.pattern-lines{background:repeating-linear-gradient(45deg,var(--color-black),var(--color-black) 2px,transparent 2px,transparent 10px);opacity:.1}.loc-info{padding:30px;flex-grow:1;display:flex;flex-direction:column}.loc-info h3{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:10px}.address{font-size:1rem;color:var(--color-dark-grey);margin-bottom:20px;flex-grow:1}.status{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;margin-bottom:20px;text-transform:uppercase}.status .dot{width:10px;height:10px;border-radius:50%}.status.online{color:green}.status.online .dot{background:green;box-shadow:0 0 5px green}.status.offline{color:red}.status.offline .dot{background:red;box-shadow:0 0 5px red}.loc-btn{width:100%;padding:15px;background:var(--color-black);color:var(--color-white);border:none;font-family:var(--font-heading);cursor:pointer;transition:all .3s}.loc-btn:hover:not(.disabled){background:var(--color-accent)}.loc-btn.disabled{background:#ccc;cursor:not-allowed}@media(max-width:1024px){.location-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.location-grid{grid-template-columns:1fr}.location-title{font-size:2.5rem}}.contact-section{background-color:var(--color-white);padding:100px 40px;border-bottom:var(--border-width) solid var(--color-black)}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-left h2{font-family:var(--font-heading);font-size:4rem;line-height:.9;margin-bottom:30px;color:var(--color-black)}.contact-left .outlined{color:transparent;-webkit-text-stroke:2px var(--color-accent)}.contact-left p{font-size:1.2rem;margin-bottom:40px;max-width:400px}.contact-details{border-top:3px solid var(--color-black);padding-top:30px}.detail-row{display:flex;justify-content:space-between;margin-bottom:15px;font-family:var(--font-heading);font-size:1.2rem;border-bottom:1px solid var(--color-grey);padding-bottom:10px}.booking-form{background:var(--color-grey);padding:40px;border:3px solid var(--color-black);box-shadow:15px 15px 0 var(--color-black)}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.booking-form label{display:block;font-family:var(--font-heading);margin-bottom:8px;font-size:.9rem}.booking-form input,.booking-form select,.booking-form textarea{color:var(--color-black);max-width:100%;width:100%;padding:15px;background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .3s;border-radius:0}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:var(--color-accent)}.submit-btn{width:100%;padding:20px;background:var(--color-accent);color:var(--color-white);border:3px solid var(--color-black);font-family:var(--font-heading);font-size:1.2rem;cursor:pointer;transition:all .2s;margin-top:20px}.submit-btn:hover{background:var(--color-black);transform:translateY(-2px)}.submit-btn:active{transform:translateY(2px)}@media(max-width:1024px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-left h2{font-size:3rem}}@media(max-width:768px){.contact-section{padding:60px 20px}.booking-form{padding:20px;box-shadow:8px 8px 0 var(--color-black)}.form-row{grid-template-columns:1fr;gap:0}}.footer{background:var(--color-grey);border-top:var(--border-width) solid var(--color-black);padding-top:0;color:var(--color-black)}.footer-top-border{display:flex;justify-content:space-between;overflow:hidden;height:20px;border-bottom:var(--border-width) solid var(--color-black);background:var(--color-black)}.square-dot{width:20px;height:20px;background:var(--color-white);transform:skew(-20deg);margin-right:10px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:60px 40px;gap:40px}.footer-col h2{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:20px}.footer-col h3{font-family:var(--font-heading);margin-bottom:20px;font-size:1.2rem;color:var(--color-accent)}.footer-col p,.footer-col a{display:block;margin-bottom:10px;font-weight:500}.credits-link{font-size:.9rem;color:var(--color-dark-grey);margin-top:15px;text-decoration:none;opacity:.7;transition:all .3s;display:inline-block}.credits-link:hover{opacity:1;color:var(--color-accent);text-decoration:underline}.social-links a{text-decoration:underline}.social-links a:hover{color:var(--color-accent)}.big-text-footer{font-family:var(--font-heading);font-size:12vw;text-align:center;line-height:.8;color:transparent;-webkit-text-stroke:2px var(--color-black);opacity:.1;padding-bottom:0;-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;padding:40px 20px}}
