html.studio-root{scroll-behavior:smooth}body.studio-page{margin:0;min-height:100vh;overflow-x:hidden}.studio-main-slot{width:100%;max-width:none;margin:0;padding:0}body.studio-page>header{position:fixed;top:0;left:0;right:0;z-index:200;background:color-mix(in srgb,var(--bg-surface) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body.studio-page .nav-container{flex-wrap:wrap;row-gap:.35rem}body.studio-page .nav-links{flex-wrap:wrap;row-gap:.25rem}body.studio-page .site-footer{margin-top:0}@media(min-width:1025px){body.studio-page .sidebar-shell,body.studio-page .sidebar-backdrop{display:none}}.studio-landing{--studio-display: "Space Grotesk", "Sora", Inter, system-ui, sans-serif;--studio-brand-claw: #22d3ee;--studio-brand-ham: #007aff;--studio-brand-skill: #f97316;font-family:Inter,system-ui,sans-serif}.studio-hero{position:relative;box-sizing:border-box;min-height:100svh;padding:clamp(5.5rem,14vh,10rem) max(2rem,env(safe-area-inset-right)) 3rem max(2rem,env(safe-area-inset-left));text-align:center;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.studio-hero-grid{position:absolute;inset:0;background-size:50px 50px;background-image:linear-gradient(to right,color-mix(in srgb,var(--text-main) 8%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--text-main) 8%,transparent) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 35%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 35%,transparent 100%);pointer-events:none}html[data-theme=dark] .studio-hero-grid{background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px)}.studio-hero-glow{position:absolute;top:-6rem;left:50%;transform:translate(-50%);width:min(800px,120vw);height:400px;background:color-mix(in srgb,var(--text-main) 8%,transparent);border-radius:50%;filter:blur(120px);pointer-events:none}html[data-theme=dark] .studio-hero-glow{background:#ffffff0f}.studio-hero-inner{position:relative;z-index:1;max-width:44rem;margin:0 auto}.studio-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:999px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 85%,transparent);backdrop-filter:blur(10px);font-size:.75rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text-muted);margin-bottom:2rem}.studio-badge-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:studio-pulse 1.8s ease-in-out infinite}@keyframes studio-pulse{0%,to{opacity:1}50%{opacity:.45}}.studio-hero-title{font-family:var(--studio-display);font-weight:700;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.03em;color:var(--text-main);margin-bottom:1.5rem}.studio-hero-title .studio-gradient{background:linear-gradient(90deg,color-mix(in srgb,var(--text-main) 70%,var(--text-muted)),var(--text-muted),color-mix(in srgb,var(--text-muted) 70%,var(--text-light)));-webkit-background-clip:text;background-clip:text;color:transparent}.studio-hero-sub{font-size:1.05rem;line-height:1.65;color:var(--text-muted);max-width:36rem;margin:0 auto 2rem;font-weight:500}.studio-hero-sub strong,.studio-hero-sub .studio-name{color:var(--text-main);font-weight:600}.studio-hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:999px;background:var(--text-main);color:var(--bg-surface);font-weight:600;text-decoration:none;font-size:.95rem;transition:transform .15s ease,opacity .15s ease}.studio-hero-cta:hover{transform:scale(1.03);opacity:.92}html[data-theme=dark] .studio-hero-cta{background:#fafafa;color:#0a0a0a}.studio-section-title{font-family:var(--studio-display);font-weight:700;font-size:1.75rem;letter-spacing:-.02em;color:var(--text-main);margin-bottom:.35rem}.studio-section-meta{font-size:.8rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text-light);margin-bottom:2.5rem}.studio-projects .studio-section-title,.studio-projects .studio-section-meta{text-align:center}.studio-stage-inner{width:100%;max-width:var(--max-width);margin:0 auto;padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));box-sizing:border-box}.studio-projects{box-sizing:border-box;min-height:100svh;padding:clamp(3rem,8vh,5rem) 0 clamp(4rem,10vh,6rem);display:flex;flex-direction:column;justify-content:flex-start}#projects,#about{scroll-margin-top:6rem}.studio-bento{display:grid;grid-template-columns:1fr;gap:1.25rem;grid-auto-rows:minmax(280px,auto)}@media(min-width:768px){.studio-bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.studio-bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:320px}}.studio-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem 2rem;border-radius:1.75rem;border:1px solid var(--border-color);background:var(--bg-surface);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.studio-card:hover{border-color:color-mix(in srgb,var(--text-main) 22%,var(--border-color));box-shadow:0 12px 40px var(--shadow-card)}.studio-card-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.55;transition:opacity .3s ease}.studio-card:hover .studio-card-glow{opacity:.85}.studio-card-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.studio-card-icon svg{width:1.5rem;height:1.5rem}.studio-card h3{font-family:var(--studio-display);font-weight:700;font-size:1.35rem;margin-bottom:.5rem;color:var(--text-main)}.studio-card p{font-size:.875rem;line-height:1.55;color:var(--text-muted)}.studio-card-footer{font-size:.7rem;font-family:JetBrains Mono,ui-monospace,monospace;margin-top:1rem;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.studio-card:hover .studio-card-footer{opacity:1;transform:translateY(0)}.studio-card--claw .studio-card-glow{bottom:-4rem;right:-4rem;width:14rem;height:14rem;background:color-mix(in srgb,var(--studio-brand-claw) 35%,transparent)}.studio-card--claw .studio-card-icon{background:color-mix(in srgb,var(--studio-brand-claw) 14%,transparent);color:var(--studio-brand-claw)}.studio-card--claw:hover{border-color:color-mix(in srgb,var(--studio-brand-claw) 45%,var(--border-color))}.studio-card--claw .studio-card-footer{color:var(--studio-brand-claw);opacity:1;transform:none}.studio-card--ham .studio-card-glow{top:-4rem;left:-4rem;width:14rem;height:14rem;background:color-mix(in srgb,var(--studio-brand-ham) 35%,transparent)}.studio-card--ham .studio-card-icon{background:color-mix(in srgb,var(--studio-brand-ham) 14%,transparent);color:var(--studio-brand-ham)}.studio-card--ham:hover{border-color:color-mix(in srgb,var(--studio-brand-ham) 45%,var(--border-color))}.studio-card--ham .studio-card-footer{color:var(--studio-brand-ham);opacity:1;transform:none;font-size:.75rem}.studio-card--skill .studio-card-glow{bottom:-4rem;left:-4rem;width:16rem;height:16rem;background:color-mix(in srgb,var(--studio-brand-skill) 35%,transparent)}.studio-card--skill .studio-card-icon{background:color-mix(in srgb,var(--tag-bg) 80%,var(--studio-brand-skill) 20%);color:var(--studio-brand-skill);border:1px solid var(--border-color)}.studio-card--skill:hover{border-color:color-mix(in srgb,var(--studio-brand-skill) 45%,var(--border-color))}.studio-card--skill .studio-tag{display:inline-block;padding:.2rem .55rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;background:color-mix(in srgb,var(--studio-brand-skill) 14%,transparent);color:var(--studio-brand-skill);margin-bottom:.75rem}.studio-card--skill h4{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;color:var(--studio-brand-skill);margin-bottom:.5rem;font-weight:500}.studio-card--secret{grid-column:1 / -1;align-items:center;text-align:center;border-style:dashed;min-height:200px;background:color-mix(in srgb,var(--bg-surface) 92%,var(--tag-bg) 8%);cursor:default}.studio-card--secret:hover{box-shadow:none}.studio-card--secret .studio-card-icon{margin-bottom:.75rem;color:var(--text-light)}.studio-about{padding:0}.studio-about--band{width:100%;box-sizing:border-box;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-surface) 99%,var(--tag-bg) 1%);padding:clamp(2.5rem,5vw,3.75rem) max(1.5rem,env(safe-area-inset-left)) max(1.5rem,env(safe-area-inset-right))}html[data-theme=dark] .studio-about--band{background:color-mix(in srgb,var(--bg-surface) 99%,var(--tag-bg) 1%)}.studio-about-wrap{width:100%;max-width:var(--max-width);margin:0 auto;box-sizing:border-box}.studio-about-wrap>.studio-section-title{margin-bottom:0;text-align:center}.studio-about-wrap>.studio-about-body{margin-top:1.125rem}.studio-about-body{width:100%;box-sizing:border-box}.studio-about-panel{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:min(44rem,100%);border-radius:1.375rem;border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:0 1px color-mix(in srgb,var(--text-main) 5%,transparent),0 22px 60px -28px var(--shadow-card);padding:clamp(2.125rem,4.5vw,3.25rem) clamp(1.35rem,3vw,2rem)}html[data-theme=dark] .studio-about-panel{box-shadow:0 1px color-mix(in srgb,var(--text-main) 8%,transparent),0 26px 70px -26px #00000073}.studio-about-panel .studio-about-glow{position:absolute;top:-2rem;right:-2rem;z-index:0;width:14rem;height:14rem;background:color-mix(in srgb,var(--text-main) 7%,transparent);border-radius:50%;filter:blur(72px);pointer-events:none}html[data-theme=dark] .studio-about-panel .studio-about-glow{background:#ffffff0d}.studio-about-head{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.125rem}.studio-about-head-text{min-width:0;flex:1}.studio-about-head .studio-about-avatar{flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:1rem;border:1px solid var(--border-color);background:color-mix(in srgb,var(--tag-bg) 90%,var(--bg-surface) 10%);display:flex;align-items:center;justify-content:center;color:var(--text-light);box-shadow:0 1px color-mix(in srgb,var(--text-main) 6%,transparent)}@media(min-width:640px){.studio-about-head .studio-about-avatar{width:4rem;height:4rem;border-radius:1.125rem}}.studio-about-inner{display:block;position:relative;z-index:1}.studio-about-copy{min-width:0;width:100%;max-width:min(32rem,100%);margin-left:auto;margin-right:auto}.studio-about-head-text h3{font-family:var(--studio-display);font-size:clamp(1.3rem,2vw,1.45rem);font-weight:700;letter-spacing:-.02em;color:var(--text-main);margin:0 0 .35rem}.studio-about-head-text .studio-role{display:inline-block;padding:.2rem .5rem;font-size:.7rem;font-family:JetBrains Mono,ui-monospace,monospace;border-radius:.35rem;background:var(--tag-bg);border:1px solid var(--border-color);color:var(--text-muted);margin:0}.studio-about-bio{font-size:.875rem;line-height:1.68;color:var(--text-muted);font-weight:500;margin-bottom:1rem}.studio-about-bio p{margin:0 0 .75rem}.studio-about-bio p:last-child{margin-bottom:0}.studio-skill-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:0}.studio-skill-tags span{padding:.25rem .65rem;border-radius:999px;font-size:.7rem;font-family:JetBrains Mono,ui-monospace,monospace;background:var(--tag-bg);border:1px solid var(--border-color);color:var(--text-muted)}.studio-about-tail{margin:.75rem 0 0;font-size:.875rem;line-height:1.68;color:var(--text-muted);font-weight:500}