:root{--accent:#6f3fd9;--bg:#f5f5f5;--text:#262626;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text);background-color:var(--bg);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}a{color:var(--text);text-decoration:none;font-weight:600;transition:color .2s}a:hover{color:var(--accent)}.home-page{width:100vw;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.nav-standalone{position:sticky;top:0;display:flex;justify-content:center;gap:2rem;padding:1.25rem 0;background:var(--bg);z-index:20}.nav-standalone a{position:relative}.nav-standalone a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--accent);transition:width .25s}.nav-standalone a:hover:after{width:100%}.hero{flex:1;display:grid;place-items:center;padding:4rem 1rem}.studio-name{text-align:center;font-size:clamp(2.5rem,4vw+1rem,4rem);margin:0 0 .5rem;background:linear-gradient(90deg,var(--accent),#9d7bff 70%);-webkit-background-clip:text;color:transparent}.subtitle{font-size:1.125rem;margin:0 0 2rem;color:#4a4a4a}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:background .2s,color .2s}.btn.primary:hover{filter:brightness(1.1)}.btn:not(.primary){background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn:not(.primary):hover{background:var(--accent);color:#fff}@media (max-width:768px){.hero-content{margin:auto}}.button-group{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:flex-start}.btn{flex:1 0 8rem;padding:.85rem 0;border-radius:2.5rem;font-weight:600;font-size:1rem;text-align:center;border:2px solid var(--accent);color:var(--accent);background:#fff;transition:background .2s,color .2s,box-shadow .2s}.btn:hover{box-shadow:0 4px 14px #0000000f}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:#5b36c6}@media (max-width:640px){.button-group{flex-direction:column;gap:1rem}.btn{flex:1 1 auto}}.hero-inner{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;max-width:90rem}.studio-heading{font-size:clamp(3rem,6vw + 1rem,6rem);line-height:1.05;margin:0;text-align:left;background:linear-gradient(135deg,#a68dff,#6f3fd9 40%,#4b28b8 90%);-webkit-background-clip:text;color:transparent}.hero-content{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:3rem 4rem;max-width:32rem;margin-left:auto;box-shadow:0 10px 40px #0000000a}@media (max-width:768px){.hero-inner{grid-template-columns:1fr;gap:2rem}.studio-heading{text-align:center}.hero-content{margin:auto}}.nav{position:sticky;top:0;display:flex;justify-content:center;gap:2rem;padding:1.25rem 0;background:var(--bg);z-index:20}.nav a{position:relative;color:var(--text);font-weight:600;text-decoration:none;transition:color .2s}.nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--accent);transition:width .25s}.nav a:hover,.nav .active{color:var(--accent)}.nav a:hover:after,.nav .active:after{width:100%}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown .dropdown-content{display:none;position:absolute;right:0;background:#fff;min-width:max-content;padding:.5rem 0;box-shadow:0 4px 12px #0000001a;border-radius:.5rem;flex-direction:column;z-index:30}.nav-dropdown:hover .dropdown-content{display:flex}.dropdown-content a{padding:.65rem 1.25rem;color:var(--text);white-space:nowrap}.dropdown-content a:hover{background:#f0f0f0;color:var(--accent)}@media (max-width:768px){.nav{gap:1rem;padding:1rem}}.nav-link{display:inline-flex;align-items:center;gap:.45rem}.caret{transition:transform .2s}.nav-dropdown:hover .caret{transform:rotate(180deg)}:root{--bg:#f5f5f5;--text:#262626;--accent:#6f3fd9;--muted:#777}html,body{width:100%;height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100%;min-height:100vh}.layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.page-content{flex:1;width:100%;padding:3rem clamp(2rem,6vw,4rem);box-sizing:border-box}.page-header{width:100%;text-align:center;margin-bottom:2rem}.page-header h1{font-size:2.4rem;margin-bottom:.5rem;color:var(--text)}.breadcrumb{display:inline-block;font-size:.95rem;color:var(--muted);margin-bottom:.5rem}.breadcrumb a{color:var(--accent);text-decoration:none;position:relative}.breadcrumb a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:width .25s}.breadcrumb a:hover:after{width:100%}.badge{display:inline-block;padding:.2rem .75rem;margin-left:.5rem;font-size:.75rem;font-weight:700;border-radius:9999px;letter-spacing:.02em;text-transform:uppercase}.badge.closed{background:#d9534f;color:#fff}.badge.open{background:var(--accent);color:#fff}.gallery-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem}.gallery-item{padding:1.25rem 1.5rem;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:.75rem;text-decoration:none;color:var(--text);box-shadow:0 4px 12px #0000000a;transition:transform .2s,box-shadow .2s}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.gallery-item:hover h2{color:var(--accent)}.gallery-item h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.gallery-item p{margin:0;font-size:.95rem;line-height:1.5;color:#555}