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}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Montserrat Portfolio;src:url(/fonts/montserrat-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ink:#0d0f0e;--paper:#ece6d9;--red:#b94835;--about-accent:#3457d5;--display:"Montserrat Portfolio", Montserrat, "Helvetica Neue", Arial, sans-serif;--mono:"Courier New", Courier, monospace;--page-gutter:clamp(1rem, 3vw, 3.75rem);--ease-premium:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;background:#050606;width:100%;min-height:100%;margin:0;overflow-x:clip}body{width:100%;min-height:100%;color:var(--paper);font-synthesis:none;background:#050606;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:clip visible}html.lenis,html.lenis body{height:auto}body>div{width:100%}a{color:inherit;text-decoration:none}button,a,[tabindex]{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--about-accent)}.landing{background:var(--ink);width:100%}.stage{isolation:isolate;color:#121212;background-color:#eee9e5;background-image:linear-gradient(#37312b29 .0625rem,#0000 .0625rem),linear-gradient(90deg,#37312b29 .0625rem,#0000 .0625rem);background-size:2.75rem 2.75rem;width:100%;min-height:100svh;position:relative;overflow:clip}.stage:before{content:"";z-index:0;pointer-events:none;opacity:0;transform-origin:50%;background:linear-gradient(120deg,#ffffff09,#0000 42%);position:absolute;inset:0;transform:scale(1.025)}.stage.is-active:before{animation:gridExposure 1.45s var(--ease-premium) both}.landing-clouds{z-index:1;pointer-events:none;opacity:.88;width:100%;height:65%;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000 20%,#000000b3 48%,#0000 100%);mask-image:linear-gradient(#000,#000 20%,#000000b3 48%,#0000 100%)}.landing-cloud-track{width:400%;height:100%;animation:360s linear infinite paused cloudDrift;display:flex;position:absolute;top:0;left:-200%}.landing-cloud-track>span{background:url(/artwork/painted-sky-v2.png) top/cover no-repeat;flex:0 0 25%;height:100%}.landing-cloud-track>span:nth-child(2n){transform:scaleX(-1)}.stage.is-active .landing-cloud-track{animation-play-state:running}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(50%)}}@media (max-width:42rem){.landing-clouds{opacity:.82;height:54%}.landing-cloud-track>span{background-position:44% 0}}.masthead{z-index:13;opacity:0;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:clamp(.85rem,1.35vw,1.7rem);left:clamp(.85rem,1.35vw,1.7rem);right:clamp(.85rem,1.35vw,1.7rem)}.stage.is-active .masthead{animation:headerDrop 1s var(--ease-premium) .25s both}.wordmark{display:block}.wordmark b{letter-spacing:-.08em;font-size:clamp(1.25rem,1.65vw,2rem);line-height:.66}.stage .wordmark b{line-height:.82;display:block}.scroll-cue i{color:var(--red)}.stage .hero-copy{z-index:9;text-align:center;width:96%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.stage .hero-copy h1{color:#111110;font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(2.1rem,8.65vw,11.05rem);font-weight:700;line-height:.96}.hero-line{white-space:nowrap;transform-origin:50%;display:block}.hero-line-primary{justify-content:center;align-items:center;gap:.12em;margin-bottom:.05em;display:flex}.hero-word{margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:hidden}.hero-word>span{display:block}.hero-word{--word-shift:.45em}.hero-word:last-child{--word-shift:-.45em}.stage.is-active .hero-word{animation:.75s cubic-bezier(.22,1,.36,1) 1.1s both heroMakeRoom}.stage.is-active .hero-word>span{animation:heroWordRise .65s var(--ease-premium) 80ms both}.stage.is-active .hero-word:last-child>span{animation-delay:.12s}.hero-slogan{letter-spacing:0;margin-bottom:-.12em;padding-bottom:.12em;font-size:.74em;overflow:hidden}.hero-letter,.hero-space{display:inline-block}.hero-space{width:.32em}.stage.is-active .hero-letter{animation:heroLetterRise 1.05s cubic-bezier(.22, .8, .25, 1) calc(.8s + var(--letter-index) * 45ms) both}@keyframes heroWordRise{0%{opacity:0;transform:translateY(115%)}to{opacity:1;transform:none}}@keyframes heroLetterRise{0%{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}@keyframes heroMakeRoom{0%{transform:translateX(var(--word-shift))}to{transform:translate(0)}}.project-reel-slot{letter-spacing:normal;flex:0 0 1.62em;width:1.62em;height:.91em;margin:0 .08em;display:inline-block;position:relative}.project-reel-ampersand{justify-content:center;align-items:center;font-size:.86em;display:flex;position:absolute;inset:0}.project-reel{letter-spacing:normal;background:#171717;border:.025em solid #171717;border-radius:.025em;position:absolute;inset:0;overflow:hidden;box-shadow:.035em .045em #1c171433}.stage.is-active .project-reel-ampersand{animation:heroWordRise .65s var(--ease-premium) .1s both, ampersandExit .3s cubic-bezier(.4, 0, .2, 1) 1.1s forwards}.stage.is-active .project-reel{animation:.65s cubic-bezier(.22,1,.36,1) 1.2s both reelFrameEnter}@keyframes ampersandExit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.18em)}}@keyframes reelFrameEnter{0%{opacity:0;transform:translateY(.05em)scaleX(.45)}to{opacity:1;transform:translateY(0)scaleX(1)}}.project-reel img,.project-reel-slide{width:100%;height:100%;display:block;position:absolute;inset:0}.project-reel img{object-fit:cover;object-position:top}.project-reel-slide{--slide-arrival:100%;animation:.72s cubic-bezier(.22,.8,.25,1) both projectReelSlide}.project-reel-slide[data-direction=left]{--slide-arrival:-100%}.project-reel-slide[data-initial=true]{animation:none}@keyframes projectReelSlide{0%{transform:translateX(var(--slide-arrival))}to{opacity:1;transform:none}}.stage .headphones{width:clamp(13rem,21vw,26rem);top:61%;left:-3%}.stage .sampler{width:clamp(17rem,25vw,30rem);top:61%;right:-3%}.stage .cutout{filter:drop-shadow(0 .75rem .65rem #2c201933)}.stage .wordmark{min-height:2.75rem}.stage .scroll-cue{min-height:2.75rem;bottom:max(.35rem, env(safe-area-inset-bottom));letter-spacing:.1em;padding:.35rem .5rem;font-size:clamp(.8rem,.9vw,1rem);font-weight:800}.stage .watch{bottom:3.5rem}@media (max-width:60rem){.stage .hero-copy{width:96%}.stage .hero-copy h1{font-size:8.55vw}.stage .headphones{width:36vw;top:62%;left:-12%}.stage .sampler{width:43vw;top:62%;right:-14%}}@media (max-width:42rem){.stage .hero-copy{width:96%;top:46%}.stage .hero-copy h1{letter-spacing:-.035em;font-size:8.45vw;line-height:1}.stage .scroll-cue{letter-spacing:.08em;font-size:.72rem}.stage .headphones{width:52vw;top:65%;left:-20%}.stage .sampler{width:62vw;top:65%;right:-26%}}.signal-thread{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.signal-thread path{fill:none;stroke:#382f2a42;stroke-width:.12rem;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:none}.stage.is-active .signal-thread path{animation:threadDraw 2.1s var(--ease-soft) .15s both}.cutout{--tilt-x:0deg;--tilt-y:0deg;--shift-x:0rem;--shift-y:0rem;--enter-x:0%;--enter-y:0%;--enter-r:0deg;--enter-rx:0deg;--enter-ry:0deg;--snap-x:0rem;--snap-y:0rem;--snap-r:0deg;--echo-x:0rem;--echo-y:0rem;--echo-r:0deg;--arrival-delay:0s;z-index:5;cursor:grab;pointer-events:auto;touch-action:pan-y;will-change:transform, opacity;filter:drop-shadow(0 1.125rem .85rem #0000008c);opacity:0;outline:none;margin:0;position:absolute}.stage.is-active .cutout{animation:paperOrbitDock .85s var(--ease-premium) var(--arrival-delay) both}.cutout img{-webkit-user-select:none;user-select:none;width:100%;height:auto;transform:perspective(53rem) translate3d(var(--shift-x), var(--shift-y), 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s var(--ease-premium), filter .35s ease;display:block}.cutout:hover img,.cutout:focus-visible img{filter:brightness(1.09)saturate(1.06);transform:perspective(53rem) translate3d(var(--shift-x), calc(var(--shift-y) - .35rem), 1.25rem) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.035)}.cutout:focus-visible{filter:drop-shadow(0 0 .25rem var(--paper)) drop-shadow(0 1.125rem .85rem #0000008c)}.cutout.is-grabbed{cursor:grabbing}.cutout.is-grabbed img{transform:perspective(53rem) translate3d(var(--shift-x), var(--shift-y), 1.75rem) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(.98)}.guitar{--enter-x:-110%;--enter-y:-75%;--enter-r:-42deg;--enter-rx:-18deg;--enter-ry:24deg;--snap-x:1.6rem;--snap-y:.65rem;--snap-r:4deg;--echo-x:-.62rem;--echo-y:-.26rem;--echo-r:-1.8deg;--arrival-delay:80ms;width:clamp(19rem,29vw,36rem);top:-8%;left:6%;rotate:-14deg}.keyboard{--enter-x:115%;--enter-y:-85%;--enter-r:44deg;--enter-rx:-16deg;--enter-ry:-22deg;--snap-x:-1.65rem;--snap-y:.7rem;--snap-r:-4deg;--echo-x:.65rem;--echo-y:-.28rem;--echo-r:1.8deg;--arrival-delay:.18s;width:clamp(23rem,35vw,43rem);top:-5%;right:1%;rotate:8deg}.headphones{--enter-x:-120%;--enter-y:25%;--enter-r:-38deg;--enter-rx:14deg;--enter-ry:20deg;--snap-x:1.85rem;--snap-y:-.35rem;--snap-r:4.5deg;--echo-x:-.7rem;--echo-y:.16rem;--echo-r:-2deg;--arrival-delay:.3s;width:clamp(18rem,25vw,31rem);top:42%;left:-1%;rotate:-5deg}.sampler{--enter-x:120%;--enter-y:26%;--enter-r:40deg;--enter-rx:16deg;--enter-ry:-22deg;--snap-x:-1.85rem;--snap-y:-.4rem;--snap-r:-4.5deg;--echo-x:.72rem;--echo-y:.18rem;--echo-r:2deg;--arrival-delay:.42s;width:clamp(21rem,29vw,36rem);top:48%;right:-2%;rotate:11deg}.watch{--enter-x:0%;--enter-y:135%;--enter-r:25deg;--enter-rx:22deg;--enter-ry:-8deg;--snap-y:-1.3rem;--snap-r:-3deg;--echo-y:.5rem;--echo-r:1.35deg;--arrival-delay:.54s;width:clamp(20rem,30vw,38rem);bottom:2%;left:34%;rotate:-10deg}.scroll-cue{z-index:13;font:700 .52rem/1 var(--mono);letter-spacing:.16em;opacity:0;align-items:center;gap:.7rem;display:flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.stage.is-active .scroll-cue{animation:.9s 1.8s both cueIn}.scroll-cue i{font-size:1.1rem;font-style:normal}.stage.is-active .scroll-cue i{animation:1.6s ease-in-out 2.5s infinite cueBounce}.about-page{z-index:30;isolation:isolate;color:#151515;background:#ebe7de url(/textures/paper-grid.png) 0 0/32rem 32rem;width:100%;height:100svh;min-height:100svh;position:relative;overflow:hidden}.about-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 76% 16%,#ffffffa8,#0000 35%),linear-gradient(105deg,#3457d50d,#0000 32%);position:absolute;inset:0}.motion-ready .about-page [data-reveal]{opacity:0}.motion-ready .about-page [data-reveal].is-visible{opacity:1}@keyframes gridExposure{0%{opacity:0;transform:scale(1.025)}48%{opacity:.65}to{opacity:1;transform:none}}@keyframes headerDrop{0%{opacity:0;transform:translateY(-1.75rem)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes threadDraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes paperOrbitDock{0%{opacity:0;transform:translate3d(calc(var(--enter-x) * .18), calc(var(--enter-y) * .18), 0) rotate(calc(var(--enter-r) * .3))}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes cueIn{0%{opacity:0;transform:translate(-50%,.9rem)}to{opacity:1;transform:translate(-50%)}}@keyframes cueBounce{0%,to{transform:translateY(-.15rem)}50%{transform:translateY(.35rem)}}.projects-page{--project-accent:#e05a3f;z-index:38;width:100%;min-height:100svh;padding:clamp(1rem, 2.2vw, 2.2rem) var(--page-gutter) clamp(3rem, 7vw, 7rem);color:#101211;isolation:isolate;transition:--project-accent .7s var(--ease-premium);background-color:#e9e2d4;background-image:linear-gradient(#1012110e .0625rem,#0000 .0625rem),linear-gradient(90deg,#1012110e .0625rem,#0000 .0625rem),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:2.75rem 2.75rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative;overflow:clip}.projects-page:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(120deg,#ffffffb8,#0000 28%),linear-gradient(#0000 82%,#0d0f0e0d);position:absolute;inset:0}.projects-page:after{z-index:0;content:"";background:var(--project-accent);transform-origin:100%;width:min(24rem,34vw);height:.46rem;transition:background-color .65s var(--ease-premium);position:absolute;top:0;right:0}.motion-ready .projects-page [data-project-reveal]{opacity:0}.motion-ready .projects-page [data-project-reveal].is-visible{opacity:1}.motion-ready .projects-page [data-project-reveal=intro].is-visible{animation:projectIntroSet .68s var(--ease-premium) 30ms both}@keyframes projectIntroSet{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-2rem)}to{opacity:1;clip-path:inset(0);transform:none}}@media (max-width:42rem){.projects-page{background-size:2rem 2rem;padding-left:1rem;padding-right:1rem}.projects-page:after{width:38vw}}@media (max-width:74rem){.hero-copy{width:min(25rem,38vw)}.about-page{height:auto;overflow:clip}}@media (max-width:60rem){.stage{min-height:100svh}.masthead{top:.85rem;left:.85rem;right:.85rem}.hero-copy{width:min(29rem,72vw)}.hero-copy h1{font-size:clamp(3.5rem,10.5vw,6rem)}.guitar{width:clamp(16rem,42vw,24rem);top:-3%;left:-2%}.keyboard{width:clamp(19rem,48vw,28rem);top:4%;right:-12%}.headphones{width:clamp(15rem,36vw,22rem);top:59%;left:-12%}.sampler{width:clamp(18rem,43vw,26rem);top:61%;right:-14%}.watch{width:clamp(18rem,48vw,27rem);bottom:3%;left:24%}}@media (max-width:42rem){:root{--page-gutter:1.1rem}.stage{min-height:100svh}.wordmark span{display:none}.wordmark b{font-size:1.2rem}.hero-copy{width:82%;top:48%}.hero-copy h1{font-size:clamp(3.2rem,14vw,4.75rem)}.guitar{width:58vw;top:1%;left:-9%}.keyboard{width:65vw;top:9%;right:-21%}.headphones{width:52vw;top:64%;left:-20%}.sampler{width:62vw;top:66%;right:-26%}.watch{width:66vw;bottom:5%;left:18%}.scroll-cue{font-size:.45rem;bottom:.8rem}}@media (max-width:25rem){.hero-copy h1{font-size:3rem}}.ascii-footer{z-index:3;min-height:max(48rem,100svh);margin:0 calc(var(--page-gutter) * -1);padding:clamp(2rem, 3.5vw, 4rem) var(--page-gutter) clamp(1.5rem, 2.8vw, 3rem);color:#efede7;isolation:isolate;background-color:#080a09;background-image:linear-gradient(#ece6d90b .0625rem,#0000 .0625rem),linear-gradient(90deg,#ece6d90b .0625rem,#0000 .0625rem),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:2.8rem 2.8rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}.ascii-footer:before{z-index:0;content:"";pointer-events:none;border:.0625rem solid #efede721;position:absolute;inset:clamp(1rem,1.4vw,1.5rem)}@media (max-width:42rem){.ascii-footer{min-height:max(48rem,100svh);margin-left:-1rem;margin-right:-1rem;padding:1.6rem 1rem 1.25rem}.ascii-footer:before{inset:.55rem}}@media (prefers-reduced-motion:reduce){.landing-cloud-track{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.motion-ready .about-page [data-reveal]{opacity:1;filter:none;transform:none}.motion-ready .projects-page [data-project-reveal]{opacity:1;clip-path:none;filter:none;transform:none}}.landing[data-initial-section]:not([data-route-ready])>.stage,.landing[data-initial-section=projects]:not([data-route-ready])>.about-page,.landing[data-initial-section=services]:not([data-route-ready])>:is(.about-page,.projects-page){display:none}html[data-work-return=true] .landing[data-initial-section=projects]:not([data-route-ready]){visibility:hidden;transform:translateY(calc(-1 * var(--work-return-offset,0rem)))}html[data-work-return-position=true] .landing[data-initial-section=projects]:not([data-route-ready]){visibility:visible}.landing[data-initial-section=projects]:not([data-route-ready])>.brand-marquee,.landing[data-initial-section=services]:not([data-route-ready])>.brand-marquee,.landing[data-initial-section=contact]:not([data-route-ready])>:is(.stage,.about-page,.brand-marquee,.projects-page,.services-page){display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.portfolio-grain{z-index:100;pointer-events:none;clip-path:inset(var(--grain-start,0px) 0 0);contain:strict;position:fixed;inset:0;overflow:hidden}body:has(.landing:not([data-initial-section])) .portfolio-grain{--grain-start:100vh}.portfolio-grain>div{opacity:.3;will-change:transform;background:url(/textures/live-grain.png);animation:.5s steps(6,end) infinite portfolioGrain;position:absolute;inset:-20%}.portfolio-grain[data-active=false]>div{animation-play-state:paused}@keyframes portfolioGrain{0%,to{transform:translate(0)}17%{transform:translate(-4%,-6%)}33%{transform:translate(3%,-8%)}50%{transform:translate(7%,5%)}67%{transform:translate(5%,3%)}83%{transform:translate(-1%,4%)}}@media (prefers-reduced-motion:reduce){.portfolio-grain>div{will-change:auto;animation:none}}