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