@font-face{font-family:OffBit;src:url(/assets/fonts/OffBit-Regular.BUl2rdng.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OffBit;src:url(/assets/fonts/OffBit-101Bold.JQCzxZZ0.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-white: white;--color-black: #222222;--color-dark: #1c1b23;--color-gray: #555555;--color-light-gray: #cccccc;--color-border-light: #222222;--color-overlay-light: #222222;--bg-primary: var(--color-white);--bg-card: var(--color-white);--bg-card-hover: var(--color-white);--text-primary: var(--color-black);--border-color: var(--color-black);--header-bg: var(--color-black);--header-text: var(--color-white);--link-color: var(--color-black);--link-color-hover: var(--color-dark);--link-color-active: var(--color-gray);--transition-fast: .4s ease;--transition-normal: .6s ease;--transition-slow: .8s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: "OffBit", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-family-offbit: "OffBit", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-family-copyright: "Copyright General Type Studio", "OffBit", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-size-base: 16px;--font-size-small: 1.2rem;--font-size-medium: 1.8rem;--font-size-large: 2.5rem;--letter-spacing-base: .12rem;--letter-spacing-wide: .172rem;--letter-spacing-wider: .2rem;--line-height-tight: 1.2;--line-height-base: 1.425;--line-height-relaxed: 1.6;--grid-columns: 24;--content-max-width: 800px;--breakpoint-mobile: 768px;--radius-sm: 0px;--radius-md: 0px;--cut-corner-sm: polygon( 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px) , 0 8px );--cut-corner-md: polygon( 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px) , calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px) , 0 12px );--cut-corner-lg: polygon( 16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px) , calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px) , 0 16px )}*,*:before,*:after{box-sizing:border-box}html{min-height:100vh;overflow-y:auto;margin:0;padding:0;background:var(--color-black);scroll-snap-type:y proximity;scrollbar-width:none}body{min-height:100vh;width:100%;margin:0;padding:0;background:var(--color-black);color:var(--text-primary);font-family:var(--font-family);letter-spacing:var(--letter-spacing-wider);overflow-y:auto;overflow-x:hidden;position:relative;scroll-snap-type:y proximity}#content{position:relative;z-index:100}::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}a:hover{color:inherit}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#projects,#projects *,.project,.project *,.media-item,.media-item *,.project-grid,.project-grid *{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}img,figure,video,canvas,svg,picture,figcaption{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}body.loading #main,body.loading #strips,body.loading #header,body.loading #filter-dropdown-container,body.loading #about,body.loading #shader-canvas,body.loading #projects{opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.loading:before{opacity:0!important;visibility:hidden!important}body.loaded #header{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease}body.loaded[data-route=home] #strips,body.loaded:not([data-route]):not(.project-visible):not(.about-visible) #strips{opacity:1;visibility:visible;pointer-events:auto}body.loaded[data-route=about] #about,body.loaded.about-visible #about,body.loaded[data-route=project] #projects,body.loaded.project-visible #projects{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease}body.loaded:not([data-route=about]):not([data-route=project]) #shader-canvas,body.loaded:not([data-route=about]):not([data-route=project]):before{opacity:0;transition:opacity 1.2s ease-out}body:has(#strips.strips-initialized):before,body.strips-initialized:before,body:has(#strips.strips-initialized) #shader-canvas,body.strips-initialized #shader-canvas{opacity:1}body.loaded[data-route=about] #shader-canvas,body.loaded[data-route=project] #shader-canvas,body.loaded.about-visible #shader-canvas,body.loaded.project-visible #shader-canvas{opacity:1;transition:opacity .3s ease}body.loaded[data-route=about]:before,body.loaded[data-route=project]:before,body.loaded.about-visible:before,body.loaded.project-visible:before{opacity:var(--grain-opacity, 0);transition:opacity .3s ease}.cut-corner-sm{clip-path:var(--cut-corner-sm)}.cut-corner-md{clip-path:var(--cut-corner-md)}.cut-corner-lg{clip-path:var(--cut-corner-lg)}.project-hero{background-size:cover;background-position:center;background-repeat:no-repeat}.project-hero-image img,img[data-hero]{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.btn-base{background:var(--color-white);border:none;border-radius:var(--radius-sm);clip-path:var(--cut-corner-sm);color:var(--color-black);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + 2px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-tight);text-transform:uppercase;font-family:var(--font-family-offbit);transition:all .2s ease}.btn-base:hover:not(:disabled){background:var(--color-gray)}.btn-base:disabled{opacity:.5;cursor:not-allowed}.fullscreen-layout{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;align-items:center}.text-base{font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;line-height:var(--line-height-tight);font-family:var(--font-family-offbit)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}header{position:fixed;top:var(--spacing-lg);top:calc(var(--spacing-lg) + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:300;pointer-events:auto;background:transparent;color:var(--color-black);-webkit-user-select:none;user-select:none;padding:calc(var(--spacing-sm) + 2px) var(--spacing-lg) var(--spacing-sm);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);text-align:center;mix-blend-mode:normal;font-family:var(--font-family-offbit);visibility:visible;opacity:1}.header-left,.header-right,.header-center{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-sm);clip-path:var(--cut-corner-sm);mix-blend-mode:normal;position:relative}.header-left,.header-right{padding:var(--spacing-xs);gap:var(--spacing-xs);height:auto;min-height:fit-content}.header-center{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);overflow:visible;touch-action:manipulation;cursor:pointer;pointer-events:auto;transition:width var(--transition-normal)}.header-buttons{position:relative;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.header-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative;pointer-events:auto}.header-left:hover,.header-right:hover{background:var(--color-black);color:var(--color-white)}.header-center:hover,.header-center:focus-visible{background:var(--color-black);color:var(--color-white)}.header-center:focus,.header-center:focus-visible{outline:none}.header-left:active,.header-right:active{background:var(--color-black);color:var(--color-white)}@media (hover: none) and (pointer: coarse){.header-left,.header-right{background:var(--color-white);color:var(--color-black)}.header-left:active,.header-right:active{background:var(--color-black);color:var(--color-white)}.header-left:hover:not(:active),.header-right:hover:not(:active){background:var(--color-white);color:var(--color-black)}}.header-links{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center;flex-wrap:wrap}.header-link{color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}.header-icon,.header-text,.header-link,.header-title,.header-subtitle{font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;line-height:var(--line-height-tight)}.header-icon,.header-text{font-size:calc(var(--font-size-base) * .8)}.header-spacer{height:0;opacity:0;font-size:var(--font-size-base);line-height:var(--line-height-tight)}.header-title{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:700;margin:0;white-space:nowrap}.header-title a{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-xs)}.header-title a:hover{color:var(--color-gray)}.header-icon{position:relative;display:inline-block}.header-title a:last-child{margin-left:var(--spacing-xs)}.header-subtitle{white-space:nowrap}.header-button{background:transparent;color:var(--color-black);border:none;padding:4px var(--spacing-sm);font-size:14px;font-family:var(--font-family-offbit);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;text-align:center}.email-button{color:var(--color-black)}.header-button:hover,.email-button:hover{color:var(--color-gray)}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-black);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-lg);opacity:1;transition:opacity .5s ease-out;pointer-events:auto}body.loaded #loading-screen{opacity:0;pointer-events:none}#loading-spinner{width:40px;height:40px;border:2px solid var(--color-white);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-percentage{font-size:var(--font-size-large);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;text-align:center}#loading-intro{width:100%;max-width:600px;opacity:0;transition:opacity .3s ease;transition-delay:.1s}#loading-screen.show #loading-intro{opacity:1}.about-columns{width:100%;column-count:1;column-gap:var(--spacing-md)}#loading-intro .about-columns p,#intro-section .about-columns p{margin:0 0 var(--spacing-xs) 0!important;padding:0 0 var(--spacing-xs) 0!important;font-size:var(--font-size-base)!important;letter-spacing:var(--letter-spacing-wide);line-height:1.4;color:var(--color-white);text-align:center}#loading-intro .about-columns p:first-child,#intro-section .about-columns p:first-child{margin-top:0!important;padding-top:0!important}#loading-intro .about-columns a,#intro-section .about-columns a{color:var(--color-white);text-decoration:none;border-bottom:1px solid currentColor}#loading-intro .about-columns a:hover,#intro-section .about-columns a:hover{color:var(--color-gray)}.button-group{display:flex;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-md);opacity:0;transition:opacity .3s ease;transition-delay:.2s}#loading-screen.show .button-group{opacity:1}#start-button{background:var(--color-white);border:none;border-radius:var(--radius-sm);clip-path:var(--cut-corner-sm);color:var(--color-black);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + 2px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-tight);text-transform:uppercase;font-family:var(--font-family-offbit)}#start-button:disabled{opacity:.5;cursor:not-allowed}#start-button:hover:not(:disabled){background:var(--color-gray)}#difficult-button{background:var(--color-white);border:none;border-radius:var(--radius-sm);clip-path:var(--cut-corner-sm);color:var(--color-black);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + 2px);cursor:not-allowed;display:inline-flex;align-items:center;justify-content:center;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-tight);text-transform:uppercase;font-family:var(--font-family-offbit);opacity:.3;pointer-events:none}#intro-section{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-black);color:var(--color-white);transform:translateY(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;align-items:center}#intro-section.visible{transform:translateY(0)}.about-grid{width:100%;max-width:600px}#intro-section .about-columns{width:100%;column-count:1;column-gap:var(--spacing-md)}@media (max-width: var(--breakpoint-mobile)){.about-columns,#intro-section .about-columns{column-count:1}#loading-screen,#intro-section{padding:var(--spacing-md)}}@media (max-width: 375px){#loading-intro .about-columns p,#intro-section .about-columns p{line-height:1.35}#loading-screen,#intro-section{padding:var(--spacing-md)}}.filter-dropdown{position:absolute;bottom:var(--spacing-xl);bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) scale(1);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);mix-blend-mode:luminosity;max-height:50vh;overflow-y:auto;scroll-margin:0;scroll-padding:0;contain:layout style paint;z-index:10}.filter-dropdown-button,.filter-option{background:var(--color-dark);border:none;border-radius:var(--radius-sm);clip-path:var(--cut-corner-sm);color:var(--color-white);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg);padding-top:calc(var(--spacing-sm) + 2px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);letter-spacing:var(--letter-spacing-base);text-transform:uppercase;font-family:var(--font-family);width:fit-content;white-space:nowrap;line-height:var(--line-height-tight);transition:none;transform:none}.filter-dropdown-button{order:2;pointer-events:auto;scroll-margin:0!important;scroll-padding:0!important}.filter-dropdown-button:focus,.filter-dropdown-button:focus-visible{outline:none}.filter-dropdown-button:hover,.filter-option:hover{background:var(--color-white);color:var(--color-black)}.filter-dropdown-content{display:none;flex-direction:column;align-items:center;gap:var(--spacing-sm);white-space:nowrap;pointer-events:none;order:1;width:auto;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(10px)}.filter-dropdown.open .filter-dropdown-content{display:flex;pointer-events:auto;opacity:1;transform:translateY(0)}.filter-separator{border:none;border-top:1px solid rgba(255,255,255,.2);margin:.25rem 0}.filter-option{border-radius:var(--radius-md);flex-shrink:0;-webkit-user-select:none;user-select:none;scroll-margin:0;scroll-padding:0}.filter-option:focus,.filter-option:focus-visible{outline:none}.filter-option:hover span{color:var(--color-black)}.filter-option input[type=checkbox]{display:none;position:absolute;opacity:0;pointer-events:none}.filter-option span{color:var(--color-white);font-size:var(--font-size-base);white-space:nowrap;letter-spacing:var(--letter-spacing-base);text-transform:uppercase;line-height:var(--line-height-tight)}.filter-option:has(input[type=checkbox]:checked){background:var(--color-white)}.filter-option:has(input[type=checkbox]:checked) span{color:var(--color-black)}.filter-option.is-active{background:var(--color-white)}.filter-option.is-active span{color:var(--color-black)}.strip{display:block}body.filter-active .strip{display:none}body.filter-active .strip.filter-match{display:block}#strips{display:flex;flex-direction:row;width:100vw;max-width:100vw;height:100vh;min-height:100vh;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;backface-visibility:hidden;transition:opacity .3s ease;touch-action:pan-y;overscroll-behavior-x:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;position:relative;margin:0;padding:0;top:0;background:var(--color-black);z-index:1;scroll-snap-align:start}#strips.dimmed{opacity:.3;pointer-events:none}#strips::-webkit-scrollbar{display:none}.strip{height:100vh;min-height:100vh;flex:1 1 0;min-width:0;overflow:visible;cursor:pointer;margin-left:-1px;opacity:0;transform:translate(-120%) scale(.95) rotate(-2deg);transform-origin:center center;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.34,1.56,.64,1),flex-grow .2s cubic-bezier(.25,.46,.45,.94);will-change:flex-grow,transform,opacity;position:relative;z-index:1}.strip.strip-visible{opacity:1;transform:translate(0) scale(1) rotate(0)}#strips.resizing .strip{transition:none}#strips[data-visible-count="1"] .strip{transition:transform .8s cubic-bezier(.34,1.56,.64,1)}.strip-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .4s ease,background-size .6s cubic-bezier(.25,.46,.45,.94),background-position .6s cubic-bezier(.25,.46,.45,.94)}.strip.strip-visible .strip-image{opacity:1}.strip:first-child{margin-left:0}.strip:hover,.strip.touch-hover{flex-grow:4;transform:translateZ(0) scale(1.02);transition-delay:0s}.strip.selected{flex-grow:1000;transform:translate(0) scale(1) rotate(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.strip .strip-image{position:absolute;top:0;left:0;transform:translateZ(0);backface-visibility:hidden;transition:transform .8s cubic-bezier(.34,1.56,.64,1);will-change:transform}.strip:hover .strip-image,.strip.touch-hover .strip-image{transform:translateZ(0)}.strip.hidden{display:none}@media (prefers-reduced-motion: reduce){.strip{will-change:auto}}.project{width:100%;display:block;background-color:var(--bg-primary);flex-shrink:0;position:relative}.project.visible{display:block}.project-title{display:none}.project.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-small{font-size:var(--font-size-small);line-height:var(--line-height-base)}.text-medium{font-size:var(--font-size-medium);line-height:var(--line-height-base)}.text-block .text-large,.text-large{font-size:var(--font-size-large);line-height:1.25!important}@media (max-width: 767px){.text-small{font-size:1rem}.text-medium{font-size:1.4rem}.text-block .text-large,.text-large{font-size:1.8rem}}#projects{display:block;width:100%;min-height:100vh;position:relative;background:var(--project-accent-color-dark, var(--color-black))}body:has(#projects),body.project-visible{background:var(--project-accent-color-dark, var(--color-black))}#projects:not(:has(.project)){display:none;min-height:0}#projects.visible{display:block;width:100%;min-height:100vh}figure{margin:0;padding:0}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0;width:100%;max-width:100%;padding:0 var(--spacing-xl)}.project-grid>.media-item:first-child,.project-grid>.media-item.hero{overflow:hidden;height:100vh;min-height:100vh;max-height:100vh;margin-left:calc(-1 * var(--spacing-xl));margin-right:calc(-1 * var(--spacing-xl));width:calc(100% + 2 * var(--spacing-xl));max-width:none;position:relative;scroll-snap-align:start}.project-grid>.media-item:first-child img,.project-grid>.media-item.hero img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;min-height:100%}.media-item{width:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:normal}.media-item:not(:last-child:only-child){padding-bottom:var(--spacing-xl)}.project-grid>.media-item.hero:not(:last-child){padding-bottom:var(--spacing-xl)}.project-grid>.media-item.hero:only-of-type+.text-block{margin-top:var(--spacing-xl)}.media-item img{width:100%;height:auto;display:block;clip-path:var(--cut-corner-sm)}.media-item:first-child img,.media-item.hero img{clip-path:none}.text-block{padding-bottom:var(--spacing-xl);max-width:65ch;margin:0 auto;line-height:1.6}#about .text-block,#about .text-block.text-medium,[data-project=about] .text-block,[data-project=about] .text-block.text-medium{font-size:var(--font-size-small)!important;line-height:var(--line-height-base)}@media (max-width: 767px){#about .text-block,#about .text-block.text-medium,[data-project=about] .text-block,[data-project=about] .text-block.text-medium{font-size:1rem!important}}.credits-block{padding-bottom:var(--spacing-xl);font-size:.8rem;opacity:.7}.credits-list{list-style:none;padding:0;margin:0;text-align:left}.credits-list li{margin-bottom:.5rem}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.col-start-8{grid-column-start:8!important}.col-start-9{grid-column-start:9!important}.col-start-10{grid-column-start:10!important}.col-start-11{grid-column-start:11!important}.col-start-12{grid-column-start:12!important}.col-span-1{grid-column-end:span 1!important}.col-span-2{grid-column-end:span 2!important}.col-span-3{grid-column-end:span 3!important}.col-span-4{grid-column-end:span 4!important}.col-span-5{grid-column-end:span 5!important}.col-span-6{grid-column-end:span 6!important}.col-span-7{grid-column-end:span 7!important}.col-span-8{grid-column-end:span 8!important}.col-span-9{grid-column-end:span 9!important}.col-span-10{grid-column-end:span 10!important}.col-span-11{grid-column-end:span 11!important}.col-span-12{grid-column-end:span 12!important}.project-nav{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid var(--header-text);color:var(--header-text);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.project-nav.visible{display:flex}.project-nav:hover{background:var(--header-text);color:var(--bg-primary)}.project-nav:disabled{cursor:not-allowed;pointer-events:none}.back-button{display:none}#about{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-black);z-index:250;display:none;color:var(--color-white);overflow:hidden;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}body.about-visible #about{z-index:250}#about[data-initial-about],body[data-initial-about] #about{display:block!important;pointer-events:auto!important;visibility:visible!important;z-index:250!important}body[data-route=project] #about:not([data-initial-about]):not(.visible),body.project-visible #about:not([data-initial-about]):not(.visible){display:none!important;visibility:hidden!important;pointer-events:none!important}#about.visible{display:block;pointer-events:auto}.about-container{height:100%;position:relative;display:flex}.about-text{width:50%;padding:0 var(--spacing-xl) var(--spacing-xl);overflow-y:auto;height:100%;display:flex;align-items:flex-end}.about-text-inner{max-width:min(50vw,700px)}.about-text-inner>*{margin:0;font-size:clamp(1rem,.8vw + 0rem,1.5rem);line-height:1.5;letter-spacing:var(--letter-spacing-base);font-weight:400;text-align:left}.about-text-inner>*+*{margin-top:var(--spacing-md)}.about-image{width:50%;height:100vh;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-image picture,.about-image img{width:100%;height:100%;display:block;position:relative;z-index:0}.about-image img{object-fit:cover;object-position:center center}#about a{text-decoration:underline}@media (max-width: 767px){.about-container{flex-direction:column;overflow-y:auto;height:100%}.about-text{width:100%;order:2;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-lg);overflow-y:visible;height:auto;align-items:flex-start}.about-text-inner{max-width:100%;width:100%}.about-image{position:relative;width:100%;height:50vh;order:1;flex-shrink:0}.about-image picture,.about-image img{height:100%}#about p{font-size:clamp(1rem,1rem + .5vw,1.8rem);line-height:1.5}}@media (min-width: 768px){.about-text-inner>*{font-size:clamp(1rem,1vw + .2rem,1.5rem)}}body:before{content:"";position:absolute;top:0;left:0;width:100vw;min-height:100%;height:100%;z-index:500;pointer-events:none;opacity:0;background-image:var(--grain-image, none);background-size:var(--grain-size, 200px 200px);background-repeat:repeat;mix-blend-mode:var(--grain-blend, screen);will-change:opacity;transition:opacity 1.2s ease-out}body.about-visible:before{position:fixed;height:100vh}body:has(#strips.strips-initialized):before,body.strips-initialized:before{opacity:var(--grain-opacity, 0)}#shader-canvas{position:fixed;top:0;left:0;width:100vw;height:100%;min-height:100vh;z-index:400;pointer-events:none;mix-blend-mode:screen;background:transparent;display:block;opacity:0;transition:opacity 1.2s ease-out}body:has(#strips.strips-initialized) #shader-canvas,body.strips-initialized #shader-canvas{opacity:1}.lil-gui{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;letter-spacing:normal!important}.lil-gui *{font-family:inherit!important;letter-spacing:inherit!important}