:root{--color-ink:#0b1a3a;--color-ink-deep:#050d22;--color-paper:#f5f8ff;--color-glow:#4dd2ff;--color-glow-soft:#a6e8ff;--color-accent:#e8b84a;--color-accent-hot:#ff7a3d;--color-line:#04091a;--font-display:var(--font-bangers),system-ui,sans-serif;--font-title:var(--font-bowlby),system-ui,sans-serif;--font-body:var(--font-work-sans),system-ui,sans-serif}*{border-color:color-mix(in oklab,var(--color-glow) 20%,transparent)}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}body{background-color:var(--color-ink-deep);color:var(--color-paper);font-family:var(--font-body);background-image:radial-gradient(circle at 15% 10%,color-mix(in oklab,var(--color-glow) 18%,transparent) 0,transparent 40%),radial-gradient(circle at 85% 90%,color-mix(in oklab,var(--color-accent) 12%,transparent) 0,transparent 45%)}h1,h2,h3{font-family:var(--font-title);letter-spacing:.01em}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.halftone{background-image:radial-gradient(circle,color-mix(in oklab,var(--color-paper) 15%,transparent) 1px,transparent 1.5px);background-size:8px 8px}.panel-outline{border:3px solid var(--color-line);box-shadow:0 0 0 2px var(--color-paper),0 0 24px color-mix(in oklab,var(--color-glow) 60%,transparent),8px 8px 0 var(--color-line)}.glow-text{text-shadow:0 0 8px color-mix(in oklab,var(--color-glow) 80%,transparent),0 0 20px color-mix(in oklab,var(--color-glow) 40%,transparent)}.text-stroke{text-shadow:-1.5px -1.5px 0 var(--color-paper),1.5px -1.5px 0 var(--color-paper),-1.5px 1.5px 0 var(--color-paper),1.5px 1.5px 0 var(--color-paper),0 -1.5px 0 var(--color-paper),0 1.5px 0 var(--color-paper),-1.5px 0 0 var(--color-paper),1.5px 0 0 var(--color-paper)}.btn-manga{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-title);font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-line);background:var(--color-paper);border:3px solid var(--color-line);box-shadow:4px 4px 0 var(--color-line),0 0 16px color-mix(in oklab,var(--color-glow) 60%,transparent);transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;text-decoration:none}.btn-manga:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-line),0 0 24px color-mix(in oklab,var(--color-glow) 80%,transparent)}.btn-manga:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-line)}.btn-manga--accent{background:var(--color-accent);color:var(--color-line)}.btn-manga--ghost{background:transparent;color:var(--color-paper);border-color:var(--color-paper);box-shadow:4px 4px 0 var(--color-glow)}.btn-manga--ghost:hover{box-shadow:6px 6px 0 var(--color-glow)}.btn-manga--compact{padding:.25rem .75rem}.btn-manga--sm{font-size:.75rem}.anim-rise{animation:rise .5s ease both}.anim-fade{animation:fade .5s ease both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.anim-kenburns{animation:kenburns 18s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.min-h-screen{min-height:100vh}.min-h-hero{min-height:92vh}.inset-0{top:0;bottom:0}.inset-0,.inset-x-0{right:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.container-manga{max-width:72rem}.container-manga,.container-manga-narrow{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container-manga-narrow{max-width:56rem}.font-display{font-family:var(--font-display)}.font-title{font-family:var(--font-title)}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-mega{letter-spacing:.3em}.tracking-ultra{letter-spacing:.4em}.text-size-2xs{font-size:.625rem}.text-size-xs{font-size:.75rem;line-height:1rem}.text-size-sm{font-size:.875rem;line-height:1.25rem}.text-size-lg{font-size:1.125rem;line-height:1.75rem}.text-size-xl{font-size:1.25rem;line-height:1.75rem}.text-size-2xl{font-size:1.5rem;line-height:2rem}.text-size-3xl{font-size:1.875rem;line-height:2.25rem}.text-size-4xl{font-size:2.25rem;line-height:2.5rem}.text-size-5xl{font-size:3rem;line-height:1}.text-size-6xl{font-size:3.75rem;line-height:1}.text-size-8xl{font-size:6rem;line-height:1}@media (min-width:768px){.text-size-md-2xl{font-size:1.5rem;line-height:2rem}.text-size-md-5xl{font-size:3rem;line-height:1}.text-size-md-6xl{font-size:3.75rem;line-height:1}.text-size-md-8xl{font-size:6rem;line-height:1}}.text-glow{color:var(--color-glow)}.text-glow-40{color:color-mix(in oklab,var(--color-glow) 40%,transparent)}.text-accent{color:var(--color-accent)}.text-accent-hot{color:var(--color-accent-hot)}.text-paper{color:var(--color-paper)}.text-paper-50{color:color-mix(in oklab,var(--color-paper) 50%,transparent)}.text-paper-70{color:color-mix(in oklab,var(--color-paper) 70%,transparent)}.text-paper-80{color:color-mix(in oklab,var(--color-paper) 80%,transparent)}.text-paper-85{color:color-mix(in oklab,var(--color-paper) 85%,transparent)}.text-line{color:var(--color-line)}.text-line-70{color:color-mix(in oklab,var(--color-line) 70%,transparent)}.bg-ink{background-color:var(--color-ink)}.bg-ink-deep{background-color:var(--color-ink-deep)}.bg-ink-deep-80{background-color:color-mix(in oklab,var(--color-ink-deep) 80%,transparent)}.bg-paper{background-color:var(--color-paper)}.bg-paper-20{background-color:color-mix(in oklab,var(--color-paper) 20%,transparent)}.bg-glow{background-color:var(--color-glow)}.bg-line-80{background-color:color-mix(in oklab,var(--color-line) 80%,transparent)}.border-line{border-color:var(--color-line)}.border-glow{border-color:var(--color-glow)}.border-glow-30{border-color:color-mix(in oklab,var(--color-glow) 30%,transparent)}.border-glow-20{border-color:color-mix(in oklab,var(--color-glow) 20%,transparent)}.border-accent{border-color:var(--color-accent)}.border-paper{border-color:var(--color-paper)}.border-paper-30{border-color:color-mix(in oklab,var(--color-paper) 30%,transparent)}.border-paper-70{border-color:color-mix(in oklab,var(--color-paper) 70%,transparent)}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-top{object-position:top}.object-bottom{object-position:bottom}.scale-110{transform:scale(1.1)}.filter-silhouette{filter:brightness(0)}.drop-shadow-glow{filter:drop-shadow(0 0 40px rgba(77,210,255,.6))}.drop-shadow-glow-lg{filter:drop-shadow(0 0 30px rgba(77,210,255,.6))}.drop-shadow-dark{filter:drop-shadow(0 0 20px rgba(0,0,0,.9))}.focus-glow:focus-visible{outline:2px solid var(--color-glow);outline-offset:2px}.hero-glow-overlay{background-image:radial-gradient(ellipse at center,rgba(77,210,255,.25),transparent 60%)}.site-header{position:fixed;inset-inline:0;top:0;z-index:50;background-color:transparent;transition:background-color .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,border-color .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease}.site-header.is-scrolled{background-color:color-mix(in oklab,var(--color-ink-deep) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in oklab,var(--color-glow) 30%,transparent)}.brand-logo{height:2.25rem;width:auto}.nav-link{color:var(--color-paper);text-decoration:none;transition:color .2s ease}.nav-link.is-active,.nav-link:hover{color:var(--color-glow)}.site-footer{border-top:4px solid var(--color-line);background-color:var(--color-ink-deep)}.project-card{position:relative;height:100%;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-4px) rotate(0deg)!important}.project-card__media{overflow:hidden}.project-card__media img{transition:transform .5s ease}.project-card:hover .project-card__media img{transform:scale(1.05)}.project-card__link-arrow{display:inline-block;margin-left:.5rem;color:var(--color-accent-hot);transition:transform .2s ease}.project-card:hover .project-card__link-arrow{transform:translate(2px,-2px)}.skill-chip{border:2px solid color-mix(in oklab,var(--color-paper) 70%,transparent);background-color:var(--color-ink);padding:.25rem .75rem}.card-divider{border-top:4px solid var(--color-line)}.card-divider-bottom{border-bottom:4px solid var(--color-line)}.carousel-track{display:flex;transition:transform .7s cubic-bezier(.22,1,.36,1)}.carousel-slide{display:grid;width:100%;flex-shrink:0}@media (min-width:768px){.carousel-slide{grid-template-columns:1fr 1fr}}.carousel-slide__media{position:relative;overflow:hidden;aspect-ratio:16/9}@media (min-width:768px){.carousel-slide__media{aspect-ratio:auto;min-height:400px;-webkit-clip-path:polygon(0 0,100% 0,88% 100%,0 100%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}}.carousel-slide__overlay{position:absolute;inset:0;background-image:linear-gradient(to top,color-mix(in oklab,var(--color-ink) 70%,transparent),transparent,transparent)}@media (min-width:768px){.carousel-slide__overlay{background-image:linear-gradient(to right,color-mix(in oklab,var(--color-ink) 70%,transparent),transparent,transparent)}}.carousel-slide__body{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem}@media (min-width:768px){.carousel-slide__body{padding:3rem;margin-left:-2rem}}.status-badge{display:inline-block;width:-moz-fit-content;width:fit-content;border:2px solid var(--color-accent);padding:.25rem .75rem}.carousel-dot{height:.5rem;width:2rem;border:2px solid var(--color-line);background-color:color-mix(in oklab,var(--color-paper) 20%,transparent);transition:background-color .2s ease}.carousel-dot.is-active{background-color:var(--color-glow)}.roster-glow-a{background-image:linear-gradient(to right,color-mix(in oklab,var(--color-glow) 25%,transparent),transparent,color-mix(in oklab,var(--color-accent) 10%,transparent))}.roster-glow-b{background-image:linear-gradient(to right,color-mix(in oklab,var(--color-accent) 10%,transparent),transparent,color-mix(in oklab,var(--color-glow) 25%,transparent))}.portrait-frame{position:relative;height:420px;width:100%;max-width:24rem}.thumb-btn{position:relative;height:5rem;width:5rem;overflow:hidden;border:4px solid color-mix(in oklab,var(--color-paper) 30%,transparent);opacity:.7;transition:opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease}.thumb-btn:hover{opacity:1}.thumb-btn.is-active{border-color:var(--color-glow);box-shadow:0 0 20px rgba(77,210,255,.8);transform:scale(1.1);opacity:1}.thumb-btn__label{position:absolute;left:0;right:0;bottom:0;background-color:color-mix(in oklab,var(--color-line) 80%,transparent);padding-block:.125rem}