:root{--primary-dark:#2c1a12;--accent-color:#d9534f;--accent-secondary:#eebb4d;--bg-light:#f4f1ea;--card-bg:#fffbf0;--text-dark:#3e3b32;--text-light:#6b6355;--card-shadow:6px 6px 0px rgba(44,26,18,.15);--border-style:2px solid var(--primary-dark)}body{margin:0;background-color:var(--bg-light);font-family:Lato,sans-serif;color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased}#game-wrapper{position:relative;width:100%;height:100vh;background-color:#000;overflow:hidden}#game-container{z-index:1}#game-container,.header-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.header-overlay{pointer-events:none;z-index:20;flex-direction:column;padding:40px;box-sizing:border-box;background:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent 40%)}.header-overlay,.header-top{display:flex;justify-content:space-between}.header-top{align-items:center;pointer-events:auto}.brand-block{color:var(--bg-light)}h1.company-name{font-size:4.5rem;font-weight:700;margin:0;letter-spacing:4px;line-height:.9;color:#fffbf0;text-shadow:4px 4px 0 var(--accent-color)}.tagline,h1.company-name{font-family:Oswald,sans-serif;text-transform:uppercase}.tagline{font-size:1.5rem;font-weight:500;margin-top:15px;letter-spacing:2px;background:var(--accent-color);color:var(--bg-light);display:inline-block;padding:8px 15px;box-shadow:4px 4px 0 rgba(0,0,0,.3);transform:rotate(-1deg)}.contact-pill{background:var(--bg-light);padding:15px 25px;border:var(--border-style);box-shadow:4px 4px 0 var(--accent-secondary);text-align:center;transition:all .2s ease;transform:rotate(1deg)}.contact-pill:hover{transform:translate(2px,2px) rotate(1deg);box-shadow:2px 2px 0 var(--accent-secondary)}.phone-display{font-family:Oswald,sans-serif;font-size:2rem;color:var(--primary-dark);font-weight:700;letter-spacing:1px}.phone-display,.social-display{text-decoration:none;display:block}.social-display{color:var(--text-light);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;margin-top:5px}.counter{position:absolute;bottom:40px;padding:10px 20px;background:rgba(0,0,0,.7);border:2px solid #555;font-family:Oswald,sans-serif;font-size:1.8rem;font-weight:700;z-index:10;letter-spacing:2px;box-shadow:4px 4px 0 rgba(0,0,0,.5);transition:transform .15s ease-out,color .15s ease-out,border-color .15s ease-out}#nails-counter{left:40px;color:var(--accent-color);border-color:var(--accent-color)}#boxes-counter{right:40px;color:var(--accent-secondary);border-color:var(--accent-secondary)}#sound-toggle{position:absolute;bottom:85px;left:50%;transform:translateX(-50%) scale(2);cursor:pointer;z-index:25;opacity:.8;transition:opacity .3s,transform .3s;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5))}#sound-toggle:hover{opacity:1;transform:translateX(-50%) scale(2.2)}#sound-toggle svg{fill:#fffbf0!important}.scroll-hint{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);z-index:50;cursor:pointer}.scroll-hint-tab{width:80px;height:40px;background:var(--bg-light);border-radius:14px 14px 0 0;border-top:8px solid var(--accent-color);border-left:8px solid var(--accent-color);border-right:8px solid var(--accent-color);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.scroll-hint-arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--text-light)}.main-content{background-color:var(--bg-light);position:relative;z-index:30;background-image:radial-gradient(#e0dcd3 1px,transparent 0);background-size:20px 20px}.main-content:after,.main-content:before{content:"";position:absolute;top:0;height:8px;background:var(--accent-color);z-index:40}.main-content:before{left:0;right:calc(50% + 32px)}.main-content:after{right:0;left:calc(50% + 32px)}.section{padding:100px 20px;max-width:1000px;margin:0 auto}.intro-text{text-align:center;max-width:800px;margin:0 auto}.section-label{font-size:1.1rem;color:var(--accent-color);letter-spacing:3px;font-weight:700;margin-bottom:20px;display:inline-block;border-bottom:3px solid var(--accent-secondary);padding-bottom:5px}.section-label,h2{font-family:Oswald,sans-serif;text-transform:uppercase}h2{font-size:4rem;color:var(--primary-dark);margin:0 0 30px;line-height:1;text-shadow:2px 2px 0 rgba(0,0,0,.1)}p.lead{font-size:1.5rem;font-weight:400;color:var(--text-dark);line-height:1.6}.story-wrapper{background:var(--card-bg);border:var(--border-style);padding:50px;box-shadow:var(--card-shadow);margin:40px 0;display:grid;grid-template-columns:1fr 1.2fr;grid-gap:40px;gap:40px;border-radius:4px}.story-photo,.story-wrapper{position:relative;overflow:hidden;align-items:center}.story-photo{width:100%;height:400px;background:#e0dcd3;border:var(--border-style);display:flex;justify-content:center;color:var(--text-light);font-style:italic}.story-photo:after{content:"";position:absolute;inset:10px;border:1px dashed var(--text-light);opacity:.5}.story-wrapper:before{content:'"';position:absolute;top:-30px;right:20px;font-family:Oswald,sans-serif;font-size:250px;color:var(--accent-secondary);opacity:.2;z-index:0;pointer-events:none}.story-content{position:relative;z-index:1}.story-content p{font-size:1.25rem;line-height:1.8;color:var(--text-dark);margin-bottom:25px}.signature{font-family:Oswald,sans-serif;margin-top:30px;font-size:1.3rem;color:var(--accent-color);font-weight:700;display:flex;align-items:center}.signature:before{content:"";display:inline-block;width:50px;height:4px;background:var(--primary-dark);margin-right:15px}.locations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:40px}.location-item{text-align:center;padding:15px;background:#fff;border:var(--border-style);box-shadow:4px 4px 0 rgba(0,0,0,.1);font-weight:700;color:var(--primary-dark);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;transition:transform .2s}.location-item:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--accent-secondary)}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:60px;gap:60px;margin-top:50px}.contact-details h3{font-family:Oswald,sans-serif;font-size:2rem;margin-bottom:30px;color:var(--primary-dark)}.contact-link{display:flex;align-items:center;margin-bottom:25px;text-decoration:none;color:var(--text-dark);font-size:1.2rem;transition:transform .2s;font-weight:700}.contact-link:hover{transform:translateX(10px);color:var(--accent-color)}.contact-icon{width:50px;height:50px;background:var(--accent-secondary);border:2px solid var(--primary-dark);display:flex;align-items:center;justify-content:center;margin-right:20px;font-size:1.5rem;box-shadow:3px 3px 0 rgba(0,0,0,.1)}.contact-icon img{width:24px;height:24px}.styled-form{background:var(--card-bg);padding:40px;border:var(--border-style);box-shadow:var(--card-shadow);position:relative}.input-group{position:relative;margin-bottom:30px}.input-group input,.input-group textarea{width:100%;padding:15px;font-size:1.1rem;color:var(--primary-dark);border:2px solid #ccc;background:#fff;font-family:Lato,sans-serif;transition:all .3s;box-sizing:border-box}.input-group textarea{resize:vertical;min-height:120px}.input-group label{position:absolute;top:17px;left:17px;font-size:1rem;color:#888;pointer-events:none;transition:all .3s ease;background:transparent;padding:0 5px}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label,.input-group textarea:focus~label,.input-group textarea:not(:placeholder-shown)~label{top:-10px;left:10px;font-size:.85rem;color:var(--primary-dark);background:var(--card-bg);font-weight:700}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent-color);box-shadow:4px 4px 0 rgba(0,0,0,.1);outline:none}.submit-btn{background:var(--primary-dark);color:var(--bg-light);border:2px solid var(--primary-dark);padding:20px 40px;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;font-family:Oswald,sans-serif;cursor:pointer;width:100%;transition:all .2s;box-shadow:5px 5px 0 var(--accent-color);font-weight:700}.submit-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--accent-color);background:#3e2b22}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.heavy-lifting-wrapper{width:100%;background-color:#fff;color:var(--text-dark);border-top:1px solid #e0dcd3;border-bottom:1px solid #e0dcd3;position:relative;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.01),rgba(0,0,0,.01) 2px,transparent 0,transparent 10px)}.heavy-lifting-wrapper .section{text-align:center;padding:100px 20px}.heavy-lifting-wrapper .section-label{color:var(--accent-color);border-bottom-color:var(--accent-secondary)}.heavy-lifting-wrapper h2{color:var(--primary-dark);text-shadow:2px 2px 0 rgba(0,0,0,.1);font-size:4.5rem}.heavy-lifting-wrapper p{color:var(--text-dark);font-size:1.4rem!important;font-weight:400;max-width:800px;margin:0 auto;line-height:1.8}.site-footer{background:var(--primary-dark);color:var(--bg-light);text-align:center;padding:60px 40px;font-size:1rem;border-top:8px solid var(--accent-secondary)}.site-footer a{color:var(--accent-color);text-decoration:none}@media (max-width:768px){h1.company-name{font-size:3rem}.header-top{flex-direction:column;align-items:center;text-align:center}.contact-pill{margin-top:20px;text-align:center;width:100%;box-sizing:border-box;transform:rotate(0deg)}.contact-container,.story-wrapper{grid-template-columns:1fr}.story-wrapper{padding:30px}.story-photo{height:250px}h2{font-size:2.8rem}.counter{font-size:1.2rem;bottom:80px}#nails-counter{left:10px;bottom:80px}#boxes-counter{right:10px;bottom:80px}#sound-toggle{display:none}}