*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--mono: "Space Mono", monospace;--sans: "Space Grotesk", sans-serif;--accent2: #8fa8e8}html{scroll-behavior:smooth;background:var(--bg);min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);cursor:none;overflow-x:hidden;min-height:100vh;min-height:100svh}#cursor{width:8px;height:8px;background:var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s,width .2s,height .2s,background .2s}#cursor-ring{width:32px;height:32px;border:1px solid var(--cursor-ring);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .12s ease-out,width .25s,height .25s,border-color .2s}body:has(a:hover) #cursor,body:has(.work-item:hover) #cursor{width:12px;height:12px}body:has(a:hover) #cursor-ring,body:has(.work-item:hover) #cursor-ring{width:48px;height:48px;border-color:var(--cursor-ring-hover)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:1;opacity:.78;animation:soliGridPulse 6s ease-in-out infinite}@keyframes soliGridPulse{0%,to{opacity:.62}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){body:before{animation:none;opacity:.7}}body[data-space=voidlane]{--accent: #5ca3ff}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 80px}.hero-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-dim);margin-bottom:20px;max-width:22rem;line-height:1.6;opacity:0;transform:translateY(16px)}.hero-kicker strong{color:var(--accent);font-weight:700}.hero-tag{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px}.hero-tag:before{content:"";display:block;width:32px;height:1px;background:var(--accent)}.hero-title{font-family:var(--mono);font-size:clamp(52px,10vw,120px);font-weight:700;line-height:.95;letter-spacing:-.02em;color:var(--text);margin-bottom:40px}.hero-title :is(.anime-split-char,.anime-split-word){overflow:visible!important}.hero-line{display:block}.hero-line--outline{color:transparent;-webkit-text-stroke:1.25px var(--hero-outline-stroke);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 10%,transparent)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between}.hero-desc{font-size:16px;color:var(--muted);line-height:1.82;max-width:22rem;letter-spacing:.03em}.hero-scroll{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--muted-dim);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}.hero-scroll__line{display:block;width:1px;height:48px;transform-origin:50% 0%;transform:scaleY(0);background:linear-gradient(to bottom,var(--muted),transparent);will-change:transform}.magnetic-view-label{position:fixed;left:0;top:0;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--accent);pointer-events:none;z-index:120;opacity:0;white-space:nowrap;will-change:transform,opacity;transition:opacity .2s ease;text-shadow:0 0 24px color-mix(in srgb,var(--accent) 45%,transparent),0 0 48px color-mix(in srgb,var(--accent) 16%,transparent)}.magnetic-view-label.is-visible{opacity:1}.works{position:relative;z-index:1;padding:120px 48px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:64px;padding-bottom:20px;border-bottom:1px solid var(--line2);position:relative}.section-header:before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:120px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.85;animation:sectionAccent 3.5s ease-in-out infinite}@keyframes sectionAccent{0%,to{opacity:.5;width:80px}50%{opacity:1;width:160px}}@media(prefers-reduced-motion:reduce){.section-header:before{animation:none;opacity:.7;width:120px}}.section-title{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--muted-dim);text-transform:uppercase}.section-count{font-family:var(--mono);font-size:11px;color:var(--muted)}.works-category+.works-category{margin-top:72px}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;align-items:stretch}.work-item{position:relative;overflow:visible;background:var(--bg3);cursor:none;display:block;text-decoration:none;color:inherit;transition:box-shadow .45s ease,transform .45s ease}.work-item--standard{grid-column:span 4;aspect-ratio:3/4}.work-item--featured{grid-column:span 8;aspect-ratio:16/10;min-height:280px}.work-item--compact{grid-column:span 4;aspect-ratio:1}.work-item--cinema{grid-column:span 12;aspect-ratio:21/9;min-height:220px}.work-item:hover{box-shadow:0 16px 48px var(--shadow-card),0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.work-item__inner{position:relative;width:100%;height:100%;overflow:hidden}.work-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s;filter:grayscale(20%)}.work-item--cinema .work-img,.work-item--featured .work-img{transform:scale(1.02)}.work-item--kenburns .work-img{animation:workKenBurns 22s ease-in-out infinite alternate}@keyframes workKenBurns{0%{transform:scale(1.04) translate3d(-1%,0,0)}to{transform:scale(1.12) translate3d(1.2%,-.8%,0)}}@media(prefers-reduced-motion:reduce){.work-item--kenburns .work-img{animation:none;transform:scale(1.04)}}.work-item:hover .work-img{transform:scale(1.06);filter:grayscale(0%)}.work-item--cinema:hover .work-img,.work-item--featured:hover .work-img{transform:scale(1.08)}.work-item--kenburns:hover .work-img{animation-play-state:paused;transform:scale(1.08);filter:grayscale(0%)}.work-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 50%);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.work-item:hover .work-overlay{opacity:1}.work-item--featured .work-overlay{opacity:.42}.work-item--featured:hover .work-overlay{opacity:1}.work-item--cinema .work-overlay{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 55%)}.work-id{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.15em;margin-bottom:6px}.work-title{font-size:17px;font-weight:500;color:var(--work-hero-title);margin-bottom:8px;text-shadow:0 2px 16px var(--shadow-card)}.work-tags{display:flex;gap:6px;flex-wrap:wrap}.work-tag{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#ffffffb8;border:1px solid rgba(255,255,255,.22);padding:4px 9px;border-radius:2px;text-transform:uppercase;transition:border-color .25s ease,color .25s ease,box-shadow .25s ease}.work-item:hover .work-tag{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));color:#ffffffe6}.about{position:relative;z-index:1;padding:120px 48px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:32px}.about-title{font-family:var(--mono);font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.1;margin-bottom:32px;color:var(--text)}.about-text{font-size:16px;color:var(--muted);line-height:1.88;margin-bottom:18px;max-width:38rem}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:0}.stat{background:var(--bg3);padding:32px 24px;border:1px solid var(--line);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.stat:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:0 12px 32px var(--shadow-card)}.stat-num{font-family:var(--mono);font-size:36px;font-weight:700;color:var(--accent);display:block;margin-bottom:8px}.stat-label{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--muted-dim);text-transform:uppercase}footer{position:relative;z-index:1;padding:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.footer-logo{font-family:var(--mono);font-size:13px;letter-spacing:.2em;color:var(--muted-dim)}.footer-copy{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted-dim);opacity:.72}.footer-copy a{color:var(--accent);text-decoration:none;opacity:.9;transition:opacity .2s}.footer-copy a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.footer-copy__sep{opacity:.45;user-select:none}[data-onscroll-reveal]{opacity:0;will-change:opacity,transform}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.hero{padding:0 32px 80px}.works{padding:100px 32px}.about{padding:100px 32px;gap:56px}footer{padding:40px 32px}}@media(min-width:769px)and (max-width:1024px){.works-grid{grid-template-columns:repeat(2,1fr)}.work-item--standard{grid-column:span 1;aspect-ratio:3/4}.work-item--compact{grid-column:span 1;aspect-ratio:1}.work-item--featured{grid-column:span 2;aspect-ratio:16/10}.work-item--cinema{grid-column:span 2;aspect-ratio:21/9}}@media(max-width:768px){.hero{padding:0 24px 60px}.works{padding:80px 24px}.work-item--standard,.work-item--featured,.work-item--compact,.work-item--cinema{grid-column:span 12;aspect-ratio:4/5;min-height:0}.about{padding:80px 24px;grid-template-columns:1fr;gap:48px}footer{padding:32px 24px;flex-direction:column;gap:12px;text-align:center}}