:root{--vh: 100%}@media(prefers-reduced-motion:no-preference){.has-js:not(.has-navigated) .main:has(.homepage:not(.is-intro-ready))>.nav .nav__inner,.has-js .homepage:not(.is-intro-ready)>.homepage__brand,.has-js .homepage:not(.is-intro-ready)>.homepage__content,.has-js .homepage:not(.is-intro-ready)>.homepage__preview,.has-js .homepage:not(.is-intro-ready)>.homepage__slider{opacity:0}}.homepage{--home-sidebar-inset: clamp(2.75rem, 5.35vw, 6.625rem);--home-sidebar-width: 12.5rem;--home-grid-mark: .125rem;--home-grid-color: #c7c7c6;--home-grid-highlight: #151515;--home-grid-radius: 10rem;position:relative;isolation:isolate;min-height:100dvh;overflow:clip;padding:calc(var(--nav-height) + 8.5rem) 1.5rem 2.5rem;background-color:#f2f2f7;background-image:conic-gradient(at var(--home-grid-mark) var(--home-grid-mark),transparent 75%,#c7c7c6 0);background-size:3.125rem 3.125rem;background-position:.25rem .75rem;font-size:1rem;line-height:1.3}@media(min-width:768px){.homepage{display:grid;justify-items:end;padding:max(var(--nav-height) + 1.5rem,31.55dvh) var(--home-sidebar-inset) 2.5rem clamp(1.5rem,3.54vw,4.375rem)}}.homepage:has(>.homepage__slider){padding-top:0}@media(min-width:768px){.homepage:has(>.homepage__slider){padding-top:max(var(--nav-height) + 1.5rem,31.55dvh)}}.homepage__pattern{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;pointer-events:none}@media(min-width:992px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.homepage__pattern{display:block}}.homepage.has-pattern-canvas{background-image:none}.homepage__slider{position:relative;container-type:size;width:calc(100% + 3rem);height:100dvh;margin:0 -1.5rem 1.75rem;overflow:clip;touch-action:pan-y pinch-zoom}.homepage__slider:has(>.homepage__slide:nth-child(2)){cursor:grab;-webkit-user-select:none;user-select:none}.homepage__slider:has(>.homepage__slide:nth-child(2)).is-dragging{cursor:grabbing}.homepage:has(>.homepage__preview) .homepage__slider{height:66dvh}@media(min-width:768px){.homepage:has(>.homepage__preview) .homepage__slider{height:100dvh}}@media(min-width:768px){.homepage__slider{position:absolute;inset:0 auto auto 0;width:100%;margin:0}}.homepage__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.homepage__slide.is-active{opacity:1}.homepage__slider .homepage__slide img{display:block;box-sizing:border-box;width:100%;height:100%;padding:12dvh 1.5rem;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.homepage__slide-link{position:absolute;inset:50% auto auto 50%;width:min(80cqh,90cqw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;clip-path:circle(50%);visibility:hidden;cursor:pointer}.homepage__slide.is-active .homepage__slide-link{visibility:visible;pointer-events:auto}.homepage__slide-link:focus-visible{box-shadow:inset 0 0 0 .125rem currentColor}.homepage__brand{position:absolute;z-index:-1;inset:50dvh auto auto 54.4%;transform:translate(-50%,-50%);height:70vh;color:#dfe1e1;pointer-events:none}.homepage__brand svg{display:block;width:auto;height:100%;max-width:none}.homepage__brand svg>path{fill-opacity:.5}.homepage__brand-ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;clip-path:url(#homepage-brand-ink-clip)}.homepage__content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.75rem 1rem;width:100%}@media(min-width:768px){.homepage__content{z-index:2;grid-template-columns:minmax(0,1fr) var(--home-sidebar-width);grid-template-rows:1fr auto;pointer-events:none}}.homepage__project-nav{--home-thumbnail-size: 3.4375rem;position:relative;grid-column:1/-1;align-self:start;width:min(100%,16.25rem)}@media(min-width:768px){.homepage__project-nav{grid-column:2;width:100%;pointer-events:auto}}.homepage__projects{display:grid;gap:.8125rem}.homepage__project{display:grid;grid-template-columns:var(--home-thumbnail-size) minmax(0,1fr);align-items:center;gap:1rem;color:#b5b5b5}@media(prefers-reduced-motion:no-preference){.homepage__project{transition:color .35s cubic-bezier(.65,0,.35,1)}}@media(min-width:768px){.homepage__project{gap:1.5rem}}.homepage__project:hover,.homepage__project:focus-visible,.homepage__project.is-highlighted{color:#151515}.homepage__project:focus-visible{outline:.125rem solid currentColor;outline-offset:.25rem}.homepage__project-frame{position:absolute;inset:-.0625rem auto auto -.0625rem;box-sizing:border-box;width:calc(var(--home-thumbnail-size) + .125rem);aspect-ratio:1;border:.1875rem solid white;transform:translateY(var(--home-project-frame-offset, 0));pointer-events:none}@media(prefers-reduced-motion:no-preference){.homepage__project-frame{transition:transform .55s cubic-bezier(.65,0,.35,1)}}.homepage__thumbnail{aspect-ratio:1;display:block;background-color:#d8d8d8}.homepage__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.homepage__preview{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;margin-block:0 2rem}.homepage__preview:not([hidden]){display:none}@media(min-width:768px){.homepage__preview{position:absolute;inset-block-end:clamp(1.5rem,6.35dvh,4.375rem);inset-inline-start:clamp(1.5rem,3.54vw,4.375rem);inset-inline-end:calc(var(--home-sidebar-inset) + var(--home-sidebar-width) + 2rem);grid-template-columns:minmax(0,.6fr) minmax(0,1fr) minmax(0,.58fr);align-items:stretch;gap:1.5rem;margin-block:0;z-index:1;pointer-events:none}}@media(min-width:992px){.homepage__preview{inset-inline-start:clamp(3.54vw,100vw - 54.5625rem,27.3%);gap:clamp(1.5rem,18vw - 9.75rem,5.05vw)}}@media(min-width:1200px){.homepage__preview{inset-inline-start:27.3%;inset-inline-end:calc(var(--home-sidebar-inset) + var(--home-sidebar-width) + 5.875rem);gap:6.25rem}}.homepage__preview-number{align-self:center;color:#d8d8d8;font-size:2.5rem;font-weight:400;font-variant-numeric:tabular-nums;display:flex;line-height:1}@media(min-width:768px){.homepage__preview-number{font-size:clamp(3rem,8.5vw,12.5rem)}}@media(min-width:1200px){.homepage__preview-number{font-size:12.5rem}}.homepage__digit{display:block;width:.6em;height:1em;overflow:hidden}.homepage__digit-track{display:block}.homepage__digit-track>span{display:block;height:1em}.homepage__preview-image{position:relative;aspect-ratio:2.08;overflow:hidden;background-color:#d8d8d8}.homepage__preview-frame{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d8d8d8}.homepage__preview-frame img{display:block;width:100%;height:100%;object-fit:cover}.homepage__preview-details{position:relative;display:grid;align-content:space-between;grid-column:2;gap:.5rem;overflow-wrap:anywhere}@media(min-width:768px){.homepage__preview-details{grid-column:auto;padding-block:.5rem}}@media(min-width:1200px){.homepage__preview-details{padding-block:1.125rem}}.homepage__preview-details--outgoing{position:absolute;top:0;right:0;bottom:0;left:0;grid-column:auto}.homepage__preview-word,.homepage__preview-char{display:inline-block;vertical-align:top}.homepage__preview-word{overflow:hidden}.homepage__preview-title{margin:0;color:#151515}.homepage__preview-categories{color:#b5b5b5;line-height:1.1}.homepage__identity{grid-column:1;display:grid;gap:1.5rem;color:#b5b5b5}@media(min-width:768px){.homepage__identity{grid-row:2;justify-self:start;gap:2.5rem;pointer-events:auto}}.homepage__name,.homepage__description p{margin:0;font:inherit}.homepage__sound{grid-column:2;align-self:end;justify-self:start;color:#151515}@media(min-width:768px){.homepage__sound{grid-row:2;pointer-events:auto}}.homepage__sound[aria-pressed=false] .sound-toggle__state{color:#b5b5b5}