body{padding:2rem 1.5rem 6rem}@media (min-width:768px){body{padding:3rem 2.5rem 6rem}}@media (min-width:1024px){body{padding:4rem 3rem 6rem}}.page-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.page-header h1{font-size:clamp(2rem, 6vw, 3rem);color:var(--text-titles);margin-bottom:1rem}.page-header p{font-size:clamp(1rem, 2vw, 1.2rem);color:var(--text-muted)}@media (min-width:768px){.page-header{margin-bottom:4rem}}.projects-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.projects-container{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (min-width:1024px){.projects-container{grid-template-columns:repeat(3,1fr);gap:3rem}}.project-card{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .4s ease;cursor:pointer}@media (hover:hover){.project-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.4)}.project-card:hover img{transform:scale(1.1)}.project-card:hover .view-project{opacity:1}}.project-image{position:relative;height:250px;overflow:hidden}@media (min-width:768px){.project-image{height:280px}}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.view-project{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6);color:#fff;opacity:0;transition:opacity .4s ease;font-size:clamp(.9rem, 1.5vw, 1rem);font-weight:600}@media (hover:none){.view-project{opacity:.8}}.project-content{padding:1.5rem 1.2rem 1.8rem;text-align:center;display:flex;flex-direction:column;gap:.6rem}@media (min-width:768px){.project-content{padding:1.8rem 1.6rem 2rem;gap:.8rem}}.project-index{font-size:clamp(.7rem, 1.2vw, .75rem);letter-spacing:2px;color:var(--accent);opacity:.7}.project-content h3{font-size:clamp(1rem, 2vw, 1.1rem);font-weight:600;color:var(--text-titles)}.project-content h4{font-size:clamp(.85rem, 1.5vw, .9rem);font-weight:400;color:var(--accent-soft)}.project-content p{font-size:clamp(.8rem, 1.5vw, .85rem);color:var(--text-muted);line-height:1.6;max-width:100%;margin:0 auto}@media (min-width:768px){.project-content p{max-width:90%}}.home-button{position:fixed;bottom:2rem;right:2rem;padding:.9rem 1.8rem;background:var(--accent);color:#000;font-size:clamp(.85rem, 1.5vw, .95rem);font-weight:600;border-radius:30px;text-decoration:none;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px rgba(194,163,107,.3);letter-spacing:.5px}.home-button:hover{background:var(--accent-soft);transform:translateY(-3px);box-shadow:0 6px 16px rgba(194,163,107,.4)}.home-button:active{transform:translateY(-1px)}@media (max-width:767px){.home-button{padding:.8rem 1.5rem;bottom:1.5rem;right:1.5rem;font-size:.85rem}}