:root{--bg-primary: #020202;--bg-secondary: #050505;--bg-card: #000000;--bg-panel: #0f0f0f;--text-primary: #e2f2fc;--text-secondary: #5a88ec;--text-accent: #ffffff;--border: rgba(191, 161, 106, .15);--border-hover: rgba(255, 255, 255, .5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.container{width:min(100%,1400px);margin:0 auto;padding-inline:clamp(1rem,5vw,4rem)}.page-background{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(125,125,245,.18),transparent 35%),radial-gradient(circle at 20% 20%,rgba(204,194,56,.08),transparent 25%)}.navbar{display:flex;justify-content:space-between;align-items:center;padding-inline:clamp(1rem,5vw,4rem);padding-block:1.5rem;border-bottom:1px solid rgba(106,150,191,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.home{text-decoration:none;color:#fff}.logo{font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.25em;text-transform:uppercase;font-weight:600}.nav-links{display:flex;gap:clamp(1rem,3vw,2rem)}.nav-links a{text-transform:uppercase;letter-spacing:.2em;color:#fff;text-decoration:none;font-size:.85rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(3rem,8vw,6rem)}.section-label{color:var(--text-accent);text-transform:uppercase;letter-spacing:.35em;font-size:.8rem;margin-bottom:1.5rem}.hero h1{font-size:clamp(2.5rem,6vw,6rem);line-height:.95;margin-bottom:2rem}.hero p{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:700px}.btn{display:inline-block;padding:1rem 2rem;border-radius:999px;text-transform:uppercase;letter-spacing:.16em;text-decoration:none;transition:.3s ease;font-weight:600}.btn-primary{background:var(--text-accent);color:#000}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{border:1px solid rgba(250,252,124,.61);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-accent)}.feature-card{position:relative;background:#101010;height:440px;border-radius:2rem;padding:1.25rem;border:1px solid rgba(191,161,106,.2);box-shadow:0 25px 50px #0006}.feature-preview{height:400px;border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;background:linear-gradient(150deg,#18232a,#0f0f0f,#6a92bf)}.featured-text{position:absolute;inset:0;padding:3rem;opacity:1;transition:opacity 1.4s ease}.featured-text.fade-out{opacity:0}.product-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 1.4s ease}.product-image.show{opacity:1}.product-image img{width:60%;max-height:80%;object-fit:contain}.softouch{background-image:url(/assets/softouch_001--TYaq3NU.png);background-size:contain;background-position:center;width:90%;height:90%;background-repeat:no-repeat}.process-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:1.5rem}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));text-align:center;gap:1rem}.process-grid div{color:#d8c8a8;text-transform:uppercase;letter-spacing:.25em;font-size:.75rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background:var(--bg-card);border-radius:2rem;overflow:hidden;border:1px solid var(--border);transition:.3s ease;background:linear-gradient(135deg,#1d1a14,#111,#0e2c5f);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);border-color:var(--border-hover)}.project-image{width:100%;aspect-ratio:4 / 3;overflow:hidden}.project-image iframe{width:100%;height:100%;display:block;border:none}.project-content{padding:clamp(1.25rem,3vw,2rem)}.project-type{color:var(--text-accent);text-transform:uppercase;letter-spacing:.25em;font-size:.75rem}.project-card h3{margin:1rem 0;font-size:clamp(1.25rem,3vw,1.75rem)}.project-image.short{aspect-ratio:9 / 16}.about-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:clamp(4rem,8vw,8rem)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(2rem,5vw,5rem)}.about-card{justify-items:center;height:fit-content;background:var(--bg-panel);border-radius:2rem;border:1px solid rgba(191,161,106,.2);padding:clamp(1.5rem,4vw,2rem)}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:2rem}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:1.5rem;width:100%}.testimonial{text-align:center;padding-block:clamp(4rem,8vw,8rem);background:var(--bg-secondary)}.testimonial blockquote{font-size:clamp(2rem,4vw,4rem);font-weight:600;line-height:1.25;max-width:1000px;margin:0 auto 2rem}.cta{padding-block:clamp(3rem,6vw,6rem)}.cta-card{background:var(--text-accent);color:#000;border-radius:2.5rem;padding:clamp(2rem,6vw,5rem);text-align:center}.cta-card h2{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:1.5rem}.cta-card p{max-width:700px;margin:0 auto 2rem}.contact-section{padding-block:clamp(4rem,8vw,8rem);border-top:1px solid rgba(191,161,106,.15)}.contact-form{max-width:700px;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.contact-form input,.contact-form textarea{background:#0d0d0d;border:1px solid rgba(191,161,106,.2);color:#e8e8f7;padding:1rem 1.25rem;border-radius:1rem;font-size:1rem;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#bfa16a}.contact-form textarea{resize:vertical;min-height:150px}@media(max-width:1024px){.hero,.about-grid,.services-grid{grid-template-columns:1fr}.feature-card{min-height:420px}.featured-text{padding:2rem}}@media(max-width:768px){.navbar{padding-inline:1rem}.nav-links{display:none}.hero{gap:2rem}.feature-card{min-height:350px}.feature-preview{height:100%;padding:1.5rem}.featured-text{padding:1.5rem}.featured-text h2{font-size:1.75rem!important}.services-grid{grid-template-columns:1fr}.about-card img{width:100%;height:auto}.btn{width:100%;text-align:center}}@media(max-width:600px){.feature-card{min-height:320px}.feature-preview{padding:1rem}.featured-text{padding:3rem}.featured-text h2{font-size:1.5rem!important}.softouch{width:95%;height:95%}.service-card{padding:1rem}}@media(max-width:480px){.container{padding-inline:1rem}.hero h1{font-size:2.5rem}.featured-text h2{font-size:1.25rem!important}.section-label{font-size:.7rem;letter-spacing:.15em}.testimonial blockquote{font-size:1.5rem}}@media(max-width:360px){.hero h1{font-size:2.2rem}.btn{padding:.85rem 1rem;font-size:.75rem}.logo{letter-spacing:.1em}}.product-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;overflow-y:auto}.product-preview{position:relative;background:#101010;border-radius:2rem;padding:clamp(1rem,3vw,2rem);width:min(90vw,700px);max-height:90vh;display:flex;flex-direction:row;gap:clamp(1rem,3vw,2rem);overflow-y:auto}.product-preview img{width:clamp(180px,35vw,300px);height:auto;max-height:60vh;object-fit:contain;flex-shrink:0}.product-preview>div{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.close-button{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(191,161,106,.3);background:transparent;color:#fff;font-size:1rem;cursor:pointer;transition:.3s ease;z-index:2}.close-button:hover{background:#ffffff1a}@media(max-width:900px){.product-preview{width:min(90vw,600px);gap:1.5rem}.product-preview img{width:220px}}@media(max-width:650px){.product-overlay{align-items:flex-start;padding-top:3rem;padding-bottom:3rem}.product-preview{flex-direction:column;align-items:center;width:90vw;max-height:85vh;border-radius:1.5rem;text-align:center;gap:1rem}.product-preview img{width:min(70vw,260px);max-height:35vh}.product-preview>div{width:100%;align-items:center}.close-button{top:.75rem;right:.75rem;width:1.8rem;height:1.8rem}}@media(max-width:400px){.product-preview{padding:1rem;width:92vw}.product-preview img{width:65vw;max-height:30vh}.close-button{width:1.6rem;height:1.6rem;font-size:.85rem}}.footer{display:flex;flex-direction:column;position:relative;padding:.5rem;background:#85486a00;color:#fff;margin-top:auto}.footer-content{display:flex;flex-direction:column;margin-bottom:auto;width:auto}.left{display:flex;flex-direction:column;align-content:center;margin-bottom:1rem}.right{align-self:left;align-content:center}.footer-bottom{align-self:center;font-size:.7rem;position:absolute;bottom:.5rem}.footertext{color:#fff;text-decoration:underline}.footerlink{text-decoration:none;color:#fff}.social-container{display:flex;flex-direction:row}.instagram{background-image:url(/assets/instagram-logo-BYOo7yt7.png);background-size:cover;background-position:center;width:4rem;height:4rem}.tiktok{background-image:url(/assets/tiktok-logo-BAQDbs83.png);background-size:cover;background-position:center;width:4rem;height:4rem}.youtube{background-image:url(/assets/youtube-logo-FpnAf-OC.png);background-size:cover;background-position:center;width:4rem;height:4rem}.facebook{background-image:url(/assets/facebook-logo-C7ypuNa2.png);background-size:cover;background-position:center;width:4rem;height:4rem}.img{background-image:url(/assets/softtouch-basketball-Cy9nN3_K.png);background-size:cover;background-position:center;width:4rem;height:4rem}.img2{background-image:url(/assets/softtouch-basketball-Cy9nN3_K.png);background-size:cover;width:4rem;height:4rem}
