.bar{z-index:40;padding:calc(var(--gutter) + 8px) calc(var(--gutter) + 150px) 0 var(--gutter);pointer-events:none;color:var(--ink);transition:color .4s var(--ease-out), opacity .6s var(--ease-reveal);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.bar.is-dark{color:var(--on-night)}.bar>*{pointer-events:auto}.bar__logo{font-size:22px;line-height:1}body.is-loading .bar{opacity:0}.burger{height:40px;top:var(--gutter);right:var(--gutter);z-index:41;background:var(--ink);color:var(--on-night);transition:opacity .6s var(--ease-reveal), color .3s;align-items:center;gap:14px;padding:0 14px;display:flex;position:fixed;overflow:hidden}.burger:hover{color:var(--ink)}body.is-loading .burger{opacity:0}.burger__bg{background:var(--accent);transform-origin:top;transition:transform .3s var(--ease-out);position:absolute;inset:0;transform:scaleY(0)}.burger:hover .burger__bg{transform:scaleY(1)}.burger__label,.burger__lines{position:relative}.burger__lines{flex-direction:column;gap:5px;width:22px;display:flex}.burger__lines i{background:currentColor;height:2px;display:block}.menu-shell{z-index:70;visibility:hidden;position:fixed;inset:0}.stairs{pointer-events:none;display:flex;position:absolute;inset:0}.stairs__bar{background:var(--night);width:20%;height:0}.menu{padding:var(--gutter);color:var(--on-night);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.menu__close{top:var(--gutter);right:var(--gutter);color:var(--on-night);border:1px solid var(--on-night-dim);padding:10px 16px;position:absolute}.menu__close:hover{border-color:var(--accent);color:var(--accent)}.menu__list{perspective:900px;border-top:1px solid #2a2a2a;margin:0;padding:0;list-style:none}.menu__item{border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden}.menu__link{text-align:center;transform-origin:50% 0;padding:.08em 0 .02em;font-size:clamp(48px,9.5vw,170px);display:block}.menu__outer{pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translateY(-101%)}.menu__inner{background:var(--accent);color:var(--ink);align-items:center;display:flex;position:absolute;inset:0;transform:translateY(101%)}.menu__marquee{white-space:nowrap;font-size:clamp(48px,9.5vw,170px);animation:14s linear infinite marquee;display:flex}.menu__marquee span{padding-right:.3em}@keyframes marquee{to{transform:translate(-50%)}}.menu__foot{color:var(--on-night-dim);justify-content:space-between;margin-top:32px;display:flex}.menu__foot a:hover{color:var(--accent)}@media (max-width:760px){.bar__mid{display:none}}
.hero{--name:clamp(48px, 12vw, 280px);min-height:100svh;padding:calc(var(--gutter) + 56px) var(--gutter) var(--gutter);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero__counter{left:var(--gutter);top:var(--gutter);z-index:60;font-size:13px;position:fixed}.hero[data-stage=done] .hero__counter{display:none}.hero__row{position:relative}.hero__row--bottom{justify-content:flex-end;display:flex}.hero__name{font-size:var(--name);white-space:nowrap}.hero__middle{grid-template-columns:1fr minmax(0,min(36vw,92.4456svh)) 1fr;align-items:end;gap:clamp(16px,2.4vw,40px);margin:clamp(16px,2vw,32px) 0;display:grid}.hero__details,.hero__aside{flex-direction:column;gap:6px;display:flex}.hero__aside{text-align:right;align-items:flex-end}.hero__details p,.hero__aside p{margin:0}.hero__scroll{border-bottom:1px solid;margin-top:10px}.hero__frame{aspect-ratio:16/9;border-radius:6px;width:100%;position:relative}.trail{position:absolute;inset:0}.trail__img,.hero__film{object-fit:cover;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.hero__film{opacity:0;visibility:hidden}.hero[data-stage=start] .trail{inset:auto auto var(--gutter) var(--gutter);aspect-ratio:16/9;z-index:55;width:12vw;position:fixed}.hero[data-stage=start] .hero__name,.hero[data-stage=intro] .hero__name{text-align:center;z-index:56;width:100vw;font-size:clamp(36px,7vw,132px);position:fixed;left:0}.hero[data-stage=intro] .trail{aspect-ratio:16/9;z-index:55;width:30vw;position:fixed;inset:calc(50% - 8.4375vw) auto auto calc(50% - 15vw)}.hero[data-stage=start] .hero__name--top,.hero[data-stage=intro] .hero__name--top{top:calc(50% - 17.4375vw)}.hero[data-stage=start] .hero__name--bottom,.hero[data-stage=intro] .hero__name--bottom{top:calc(50% + 10.4375vw)}@media (max-width:760px){.hero{justify-content:center;gap:24px}.hero__middle{grid-template-columns:1fr}.hero__frame{order:-1}.hero__aside{text-align:left;align-items:flex-start}.hero[data-stage=intro] .trail{width:80vw;top:calc(50% - 22.5vw);left:10vw}.hero[data-stage=start] .trail{width:30vw}.hero[data-stage=start] .hero__name--top,.hero[data-stage=intro] .hero__name--top{font-size:12vw;top:calc(50% - 38.5vw)}.hero[data-stage=start] .hero__name--bottom,.hero[data-stage=intro] .hero__name--bottom{font-size:12vw;top:calc(50% + 26.5vw)}}
.about__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,5vw,96px);display:grid}.about__media{top:calc(var(--gutter) + 72px);position:sticky}.about__film{aspect-ratio:4/5;object-fit:cover;transform-origin:50%;border-radius:6px;width:100%}.about__stage{cursor:none;position:relative}.about__lead{font-size:var(--lead);letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.3vw,56px);font-weight:500;line-height:1.08}.about__line{padding-bottom:.04em}.about__mask{background:var(--accent);color:var(--ink);clip-path:circle(0 at 0 0);pointer-events:none;padding:12px 16px;position:absolute;inset:-12px -16px}.about__touch{display:none}.about__facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:clamp(48px,8vw,120px);padding-top:20px;display:grid}.about__fact h3{margin:0 0 10px;font-weight:400}.about__fact p{margin:0;font-size:15px;line-height:1.45}@media (hover:none),(pointer:coarse){.about__stage{cursor:auto}.about__mask{display:none}.about__touch{color:var(--ink-dim);margin:24px 0 0;font-size:18px;display:block}}@media (max-width:760px){.about__grid{grid-template-columns:1fr}.about__media{position:relative;top:0}.about__facts{grid-template-columns:1fr}}
.work{background:var(--night);color:var(--on-night);position:relative}.work__sticky{min-height:100svh;padding:calc(var(--gutter) + 64px) 0 var(--gutter);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.work__canvas{pointer-events:none;position:absolute;inset:0}.work__canvas--outline{z-index:0}.work__canvas--fill{z-index:3}.work__head{z-index:1;padding:0 var(--gutter) clamp(24px, 3vw, 48px);justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:relative}.work__head .label{color:var(--on-night-dim)}.work__title{margin:0;font-size:clamp(40px,6vw,110px)}.work__track{z-index:1;padding:0 var(--gutter);will-change:transform;gap:clamp(16px,2vw,32px);width:max-content;margin:0;list-style:none;display:flex;position:relative}.work__card{width:clamp(240px,min(22vw,44svh),420px)}.work__media{background:#1a1a1a;border-radius:6px;overflow:hidden}.work__film{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .9s var(--ease-out)}.work__card:hover .work__film{transform:scale(1.04)}.work__meta{padding-top:16px}.work__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.work__name{margin:0;font-size:clamp(24px,2.2vw,36px);line-height:1}.work__kind{color:var(--on-night-dim);white-space:nowrap}.work__summary{color:var(--on-night);max-width:40ch;margin:10px 0 14px;font-size:15px;line-height:1.45}.work__row--foot{align-items:center}.work__stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.work__stack li{color:var(--on-night-dim);border:1px solid #333;border-radius:20px;padding:4px 9px;font-size:10px}.work__link{color:var(--accent);white-space:nowrap}.work__link:hover{text-decoration:underline}@media (max-width:899px){.work__track{flex-direction:column;gap:48px;width:auto}.work__card{width:100%}.work__canvas{display:none}.work__head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce) and (min-width:900px){.work__track{flex-wrap:wrap;width:auto}.work__canvas{display:none}}
.statement{background:var(--accent);color:var(--ink);overflow:hidden}.statement__pin{align-items:center;height:100svh;display:flex;position:relative}.statement__tag{top:calc(var(--gutter) + 64px);left:var(--gutter);position:absolute}.statement__line{white-space:nowrap;will-change:transform;margin:0;padding-left:60vw;font-size:clamp(72px,13vw,260px);line-height:1}.statement__word,.statement__char{display:inline-block}@media (prefers-reduced-motion:reduce){.statement__pin{height:auto;padding:120px var(--gutter)}.statement__line{white-space:normal;font-size:var(--display);padding-left:0}}
.archive__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.archive__row{border-bottom:1px solid var(--line);transition:color .3s var(--ease-out);grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,2fr) 60px;align-items:baseline;gap:24px;padding:18px 8px;display:grid;position:relative;overflow:hidden}.archive__row>span:not(.archive__fill){z-index:1;position:relative}.archive__fill{background:var(--ink);position:absolute;inset:0;transform:translateY(101%)}.archive__row.is-on,.archive__row:focus-visible{color:var(--on-night)}.archive__row.is-on .archive__desc{color:var(--on-night-dim)}.archive__row:focus-visible .archive__fill{transform:none}.archive__name{text-transform:capitalize;letter-spacing:-.01em;font-size:clamp(18px,1.8vw,26px);font-weight:600}.archive__desc{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.archive__year{text-align:right}.archive__more{border-bottom:1px solid;margin-top:28px;display:inline-block}@media (max-width:760px){.archive__row{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}.archive__desc{white-space:normal;grid-area:2/1/auto/-1}.archive__lang{display:none}}
.contact{background:var(--night);color:var(--on-night);padding:clamp(96px, 14vw, 220px) var(--gutter) var(--gutter)}.contact__tag{color:var(--on-night-dim)}.contact__title{margin:24px 0 0;font-size:clamp(64px,19vw,360px)}.contact__row{border-top:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:32px;margin-top:clamp(32px,5vw,72px);padding-top:24px;display:flex}.contact__copy{max-width:34ch;color:var(--on-night);margin:0;font-size:clamp(18px,1.6vw,24px);line-height:1.3}.contact__magnet{aspect-ratio:1;background:var(--accent);width:clamp(150px,15vw,220px);color:var(--ink);text-align:center;transition:background .3s var(--ease-out);border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:700;display:grid}.contact__magnet:hover{background:var(--on-night)}.contact__email{letter-spacing:-.02em;border-bottom:2px solid var(--accent);word-break:break-all;margin-top:clamp(32px,5vw,64px);font-size:clamp(22px,3.4vw,52px);font-weight:600;display:inline-block}.contact__email:hover{color:var(--accent)}.footer{color:var(--on-night-dim);border-top:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(80px,10vw,160px);padding-top:20px;display:flex}.footer__links{gap:24px;display:flex}.footer a:hover{color:var(--accent)}@media (max-width:760px){.contact__row{flex-direction:column;align-items:flex-start}}
.cursor{z-index:90;background:var(--accent);width:96px;height:96px;color:var(--ink);pointer-events:none;border-radius:50%;place-items:center;display:none;position:fixed;top:0;left:0}.has-cursor .cursor{display:grid}.cursor__label{opacity:0;font-size:12px;transition:opacity .2s}.cursor.is-label .cursor__label{opacity:1}