@charset "UTF-8";:root{--paper:#ffffff;--ink:#14130f;--bg:var(--paper);--fg:var(--ink);--line:color-mix(in srgb, var(--fg) 16%, transparent);--faint:color-mix(in srgb, var(--fg) 55%, transparent);--ease:cubic-bezier(.16,1,.3,1);--pad:clamp(20px,5vw,72px);--maxw:1440px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--fg);font-family:Bricolage Grotesque,sans-serif;line-height:1.25;overflow-x:hidden;cursor:none;transition:background .6s var(--ease),color .6s var(--ease)}@media(pointer:coarse){body{cursor:auto}}[hidden]{display:none!important}body:after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--fg);color:var(--bg)}.mono{font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em}.up{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}a{color:inherit;text-decoration:none}svg.ej{display:block}.defs{position:absolute;width:0;height:0;overflow:hidden}.cur,.cur-dot{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.cur{width:38px;height:38px;border:1px solid var(--fg);transition:width .35s var(--ease),height .35s var(--ease),background .35s var(--ease),opacity .3s}.cur-dot{width:5px;height:5px;background:var(--fg)}body.hovering .cur{width:74px;height:74px;background:color-mix(in srgb,var(--fg) 8%,transparent)}body.hovering .cur-dot{opacity:0}@media(pointer:coarse){.cur,.cur-dot{display:none}}#loader{position:fixed;inset:0;z-index:10000;background:var(--bg);pointer-events:none}#loader.done{transform:translateY(-100%);transition:transform 1s var(--ease)}.pl-top{position:fixed;top:clamp(72px,11vh,160px);left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:20px;z-index:10000;transition:transform .65s var(--ease)}#loader.done~.pl-top{transform:translateY(-200px);transition-delay:.35s}.pl-counter{font-family:JetBrains Mono,monospace;font-size:clamp(13px,1.3vw,20px);font-weight:500;letter-spacing:-.02em;color:var(--fg);min-width:44px}.pl-bar-wrap{flex:1;height:1px;position:relative;overflow:hidden}.pl-bar-wrap:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--fg) 10%,transparent)}.pl-bar{position:absolute;inset:0;background:var(--fg);transform:scaleX(0);transform-origin:left}header{position:fixed;top:0;left:0;right:0;z-index:9000;color:var(--fg);padding:24px 40px;transition:transform .5s var(--ease)}@media(max-width:600px){header{padding:16px}}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px;background:#f3f3f3;border-radius:8px}.brand{display:flex;align-items:center;color:inherit}.brand .lej{height:38px;width:38px;color:currentColor}.burger{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;display:inline-flex;align-items:center;gap:12px;background:none;border:none;color:inherit;cursor:none}.burger .blabel{min-width:40px;text-align:right}.burger .lines{position:relative;width:26px;height:12px;flex:none}.burger .lines i{position:absolute;left:0;width:100%;height:1.5px;background:currentColor;transition:transform .45s var(--ease),top .45s var(--ease),bottom .45s var(--ease)}.burger .lines i:nth-child(1){top:1px}.burger .lines i:nth-child(2){bottom:1px}body.menu-open .burger .lines i:nth-child(1){top:5px;transform:rotate(45deg)}body.menu-open .burger .lines i:nth-child(2){bottom:5px;transform:rotate(-45deg)}.menu{position:fixed;inset:0;z-index:8500;background:#e0e0e0;color:var(--fg);display:flex;flex-direction:column;justify-content:center;padding:clamp(90px,14vh,150px) var(--pad) clamp(28px,5vh,56px);pointer-events:none;margin:10px;border-radius:12px;transform-origin:top center;opacity:0;transform:scale(.985);transition:opacity .45s var(--ease),transform .45s var(--ease)}body.menu-open .menu{opacity:1;transform:none;pointer-events:auto}.menu-links{list-style:none}.menu-links li{padding:2px 0}.menu-links a{display:inline-flex;align-items:baseline;gap:18px;font-weight:500;letter-spacing:-.03em;line-height:1.04;font-size:clamp(2.6rem,9vw,7rem);opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.menu-links a .mn{font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.1em;font-size:.8rem;opacity:.5}.menu-links a:hover{font-style:italic}body.menu-open .menu-links a{opacity:1;transform:none;transition-delay:var(--d, 0s)}.menu-foot{margin-top:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--fg) 16%,transparent);font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.78rem;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease) .35s,transform .6s var(--ease) .35s}.menu-foot a:hover{text-decoration:underline}.menu-foot .socs{display:flex;gap:18px}body.menu-open .menu-foot{opacity:1;transform:none}#curtain{position:fixed;inset:0;z-index:9300;background:#f3f3f3;color:var(--fg);transform:translateY(-110%);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#curtain.cover{transform:translateY(0);transition:transform 1.5s var(--ease)}#curtain.reveal{transform:translateY(-110%);transition:transform 2.5s var(--ease)}#curtain .lej{width:72px;color:currentColor;opacity:0;transform:translateY(-8px);transition:opacity .4s var(--ease),transform .4s var(--ease)}#curtain.cover .lej{opacity:1;transform:none}#curtain .clabel{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;opacity:0;transition:opacity .4s var(--ease)}#curtain.cover .clabel{opacity:.6}.pgin{animation:pgin .8s var(--ease) 2s both}@keyframes pgin{0%{transform:translateY(30px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.menu,#curtain{transition:none}.menu-links a{opacity:1;transform:none}.pgin{animation:none}}main{position:relative;z-index:1}section{padding:clamp(80px,12vh,160px) var(--pad);max-width:var(--maxw);margin:0 auto;width:100%}.idx{display:flex;align-items:center;gap:14px;margin-bottom:48px}.idx .num{font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.78rem}.idx .ttl{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem}.idx .rule{flex:1;height:1px;background:var(--line)}#hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:120px;max-width:var(--maxw);margin:0 auto;position:relative;isolation:isolate}#hero>.hero-top,#hero>h1.hero,#hero>.hero-foot,#hero>.scrollcue{position:relative;z-index:1}#hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}@media(pointer:coarse){#hero-canvas{display:none}}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.74rem;margin-bottom:auto;padding-top:8px}.hero-top .r{text-align:right;line-height:1.7}#clock{font-variant-numeric:tabular-nums}h1.hero{font-weight:300;letter-spacing:-.03em;line-height:.95;font-size:clamp(2.6rem,9vw,9.2rem);margin:6vh 0 0}h1.hero em{font-style:normal;font-weight:800}h1.hero .line{display:block}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:7vh;flex-wrap:wrap}.hero-foot p{max-width:42ch;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;color:var(--faint);line-height:1.5}.scrollcue{margin-top:6vh;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;display:flex;align-items:center;gap:10px;color:var(--faint)}.scrollcue i{width:1px;height:34px;background:var(--faint);display:block;transform-origin:top;animation:cue 1.8s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0)}40%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:18px 0}.marquee .track{display:inline-flex;animation:scroll 2s linear infinite}.marquee:hover .track{animation-play-state:paused}.marquee.js .track{animation:none}.marquee span{font-size:clamp(1.4rem,3.4vw,2.6rem);font-weight:500;letter-spacing:-.01em;padding:0 28px;display:inline-flex;align-items:center;gap:28px}.marquee span:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--fg)}@keyframes scroll{to{transform:translate(-50%)}}.work-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:24px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line);position:relative}.work-row:first-of-type{border-top:1px solid var(--line)}.work-row .wn{font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.8rem;color:var(--faint)}.work-row .wt{font-size:clamp(1.7rem,4.6vw,3.4rem);font-weight:400;letter-spacing:-.02em;transition:transform .5s var(--ease)}.work-row .wtag{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--faint);align-self:center}.work-row .wyr{font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.78rem;color:var(--faint);align-self:center}.work-row:hover .wt{transform:translate(22px)}.work-row:before{content:"→";position:absolute;left:-4px;opacity:0;transform:translate(-12px);transition:.5s var(--ease);font-size:1.4rem}.work-row:hover:before{opacity:1;transform:translate(0)}@media(max-width:720px){.work-row{grid-template-columns:auto 1fr;gap:8px 18px}.work-row .wtag,.work-row .wyr{grid-column:2;align-self:start}}#wpreview{position:fixed;z-index:8000;width:300px;height:210px;border-radius:4px;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .4s var(--ease),transform .5s var(--ease);border:1px solid var(--line);box-shadow:0 30px 60px -20px color-mix(in srgb,var(--ink) 50%,transparent)}#wpreview.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#wpreview .gen{font-size:2.2rem}@media(pointer:coarse){#wpreview{display:none}}.gen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--fg);color:var(--bg);font-weight:800;letter-spacing:-.02em;overflow:hidden;text-align:center;line-height:1}.gen span{position:relative;z-index:2;padding:0 18px}.gen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--bg) 60%,transparent) 1.2px,transparent 1.2px);background-size:11px 11px;opacity:.35}.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media(max-width:860px){.approach{grid-template-columns:1fr}}.ap{background:var(--bg);padding:40px 32px;min-height:300px;display:flex;flex-direction:column;transition:background .4s var(--ease)}.ap:hover{background:color-mix(in srgb,var(--fg) 4%,var(--bg))}.ap .apn{font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.78rem;color:var(--faint);margin-bottom:auto}.ap h3{font-size:1.9rem;font-weight:500;letter-spacing:-.02em;margin:48px 0 14px}.ap p{color:var(--faint);font-size:.98rem;line-height:1.55}#about .lead{font-size:clamp(1.5rem,3.6vw,2.8rem);font-weight:300;letter-spacing:-.02em;line-height:1.25;max-width:22ch}#about .lead em{font-style:normal;font-weight:700}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:64px}.about-grid p{color:var(--faint);line-height:1.6;font-size:1.02rem}@media(max-width:720px){.about-grid{grid-template-columns:1fr;gap:32px}}.stacklist{list-style:none;font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.82rem;column-count:2;gap:24px}.stacklist li{padding:7px 0;border-bottom:1px solid var(--line);color:var(--faint)}#contact{padding:0;max-width:none}.zoom-wrap{height:260vh;position:relative}.zoom-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}.zoom-media{position:relative;overflow:hidden;will-change:width,height;width:62vw;height:60vh;border-radius:8px;background:var(--fg)}.zoom-media .gen{font-size:clamp(4rem,16vw,13rem)}.zoom-media .gen:before{background-size:18px 18px;opacity:.28}.zoom-media .zoom-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.zoom-media:after{content:"";position:absolute;inset:0;background:#00000038;pointer-events:none}.zoom-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--bg);padding:var(--pad);pointer-events:none}.zoom-overlay .eyebrow{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;opacity:.7;margin-bottom:18px}.zoom-overlay .big{font-weight:800;letter-spacing:-.03em;line-height:.92;font-size:clamp(2.4rem,8vw,7rem)}.zoom-overlay .mailbtn{pointer-events:auto;color:var(--bg)}.zoom-overlay .mailbtn .circ{border-color:var(--bg)}.zoom-overlay .mailbtn:hover .circ{background:var(--bg);color:var(--fg)}.mailbtn{display:inline-flex;align-items:center;gap:14px;margin-top:42px;font-size:clamp(1.05rem,2.2vw,1.55rem);font-weight:500;cursor:none}.mailbtn .circ{width:54px;height:54px;border-radius:50%;border:1px solid var(--fg);display:grid;place-items:center;transition:background .4s var(--ease),color .4s var(--ease)}.mailbtn:hover .circ{background:var(--fg);color:var(--bg)}@media(prefers-reduced-motion:reduce){.zoom-wrap{height:auto}.zoom-sticky{position:static;height:auto;padding:12vh 0}.zoom-media{width:100%;height:70vh;border-radius:0}}.case-pad{max-width:var(--maxw);margin:0 auto;padding:clamp(130px,16vh,190px) var(--pad) 0}.backbtn{display:inline-flex;align-items:center;gap:10px;background:none;border:none;color:var(--fg);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;margin-bottom:48px}.backbtn:hover{opacity:.6}.case-eyebrow{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--faint);margin-bottom:22px}.case-title{font-weight:300;letter-spacing:-.03em;line-height:.95;font-size:clamp(2.6rem,8vw,7.5rem)}.case-title em{font-style:normal;font-weight:800}.case-intro{max-width:40ch;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:400;color:var(--faint);line-height:1.45;margin-top:32px}.case-hero{margin:clamp(48px,7vw,96px) 0;height:clamp(320px,70vh,760px);border-radius:6px;overflow:hidden;position:relative}.case-hero .gen{font-size:clamp(3rem,12vw,10rem)}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-meta h4{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--faint);margin-bottom:16px;font-weight:400}.case-meta ul{list-style:none}.case-meta li{padding:5px 0;font-size:.98rem}.case-meta .visit{display:inline-flex;align-items:center;gap:8px;font-weight:500}.case-meta .visit:hover{text-decoration:underline}@media(max-width:860px){.case-meta{grid-template-columns:1fr;gap:28px}}.case-body{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;padding:clamp(56px,8vw,110px) 0}.case-body .lbl{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--faint)}.case-body .bodytext p{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.5;color:var(--faint);margin-bottom:24px}@media(max-width:860px){.case-body{grid-template-columns:1fr;gap:20px}}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:clamp(56px,8vw,110px)}.case-gallery .frame{height:clamp(260px,42vh,520px);border-radius:6px;overflow:hidden;position:relative}.case-gallery .frame:first-child{grid-column:1/-1;height:clamp(320px,60vh,680px)}.case-gallery .gen{font-size:clamp(2rem,7vw,5rem)}@media(max-width:860px){.case-gallery{grid-template-columns:1fr}.case-gallery .frame:first-child{grid-column:auto}}.case-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:48px var(--pad);max-width:var(--maxw);margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-next .nxtlbl{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--faint)}.case-next .nxtt{font-size:clamp(1.8rem,5vw,3.4rem);font-weight:500;letter-spacing:-.02em;transition:transform .5s var(--ease)}.case-next:hover .nxtt{transform:translate(18px)}.foot-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:40px var(--pad);max-width:var(--maxw);margin:0 auto;border-top:1px solid var(--line);font-family:JetBrains Mono,monospace;font-weight:400;letter-spacing:.02em;font-size:.74rem;color:var(--faint)}.foot-meta a:hover{color:var(--fg)}.foot-meta .socs{display:flex;gap:20px}.totop,.backbtn{cursor:none}.words .w{display:inline-block;overflow:hidden;vertical-align:top}.words .w>span{display:inline-block;transform:translateY(110%);transition:transform .72s var(--ease)}.words.in .w>span{transform:translateY(0)}.reveal-up{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-up.in{opacity:1;transform:none}.approach .ap{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease),background .4s var(--ease)}.approach.in .ap{opacity:1;transform:none}.approach.in .ap:nth-child(2){transition-delay:.09s}.approach.in .ap:nth-child(3){transition-delay:.18s}.idx.pin{position:sticky;top:72px;z-index:3;background:var(--bg);padding-top:16px;padding-bottom:16px;margin-bottom:36px;transition:background .6s var(--ease)}.swords .sword{opacity:.08}[data-skew],[data-parallax]{will-change:transform}@media(prefers-reduced-motion:reduce){*{animation:none!important}.work-row{transform:none!important;opacity:1!important}.words .w>span{transform:none}.reveal-up,.approach .ap{opacity:1;transform:none}.swords .sword{opacity:1!important}.idx.pin{position:static}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}