:root{--b-yellow: #ffb500;--b-black: #050505;--b-white: #f5f5f5;--b-gray: #1a1a1a}.hero{min-height:100vh;background-color:var(--b-yellow);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding-bottom:50px}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(var(--b-black) 10%,transparent 10%),radial-gradient(var(--b-black) 10%,transparent 10%);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.05}.hero-content{z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:90%}.hero-logo{width:300px;height:auto;margin-bottom:20px}h1{font-family:var(--font-title);font-size:clamp(3rem,8vw,6rem);color:var(--b-black);line-height:.9;text-transform:uppercase;margin:0;letter-spacing:-2px}.tagline{margin-top:10px}.highlight-box{color:var(--b-black);padding:0;font-size:2rem;letter-spacing:1px;display:inline-flex;align-items:baseline;gap:15px;border:none;margin-top:10px}.tag-light{font-family:var(--font-body);font-weight:300;text-transform:uppercase;font-size:1.5rem;letter-spacing:1px}.tag-bold{font-family:var(--font-title);font-size:2.5rem;letter-spacing:1px}.cta-btn{margin-top:30px;background:transparent;color:var(--b-black);border:4px solid var(--b-black);padding:15px 40px;font-family:var(--font-title);font-size:1.5rem;text-transform:uppercase;transition:.2s;box-shadow:5px 5px 0 var(--b-black)}.cta-btn:hover{background:var(--b-black);color:var(--b-yellow);transform:translate(2px,2px);box-shadow:3px 3px 0 var(--b-black)}.torn-paper-bottom{position:absolute;bottom:-2px;left:0;width:100%;height:40px;background:var(--b-black);background-image:linear-gradient(135deg,transparent 50%,var(--b-black) 50%),linear-gradient(-135deg,transparent 50%,var(--b-black) 50%);background-size:30px 40px;background-repeat:repeat-x}.torn-paper-bottom.reverse{background:var(--b-white);background-image:none;height:50px;background-color:var(--b-yellow);clip-path:polygon(0% 100%,5% 0%,10% 100%,15% 0%,20% 100%,25% 0%,30% 100%,35% 0%,40% 100%,45% 0%,50% 100%,55% 0%,60% 100%,65% 0%,70% 100%,75% 0%,80% 100%,85% 0%,90% 100%,95% 0%,100% 100%)}.torn-paper-top{position:absolute;top:-49px;left:0;width:100%;height:50px;background-color:var(--b-black);clip-path:polygon(0% 100%,0% 0%,5% 100%,10% 0%,15% 100%,20% 0%,25% 100%,30% 0%,35% 100%,40% 0%,45% 100%,50% 0%,55% 100%,60% 0%,65% 100%,70% 0%,75% 100%,80% 0%,85% 100%,90% 0%,95% 100%,100% 0%,100% 100%)}.section-manifiesto{background:var(--b-black);color:var(--b-white);padding:100px 5%;position:relative}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.label-industrial{color:var(--b-yellow);font-family:Courier New,monospace;border:1px solid var(--b-yellow);padding:2px 8px;margin-bottom:20px;display:inline-block}.text-block h2{font-family:var(--font-title);font-size:3.5rem;line-height:1;margin-bottom:20px}.text-block p{font-size:1.2rem;line-height:1.5;margin-bottom:20px;color:#ccc}.grunge-quote{border-left:5px solid var(--b-yellow);padding-left:20px;font-style:italic;font-size:1.5rem;color:var(--b-yellow)}.visual-block .black-box{background:var(--b-gray);height:400px;display:flex;align-items:center;justify-content:center;border:2px dashed #333;position:relative}.poster-content.center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.project-logo-poster{width:100%;max-width:200px;height:auto;display:block;margin:0 auto 20px;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2))}.poster-content h2{font-family:var(--font-title);font-size:10rem;color:var(--b-black);text-shadow:-1px -1px 0 var(--b-yellow),1px -1px 0 var(--b-yellow),-1px 1px 0 var(--b-yellow),1px 1px 0 var(--b-yellow);opacity:.5}.section-projects{background:var(--b-yellow);padding:100px 5%;position:relative}.section-title{font-family:var(--font-title);font-size:3rem;text-align:center;margin-bottom:60px;color:var(--b-black)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1000px;margin:0 auto}.project-poster{background:var(--b-white);position:relative;padding:20px;display:block;text-decoration:none;color:var(--b-black);box-shadow:10px 10px 20px #0003;transform:rotate(-1deg);transition:transform .3s}.project-poster:hover{transform:rotate(0) scale(1.02);z-index:10}.project-poster.coming-soon{background:var(--b-black);color:var(--b-white);transform:rotate(1deg)}.poster-tape{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:100px;height:30px;background:#fff6;box-shadow:0 1px 2px #0000001a}.coming-soon .poster-tape{background:#ffb50099}.poster-content{border:4px solid var(--b-black);padding:20px;height:100%;display:flex;flex-direction:column}.coming-soon .poster-content{border-color:var(--b-yellow)}.poster-tag{background:var(--b-black);color:var(--b-white);padding:2px 5px;font-weight:700;font-size:.8rem;align-self:flex-start;margin-bottom:10px}.wip-tape{position:absolute;top:20px;right:-10px;background:#d32f2f;color:#fff;font-family:var(--font-title);padding:5px 15px;transform:rotate(5deg);box-shadow:2px 2px 5px #0000004d;z-index:20;font-size:1.2rem;letter-spacing:1px}.wip-tape:before{content:"";position:absolute;top:0;left:-5px;border-right:5px solid #a11f1f;border-top:5px solid transparent;border-bottom:5px solid transparent;height:100%;display:none}.project-poster h3{font-family:var(--font-title);font-size:3rem;line-height:.9;margin-bottom:10px}.poster-desc{font-size:1.1rem;margin-bottom:20px;font-weight:500}.poster-cta{margin-top:auto;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.section-contact{background:var(--b-black);color:var(--b-white);padding:100px 5% 50px;text-align:center;position:relative}.section-contact h2{font-family:var(--font-title);font-size:3rem;color:var(--b-yellow);margin-bottom:40px}.contact-box{border:2px solid var(--b-white);display:inline-block;padding:20px 40px;margin-bottom:40px;transition:.3s}.contact-box:hover{background:var(--b-yellow);border-color:var(--b-yellow)}.contact-box:hover .big-mail{color:var(--b-black)}.big-mail{font-family:var(--font-title);font-size:2rem;color:var(--b-white)}.social-links{display:flex;justify-content:center;gap:30px}.social-links a{color:#888;font-weight:700;font-size:.9rem}.social-links a:hover{color:var(--b-yellow)}.social-links a svg{width:32px;height:32px;fill:currentColor;transition:transform .2s ease,fill .2s ease}.social-links a:hover svg{transform:scale(1.1)}@media(max-width:768px),(max-height:720px){.split{grid-template-columns:1fr;gap:30px}.hero{padding-top:140px;align-items:flex-start}.hero-content{margin-top:0;gap:15px}h1{font-size:clamp(3rem,12vw,4rem);line-height:.9;padding:0 10px}.highlight-box{font-size:1.2rem;flex-wrap:wrap;justify-content:center;gap:5px}.tag-light{font-size:1.2rem}.tag-bold{font-size:2rem}.hero-logo{width:180px;margin-bottom:10px}.projects-grid{grid-template-columns:1fr;padding:0;gap:50px}.section-projects{padding:60px 20px}.project-poster{padding:30px 20px;margin-bottom:0;transform:rotate(0)}.wip-tape{right:-5px;font-size:.8rem;padding:3px 10px}.project-logo-poster{max-width:160px}.project-poster h3{font-size:2.5rem}.section-manifiesto{padding:60px 20px}.text-block h2{font-size:2.5rem}.grunge-quote{font-size:1.2rem}.visual-block .black-box{height:250px}.section-contact{padding:60px 20px 40px}.section-contact h2{font-size:2.2rem}.contact-box{padding:15px 20px;width:100%;box-sizing:border-box}.big-mail{font-size:1.5rem;word-break:break-all}.social-links{gap:20px;flex-wrap:wrap}}