*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f3f7f0;--color-text: #1c2b1c;--color-text-light: #5b6b52;--color-accent: #517a3e;--color-accent-hover: #3c5e2c;--color-border: #cfe0c8;--color-white: #ffffff;--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1200px;--header-height: 80px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;color:var(--color-text);background-color:var(--color-bg);line-height:1.7;min-height:100vh;display:flex;flex-direction:column;font-size:16px}main{flex:1}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;line-height:1.3}.site-header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center}.header-inner{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;flex-direction:column;text-decoration:none;gap:0}.logo-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;color:var(--color-text);letter-spacing:.05em;line-height:1.2}.logo-subtitle{font-family:var(--font-body);font-size:.7rem;font-weight:300;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.3em}.nav-list{list-style:none;display:flex;gap:2rem}.nav-list a{font-size:.85rem;font-weight:400;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em;padding:.25rem 0;border-bottom:2px solid transparent;transition:all .2s ease}.nav-list a:hover,.nav-list a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:all .3s ease}@media(max-width:768px){.nav-toggle{display:flex}.nav-list{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-white);flex-direction:column;padding:1.5rem 2rem;gap:1rem;border-bottom:1px solid var(--color-border);box-shadow:0 8px 24px #00000014;border-radius:0 0 var(--radius-md) var(--radius-md)}.nav-list.open{display:flex}}.site-footer{border-top:1px solid var(--color-border);padding:2rem;text-align:center;margin-top:4rem}.footer-inner{max-width:var(--max-width);margin:0 auto;font-size:.8rem;color:var(--color-text-light)}.footer-links{margin-top:.5rem}.footer-links a{font-size:.8rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.section-subtitle{text-align:center;color:var(--color-text-light);font-size:.95rem;margin-bottom:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}}.obra-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border)}.obra-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000001a}.obra-card a{text-decoration:none;color:inherit}.obra-card-image{aspect-ratio:4/3;overflow:hidden;background-color:#e5f0e0}.obra-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.obra-card:hover .obra-card-image img{transform:scale(1.03)}.obra-card-info{padding:1.25rem}.obra-card-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:400;margin-bottom:.3rem}.obra-card-technique{font-size:.8rem;color:var(--color-text-light)}.obra-card-category{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-top:.5rem;font-weight:500}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-filter a{padding:.5rem 1.25rem;border:1px solid var(--color-border);border-radius:100px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);transition:all .2s ease}.category-filter a:hover,.category-filter a.active{background:var(--color-text);color:var(--color-white);border-color:var(--color-text)}.page-hero{padding:4rem 2rem 3rem;text-align:center;max-width:var(--max-width);margin:0 auto}.page-hero h1{font-size:3rem;margin-bottom:1rem}.page-hero p{color:var(--color-text-light);max-width:600px;margin:0 auto;font-size:1.05rem}@media(max-width:768px){.page-hero h1{font-size:2rem}.section-title{font-size:1.8rem}}@media(max-width:480px){.container,.header-inner{padding:0 1rem}.gallery-grid{gap:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.js-ready .obra-card,body.js-ready .section-title,body.js-ready .section-subtitle,body.js-ready .bio-section,body.js-ready .expo-item,body.js-ready .about-text,body.js-ready .about-image{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}body.js-ready .obra-card{transition:opacity .65s ease,transform .65s ease,box-shadow .3s ease}body.js-ready .obra-card.revealed,body.js-ready .section-title.revealed,body.js-ready .section-subtitle.revealed,body.js-ready .bio-section.revealed,body.js-ready .expo-item.revealed,body.js-ready .about-text.revealed,body.js-ready .about-image.revealed{opacity:1;transform:translateY(0)}body.js-ready .obra-card.revealed{transition:transform .3s ease,box-shadow .3s ease}