.falling-text-container{position:relative;z-index:1;width:100%;height:100%;text-align:center;padding-top:2em}.falling-text-target,.falling-text-target .word{cursor:grab}.falling-text-target:active,.falling-text-target .word:active{cursor:grabbing}.falling-text-target{display:inline-block}.word{display:inline-block;margin:0 2px;-webkit-user-select:none;user-select:none}.word--hl{background:var(--ink);color:var(--bg);font-weight:700;padding:.04em .12em}.falling-text-canvas{position:absolute;top:0;left:0;z-index:0;pointer-events:none}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column}.preloader__stage{flex:1;display:grid;place-items:center;overflow:hidden}.preloader__stage .falling-text-container{width:100%;height:100%;text-transform:uppercase}.preloader__stage .falling-text-container .word{font-weight:800}.preloader__static-text{font-size:clamp(2.6rem,9vw,6.5rem);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;text-align:center}.preloader__count{font-size:1.3rem;font-weight:700;letter-spacing:.1em;color:var(--ink)}.preloader__meta{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:1rem;font-weight:600;letter-spacing:.32em;color:var(--ink);text-transform:uppercase}.preloader__status{display:inline-flex;align-items:center;gap:.55em;font-size:1.15rem;animation:preloader-status-pulse 1.8s ease-in-out infinite}.preloader__status:after{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--ink);animation:preloader-status-pulse 1.8s ease-in-out infinite}@keyframes preloader-status-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.preloader__status,.preloader__status:after{animation:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;color:#fff;mix-blend-mode:difference;transition:opacity .5s ease}.nav--hidden{opacity:0;pointer-events:none}.nav__brand{font-family:var(--font-mono);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:inherit}.nav__links{display:flex;gap:1.5rem}.nav__brand-group{display:flex;align-items:center;gap:1rem}.nav__lang,.nav__cursor-toggle{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;color:inherit;opacity:.75;border:1px solid currentColor;padding:.25rem .5rem;transition:opacity .25s ease}.nav__lang:hover,.nav__lang:focus-visible,.nav__cursor-toggle:hover,.nav__cursor-toggle:focus-visible{opacity:1;outline:none}.nav__cursor-toggle--off{opacity:.45;text-decoration:line-through;text-decoration-thickness:1px}.nav__link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:inherit;opacity:.75;transition:opacity .25s ease}.nav__link:hover{opacity:1}.nav__link--active{opacity:1;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.nav__link-index{opacity:.45;margin-right:.4rem}.nav__link--top{animation:nav-top-in .4s ease backwards}@keyframes nav-top-in{0%{opacity:0;transform:translateY(-4px)}}.nav__toggle{display:none;position:relative;width:2.4rem;height:2.4rem;color:inherit}.nav__toggle-icon{position:absolute;top:50%;left:.35rem;right:.35rem;height:1.5px;background:currentColor;transform:translateY(-50%);transition:background .3s ease}.nav__toggle-icon:before,.nav__toggle-icon:after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .3s ease,top .3s ease}.nav__toggle-icon:before{top:-6px}.nav__toggle-icon:after{top:6px}.nav__toggle--open .nav__toggle-icon{background:transparent}.nav__toggle--open .nav__toggle-icon:before,.nav__toggle--open .nav__toggle-icon:after{top:0}.nav__toggle--open .nav__toggle-icon:before{transform:rotate(45deg)}.nav__toggle--open .nav__toggle-icon:after{transform:rotate(-45deg)}.nav__mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;align-items:center;padding:6rem 1.5rem 2.5rem;background:var(--bg);color:var(--ink);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.nav__mobile--open{opacity:1;visibility:visible}.nav__mobile-links{display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem}.nav__mobile-link{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:.2em;text-transform:uppercase;color:inherit;opacity:.8;transition:opacity .25s ease}.nav__mobile-link:hover,.nav__mobile-link:focus-visible{opacity:1;outline:none}@media(max-width:720px){.nav__links{display:none}.nav__toggle{display:inline-block}.nav__brand-group{gap:.8rem}}@media(min-width:721px){.nav__toggle,.nav__mobile{display:none}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:7rem 1.5rem 5rem;overflow:hidden}.hero__inner{max-width:var(--maxw);width:100%;margin:0 auto;text-align:left;will-change:transform}.hero__index{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--grey);margin-bottom:2rem}.hero__title{font-size:clamp(5rem,18vw,9rem);line-height:.86;font-weight:800;letter-spacing:-.04em;text-transform:uppercase;display:flex;align-items:flex-start;gap:1.5rem}.hero__name-piece{display:inline-flex;flex-direction:column;align-items:flex-start}.hero__name-jp{white-space:nowrap;letter-spacing:.2em;font-family:var(--font-mono);font-size:clamp(.9rem,2.4vw,1.4rem);font-weight:400;color:var(--grey);margin-bottom:.35em}.hero__role{font-family:var(--font-mono);font-size:clamp(.95rem,2.2vw,1.3rem);letter-spacing:.34em;text-transform:uppercase;margin-top:2.6rem}.hero__socials{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:1.6rem}.hero__social{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);transition:color .25s ease}.hero__social svg{width:1.15rem;height:1.15rem}.shuffle-text,.shuffle-text__char{display:inline-block;white-space:pre}.hero__social:hover,.hero__social:focus-visible{color:var(--ink);outline:none}.hero__scroll{position:absolute;bottom:1.8rem;left:1.5rem;display:inline-flex;align-items:center;gap:.8rem;color:var(--grey);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase}.hero__scroll-line{width:4rem;height:1px;background:var(--line);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:translate(-100%);animation:hero-scroll-line 1.8s ease-in-out infinite}@keyframes hero-scroll-line{50%{transform:translate(0)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.hero__scroll-line:after{animation:none;transform:translate(0)}}@media(max-width:640px){.hero{padding-top:6rem}}.logoloop{position:relative;overflow-x:hidden;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{overflow:hidden;height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item svg{display:block;height:var(--logoloop-logoHeight);width:auto}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.heading-reveal{overflow:hidden}.heading-reveal .heading-reveal__text{margin-top:0;margin-bottom:0}.heading-reveal__char{display:inline-block;opacity:1}@media(prefers-reduced-motion:reduce){.heading-reveal__char{opacity:1}}.heading-reveal--sec-title{margin-bottom:2.5rem}.heading-reveal--contact-title{margin-bottom:1.6rem}.about.sec{position:relative;--bg: #ffffff;--bg-soft: #f2f2ef;--ink: #131311;--ink-soft: #3b3b37;--grey: #7c7c76;--line: #d7d7d1;background:var(--bg);color:var(--ink);max-width:none;margin:0;padding:clamp(4rem,9vh,7rem) 1.5rem;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.about__inner{max-width:var(--maxw);margin:0 auto;width:100%}.about__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;margin-bottom:2.4rem}.about__lead{font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:600;letter-spacing:-.01em;line-height:1.4}.about__portrait{grid-column:2;grid-row:1;width:100%;max-width:16rem;aspect-ratio:1 / 1;object-fit:cover;justify-self:end;align-self:center;border:1px solid var(--line);user-drag:none;-webkit-user-drag:none}.about__languages{grid-column:1;grid-row:2;margin:.9rem 0 0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--grey)}.about__lang{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:none;padding:0}.about__lang--level{position:relative;border-bottom:1px dotted var(--grey);cursor:help}.about__lang-tip{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);z-index:10;white-space:nowrap;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;background:var(--ink);color:var(--bg);padding:.28rem .55rem;box-shadow:0 2px 10px #00000024;animation:about-tip-in .18s ease-out both}@keyframes about-tip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.about__lang-tip{animation:none}}.about__lang-sep{color:inherit}.about__skills-label{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--grey);margin-bottom:1rem}.about__skills-label-dot{width:.45rem;height:.45rem;background:var(--ink);border-radius:50%}.about__marquee{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.8rem 0;margin-bottom:2rem}.about__marquee-tip{position:absolute;top:0;left:0;z-index:1001;pointer-events:none;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--ink);padding:.32rem .55rem;white-space:nowrap;opacity:0;transition:opacity .15s ease,transform .22s ease-out;will-change:transform}.about__marquee-tip--visible{opacity:1}@media(prefers-reduced-motion:reduce){.about__marquee-tip{transition:opacity .1s linear}}.about__skills{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1080px){.about__skills{grid-template-columns:repeat(3,1fr)}}.about__skill-group-label{font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--grey);border-bottom:1px solid var(--line);padding-bottom:.45rem;margin:0 0 .7rem}.about__skill-list{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}.about__skill-chip{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);padding:.32rem .65rem;transition:border-color .25s ease,background .25s ease,color .25s ease}.about__skill-chip:hover,.about__skill-chip:focus-visible{border-color:var(--ink);background:var(--ink);color:var(--bg);outline:none}@media(max-width:720px){.about__grid{grid-template-columns:1fr;gap:1.4rem}.about__portrait{justify-self:center;margin:0 auto;grid-column:auto;grid-row:auto}.about__languages{grid-column:auto;grid-row:auto}.about__skills{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:430px){.about__skills{grid-template-columns:1fr;gap:1.4rem}.about__skill-chip{font-size:.72rem;padding:.3rem .55rem}}.experience{min-height:100svh}.experience__list{list-style:none;border-top:1px solid var(--line)}.experience__row{display:grid;grid-template-columns:7rem 1fr 1.15fr;gap:1.5rem;align-items:center;padding:1.8rem .4rem;border-bottom:1px solid var(--line);will-change:transform}.experience__meta{display:flex;flex-direction:column;gap:.35rem}.experience__index,.experience__period{font-family:var(--font-mono);font-size:.72rem;color:var(--grey)}.experience__body{display:flex;flex-direction:column;gap:.3rem}.experience__role{font-size:clamp(1.5rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1}.experience__company{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.experience__description{color:var(--grey);font-size:.95rem;line-height:1.6;max-width:40rem}@media(max-width:760px){.experience__row{grid-template-columns:1fr;gap:.7rem;padding:1.4rem .2rem}.experience__body{gap:.4rem}}.projects{--bg: #ffffff;--bg-soft: #f2f2ef;--ink: #131311;--ink-soft: #3b3b37;--grey: #7c7c76;--line: #d7d7d1;background:var(--bg);color:var(--ink);position:relative;max-width:none;margin:0}.projects__sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.projects__header{padding:0 1.5rem 2rem;width:100%;max-width:var(--maxw);margin:0 auto}.projects__track{list-style:none;display:flex;gap:1.5rem;padding:0 1.5rem 1.5rem;width:max-content;will-change:transform}.projects__card-wrap{flex:0 0 auto}.projects__card-wrap:last-child{margin-right:1.5rem}.projects__card{width:min(74vw,30rem);min-height:21rem;height:100%;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg-soft);padding:1.75rem 1.75rem 2rem;transition:border-color .25s ease;will-change:transform}.projects__card--link:hover,.projects__card--link:focus-visible{border-color:var(--ink);outline:none}.projects__card-body{display:flex;flex-direction:column;flex:1;gap:1.6rem}.projects__card-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.projects__card-index{font-family:var(--font-mono);font-size:.72rem;color:var(--grey)}.projects__card-year{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);text-align:right}.projects__card-title{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin-bottom:.4rem}.projects__card-top-right{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:.4rem .75rem}.projects__card-company{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.projects__card-stack{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.1rem}.projects__header .sec__index{opacity:0}@media(prefers-reduced-motion:reduce){.projects__header .sec__index{opacity:1}}.projects__card-description{color:var(--grey);font-size:.98rem;line-height:1.6;max-width:34rem}.projects__card-arrow{font-family:var(--font-mono);font-size:1.25rem;opacity:.45;align-self:flex-end;margin-top:auto}.projects__more{width:min(24vw,12rem);min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px dashed var(--ink);background:transparent;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:border-color .25s ease,background .25s ease,color .25s ease}.projects__more:hover,.projects__more:focus-visible{border-style:solid;border-color:var(--ink);background:var(--ink);color:var(--bg);outline:none}.projects__more-arrow{font-size:1.4rem}@media(max-width:720px){.projects__header{padding:0 1.25rem 1.25rem}.projects__track{gap:1rem;padding:0 1.25rem 1.25rem}.projects__card{width:min(78vw,26rem);min-height:17.5rem;padding:1.4rem 1.4rem 1.6rem}.projects__card-title{font-size:clamp(1.4rem,5vw,1.9rem)}.projects__more{width:min(56vw,13rem)}}@media(prefers-reduced-motion:reduce){.projects__sticky{position:static;height:auto;overflow:visible;padding:clamp(5rem,13vh,9rem) 1.5rem}.projects__header{padding:0 0 2.5rem}.projects__track{width:auto;flex-wrap:wrap;padding:0}.projects__card{width:min(100%,30rem)}}.contact{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.contact__tip{position:absolute;top:0;left:0;z-index:1001;pointer-events:none;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--ink);padding:.32rem .55rem;white-space:nowrap;opacity:0;transition:opacity .15s ease,transform .22s ease-out;will-change:transform}.contact__tip--visible{opacity:1}@media(prefers-reduced-motion:reduce){.contact__tip{transition:opacity .1s linear}}.contact__heading{font-size:clamp(2.2rem,7vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:.95;text-transform:uppercase;margin-bottom:1.6rem}.contact__body{max-width:32rem;color:var(--grey);font-size:.95rem;margin-bottom:2.6rem}.contact__cta{display:inline-flex;justify-content:center;align-items:center;min-width:min(16rem,100%);padding:1.15rem 2.4rem;background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--ink);will-change:transform}@media(hover:hover)and (pointer:fine){.contact__cta:hover{background:var(--bg-soft);color:var(--ink);outline:none}}.contact__cta:focus-visible{background:var(--bg-soft);color:var(--ink);outline:2px solid var(--ink);outline-offset:3px}.contact__socials{display:flex;gap:1.6rem;margin-top:4.5rem}.contact__social{display:inline-flex;align-items:center;justify-content:center;color:var(--grey);transition:color .25s ease}.contact__social svg{height:2rem;width:auto}.contact__social:hover,.contact__social:focus-visible{color:var(--ink);outline:none}.contact__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.8rem;margin-top:1.6rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grey)}.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.6rem 1.5rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}.footer__top{justify-self:end;color:var(--ink);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.footer__top:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:640px){.footer{grid-template-columns:1fr auto}.footer__built{display:none}}.projects-page{--bg: #ffffff;--bg-soft: #f2f2ef;--ink: #131311;--ink-soft: #3b3b37;--grey: #7c7c76;--line: #d7d7d1;background:var(--bg);color:var(--ink);padding:clamp(5rem,13vh,9rem) 1.5rem 6rem}.projects-page__header{max-width:var(--maxw);margin:0 auto 3rem}.projects-page__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:var(--maxw);margin:0 auto}.projects-page__card .projects__card{width:100%}.projects-page__count{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-top:.35rem}@media(max-width:720px){.projects-page__grid{grid-template-columns:1fr}}.user-cursor{pointer-events:none}.user-cursor__dot,.user-cursor__square{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;will-change:transform;opacity:0;color:#fff;mix-blend-mode:difference}.user-cursor__dot{width:7px;height:7px;border-radius:50%;background:#fff}.user-cursor__square{width:2.4rem;height:2.4rem;border:1px solid #fff;transition:width .25s ease,height .25s ease,opacity .3s ease}.user-cursor--visible .user-cursor__dot,.user-cursor--visible .user-cursor__square{opacity:1}.user-cursor__square--hover{width:3.4rem;height:3.4rem;opacity:.85}.user-cursor-active,.user-cursor-active *{cursor:none!important}:root{--bg: #f2f2ef;--bg-soft: #e9e9e5;--ink: #131311;--ink-soft: #3b3b37;--grey: #7c7c76;--line: #d7d7d1;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", Menlo, Consolas, monospace;--maxw: 1200px}@media(prefers-color-scheme:dark){:root{--bg: #0e0e0d;--bg-soft: #171715;--ink: #f0f0ec;--ink-soft: #cacac4;--grey: #8a8a83;--line: #272724}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--bg)}.sec{padding:clamp(5rem,13vh,9rem) 1.5rem;max-width:var(--maxw);margin:0 auto}.sec__index{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--grey);margin-bottom:1.4rem}.sec__title{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;letter-spacing:-.02em;line-height:1;text-transform:uppercase;margin-bottom:2.5rem}.sec__rule{height:1px;background:var(--line);border:0;margin:0}.site{transition:opacity .65s ease .05s,visibility .65s ease .05s}.site--hidden{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}