:root{--orange:#f47d24;--chartreuse:#98c53d;--violet:#6440b2;--teal:#006b77;--charcoal:#111;--cream:#f6f2e9}body{background:#fba92f;font-family:averia sans libre,sans-serif;margin:0;padding:0;color:#111}body.about,body.artists,body.movements,body.art-education{background:#fffdf5}h1{font-family:spicy rice,serif;color:#d35400;letter-spacing:.2em}h2,h3,h4,h5,h6{font-family:averia sans libre,sans-serif;color:#d35400;letter-spacing:.2em}header h1{color:#fba92f !important;letter-spacing:.2em;font-size:2.5em}header{background:#512c6a;color:#fff;padding:.5rem 1rem;text-align:center;font-family:spicy rice,serif;letter-spacing:2px}nav{display:flex;flex-direction:column;align-items:center;padding:.5rem 0;background-color:var(--charcoal);border-bottom:2px solid var(--charcoal)}#main-menu{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:5px 0 0;padding:0}#main-menu li{position:relative;list-style:none;margin:0}nav a{display:inline-block;padding:10px 16px;color:#58e003;background-color:#222;border:2px solid #58e003;border-radius:14px;text-decoration:none;transition:all .3s ease;font-weight:700;margin:5px 0}nav a:hover,nav li:hover>a{background-color:#ff0;color:#111}nav li ul{display:none;position:absolute;top:100%;left:0;background:#111;padding:0;z-index:999;min-width:200px;border-radius:10px;overflow:hidden;margin:0}nav li:hover>ul{display:block}nav li ul li{display:block;margin:0}nav li ul li a{display:block;padding:10px 16px;color:#fff372;background-color:#222;border:none;border-bottom:1px solid #444;border-radius:0;transition:all .3s ease}nav li ul li a:hover{background-color:#ff0;color:#111}#menu-toggle{display:none;font-size:24px;margin-top:.5rem;padding:.4rem .8rem;border:2px solid #fff372;border-radius:10px;background-color:#222;color:#fff372}.back-arrow-nav{background:0 0;border:none;padding:0 12px 0 0;margin:0 12px 0 0;display:flex;align-items:center;cursor:pointer;height:100%}.back-arrow-nav svg{display:block}@media(max-width:768px){#main-menu{display:none;flex-direction:column;width:100%;align-items:center;gap:.7rem;margin:5px 0 0}#main-menu.show{display:flex}nav li{width:100%;text-align:center}nav li ul{position:static;border:none;padding:0}nav li ul li a{border:none;border-radius:0;background-color:#222;font-size:.7em;padding:12px 11.2px;margin:5px 0}nav li ul li a:hover{background-color:#ff0;color:#111}nav li:hover>ul{display:none}nav li.open>ul{display:block}#menu-toggle{display:inline-block;font-size:16.8px;margin:5px 0;padding:.28rem .56rem;border:2px solid #58e003;border-radius:7px;background-color:#222;color:#58e003}nav a{margin:5px 0}nav{border-bottom:none}footer{position:static !important;left:auto !important;bottom:auto !important;width:100%}body{padding-bottom:0 !important}header h1{font-size:1.5rem;white-space:nowrap;overflow-x:auto;text-overflow:ellipsis;width:100%;display:block}.homepage-grid{grid-template-columns:1fr;gap:20px}.homepage-content{padding-left:0}.homepage-poster{max-width:80%;margin:0 auto}}main{padding:2rem}footer{text-align:center;padding:1rem;font-size:.9rem;color:#fff372;background:#111;width:100%}.main-content-container{max-width:800px;margin:0 auto;padding:0 24px}.homepage-container{max-width:780px;margin:0 auto;padding:0 24px}.homepage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-top:2rem}.homepage-image{display:flex;justify-content:center;align-items:flex-start}.homepage-poster{max-width:100%;height:auto;border-radius:10px}.homepage-content{padding-left:10px}.homepage-content h2{margin-top:0;margin-bottom:1rem}.homepage-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.homepage-content ul{list-style:none;padding:0}.homepage-content li{margin-bottom:.5rem}.homepage-content a{color:#d35400;text-decoration:none;font-weight:500;transition:color .3s ease}.homepage-content a:hover{color:#fba92f;text-decoration:underline}.art-education-container{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr 300px;grid-template-areas:"header header" "content sidebar";gap:40px;align-items:start}.art-education-container .page-header{grid-area:header}.art-education-content{grid-area:content}.art-education-sidebar{grid-area:sidebar}.art-education-content h1{font-family:spicy rice,serif;font-size:2.5rem;margin-bottom:30px;color:#d35400;text-align:center;text-shadow:none;border:none;outline:none;letter-spacing:.2em}.art-education-content p{font-size:1.3rem;line-height:1.7;margin-bottom:25px;color:#000;text-align:justify}.art-education-sidebar{padding:2px 30px;border-radius:15px;position:sticky;top:10px}.sidebar-title{font-family:spicy rice,serif;font-size:1.5rem;margin-bottom:15px;margin-top:0;color:#d35400;text-align:center;padding:0;margin-left:0;margin-right:0;text-shadow:none;border:none;outline:none;letter-spacing:.2em}.sidebar-button{display:block;width:100%;font-family:averia sans libre,sans-serif;font-weight:500;background:#d35400;color:#fff;border:none;padding:10px 16px;margin:0 0 12px;border-radius:25px;cursor:pointer;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none;text-align:center;box-sizing:border-box}.sidebar-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;text-decoration:none}.sidebar-button.primary{background:#000;color:#fff}.sidebar-button.primary:hover{background:#333;color:#fff}.sidebar-description{font-size:.9rem;color:#fff;text-align:center;margin:0 0 20px;padding:0;line-height:1.4}@media(max-width:768px){.art-education-container{grid-template-columns:1fr;grid-template-areas:"header" "sidebar" "content";gap:0;padding:25px 20px 40px}.art-education-container .page-header{margin-bottom:10px}.art-education-content{padding:30px 25px}.art-education-content h1{font-size:2rem;text-shadow:none;letter-spacing:.2em}.art-education-content p{font-size:1rem;text-align:left}.art-education-sidebar{position:static;padding:0;border-radius:0;background-color:transparent}.sidebar-title{font-size:1.3rem;text-shadow:none;letter-spacing:.2em}.sidebar-button{padding:8px 12px;font-size:.8rem}.mobile-hide{display:none}}@media(min-width:769px) and (max-width:1024px){.art-education-content p{font-size:1.3rem}}@media(max-width:480px){.art-education-container{padding:20px 15px}.art-education-content{padding:10px 20px}.art-education-content h1{font-size:1.8rem;text-shadow:none;letter-spacing:.2em}.art-education-sidebar{padding:20px}}.movements-page{max-width:780px;margin:0 auto;padding:40px 20px}.page-header{text-align:center;margin-bottom:50px}.page-header h1{font-family:averia sans libre,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 15px;color:#1a1a1a}.page-header p{font-family:averia sans libre,sans-serif;font-weight:400;font-size:1.1rem;color:#111;max-width:600px;margin:0 auto}.movements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}.movement-card{border-radius:12px;padding:25px;transition:transform .2s ease,box-shadow .2s ease;border:3px solid #111;min-height:200px;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--bg-color,#f8f9fa)}.movement-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.movement-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden}.movement-title{font-family:averia sans libre,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 15px;color:#1a1a1a;word-wrap:break-word;hyphens:auto;line-height:1.3}.movement-description{font-family:averia sans libre,sans-serif;font-weight:400;font-size:.9rem;color:#111;line-height:1.5;margin:0 0 20px;flex-grow:1;word-wrap:break-word;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;max-height:6em;text-overflow:ellipsis}.movement-artists{margin-top:auto;padding-top:15px;flex-shrink:0}.artist-name{font-family:averia sans libre,sans-serif;font-size:.85rem;color:#111;font-weight:500}@media(max-width:768px){.page-header h1{font-size:2rem}.movements-grid{grid-template-columns:1fr;gap:20px}.movement-card{padding:20px;min-height:180px}.movement-title{font-size:1.1rem}.movement-description{font-size:.85rem;-webkit-line-clamp:3;line-clamp:3;max-height:4.5em}}@media(max-width:480px){.movements-grid{grid-template-columns:1fr}.movement-card{padding:18px;min-height:160px}}.art-education-container .page-header{text-align:center;margin-bottom:2px}.art-education-container .page-header h1{margin:0 0 5px}.art-education-content h1:first-child{margin-top:0;margin-bottom:15px}