:root{--bg: #0c0c0c;--ink: #ececec;--mute: #8a8a8a;--line: #2a2a2a;--soft: #151515;--accent: #ececec;--font: "Manrope", "Segoe UI", "Noto Sans", "Noto Sans JP", "Noto Sans Devanagari", sans-serif;--ease: cubic-bezier(.76, 0, .24, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;overflow-x:clip}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:clip}#page{width:100%;max-width:100%;min-height:100%;overflow-x:clip}body.is-loading{overflow:hidden}body.is-egg{--accent: #7dffb3}a{color:inherit;text-decoration:none}.loading-container{position:fixed;inset:0;width:100%;height:100vh;overflow:hidden;z-index:800;pointer-events:none;background:transparent}.loading-screen{position:relative;width:100%;height:100%;left:0;top:0;background:#141517;will-change:top}.rounded-div-wrap{width:100%;height:0vh;overflow:hidden;position:absolute;will-change:height;z-index:2}.rounded-div-wrap.top{top:0;transform:translateY(-99%) scaleY(-1)}.rounded-div-wrap.bottom{top:unset;bottom:0;transform:translateY(99%)}.rounded-div{width:150%;height:745%;display:block;position:absolute;left:50%;border-radius:50%;background:#141517;transform:translate(-50%,-86.666%);z-index:1}.loading-words{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;display:block;will-change:opacity,transform;z-index:3;font-size:clamp(2.6em,5vw,4.5em);font-weight:500;letter-spacing:-.03em;color:#fff;line-height:1.15;width:max-content;height:1.15em}.loading-words h2{margin:0;padding:0 .4em 0 .6em;color:#fff;position:absolute;top:0;left:50%;transform:translate(-50%);display:none;white-space:nowrap;font:inherit;font-weight:500;opacity:0;will-change:opacity}.loading-words h2.jap{font-size:.65em;transform:translate(-50%,10%)}.loader-dot{display:block;position:absolute;border-radius:50%;background:#fff;left:0;top:47%;width:calc(.606061 * clamp(16px,1.2vw,19px));height:calc(.606061 * clamp(16px,1.2vw,19px))}.cursor{position:fixed;top:0;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:100;mix-blend-mode:difference;opacity:0;display:grid;place-items:center;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),opacity .2s,background .25s}.cursor.is-on{opacity:1}.cursor.is-grow{width:42px;height:42px;margin:-21px 0 0 -21px}.cursor.is-view{width:84px;height:84px;margin:-42px 0 0 -42px;background:#fff;mix-blend-mode:normal;color:#111}.cursor-label{font-size:.72rem;font-weight:600;letter-spacing:.02em;opacity:0;transform:scale(.6);transition:opacity .25s var(--ease),transform .25s var(--ease)}.cursor.is-view .cursor-label{opacity:1;transform:scale(1)}.work-float{position:fixed;top:0;left:0;z-index:30;width:280px;height:280px;overflow:hidden;pointer-events:none;opacity:0;border-radius:.35rem;will-change:transform,opacity;box-shadow:0 20px 50px #00000073}.work-float-inner{will-change:transform}.preview{width:280px;height:280px;display:grid;align-content:end;gap:.35rem;padding:1.25rem;color:#f2f2f2;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.preview span{width:fit-content;padding:.2rem .45rem;background:#00000059;backdrop-filter:blur(4px)}.preview-hunt{background:linear-gradient(160deg,rgba(0,0,0,.35),transparent 50%),repeating-linear-gradient(90deg,#1a1212 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,#1a1212 0 1px,transparent 1px 28px),radial-gradient(circle at 30% 30%,#5a2a2a,#120808 70%)}.preview-java{background:linear-gradient(200deg,rgba(0,0,0,.25),transparent 45%),radial-gradient(circle at 70% 20%,#3a4a58,transparent 45%),linear-gradient(135deg,#1c2430,#0d1016 60%,#243040)}.preview-ops{background:radial-gradient(circle at 20% 70%,#2a3a2a,transparent 40%),radial-gradient(circle at 80% 25%,#3a3a2a,transparent 35%),linear-gradient(160deg,#121612,#0c0e0c);position:relative}.preview-ops:before{content:"";position:absolute;inset:18% 15%;background:radial-gradient(circle at 20% 30%,#9f9 1.5px,transparent 2px),radial-gradient(circle at 70% 40%,#9f9 1.5px,transparent 2px),radial-gradient(circle at 45% 75%,#9f9 1.5px,transparent 2px),linear-gradient(115deg,transparent 48%,rgba(153,255,153,.35) 49% 51%,transparent 52%),linear-gradient(25deg,transparent 48%,rgba(153,255,153,.25) 49% 51%,transparent 52%)}.preview-reports{background:linear-gradient(#1a1a1a,#1a1a1a) 0 0 / 100% 18% no-repeat,repeating-linear-gradient(180deg,transparent 0 14px,rgba(255,255,255,.08) 14px 15px),linear-gradient(180deg,#222,#111)}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1.25rem clamp(1rem,4vw,2.5rem);mix-blend-mode:difference}.nav-brand,.nav-links a,.foot-socials button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}a.nav-brand{text-decoration:none}.nav-brand{font-size:.85rem;font-weight:500}.nav-links{display:flex;gap:1.5rem}.nav-links a{font-size:.9rem;font-weight:500}.hero{position:relative;min-height:100dvh;display:grid;align-content:end;padding:6.5rem clamp(1rem,4vw,2.5rem) 1.5rem;overflow:hidden;background:radial-gradient(560px 400px at 72% 30%,#141814,transparent 62%),var(--bg)}.hero-portrait{position:absolute;top:6%;right:clamp(1.5rem,4vw,3rem);width:min(46vw,560px);height:min(64dvh,560px);z-index:0;pointer-events:none;overflow:hidden;opacity:.96}.hero-laptop{width:100%;height:100%;display:block;opacity:0;transition:opacity .55s ease}.hero-laptop.is-ready{opacity:1}.hero-side{position:relative;z-index:2;max-width:22rem;margin-bottom:clamp(3rem,10vh,7rem)}.eyebrow{margin:0 0 .75rem;color:var(--mute);font-size:.8rem;letter-spacing:.04em}.role{margin:0;font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.35;font-weight:600;letter-spacing:-.02em}.marquee{position:relative;z-index:2;overflow:hidden;width:100%;max-width:100%;user-select:none}.marquee-track{display:flex;width:max-content;gap:.35em;font-size:clamp(3.5rem,12vw,10rem);font-weight:800;letter-spacing:-.05em;line-height:.9;white-space:nowrap;will-change:transform}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;margin:1.15rem 0 0;padding:.55rem .85rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.78rem;color:var(--ink);width:fit-content}.dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent)}.intro{padding:8rem clamp(1rem,4vw,2.5rem) 5rem;display:grid;grid-template-columns:1.4fr auto;gap:2rem;align-items:end;border-top:1px solid var(--line)}.intro-text{margin:0;max-width:42rem;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.25;font-weight:600;letter-spacing:-.03em}.about-link{font-size:1rem;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:.15rem;width:fit-content}.work{padding:2rem clamp(1rem,4vw,2.5rem) 6rem}.section-label{margin:0 0 1.5rem;color:var(--mute);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.work-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.work-item{border-bottom:1px solid var(--line);transition:opacity .45s var(--ease)}.work-list.is-hovering .work-item{opacity:.28}.work-list.is-hovering .work-item.is-active{opacity:1}.work-link{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:1.6rem .2rem;transition:padding .45s var(--ease)}.work-link:hover,.work-link:focus-visible{padding-left:1rem}.work-title{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.04em;transition:transform .45s var(--ease)}.work-item.is-active .work-title{transform:translate(12px)}.work-meta{color:var(--mute);font-size:.92rem;text-align:right}.about{padding:5rem clamp(1rem,4vw,2.5rem) 7rem;background:var(--soft)}.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}.about h2{margin:0;font-size:clamp(3rem,8vw,6rem);letter-spacing:-.05em;line-height:.9}.about-copy p{margin:0 0 1.1rem;max-width:38rem;color:#cfcfcf;font-size:1.05rem;line-height:1.55}.contact{padding:7rem clamp(1rem,4vw,2.5rem) 5rem}.contact-title{margin:0 0 2rem;font-size:clamp(3.5rem,12vw,8rem);line-height:.9;letter-spacing:-.05em;overflow:hidden}.contact-title span{display:block;transform:translateY(110%)}.contact-rows{display:grid;gap:1rem}.contact-rows a{font-size:clamp(1.2rem,3vw,2rem);font-weight:600;width:fit-content;border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}.contact-rows a:hover,.contact-rows a:focus-visible{border-color:var(--ink)}.foot{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem clamp(1rem,4vw,2.5rem) 2.5rem;border-top:1px solid var(--line);font-size:.9rem}.foot-label{margin:0 0 .35rem;color:var(--mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.foot p{margin:0}.foot-socials{display:flex;flex-wrap:wrap;gap:.9rem}.egg-hint{grid-column:1 / -1;margin-top:1rem!important;color:var(--mute);font-size:.7rem;letter-spacing:.06em}.term{position:fixed;right:1rem;bottom:1rem;width:min(400px,calc(100vw - 2rem));max-height:42vh;display:grid;grid-template-rows:auto 1fr auto;background:#101010;border:1px solid var(--line);z-index:40;font-family:ui-monospace,Menlo,Consolas,monospace}.term[hidden]{display:none}.term-bar{display:flex;justify-content:space-between;padding:.45rem .65rem;border-bottom:1px solid var(--line);color:var(--mute);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.term-bar button{border:0;background:transparent;color:var(--mute);cursor:pointer;font:inherit}.term-out{min-height:110px;overflow:auto;padding:.65rem;font-size:.75rem}.term-out .muted{color:var(--mute)}.term-out .ok{color:#fff}.term-in{display:flex;gap:.4rem;align-items:center;padding:.45rem .65rem;border-top:1px solid var(--line);color:#fff}.term-in input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.78rem}.reveal{opacity:0;transform:translateY(40px)}.case{padding:7rem clamp(1rem,4vw,2.5rem) 4rem}.case-title{margin:0 0 2.5rem;font-size:clamp(4rem,14vw,9rem);line-height:.9;letter-spacing:-.06em;overflow:hidden}.case-title span{display:block}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;padding-top:1rem;border-top:1px solid var(--line)}.case-label{margin:0 0 .55rem;color:var(--mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.case-meta p:last-child{margin:0;font-size:.98rem;font-weight:500}.case-visual{width:100%;min-height:clamp(220px,42vh,420px);margin-bottom:3.5rem;display:grid;align-content:end;gap:.35rem;padding:1.5rem;color:#f2f2f2;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:.35rem}.case-visual span{width:fit-content;padding:.2rem .45rem;background:#00000059;backdrop-filter:blur(4px)}.case-body{max-width:42rem;display:grid;gap:1.15rem;margin-bottom:5rem}.case-body p{margin:0;color:#cfcfcf;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.55;font-weight:500}.case-next{display:flex;flex-direction:column;gap:.35rem;padding:2rem 0;border-top:1px solid var(--line);width:100%}.case-next-label{color:var(--mute);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.case-next-title{font-size:clamp(2.4rem,7vw,4.5rem);font-weight:700;letter-spacing:-.05em;transition:transform .45s var(--ease)}.case-next:hover .case-next-title,.case-next:focus-visible .case-next-title{transform:translate(12px)}@media(max-width:860px){.intro,.about-grid,.foot,.case-meta{grid-template-columns:1fr}.hero{min-height:100dvh;display:flex;flex-direction:column;align-content:unset;padding:5.5rem clamp(1rem,4vw,2.5rem) .75rem}.hero-side{max-width:100%;margin-top:clamp(1.75rem,8vh,4rem);margin-bottom:0}.hero-portrait{display:none}.marquee{margin-top:auto;padding-top:2.5rem}.marquee-track{font-size:clamp(2.8rem,14vw,4rem)}.work-link{flex-direction:column;gap:.35rem}.work-meta{text-align:left}.cursor,.work-float{display:none}.contact-title,.about h2{font-size:clamp(2.6rem,14vw,4.5rem)}}@media(max-width:480px){.nav{padding-inline:1rem}.nav-links{gap:.85rem}}@media(hover:none){.cursor,.work-float{display:none}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.marquee-track{transform:none!important}.loading-container{display:none!important}}