*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{color:#333;background-color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}.header{background-color:#fff;border-bottom:3px solid #f4d03f;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative}.nav-left,.nav-right{letter-spacing:.5px;align-items:center;gap:15px;font-size:.9rem;display:flex}.nav-left a,.nav-right a{color:#333;text-decoration:none;transition:color .3s}.nav-left a:hover,.nav-right a:hover{color:#f4d03f}.separator{color:#999}.logo-container{position:absolute;left:50%;transform:translate(-50%)}.logo{text-align:center}.logo-text{color:#f4d03f;font-family:Brush Script MT,cursive;font-size:2.5rem;font-style:italic;font-weight:700;line-height:1;display:block}.logo-studios{letter-spacing:4px;color:#333;margin-top:-5px;font-size:.9rem;display:block}.hero-section{background:linear-gradient(135deg,#fff 0%,#fefefe 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;padding:0;display:flex}.hero-logo{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}.desktop-logo{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;width:100vw;max-width:none;height:100vh;max-height:none;display:block}.mobile-logo{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;width:100%;height:auto;display:none}@media (max-width:1024px){.hero-section{justify-content:center;align-items:flex-start;min-height:auto;margin:0;padding:0}.hero-logo{justify-content:center;align-items:flex-start;height:auto;margin:0;padding:0}.desktop-logo{display:none}.mobile-logo{width:100%;max-width:600px;margin:0;padding:0;display:block}}.hero-banner{border-bottom:3px solid #f4d03f;width:100%;height:400px;display:flex}.banner-image{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.placeholder-art{justify-content:center;align-items:center;width:80%;height:80%;display:flex}.art-frame{background:#fff;border:2px solid #ddd;width:100%;height:100%;position:relative;box-shadow:0 4px 8px #0000001a}.frame-1:before{content:"";background:radial-gradient(circle,#8bc34a 30%,#0000 70%);border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-2:before{content:"";clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(45deg,#ff9800 0%,#333 100%);width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-3:before{content:"";background:radial-gradient(circle,#2196f3 40%,#9c27b0 100%);border-radius:50%;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-4:before{content:"";clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);background:linear-gradient(135deg,#4caf50 0%,#f4d03f 100%);width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-5:before{content:"";background:#f4d03f;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.content-section{gap:80px;max-width:1200px;margin:0 auto;padding:60px 40px;display:flex}.content-column{flex:1}.content-column h2{letter-spacing:2px;color:#333;border-bottom:2px solid #f4d03f;margin-bottom:20px;padding-bottom:10px;font-size:1.1rem}.content-column p{text-align:justify;margin-bottom:15px;font-size:.95rem;line-height:1.7}.signature{margin-top:20px;font-style:italic}.content-column ul{margin-bottom:30px;list-style:none}.content-column ul li{margin-bottom:10px;padding-left:20px;font-size:.95rem;line-height:1.7;position:relative}.content-column ul li:before{content:"-";color:#f4d03f;position:absolute;left:0}.instagram-cta{color:#333;margin-top:30px;font-weight:700}@media (max-width:768px){.header{flex-direction:column;gap:15px;padding:20px}.logo-container{position:static;transform:none}.hero-banner{flex-wrap:wrap;height:auto}.banner-image{flex:1 0 50%;min-height:200px}.content-section{flex-direction:column;gap:40px;padding:40px 20px}.nav-left,.nav-right{text-align:center;flex-direction:column;gap:5px}.separator{display:none}}
