@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Noto+Sans+JP:wght@400;700;900&family=Syne:wght@700;800&display=swap";:root{--bg: #080808;--fg: #f0f0f0;--fg-muted: rgba(240,240,240,.38);--green: #00FF88;--pink: #FF2D78;--yellow: #FFE600;--cyan: #00EEFF;--border: rgba(255,255,255,.07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Space Mono,monospace;cursor:none;overflow-x:hidden}.cursor{position:fixed;width:10px;height:10px;background:var(--green);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .2s,height .2s,opacity .2s}.cursor-ring{position:fixed;width:32px;height:32px;border:1px solid rgba(0,255,136,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%)}a,button{cursor:none}.site-nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:1.6rem 2.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.1em;color:var(--fg);text-decoration:none;line-height:1;position:relative;display:inline-block}.nav-logo em{color:var(--green);font-style:normal}.nav-logo:before,.nav-logo:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;animation:logo-glitch 3s infinite steps(1)}.nav-logo:before{color:var(--cyan);mix-blend-mode:screen}.nav-logo:after{color:var(--green);mix-blend-mode:screen;animation-delay:.08s}@keyframes logo-glitch{0%,39%,to{transform:none;opacity:0}40%{opacity:1;transform:translate(-3px,1px)}41%{transform:translate(3px,-2px)}42%{transform:translate(-2px,3px)}43%{transform:translate(2px,-1px)}44%{transform:translate(-4px,2px)}45%{transform:translate(1px,-3px)}46%{transform:translate(-2px)}47%{opacity:0;transform:none}}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--green)}#hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:flex-end}#hero-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:1}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:screen}.hero-content{position:relative;z-index:10;padding:0 2.5rem 4rem;width:100%;display:grid;grid-template-columns:1fr auto;align-items:flex-end;gap:2rem}.hero-title-wrap{overflow:hidden}.hero-label{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--green);margin-bottom:.6rem;display:block;opacity:0;transform:translateY(10px);transition:opacity .8s ease .3s,transform .8s ease .3s}.hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(4.5rem,13vw,11rem);letter-spacing:.03em;line-height:.92;color:var(--fg);position:relative;display:block;opacity:0;transform:translateY(30px);transition:opacity 1s ease .1s,transform 1s cubic-bezier(.16,1,.3,1) .1s}.hero-title:before,.hero-title:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.hero-title:before{color:var(--cyan);animation:hero-glitch 3.8s infinite steps(1)}.hero-title:after{color:var(--green);animation:hero-glitch 3.8s infinite steps(1);animation-delay:.09s}@keyframes hero-glitch{0%,42%,to{transform:none;opacity:0}43%{opacity:1;transform:translate(-5px,2px)}44%{transform:translate(4px,-3px)}45%{transform:translate(-3px,4px)}46%{transform:translate(6px,-2px)}47%{transform:translate(-4px,3px)}48%{transform:translate(3px,-4px)}49%{transform:translate(-6px,1px)}50%{opacity:0;transform:none}}.hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;opacity:0;transform:translateY(16px);transition:opacity .8s ease .6s,transform .8s ease .6s}.hero-sub{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted);writing-mode:vertical-rl;text-orientation:mixed}.hero-scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--green),transparent);animation:linepulse 2s ease-in-out infinite}@keyframes linepulse{0%,to{opacity:.3;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}.loaded .hero-label,.loaded .hero-title,.loaded .hero-right{opacity:1;transform:none}.works-section{position:relative}.work-slide{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center}.work-slide-bg{position:absolute;inset:-10%;background-size:cover;background-position:center;will-change:transform}.work-slide-bg:after{content:"";position:absolute;inset:0;background:#0808088c}.work-slide-content{position:relative;z-index:10;padding:0 2.5rem 3.5rem;width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;height:100%}.work-num{font-family:Bebas Neue,sans-serif;font-size:clamp(6rem,22vw,18rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.38);letter-spacing:.02em;user-select:none;position:absolute;top:50%;left:2rem;transform:translateY(-50%);pointer-events:none;z-index:1}.work-slide--text .work-slide-bg:after{background:linear-gradient(to right,#0808084d 0% 50%,#080808d1)}.work-slide-content--split{justify-content:flex-end}.work-text-panel{position:absolute;right:2.5rem;bottom:3.5rem;width:42%;display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto;scrollbar-width:none}.work-text-panel::-webkit-scrollbar{display:none}.work-desc{font-family:Noto Sans JP,sans-serif;font-size:.72rem;line-height:1.9;color:var(--fg-muted);white-space:pre-line}@media(max-width:768px){.work-text-panel{width:calc(100% - 5rem);right:2.5rem;left:2.5rem;bottom:2rem}.work-slide--text .work-slide-bg:after{background:linear-gradient(to bottom,#0808081a 40%,#080808d9)}}.work-slide--strips{background:var(--bg)}.work-slide--strips:after,.work-slide--voronoi:after{content:"";position:absolute;inset:0;background:#08080873;z-index:5;pointer-events:none}.strips-container{position:absolute;inset:0 -5%;display:flex;gap:1px;background:#000}.strip{flex:1;overflow:hidden;transform:skew(-5deg);transform-origin:center}.strip-inner{position:absolute;width:130%;height:100%;left:-15%;background-size:cover;background-position:center;transform:skew(5deg)}@media(max-width:768px){.strip--hide-sp{display:none}}.work-slide--voronoi{background:#050505}.voronoi-cells{position:absolute;inset:0}.vc{position:absolute;inset:0;background-color:#000}.vc-inner{position:absolute;inset:-30%;background-size:cover;background-position:center}.vc-0{clip-path:polygon(0% 0%,38% 0%,34% 40%,0% 48%)}.vc-1{clip-path:polygon(38% 0%,72% 0%,60% 28%,34% 40%)}.vc-2{clip-path:polygon(72% 0%,100% 0%,100% 35%,78% 48%,60% 28%)}.vc-3{clip-path:polygon(34% 40%,60% 28%,78% 48%,62% 66%,38% 70%,0% 48%)}.vc-4{clip-path:polygon(0% 48%,38% 70%,26% 100%,0% 100%)}.vc-5{clip-path:polygon(62% 66%,78% 48%,100% 35%,100% 68%,80% 76%)}.vc-6{clip-path:polygon(38% 70%,62% 66%,80% 76%,58% 100%,26% 100%)}.vc-7{clip-path:polygon(80% 76%,100% 68%,100% 100%,58% 100%)}.voronoi-borders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.work-slide--voronoi .work-slide-content{z-index:10}.work-info{display:flex;flex-direction:column;gap:1rem}.work-tag{font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:.5rem}.work-tag:before{content:"";width:20px;height:1px;background:var(--green)}.work-title-large{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:.04em;line-height:1;color:var(--fg)}.section-wrap{padding:7rem 2.5rem;max-width:1100px;margin:0 auto}.eyebrow{font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--green);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}.eyebrow:before{content:"—";color:var(--pink)}.big-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,7vw,6.5rem);letter-spacing:.03em;line-height:.95;margin-bottom:3rem}#about{border-top:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-text{font-family:Noto Sans JP,sans-serif;font-size:.9rem;line-height:2.1;color:var(--fg-muted)}.about-img{position:relative;aspect-ratio:3/4;overflow:hidden}.about-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.about-img:after{content:"";position:absolute;inset:0;border:1px solid var(--border)}#contact{border-top:1px solid var(--border);text-align:center}.contact-links{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-top:2.5rem}.contact-link{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);text-decoration:none;padding:.7rem 1.8rem;border:1px solid var(--border);transition:color .25s,border-color .25s}.contact-link:hover{color:var(--green);border-color:var(--green)}footer{padding:2rem 2.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-brand{font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.1em;color:var(--fg-muted)}.footer-copy{font-size:.6rem;letter-spacing:.12em;color:var(--fg-muted)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}