*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#fff;color:#555;min-height:100vh}.container{max-width:390px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;align-items:center}.container>img{width:100%;max-width:100%;height:auto;object-fit:contain;display:block;margin:0 auto}.header{text-align:center;margin-bottom:4rem}.header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{font-size:1.25rem;color:#9ca3af}.grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:600px;margin:0 auto}.canvas-item{cursor:pointer}.canvas-wrapper img{width:100%;height:280px;object-fit:cover;display:block}.canvas-item .canvas-wrapper{transition:transform .3s ease-in-out}.canvas-item:hover .canvas-wrapper{transform:scale(1.03)}.canvas-info{margin-top:.75rem;text-align:center}.canvas-info h3{font-size:1.125rem;font-weight:600;color:#30323a;transition:color .3s ease}.canvas-item:hover .canvas-info h3{color:#77f}.canvas-info p{font-size:.875rem;color:#30323a}.footer{text-align:center;margin-top:5rem;color:#6b7280;font-size:.875rem}.footer a{padding:10px}.section-view{min-height:100vh;background:#fff;padding:2rem}.back-button{margin-bottom:2rem;padding:.75rem 1.5rem;background:#676767;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:background .3s ease}.back-button:hover{background:#232323}.section-content{max-width:896px;margin:0 auto}.section-content h1{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.section-content p{color:#88909d;font-size:1.125rem}.about-content p{margin-bottom:1rem;line-height:1.6;font-size:.95rem}.about-content h2{margin-top:1.87rem;margin-bottom:1rem;color:#60a5fa}canvas{display:block}img{margin:0 auto;display:block;width:400px;height:auto;object-fit:contain}.footer-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0;transition:color .3s ease}.footer-link:hover{color:#93c5fd}.accordion-item{margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;overflow:hidden}.accordion-header{width:100%;padding:1.25rem 1.5rem;background:#ffffff0d;border:none;color:#c9c9c9;font-size:1.125rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.accordion-header:hover{background:#ffffff14}.accordion-icon{font-size:1.5rem;font-weight:300;color:#60a5fa;transition:transform .3s ease}.accordion-content{padding:1.5rem;background:#ffffff05;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-content p{margin-bottom:1rem;line-height:1.6}.accordion-content p:last-child{margin-bottom:0}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;justify-items:left}.image-gallery{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem;justify-items:left}.app-item,.score-item,.track-item{background:#ffffff0d;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.gallery-item{background:#ffffff0d;padding:1.5rem;border-radius:.5rem;display:grid;grid-template-rows:1fr auto;gap:1rem}.app-item img{width:100%;height:250px;object-fit:contain;border-radius:.5rem;margin-bottom:1rem;background:#ffffff0d}.gallery-item img{width:100%;height:auto;object-fit:contain;margin-bottom:.5rem;background:transparent;display:block}.cd-item img{width:100%;height:300px;object-fit:scale-down;margin-bottom:1rem}.app-item h3,.gallery-item h3,.score-item h3{color:#60a5fa;margin-bottom:.5rem}.cd-grid{display:grid;grid-template-columns:(1fr);gap:4rem;margin-top:2rem;justify-items:center}.track-item h3{color:#f26f23;margin-bottom:.5rem}.medium,.date,.instrumentation{color:#9ca3af;font-size:.9rem;margin-bottom:.5rem}.app-item a,.score-links a{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#60a5fadd;color:#fff;text-decoration:none;border-radius:.25rem;transition:background .3s ease}.app-item a.image{background:none;padding:0;margin-top:0}.app-item a.image:hover{background:none}.track-item a{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background:#f26f23c5;color:#fff;text-decoration:none;border-radius:.25rem;transition:background .3s ease}.app-item a:hover,.score-links a:hover{background:#1d4ed8}.track-item a:hover{background:#333}.score-links{display:flex;gap:1rem;flex-wrap:wrap}.soundcloud-list{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.soundcloud-list .track-item{background:#ffffff0d;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem;border-left:3px solid #f26f23}.articles-list article{background:#ffffff0d;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem;border-left:3px solid #60a5fa}.articles-list h2{color:#60a5fa;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.25;letter-spacing:-.01em;margin-bottom:.5rem}.articles-list .journal{color:#9ca3af;font-size:.95rem;margin-bottom:.5rem;font-style:italic}.articles-list .authors{color:#88909d;font-size:.9rem;margin-top:.5rem}.articles-list a{display:inline-block;margin-top:.75rem;color:#60a5fa;text-decoration:none;transition:color .3s ease}.articles-list a:hover{color:#93c5fd;text-decoration:underline}@media(min-width:720px){.container{max-width:720px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;align-items:center}.container>img{max-width:700px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:700px;margin:0 auto}img{margin:0 auto;display:block;width:700px}.soundcloud-list,.app-grid{grid-template-columns:repeat(2,1fr)}.cd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:2rem;justify-items:left}.cd-item img{width:100%;height:300px;object-fit:scale-down;margin-bottom:3rem}.image-gallery{grid-template-columns:1fr 1fr}.section-content h1{font-size:2.25rem}}@media(min-width:1024px){.container{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:1rem}.container>img{max-width:1000px}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto}img{margin:0 auto;display:block;width:1000px}.cd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;margin-top:2rem;justify-items:left}.cd-item img{width:100%;height:300px;object-fit:scale-down;margin-bottom:2rem}}