html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--ground:#e8e6e1;--ink:#1a1a1a;--muted:#f4f1ec59;--frame:#f4f1ec;--item-h:420px;--scroll-step:85vh;--title-active:#f4f1ec;--title-idle:#f4f1ec59}*{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}body{color:var(--ink);background:#0e0e0c;font-family:Helvetica Neue,Helvetica,Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,Yu Gothic,Meiryo,sans-serif}.hero{z-index:1;color:#f4f1ec;background:#0e0e0c;height:100dvh;position:fixed;inset:0;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(#0000 0 38px,#f4f1ec14 38px 39px);position:absolute;inset:0}.hero-unicorn.is-fallback:after{content:"We see from outside.";z-index:0;letter-spacing:.06em;text-align:center;color:#f4f1ec6b;pointer-events:none;white-space:pre-wrap;place-content:center;padding:24px;font-size:clamp(18px,5vw,28px);line-height:1.8;display:grid;position:absolute;inset:0}.hero-unicorn:not(:has(canvas)):after{content:"We see from outside.";z-index:0;letter-spacing:.06em;text-align:center;color:#f4f1ec6b;pointer-events:none;white-space:pre-wrap;place-content:center;padding:24px;font-size:clamp(18px,5vw,28px);line-height:1.8;display:grid;position:absolute;inset:0}@media (max-width:720px){.hero-unicorn:not(:has(canvas)):after{opacity:1;font-size:clamp(16px,4.5vw,22px)}}.hero-spacer{pointer-events:none;height:100dvh}.hero-unicorn{z-index:1;pointer-events:auto;width:100%;height:100%;transition:filter .55s;position:absolute;inset:0}.hero-unicorn canvas,.hero-unicorn>div{object-fit:cover;object-position:center center;pointer-events:auto;width:100%!important;height:100%!important}.hero-unicorn.is-inverted{filter:invert()hue-rotate(180deg)}.hero-scrim{pointer-events:none;z-index:2;background:linear-gradient(#0e0e0c1f 0%,#0e0e0c05 45%,#0e0e0c59 100%);transition:opacity .45s;position:absolute;inset:0}.hero.is-footer-active .hero-scrim,.hero.is-footer-active .hero-content{opacity:0}.hero-content{z-index:3;pointer-events:none;flex-direction:column;justify-content:space-between;height:100%;padding:36px clamp(20px,4vw,48px) 40px;transition:opacity .35s;display:flex;position:relative}.hero-brand{pointer-events:auto;align-items:center;display:inline-flex}.hero-brand img{mix-blend-mode:screen;width:auto;height:16px;display:block}.works-track{z-index:2;height:calc(100vh + (var(--n,8) - 1) * var(--scroll-step));box-shadow:none;background:0 0;border-radius:28px 28px 0 0;position:relative}.works-sticky{background:0 0;place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.viewfinder{width:min(920px,92vw);height:var(--item-h);background:#0e0e0c47;border:1.5px solid #f4f1ec8c;border-radius:28px;grid-template-columns:1.05fr 1fr;display:grid;position:relative;overflow:hidden}.viewfinder-label{z-index:3;letter-spacing:.22em;text-transform:uppercase;color:#f4f1ec8c;font-size:11px;font-weight:500;position:absolute;top:22px;left:28px}.viewfinder-label.i18n-hover{display:grid}.col{height:100%;position:relative;overflow:hidden}.titles,.thumbs{will-change:transform;flex-direction:column;display:flex;transform:translate(0,0)}.title-item{height:var(--item-h);letter-spacing:-.02em;color:var(--title-idle);flex-shrink:0;align-items:center;padding-left:48px;font-size:clamp(22px,3.2vw,36px);font-weight:500;text-decoration:none;transition:color .35s;display:flex}a.title-item{cursor:pointer}.title-item.is-active{color:var(--title-active)}.thumb-item{height:var(--item-h);color:inherit;flex-shrink:0;justify-content:center;align-items:center;padding-right:28px;text-decoration:none;display:flex}a.thumb-item{cursor:pointer}.thumb-item .card{opacity:.4;background:#333;border-radius:4px;width:86%;height:68%;transition:opacity .35s,transform .35s;position:relative;overflow:hidden;transform:scale(.96);box-shadow:0 8px 24px #0000001f}.thumb-item.is-active .card{opacity:1;transform:scale(1)}.thumb-item .card img,.thumb-item .card video{object-fit:cover;background:#444;width:100%;height:100%;display:block}.site-footer{z-index:2;color:#121212;background:0 0;padding:clamp(48px,8vh,88px) clamp(20px,4vw,48px) 32px;position:relative;overflow:hidden}.footer-inner{z-index:1;-webkit-backdrop-filter:blur(5px);background:#f4f1ecd1;border-radius:28px;padding:clamp(40px,6vh,72px) clamp(24px,4vw,48px) 28px;transition:filter .55s;position:relative;box-shadow:0 12px 40px #00000014}.site-footer.is-inverted .footer-inner{filter:invert()hue-rotate(180deg)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{opacity:.65}.footer-main{border-bottom:1px solid #1212122e;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:0 clamp(32px,5vw,72px);padding-bottom:56px;display:grid}.footer-title{letter-spacing:-.03em;text-transform:uppercase;grid-area:1/1;max-width:14ch;margin-bottom:20px;font-size:clamp(28px,5.5vw,64px);font-weight:500;line-height:1.05}.footer-lead{opacity:.72;grid-area:2/1;max-width:42ch;margin-bottom:28px;font-size:14px;line-height:1.7}.footer-email{letter-spacing:.02em;grid-area:3/1;margin-bottom:0;font-size:15px;display:inline-block}.footer-grid{border-bottom:none;grid-area:2/2;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;align-items:start;gap:clamp(24px,3vw,40px);width:100%;padding-bottom:0;display:grid}.footer-grid-col--based{min-width:0}.footer-label{letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-bottom:18px;font-size:11px}.footer-copy{opacity:.8;font-size:13px;line-height:1.75}.footer-list{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-list a{letter-spacing:.04em;font-size:13px}.footer-list .ext{opacity:.8}.footer-bottom{letter-spacing:.12em;opacity:.55;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;font-size:11px;display:flex}.footer-top{color:#121212;font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:1;background:0 0;border:1px solid #12121266;padding:10px 16px;font-size:11px}.footer-top:hover{background:#1212120f}.index-dots{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.index-dots button{cursor:pointer;background:#f4f1ec40;border:0;border-radius:50%;width:6px;height:6px;padding:0}.index-dots button.is-active{background:#f4f1ec;transform:scale(1.35)}.i18n-hover{cursor:default;vertical-align:bottom;display:inline-grid;overflow:hidden}.i18n-hover>.i18n-en,.i18n-hover>.i18n-ja{will-change:opacity, transform, filter;grid-area:1/1;transition:opacity .48s cubic-bezier(.4,0,.2,1),transform .48s cubic-bezier(.4,0,.2,1),filter .48s cubic-bezier(.4,0,.2,1)}.i18n-hover>.i18n-en{opacity:1;filter:blur();transform:translateY(0)}.i18n-hover>.i18n-ja{opacity:0;filter:blur(5px);pointer-events:none;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,Yu Gothic,Meiryo,sans-serif;transform:translateY(.4em)}.i18n-hover:hover>.i18n-en,.i18n-hover.is-ja>.i18n-en{opacity:0;filter:blur(5px);transition-delay:0s;transform:translateY(-.4em)}.i18n-hover:hover>.i18n-ja,.i18n-hover.is-ja>.i18n-ja{opacity:1;filter:blur();transition-delay:60ms;transform:translateY(0)}.i18n-hover:not(:hover):not(.is-ja)>.i18n-en{transition-delay:60ms}.i18n-hover:not(:hover):not(.is-ja)>.i18n-ja{transition-delay:0s}.title-item.i18n-hover{place-items:center start;display:grid}.footer-title.i18n-hover,.footer-lead.i18n-hover,.footer-label.i18n-hover,.footer-copy.i18n-hover{display:grid}.footer-list a.i18n-hover{display:inline-grid}@media (hover:none){.i18n-hover:hover>.i18n-en{opacity:1;filter:blur();transform:translateY(0)}.i18n-hover:hover>.i18n-ja{opacity:0;filter:blur(5px);transform:translateY(.4em)}.i18n-hover.is-ja>.i18n-en{opacity:0;filter:blur(5px);transform:translateY(-.4em)}.i18n-hover.is-ja>.i18n-ja{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.i18n-hover>.i18n-en,.i18n-hover>.i18n-ja{transition:opacity .15s;filter:none!important;transition-delay:0s!important;transform:none!important}}@media (max-width:900px){.footer-main{grid-template-columns:1fr;row-gap:0}.footer-title,.footer-lead,.footer-email,.footer-grid{grid-area:auto/1}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px}}@media (max-width:720px){:root{--scroll-step:72vh}html,body{touch-action:pan-y;overscroll-behavior-y:none}.hero,.hero-spacer{height:var(--hero-h,100lvh);max-height:var(--hero-h,100lvh)}.hero{inset:0 0 auto}.hero-content{padding:28px 20px 32px}.works-track{border-radius:20px 20px 0 0}.viewfinder{--item-h:min(560px, 78vh);border-radius:22px;grid-template-rows:1fr;grid-template-columns:1fr;width:min(920px,94vw)}.viewfinder .titles-col,.viewfinder .thumbs-col{grid-area:1/1;min-height:0}.viewfinder .titles-col{z-index:2;pointer-events:none}.viewfinder-label{letter-spacing:.18em;font-size:10px;top:16px;left:20px}.title-item{pointer-events:auto;height:var(--item-h);text-shadow:0 1px 14px #00000080;background:0 0;align-items:flex-end;padding:0 20px 24px;font-size:clamp(17px,4.8vw,24px);line-height:1.2}.thumb-item{height:var(--item-h);padding:10px}.thumb-item .card{border-radius:14px;width:100%;height:100%}.thumb-item .card:after{content:"";pointer-events:none;background:linear-gradient(#0e0e0c00 55%,#0e0e0cb8 100%);position:absolute;inset:0}.index-dots{background:#0e0e0c59;border-radius:999px;flex-direction:row;gap:4px;padding:4px 7px;inset:auto auto 14px 50%;transform:translate(-50%)}.index-dots button{background-clip:border-box;width:4px;height:4px;margin:0;padding:0}.site-footer{padding:36px 16px 24px}.footer-inner{border-radius:22px;padding:32px 20px 24px}.footer-main{padding-bottom:40px}.footer-title{max-width:none;margin-bottom:16px;font-size:clamp(24px,7.2vw,36px)}.footer-lead{max-width:none;margin-bottom:22px;font-size:13px;line-height:1.65}.footer-email{word-break:break-all;font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.footer-grid>div:first-child,.footer-grid-col--based{grid-column:1/-1;min-width:0}.i18n-hover{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width:560px){.footer-title{font-size:clamp(22px,6.8vw,30px)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}