.grunge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;pointer-events:none;background-repeat:no-repeat;background-size:cover;background-position:center}.film-grain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;background-repeat:repeat;mix-blend-mode:overlay;animation-name:film-grain-flicker;animation-timing-function:steps(1);animation-iteration-count:infinite}@keyframes film-grain-flicker{0%{background-position:0px 0px}10%{background-position:-47px 23px}20%{background-position:67px -59px}30%{background-position:-83px 41px}40%{background-position:19px 73px}50%{background-position:-61px -17px}60%{background-position:37px -43px}70%{background-position:-29px 61px}80%{background-position:53px 13px}90%{background-position:-71px -53px}to{background-position:0px 0px}}.fullscreen-ruler-overlay{position:relative;flex:1 1 0;min-width:0;align-self:stretch;z-index:1;pointer-events:none;opacity:0;visibility:hidden}.fullscreen-ruler{position:relative;width:100%;height:100%;color:#eeebe4}.fullscreen-ruler-scale{--fullscreen-ruler-reveal-inset: 0%;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;will-change:clip-path;-webkit-clip-path:inset(0 var(--fullscreen-ruler-reveal-inset));clip-path:inset(0 var(--fullscreen-ruler-reveal-inset));-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}.fullscreen-ruler-track{position:absolute;top:0;left:50%;height:var(--ruler-height, 52px);will-change:transform}.fullscreen-ruler-tick-slot{position:absolute;top:0;width:1px;height:var(--ruler-height, 52px);display:flex;align-items:center;justify-content:center}.fullscreen-ruler-tick{display:block;width:1px;height:7px;background:currentColor;opacity:.25;transform-origin:center center}.fullscreen-ruler-tick--mid{height:12px;opacity:.38}.fullscreen-ruler-tick--major{height:18px;opacity:.55}.fullscreen-ruler-label{position:absolute;top:var(--ruler-label-top, 34px);left:50%;transform:translate(-50%);color:currentColor;font-family:Geist Pixel,ui-monospace,monospace;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1;opacity:.48;white-space:nowrap;transition:opacity .3s ease}.fullscreen-ruler-label--active{opacity:1}:root[data-layout=compact] .fullscreen-ruler-label{font-size:8px}:root[data-layout=compact] .fullscreen-ruler-tick{width:.5px;height:5px;opacity:.2}:root[data-layout=compact] .fullscreen-ruler-tick--mid{opacity:.3}:root[data-layout=compact] .fullscreen-ruler-tick--major{opacity:.45}:root[data-layout=compact] .fullscreen-ruler-tick--mid{height:8px}:root[data-layout=compact] .fullscreen-ruler-tick--major{height:12px}:root[data-layout=compact] .fullscreen-ruler-marker{height:18px}.fullscreen-ruler-drag-hit{position:absolute;top:-18px;right:0;bottom:-18px;left:0;pointer-events:auto;cursor:grab;touch-action:none}.fullscreen-ruler-drag-hit:active{cursor:grabbing}.fullscreen-ruler-marker{position:absolute;top:50%;left:50%;z-index:1;width:4px;height:27px;border-radius:0;background:currentColor;opacity:.92;transform:translate(-50%,-50%);transform-origin:center center;will-change:transform}@media(prefers-reduced-motion:reduce){.fullscreen-ruler-scale,.fullscreen-ruler-track,.fullscreen-ruler-marker{will-change:auto}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none}.grid-overlay-vline{position:absolute;top:0;bottom:0;width:1px;background-color:var(--grid-overlay-color, rgba(255, 255, 255, .14));transform-origin:center top;opacity:0}.grid-overlay-hline{position:absolute;left:0;right:0;height:1px}.grid-overlay-hline-half{position:absolute;top:0;width:50%;height:1px;background-color:var(--grid-overlay-color, rgba(255, 255, 255, .14));opacity:0}.grid-overlay-hline-half.left{left:0;transform-origin:left center}.grid-overlay-hline-half.right{right:0;transform-origin:right center}.grid-overlay-plus{position:absolute;width:var(--grid-overlay-plus-size, 9px);height:var(--grid-overlay-plus-size, 9px);transform:translate(-50%,-50%);rotate:var(--grid-plus-tilt, 0deg);opacity:0;scale:0}.grid-overlay-plus:before,.grid-overlay-plus:after{content:"";position:absolute;background-color:var(--grid-overlay-color, rgba(255, 255, 255, .14))}.grid-overlay-plus:before{top:50%;left:0;width:100%;height:var(--grid-overlay-plus-thickness, 2px);transform:translateY(-50%)}.grid-overlay-plus:after{top:0;left:50%;width:var(--grid-overlay-plus-thickness, 2px);height:100%;transform:translate(-50%)}.grid-overlay--active{--gl-v-dur: 1.5s;--gl-h-start: calc(.75 * var(--gl-v-dur));--gl-h-dur: 1.5s;--gl-plus-base: calc(var(--gl-h-start) + var(--gl-h-dur) + .25s);--gl-plus-spread: 1.6s;--gl-plus-dur: .9s}.grid-overlay--active .grid-overlay-vline{animation:grid-overlay-vdraw var(--gl-v-dur) cubic-bezier(.35,.05,.2,1) forwards}.grid-overlay--active .grid-overlay-hline-half{animation:grid-overlay-hdraw var(--gl-h-dur) cubic-bezier(.35,.05,.2,1) forwards;animation-delay:var(--gl-h-start)}.grid-overlay--active .grid-overlay-plus{animation:grid-overlay-plus-in var(--gl-plus-dur) cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--gl-plus-base) + var(--grid-plus-rand, 0) * var(--gl-plus-spread))}@keyframes grid-overlay-vdraw{0%{opacity:.6;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes grid-overlay-hdraw{0%{opacity:.6;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes grid-overlay-plus-in{0%{opacity:0;scale:0;rotate:calc(var(--grid-plus-tilt, 0deg) * 3)}to{opacity:1;scale:1;rotate:var(--grid-plus-tilt, 0deg)}}@media(prefers-reduced-motion:reduce){.grid-overlay--active .grid-overlay-vline,.grid-overlay--active .grid-overlay-hline-half{opacity:1;transform:none;animation:none}.grid-overlay--active .grid-overlay-plus{opacity:1;scale:1;rotate:0deg;animation:none}}.hud-readout-row{position:absolute;left:var(--nav-inset, 32px);right:var(--nav-inset, 32px);bottom:var(--chrome-bottom, 8px);z-index:12;height:var(--ruler-height, 52px);display:flex;align-items:center;gap:var(--hud-gap, 24px);pointer-events:none;color:#eeebe4;font-family:Geist Pixel,ui-monospace,monospace;font-size:10px;letter-spacing:.04em;line-height:1;opacity:0;visibility:hidden;transition:opacity .4s ease;will-change:opacity}.hud-readout-row--visible{opacity:.72;visibility:visible}.hud-readout-text{flex:0 0 var(--hud-side-width, 140px);width:var(--hud-side-width, 140px);display:flex;gap:10px;align-items:baseline;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.hud-readout-text--right{justify-content:flex-end}:root[data-layout=compact] .hud-readout-row{font-size:8px}:root[data-layout=compact] .hud-readout-text{gap:7px}@media(prefers-reduced-motion:reduce){.hud-readout-row{will-change:auto}}.text-elements{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden;--text-el-margin-x: var(--nav-inset, 32px);--text-el-margin-top: clamp(52px, 10.5vh, 104px);--text-el-margin-bottom: clamp(44px, 8vh, 82px);color:#eeebe4;font-family:Geist Pixel,ui-monospace,monospace;font-size:9px;letter-spacing:.005em;font-variant-numeric:tabular-nums;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s}.text-elements--visible{opacity:1;visibility:visible;transition:opacity 1.1s ease .15s,visibility 0s}.text-elements-inner{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease}.text-el{position:absolute;max-width:min(46ch,42vw);opacity:calc(1.02 - .42 * var(--d, .5));will-change:transform}.text-el--right{text-align:right}.text-el--narrative{max-width:var(--w, 46ch)}.text-el--narrative:before{content:"";position:absolute;top:-22px;right:-40px;bottom:-18px;left:-30px;z-index:-1;background:radial-gradient(ellipse 70% 60% at 24% 40%,rgba(6,6,6,.78),rgba(6,6,6,.5) 50%,transparent 84%);pointer-events:none}.text-el--narrative p{margin:0 0 .7em;line-height:1.4}.text-el--narrative p:last-child{margin-bottom:0}.text-el-lead{color:#fff}.text-el-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:.65em}.text-el-list{list-style:none;margin:0;padding:0}.text-el-list li{margin-bottom:.5em;line-height:1.32}.text-el-list li:last-child{margin-bottom:0}.text-el-item-row{display:flex;align-items:baseline;gap:.55em}.text-el--right .text-el-item-row{flex-direction:row-reverse}.text-el-item-text{display:block}.text-el-glyph{flex:none;align-self:flex-start;margin-top:.1em;opacity:.6}.text-el-item{display:block}.text-el-sub{display:block;opacity:.5;margin-top:.1em}.text-el-line{display:block;line-height:1.5}.text-el-socials{margin-top:.55em;display:flex;gap:.85em;justify-content:inherit}.text-el--right .text-el-socials{justify-content:flex-end}.text-el-socials a{display:inline-flex;align-items:center;gap:.4em}.text-el-brand{flex:none;opacity:.7}.text-elements a{color:inherit;text-decoration:none;pointer-events:auto;transition:opacity .2s ease}.text-elements a:hover{opacity:.6}.text-elements a:hover .text-el-item{text-decoration:underline;text-underline-offset:2px}:root[data-layout=compact] .text-elements{font-size:8px;--text-el-margin-top: 6vh;--text-el-margin-bottom: 5.5vh}:root[data-layout=compact] .text-el{max-width:min(38ch,78vw)}:root[data-layout=compact] .text-el--narrative p{line-height:1.7}@media(prefers-reduced-motion:reduce){.text-el{transform:none;will-change:auto}}.pg-annot-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:4;color:#eeebe4;font-family:Geist Pixel,ui-monospace,monospace}.pg-annot-plus{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.pg-annot-plus-mark{position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;opacity:0;transform:scale(.4);animation:pg-annot-plus-in .22s ease forwards}.pg-annot-plus-mark:before,.pg-annot-plus-mark:after{content:"";position:absolute;background:#eeebe4}.pg-annot-plus-mark:before{top:50%;left:0;width:100%;height:var(--pg-annot-mark-thickness, 2px);transform:translateY(-50%)}.pg-annot-plus-mark:after{top:0;left:50%;width:var(--pg-annot-mark-thickness, 2px);height:100%;transform:translate(-50%)}:root[data-layout=compact] .pg-annot-plus-mark{left:-3px;top:-3px;width:6px;height:6px;--pg-annot-mark-thickness: 1.5px}@keyframes pg-annot-plus-in{0%{opacity:0;transform:scale(.4)}to{opacity:.72;transform:scale(1)}}.pg-annot{position:absolute;left:0;top:0;will-change:transform;transition:opacity .3s ease}.pg-annot-plus{transition:opacity .3s ease}.pg-annot-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;transform:scale(0);animation:pg-annot-grow 1.05s cubic-bezier(.16,1,.3,1) .22s forwards}@keyframes pg-annot-grow{0%{transform:scale(0)}to{transform:scale(1)}}.pg-annot-rect{fill:none;stroke:#eeebe4;stroke-width:1;stroke-opacity:.4}:root[data-layout=compact] .pg-annot-rect{stroke-width:.75}.pg-annot-coord,.pg-annot-meta{position:absolute;font-size:10px;letter-spacing:.04em;opacity:.72;white-space:nowrap}:root[data-layout=compact] .pg-annot-coord,:root[data-layout=compact] .pg-annot-meta{font-size:8px}.pg-annot--focused .pg-annot-coord,.pg-annot--focused .pg-annot-meta{opacity:1}.pg-annot-coord{left:0;bottom:calc(100% + 3px);overflow:hidden;line-height:1.15}.pg-annot-coord--below{bottom:auto;top:calc(100% + 3px)}.pg-annot-meta{top:0;left:100%;padding-left:6px;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.pg-annot-meta--left{left:auto;right:100%;padding-left:0;padding-right:6px;align-items:flex-end;text-align:right}.pg-annot-line{display:block;overflow:hidden;line-height:1.15}.pg-annot-coord>span,.pg-annot-line>span{display:block;transform:translateY(calc(100% + 5px));animation:pg-annot-rise .5s cubic-bezier(.16,1,.3,1) 1.35s forwards}.pg-annot-line:nth-child(2)>span{animation-delay:1.44s}@keyframes pg-annot-rise{to{transform:translateY(0)}}.pg-annot-brackets{position:absolute;left:0;top:0;will-change:transform;opacity:0;transition:opacity .16s ease}.pg-annot-brackets--on{opacity:.72}.pg-annot-brackets--snap{opacity:0;transition:none}.pg-annot-bracket{position:absolute;width:var(--pg-annot-bracket-size, 12px);height:var(--pg-annot-bracket-size, 12px)}:root[data-layout=compact] .pg-annot-bracket{--pg-annot-bracket-size: 8px;--pg-annot-mark-thickness: 1.5px}.pg-annot-bracket:before,.pg-annot-bracket:after{content:"";position:absolute;background:#eeebe4}.pg-annot-bracket:before{width:100%;height:var(--pg-annot-mark-thickness, 2px)}.pg-annot-bracket:after{width:var(--pg-annot-mark-thickness, 2px);height:100%}.pg-annot-bracket--tl{left:0;top:0}.pg-annot-bracket--tl:before{left:0;top:0}.pg-annot-bracket--tl:after{left:0;top:0}.pg-annot-bracket--tr{right:0;top:0}.pg-annot-bracket--tr:before{right:0;top:0}.pg-annot-bracket--tr:after{right:0;top:0}.pg-annot-bracket--bl{left:0;bottom:0}.pg-annot-bracket--bl:before{left:0;bottom:0}.pg-annot-bracket--bl:after{left:0;bottom:0}.pg-annot-bracket--br{right:0;bottom:0}.pg-annot-bracket--br:before{right:0;bottom:0}.pg-annot-bracket--br:after{right:0;bottom:0}@media(prefers-reduced-motion:reduce){.pg-annot-plus-mark{opacity:.72;transform:none;animation:none}.pg-annot-svg{transform:none;animation:none}.pg-annot-coord>span,.pg-annot-line>span{transform:none;animation:none}}.nav-open-hint{position:absolute;top:0;left:0;z-index:3;pointer-events:none;color:#eeebe4;font-family:Geist Pixel,ui-monospace,monospace;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap;opacity:0;translate:0 -100%;transition:opacity .18s ease;will-change:transform,opacity}.nav-open-hint--on{opacity:.92;pointer-events:auto;cursor:pointer}.nav-open-hint--on:hover{opacity:1;text-decoration:underline;text-underline-offset:2px}.nav-open-hint:focus-visible{opacity:1;outline:1px solid #eeebe4;outline-offset:3px;text-decoration:underline;text-underline-offset:2px}.nav-open-hint--compact{font-size:11px}.nav-open-hint--compact.nav-open-hint--on{opacity:1;text-decoration:underline;text-underline-offset:2px}.nav-open-hint--compact:before{content:"";position:absolute;top:-16px;right:-22px;bottom:-16px;left:-22px}.nav-open-hint--compact.nav-open-hint--on:active{opacity:.6}@media(prefers-reduced-motion:reduce){.nav-open-hint{transition-duration:.01s;will-change:auto}}.project-content{width:100%;height:100%;display:flex;flex-direction:column;background:#eeebe4}.project-content-row{flex:1;min-height:0;padding:8px;overflow:hidden}.project-content-text{display:flex;flex-direction:column}.project-content-text--has-legend{padding-top:0}.project-content-text-label{flex:1;min-height:0}.project-content-text-legend{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:16px;padding-bottom:12px;font-family:Lay Grotesk,sans-serif;font-size:10px;font-weight:300;line-height:1.2;color:#2b2b2b}.project-content-text-legend-scroll{min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;overflow:hidden}.project-content-text--legend-split{display:grid;grid-template-rows:minmax(0,var(--legend-row-height, 50%)) minmax(0,1fr);row-gap:var(--legend-row-gap, 0px)}.project-content-text--legend-split .project-content-text-legend{min-height:0;box-sizing:border-box;justify-content:flex-start;padding-top:0;padding-bottom:0}.project-content-text--legend-split .project-content-text-legend-scroll{max-height:100%}.project-content-text--legend-split .project-content-text-body{min-height:0;box-sizing:border-box;align-items:flex-end}.project-content-text-legend--scroll-enabled:hover .project-content-text-legend-scroll{overflow-y:auto;scrollbar-width:thin}.project-content-text-legend-item{display:flex;align-items:flex-start;gap:6px;break-inside:avoid}.project-content-text-legend-label{white-space:pre-wrap}.project-content-text-legend-swatch{width:8px;height:8px;flex:0 0 8px}.project-content-text-body{flex-shrink:0;display:flex}.project-content-text-body--empty{display:none}.project-content-text-inner{width:66%}.project-content-text-spacer{width:34%}.project-content-text p{margin:0;font-family:Lay Grotesk,sans-serif;font-size:10px;font-weight:300;line-height:1.4;color:#2b2b2b;white-space:pre-line}.project-content-image-row{display:flex;flex-direction:column}.project-content-image-label{flex-shrink:0;padding-bottom:16px;font-family:Lay Grotesk,sans-serif;font-size:10px;font-weight:300;color:#6b675f}.project-content-image{flex:1 1 0;min-height:0;width:100%;object-fit:cover;object-position:bottom;display:block;mix-blend-mode:multiply}.project-content-image--line,.project-content-image--plan{object-fit:contain;object-position:center}.project-content-image-carousel{position:relative;flex:1 1 0;min-height:0;width:100%;overflow:hidden}.project-content-image-row-group{flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;gap:8px}.project-content-image-row-tile-wrap{position:relative;flex:1 1 0;min-width:0;min-height:0;max-height:100%;padding:6%;box-sizing:border-box;overflow:hidden}.project-content-image-row-group:not(.project-content-image-row-group--column) .project-content-image-row-tile-wrap{aspect-ratio:11 / 6}.project-content-image-row-tile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.project-content-image-row-group--column{flex-direction:column;align-items:stretch;gap:0}.project-content-image-row-tile--natural{position:static;flex:0 0 auto;width:100%;aspect-ratio:auto;height:auto;max-height:none;object-fit:contain}.project-content-image-row-group--grid{flex-direction:row;align-items:center;gap:16px}.project-content-image-grid-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px}.project-content-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#2b2b2b73;color:#eeebe4;font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}.project-content-carousel-arrow--prev{left:10px}.project-content-carousel-arrow--next{right:10px}.project-content-image-carousel:hover .project-content-carousel-arrow:not(:disabled),.project-content-carousel-arrow:focus-visible{opacity:1}.project-content-carousel-arrow:hover:not(:disabled){background:#2b2b2bb3}.project-content-carousel-arrow:disabled{display:none}.project-content-image-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;visibility:hidden}.project-content-image-slide-outer,.project-content-image-slide-inner{width:100%;height:100%;overflow:hidden}.project-content-image-slide-img{position:absolute;top:0;right:0;bottom:0;left:0;flex:none;width:100%;height:100%;isolation:isolate;will-change:transform}.bento-composition-seq{position:relative;width:100%;height:100%;min-height:0;min-width:0;overflow:hidden}.bento-scene-area-seq{position:absolute;box-sizing:border-box;padding:0;background:transparent;pointer-events:none;z-index:2}.bento-scene-area-fill-seq{position:relative;width:100%;height:100%;background:transparent}.bento-cards-layer-seq{--scene-clip-left: 100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:transparent;-webkit-clip-path:inset(0 0 0 var(--scene-clip-left));clip-path:inset(0 0 0 var(--scene-clip-left));will-change:clip-path,transform}.bento-cards-backing-seq{position:absolute;inset:var(--bento-card-top-inset, 0px) 0 0;z-index:0;background:#eeebe4}.bento-cards-content-seq{position:absolute;inset:var(--bento-card-top-inset, 0px) 0 0;z-index:1;overflow:hidden;visibility:hidden}.bento-cell-seq{position:absolute;overflow:hidden;background:#2b2b2b;color:#eeebe4;box-sizing:border-box}.bento-cell-seq--text{background:transparent;color:#2b2b2b}.bento-cell-seq--text .project-content{background:transparent}.bento-cell-seq .project-content{width:100%;height:100%}.progress-bars-overlay{position:absolute;top:16px;bottom:16px;left:16px;z-index:1;display:flex;align-items:center;pointer-events:none}.progress-bars{position:relative;width:92px;height:100%;min-height:0;color:#eeebe4}.progress-bars-scale{--progress-reveal-inset: 0%;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;will-change:clip-path;-webkit-clip-path:inset(var(--progress-reveal-inset) 0);clip-path:inset(var(--progress-reveal-inset) 0);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}.progress-bars-track{position:absolute;top:50%;left:0;display:grid;grid-template-rows:repeat(281,1px);row-gap:4px;width:92px;height:max-content;will-change:transform}.progress-bars-tick-slot{position:relative;width:92px;height:1px}.progress-bars-bar{display:block;width:7px;height:1px;background:currentColor;opacity:.25;transform-origin:left center}.progress-bars-bar--mid{width:12px;opacity:.38}.progress-bars-bar--major{width:18px;opacity:.55}.progress-bars-marker{position:absolute;top:50%;left:0;z-index:1;width:27px;height:4px;border-radius:999px;background:currentColor;opacity:.92;transform:translateY(-50%);transform-origin:left center;will-change:transform}.progress-bars-label{position:absolute;top:50%;left:34px;transform:translateY(-50%);color:currentColor;font-family:Lay Grotesk,sans-serif;font-size:10px;font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:.02em;line-height:1;opacity:.48;white-space:nowrap}.stage-frame{position:fixed;top:max(var(--frame-inset, 24px),env(safe-area-inset-top));left:max(var(--frame-inset, 24px),env(safe-area-inset-left));right:max(var(--frame-inset, 24px),env(safe-area-inset-right));bottom:max(var(--frame-inset, 24px),env(safe-area-inset-bottom));margin-inline:auto;border-radius:0;overflow:hidden;background:#2b2b2b;--grid-margin: 40px;--grid-cols: 6;--grid-rows: 5}@media(max-width:768px){.stage-frame{--grid-margin: 24px}}:root[data-layout=compact] .stage-frame{max-width:calc((100dvh - 2 * var(--frame-inset, 12px)) * var(--stage-max-aspect, 1.728))}.debug-outline .bento-composition,.debug-outline .bento-scene-area,.debug-outline .bento-scene-area-fill,.debug-outline .bento-viewport,.debug-outline .bento-track,.debug-outline .bento-column,.debug-outline .bento-cell,.debug-outline .project-content,.debug-outline .project-content-row,.debug-outline .project-content-text-label,.debug-outline .project-content-text-body,.debug-outline .project-content-image-label,.debug-outline .project-content-image{outline:1px solid rgba(255,0,128,.6);outline-offset:-1px}.debug-outline .bento-composition-bhp div{outline:1px solid rgba(255,255,255,.35);outline-offset:-1px}.debug-outline .bento-strip-bhp{outline:2px solid #ff3b8d;outline-offset:-2px;background-color:#ff3b8d12}.debug-outline .bento-strip-inner-bhp{outline:2px solid #00bde7;outline-offset:-2px;background-color:#00bde70d}.debug-outline .bento-strip-cell-bhp{outline:2px solid #ffd21f;outline-offset:-2px;background-color:#ffd21f0f}.debug-outline .bento-strip-cell-bhp .project-content{outline:1px solid #29cf78;outline-offset:-1px}.debug-outline .bento-strip-cell-bhp .project-content-row{outline:1px dashed #8c63ff;outline-offset:-1px}.debug-outline .project-content-text-legend,.debug-outline .project-content-text-body,.debug-outline .project-content-image-label,.debug-outline .project-content-image-carousel,.debug-outline img.project-content-image{outline:1px solid #ff7a1a;outline-offset:-1px}.bento-debug-outline-toggle{position:fixed;z-index:10000;right:12px;bottom:12px;border:1px solid #2b2b2b;padding:5px 8px;background:#eeebe4;color:#2b2b2b;font:300 10px/1.2 Lay Grotesk,sans-serif;cursor:pointer}.bento-debug-outline-toggle.is-active{background:#2b2b2b;color:#eeebe4}.portfolio-flow{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#eeebe4;--frame-inset: clamp(12px, 1.9vw, 24px);--nav-inset: clamp(18px, 2.5vw, 32px);--chrome-bottom: clamp(6px, .65vw, 8px);--hud-gap: clamp(14px, 2.4vw, 32px);--hud-side-width: clamp(140px, 20vw, 180px);--ruler-height: clamp(24px, 2.4vw, 30px)}:root[data-layout=compact] .portfolio-flow{--frame-inset: 12px;--nav-inset: 18px;--chrome-bottom: 6px;--hud-gap: 12px;--hud-side-width: 62px;--ruler-height: 24px}.portfolio-flow-scene-dummy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;touch-action:pinch-zoom;background:transparent}.portfolio-flow-paper-bed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;isolation:isolate;background:#000}.portfolio-flow-intro-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;color:#eeebe4;font-family:Lay Grotesk,sans-serif}.portfolio-flow-nav-position{position:absolute;top:var(--nav-inset, 32px);will-change:transform}.portfolio-flow-nav-position--logo{left:var(--nav-inset, 32px)}.portfolio-flow-nav-position--contact{right:var(--nav-inset, 32px)}.portfolio-flow-nav-mask{overflow:hidden;padding:.08em .04em;margin:-.08em -.04em}.portfolio-flow-nav-text{display:block;color:currentColor;font-size:clamp(1.05rem,.24rem + 1.9vw,2rem);font-weight:600;letter-spacing:-.03em;line-height:1;text-decoration:none;white-space:nowrap;will-change:transform,color}:root[data-layout=compact] .portfolio-flow-nav-text{font-size:1.05rem}a.portfolio-flow-nav-text{pointer-events:auto}.portfolio-flow-bento-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none}.portfolio-flow-bento-header{position:relative;z-index:3;flex:0 0 25%;display:flex;align-items:center;gap:8px;padding:0 16px;background:transparent;will-change:transform}.portfolio-flow-bento-header button{position:relative;z-index:1}.portfolio-flow-project-title-knockout{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.portfolio-flow-project-title-knockout-char{font-family:Lay Grotesk,sans-serif;font-weight:600;font-size:var(--knockout-font-size, 8rem);dominant-baseline:alphabetic;text-anchor:start;will-change:transform}.portfolio-flow-project-title{position:absolute;left:-.064em;bottom:0;margin:0;color:transparent;font-family:Lay Grotesk,sans-serif;font-size:clamp(5rem,10vw,8rem);font-weight:600;letter-spacing:-.05em;line-height:.695;white-space:nowrap;pointer-events:none;will-change:transform}.portfolio-flow-project-title-char-mask{display:inline-block;box-sizing:content-box;overflow:hidden;vertical-align:bottom;padding:.18em .09em .06em;margin:-.18em -.09em -.06em}.portfolio-flow-project-title-char-inner{display:inline-block;will-change:transform}.portfolio-flow-bento-header button{opacity:.35}.portfolio-flow-bento-composition{position:relative;flex:1 1 0;min-height:0}@media(prefers-reduced-motion:reduce){.portfolio-flow-nav-position,.portfolio-flow-nav-text,.portfolio-flow-bento-header,.portfolio-flow-project-title,.portfolio-flow-project-title-knockout-char{will-change:auto}}@font-face{font-family:Lay Grotesk;src:url(/assets/fonts/LayGrotesk-Semibold.woff) format("woff");font-style:normal;font-weight:600;font-display:block}@font-face{font-family:Geist Pixel;src:url(/assets/fonts/GeistPixel-Square.woff2) format("woff2");font-style:normal;font-weight:400;font-display:block}:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#eeebe4;background:#eeebe4}*{box-sizing:border-box}html,body,#root,.app{width:100%;height:100%;margin:0}html,body,#root{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html:has(.nav-scroll-spacer),html:has(.nav-scroll-spacer) body,html:has(.nav-scroll-spacer) #root{height:auto;min-height:100%}.nav-scroll-spacer{width:1px;pointer-events:none;visibility:hidden}html.lenis.lenis-smooth{scroll-behavior:auto!important}html.lenis.lenis-stopped{overflow:hidden}html:has(.nav-scroll-spacer){scrollbar-width:none}html:has(.nav-scroll-spacer)::-webkit-scrollbar{width:0;height:0}canvas{display:block}