html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}*,body,html{cursor:none!important}.custom-cursor{background:#111;height:20px;transition:transform .1s ease;width:20px;z-index:9999}.cursor-trail{border:2px solid #111;height:40px;transition:transform .3s ease;width:40px;z-index:9998}body,html{height:100%;min-height:100vh}body{background-color:#f5f5f0;margin:0;overflow-x:hidden;padding:0}::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background-color:initial;border:none;box-shadow:none;margin:0}::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{background-color:initial;height:5px;width:5px}::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#000;border:none;border-radius:0;box-shadow:none}::-webkit-scrollbar-track-piece,body::-webkit-scrollbar-track-piece,html::-webkit-scrollbar-track-piece{background-color:initial;border:none;margin:0}::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner{background-color:initial}::-webkit-scrollbar-button,body::-webkit-scrollbar-button,html::-webkit-scrollbar-button{display:none;height:0;width:0}body,html{scrollbar-color:#000 #0000;scrollbar-gutter:auto;scrollbar-width:thin}.about,.contact,.hero,.main-projects,.mini-projects{background-color:#f5f5f0}#smooth-wrapper{height:100%;min-height:100vh}#smooth-content{height:auto;min-height:100vh}.loader{align-items:center;background-color:#000;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loader-percentage,.percentage{color:#fff;font-family:Arial,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:700;text-align:center}.loading-bar-container{background-color:#fff3;border-radius:2px;height:4px;overflow:hidden;position:relative;width:300px}.loading-bar-background{background-color:#ffffff1a;border-radius:2px;height:100%;width:100%}.loading-bar-fill{background:linear-gradient(90deg,#fff,#ccc);border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease;width:0}.hero{min-height:100vh;position:relative;width:100vw}.hero,.video-container{box-sizing:border-box;height:100vh;overflow:hidden}.video-container{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);left:clamp(12px,2.5vw,32px);position:absolute;right:clamp(12px,2.5vw,32px);top:0;width:calc(100vw - clamp(24px, 5vw, 64px));will-change:transform,width,height,top,left,clip-path;z-index:1}.video-container video{box-sizing:border-box;height:100%;max-width:100%;object-fit:cover;width:100%}.content-text{background-color:#f5f5f0;bottom:0;box-sizing:border-box;display:grid;height:auto;left:0;max-height:35vh;min-height:35vh;padding:24px 20px clamp(12px,2.5vw,32px);place-items:center;position:absolute;text-align:center;transform:translateY(100%);width:100vw;will-change:transform;z-index:2}.text-content{justify-content:center;padding:0}.text-content,.text-group{align-items:center;box-sizing:border-box;display:flex;width:100%}.text-group{flex-direction:column;gap:24px;max-width:90vw;padding:16px}@font-face{font-display:swap;font-family:Nohemi;font-stretch:75% 125%;font-style:normal;font-weight:100 900;src:url(/static/media/Nohemi-VF.1acab80d3794c07161ff.ttf) format("truetype-variations")}:root{--font-heading:"Nohemi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--letter-spacing-wider:0.05em;--line-height-tight:1.1;--line-height-normal:1.4;--line-height-relaxed:1.6;--line-height-loose:1.8;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--text-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--text-3xl:clamp(1.875rem,1.6rem + 1.375vw,2.5rem);--text-4xl:clamp(2.25rem,1.9rem + 1.75vw,3rem);--text-5xl:clamp(3rem,2.5rem + 2.5vw,4rem);--text-6xl:clamp(3.75rem,3rem + 3.75vw,5rem);--text-7xl:clamp(4.5rem,3.5rem + 5vw,6rem);--text-8xl:clamp(6rem,4.5rem + 7.5vw,8rem);--color-text-primary:#111;--color-text-secondary:#666;--color-text-muted:#999;--color-background:#f5f5f0;--color-white:#fff;--color-black:#000}.heading-1{font-size:clamp(3.75rem,3rem + 3.75vw,5rem);font-size:var(--text-6xl);font-weight:800;font-weight:var(--font-weight-extrabold)}.heading-1,.heading-2{color:#111;color:var(--color-text-primary);font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight);line-height:1.1;line-height:var(--line-height-tight)}.heading-2{font-size:clamp(3rem,2.5rem + 2.5vw,4rem);font-size:var(--text-5xl);font-weight:700;font-weight:var(--font-weight-bold)}.heading-3{font-size:clamp(2.25rem,1.9rem + 1.75vw,3rem);font-size:var(--text-4xl);font-weight:700;font-weight:var(--font-weight-bold)}.heading-3,.heading-4{color:#111;color:var(--color-text-primary);font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);letter-spacing:0;letter-spacing:var(--letter-spacing-normal);line-height:1.4;line-height:var(--line-height-normal)}.heading-4{font-size:clamp(1.875rem,1.6rem + 1.375vw,2.5rem);font-size:var(--text-3xl);font-weight:600;font-weight:var(--font-weight-semibold)}.heading-5{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-weight-semibold)}.heading-5,.heading-6{color:#111;color:var(--color-text-primary);font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);letter-spacing:0;letter-spacing:var(--letter-spacing-normal);line-height:1.4;line-height:var(--line-height-normal)}.heading-6{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-size:var(--text-xl);font-weight:500!important;font-weight:var(--font-weight-medium)!important}.body-large{font-size:clamp(1.125rem,1rem + .625vw,1.25rem);font-size:var(--text-lg);line-height:1.2}.body-base,.body-large{color:#111;color:var(--color-text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-weight:400;font-weight:var(--font-weight-normal);letter-spacing:0;letter-spacing:var(--letter-spacing-normal)}.body-base{font-size:clamp(1rem,.9rem + .5vw,1.125rem);font-size:var(--text-base);line-height:1.6;line-height:var(--line-height-relaxed)}.body-small{color:#666;color:var(--color-text-secondary);font-size:clamp(.875rem,.8rem + .375vw,1rem);font-size:var(--text-sm);letter-spacing:0;letter-spacing:var(--letter-spacing-normal)}.body-small,.caption{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.4;line-height:var(--line-height-normal)}.caption{color:#999;color:var(--color-text-muted);font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-size:var(--text-xs);letter-spacing:.02em;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;.hero-name{color:#111!important;font-family:Nohemi,sans-serif!important;font-size:clamp(6rem,4.5rem + 7.5vw,8rem)!important;font-weight:500!important;letter-spacing:-.02em!important;line-height:1.1!important}}.text-title{color:#000;font-family:var(--font-family);font-size:clamp(3rem,12vw,12rem);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.02em;letter-spacing:var(--letter-spacing-wide);line-height:1.1;line-height:var(--line-height-tight);margin:0;text-align:center;white-space:nowrap}.text-body-left{letter-spacing:0;letter-spacing:var(--letter-spacing-normal);text-align:left}.text-body-left,.text-body-right{color:#000;font-family:var(--font-family);font-size:clamp(1rem,3vw,1.4rem);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.4;line-height:var(--line-height-normal);margin:0;white-space:nowrap;width:100%}.text-body-right{letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight);text-align:right}.custom-cursor{background-color:#000;border-radius:50%;height:clamp(6px,.5vw,8px);width:clamp(6px,.5vw,8px);z-index:10000!important}.cursor-trail,.custom-cursor{filter:invert(1);mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.cursor-trail{background-color:initial;border:1px solid #000;border-radius:50%;height:clamp(40px,4vw,60px);transition:all .2s ease-out;width:clamp(40px,4vw,60px);z-index:9999!important}.main-projects.dark-mode~.cursor-trail,.main-projects.dark-mode~.custom-cursor,body:has(.main-projects.dark-mode) .cursor-trail,body:has(.main-projects.dark-mode) .custom-cursor{display:block!important;opacity:1!important;visibility:visible!important;z-index:10000!important}.cursor-trail,.custom-cursor{display:block!important;opacity:1!important;visibility:visible!important;z-index:10000!important}body:has(.main-projects.dark-mode) .cursor-trail{background-color:initial!important;border-color:#fff!important;filter:none!important;mix-blend-mode:normal!important}body:has(.main-projects.dark-mode) .custom-cursor{background-color:#fff!important;filter:none!important;mix-blend-mode:normal!important}body:has(.main-projects.dark-mode) .cursor-label{background:#fff!important;color:#000!important}body:has(.main-projects.dark-mode) .cursor-trail.magnetic-rectangle,body:has(.main-projects.dark-mode) .cursor-trail.magnetic-square{border-color:#fff!important;filter:none!important}.cursor-trail.magnetic-rectangle{height:340px;width:520px}.cursor-trail.magnetic-rectangle,.cursor-trail.magnetic-square{border-radius:0;border-width:2px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.cursor-trail.magnetic-square{height:285px;width:220px}.cursor-trail.magnetic-audio-button{width:60px}.cursor-trail.magnetic-audio-button,.cursor-trail.magnetic-audio-button-rect{border-radius:0;border-width:2px;height:60px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.cursor-trail.magnetic-audio-button-rect{width:140px}.cursor-trail.about-rect{border-radius:0;border-width:2px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.cursor-label{background:#000;border-radius:0;color:#fff;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:12px;left:0;line-height:1;opacity:0;padding:6px 10px;pointer-events:none;position:fixed;top:0;transform:translate(-50%,calc(-100% - 10px));transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:10000}.cursor-label.visible{opacity:1}@media (max-width:768px){.cursor-trail.magnetic-rectangle{height:clamp(200px,25vh,280px);width:clamp(220px,70vw,320px)}.cursor-trail.magnetic-square{height:clamp(200px,25vh,280px);width:clamp(180px,50vw,220px)}}@media (max-width:1024px){.content-text{padding:20px 18px clamp(12px,2.5vw,32px)}}@media (max-width:768px){.content-text{padding:10px clamp(12px,2.5vw,32px) 10px 10px}.text-group{gap:20px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.text-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.mini-projects-viewport-container{border:none;box-shadow:none}.about{background:#f5f5f0;min-height:100vh;overflow:visible;position:relative}.about,.about-inner{box-sizing:border-box}.about-inner{display:flex;flex-direction:column;height:auto;justify-content:space-between;margin-left:clamp(12px,2.5vw,32px);margin-right:clamp(12px,2.5vw,32px);min-height:80vh;width:calc(100vw - clamp(24px, 5vw, 64px));will-change:transform}.about-header{box-sizing:border-box;display:grid;justify-items:end;width:100%}.about-kicker{box-sizing:border-box;color:#333;font-size:clamp(12px,1.8vw,16px);margin-bottom:clamp(12px,2vw,16px)}.about-title{grid-gap:0;box-sizing:border-box;display:grid;gap:0;text-align:right}.about-title-line{font-size:clamp(44px,8.5vw,100px);transform:translateX(0)}.about-title-line,.about-title-line .about-label{-webkit-text-stroke:2px #111;box-sizing:border-box;color:#0000}.about-title-line .about-label{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(#111,#111);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0;position:relative;transition:background-size .3s ease-out}.about-title-line:hover .about-label{background-size:100% 100%}.about-title-line .arrow,.arrow-close-widget{align-items:flex-end;align-self:flex-end;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:clamp(35px,3.5vw,50px)!important;justify-content:center;line-height:0;margin:0!important;padding:0!important;position:relative;width:clamp(41px,4.1vw,58px)!important}.arrow-close-base{align-items:flex-end;display:flex;justify-content:center;left:0;position:absolute;top:0;transform-origin:center center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;z-index:1}.arrow-close-base,.arrow-close-base .arrow-svg-stroke{box-sizing:border-box;height:100%;margin:0;padding:0;width:100%}.arrow-close-base .arrow-svg-stroke{display:block}.arrow-close-base .arrow-svg-stroke path{fill:none;stroke:#111;stroke-width:2}.arrow-close-fill-clip{align-items:flex-end;bottom:0;box-sizing:border-box;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);display:flex;justify-content:center;left:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out,-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out,transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;transition:clip-path .3s ease-out,transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out,-webkit-clip-path .3s ease-out;z-index:2}.arrow-close-fill-clip .arrow-svg-fill{box-sizing:border-box;display:block;flex-shrink:0;height:100%;margin:0;padding:0;width:100%}.arrow-close-fill-clip .arrow-svg-fill-path{fill:#111}.arrow-close-close-clip{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);display:block;opacity:0;overflow:hidden;pointer-events:none;z-index:3}.arrow-close-close-base,.arrow-close-close-clip{box-sizing:border-box;height:100%;left:0;position:absolute;top:0;width:100%}.arrow-close-close-base{align-items:flex-end;display:flex;justify-content:center;transform-origin:center center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;z-index:1}.arrow-close-close-base .arrow-close-close{box-sizing:border-box;display:block;height:100%;margin:0;padding:0;width:100%}.arrow-close-close-base .arrow-close-close-path{fill:none;stroke:#111;stroke-width:2}.arrow-close-close-fill-clip{align-items:flex-end;bottom:0;box-sizing:border-box;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);display:flex;justify-content:center;left:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center center;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out;z-index:2}.arrow-close-close-fill-clip .arrow-close-close-fill{box-sizing:border-box;display:block;height:100%;margin:0;padding:0;width:100%}.arrow-close-close-fill-clip .arrow-close-close-fill-path{fill:#111}.about-title-line:hover .arrow-close-fill-clip,.about-title-line:hover .arrow-close-widget .arrow-close-fill-clip{-webkit-clip-path:inset(0 0 0 0)!important;clip-path:inset(0 0 0 0)!important}.about-title-line:hover:not(.active) .arrow-close-widget .arrow-close-fill-clip{-webkit-clip-path:inset(0 0 0 0)!important;clip-path:inset(0 0 0 0)!important;opacity:1!important}.about-title-line.active .arrow-close-base,.about-title-line.active .arrow-close-fill-clip{opacity:0;transform:rotate(-90deg) scale(.8);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out}.about-title-line.active .arrow-close-close-clip{opacity:1;transition:opacity .3s ease-out .1s}.about-title-line.active .arrow-close-close-base{opacity:0;transform:rotate(0deg) scale(1);transition:transform .4s cubic-bezier(.4,0,.2,1) .1s,opacity .3s ease-out .1s}.arrow-close-close-base{opacity:0;transform:rotate(90deg) scale(.8)}.about-title-line.active .arrow-close-close-fill-clip{-webkit-clip-path:inset(0 0 0 0)!important;clip-path:inset(0 0 0 0)!important;opacity:1;transform:rotate(0deg) scale(1);transition:transform .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-clip-path 0s ease-out .1s;transition:transform .4s cubic-bezier(.4,0,.2,1) .1s,clip-path 0s ease-out .1s;transition:transform .4s cubic-bezier(.4,0,.2,1) .1s,clip-path 0s ease-out .1s,-webkit-clip-path 0s ease-out .1s}.arrow-close-close-fill-clip{transform:rotate(90deg) scale(.8)}.about-title-line .icon-base{height:100%;position:relative;width:100%}.about-title-line .fill-clip,.about-title-line .icon-base{align-items:center;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.about-title-line .fill-clip{bottom:0;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);left:0;pointer-events:none;position:absolute;right:0;top:0;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out}.about-title-line .icon-fill{align-items:center;color:#111;display:flex;height:100%;justify-content:center;width:100%}.about-title-line .morphing-icon{bottom:0;display:block;height:clamp(35px,3.5vw,50px)!important;overflow:visible!important;position:absolute;right:0;width:clamp(41px,4.1vw,58px)!important}.about-title-line .morphing-icon svg{display:block!important;height:100%!important;overflow:visible!important;position:static!important;transform:none!important;width:100%!important}.about-title-line .morphing-icon .arrow-path,.about-title-line .morphing-icon .close-path{transition:opacity .3s ease,transform .3s ease}.about-title-line:hover .category-svg .svg-fill{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.about-title-line:hover .category-svg img.svg-fill{opacity:1}.about-title-line.active .category-svg .svg-fill,.about-title-line:hover .fill-clip{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.about-title-line.active .category-svg img.svg-fill{opacity:1}.about-title-line.active .fill-clip{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.about-grid{grid-gap:clamp(16px,4vw,48px);box-sizing:border-box;display:grid;gap:clamp(16px,4vw,48px);grid-template-columns:1fr 1fr;margin-left:0;margin-right:0;margin-top:auto;max-width:100%;padding:clamp(24px,4vw,48px) 0;width:100%;will-change:transform}.about-col-left,.about-col-right{word-wrap:break-word;box-sizing:border-box;color:#111;font-size:clamp(14px,1.8vw,18px);-webkit-hyphens:auto;hyphens:auto;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding-bottom:clamp(8px,1.5vw,16px);padding-top:clamp(8px,1.5vw,16px)}.about-strong{box-sizing:border-box;font-weight:700}.about-caption{box-sizing:border-box;color:#444;font-style:italic}.category-svg{align-items:flex-end;align-self:flex-end;display:flex;height:clamp(40px,8vw,80px);justify-content:flex-end;max-height:clamp(40px,8vw,80px)}.category-svg,.category-svg svg{box-sizing:border-box;width:auto}.category-svg svg{display:block;height:100%}.category-svg .svg-stroke{fill:none;stroke:#111;stroke-width:2;box-sizing:border-box}.category-svg .svg-fill{fill:#111;box-sizing:border-box;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out;will-change:clip-path}body.debug-mode{position:relative}body.debug-mode:after,body.debug-mode:before{content:"";pointer-events:none;position:fixed;z-index:9999}body.debug-mode:before{left:clamp(12px,2.5vw,32px)}body.debug-mode:after,body.debug-mode:before{background-color:red;bottom:0;top:0;width:1px}body.debug-mode:after{right:clamp(12px,2.5vw,32px)}.category-svg img{box-sizing:border-box;display:block;height:100%;object-fit:contain;object-position:bottom;transition:filter .05s ease;width:auto}.category-svg{position:relative}.category-svg img.svg-stroke{opacity:1;position:absolute;transition:opacity .3s ease-out;z-index:1}.category-svg img.svg-fill{opacity:0;position:absolute;transition:opacity .3s ease-out;z-index:2}.about-title-line{align-items:flex-end;cursor:pointer;display:flex;font-size:clamp(40px,9vw,100px);font-weight:800;gap:clamp(10px,2vw,20px);height:auto;justify-content:flex-end;letter-spacing:2px;margin:0 0 0 auto;padding:0;position:relative;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.about-detail{height:0;margin:0;opacity:0;overflow:hidden;position:relative;transform:translateY(0);will-change:opacity,height}.about-detail,.detail-content{box-sizing:border-box;padding:0;width:100%}.detail-content{grid-gap:clamp(16px,2vw,32px);align-items:stretch;display:grid;gap:clamp(16px,2vw,32px);grid-template-columns:auto 1fr;height:100%;margin-top:clamp(32px,4vw,64px)}.detail-left{aspect-ratio:1/1;background-color:#000;border-radius:0;flex-shrink:0;max-width:clamp(240px,30vw,340px);padding:clamp(16px,3vw,24px);width:auto}.detail-icon,.detail-left{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center}.detail-icon{width:100%}.detail-icon .category-svg{box-sizing:border-box;height:70%;max-height:none;width:70%}.detail-icon .category-svg svg{box-sizing:border-box;height:100%;width:100%}.detail-icon .category-svg .svg-stroke{stroke:#fff;box-sizing:border-box}.detail-icon .category-svg .svg-fill{fill:#fff;box-sizing:border-box;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.detail-right{box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(12px,2vw,24px);height:100%;justify-content:flex-start;min-width:0;width:100%}.detail-title{font-size:clamp(24px,4vw,48px);font-weight:800}.detail-body,.detail-title{box-sizing:border-box;color:#111;margin:0}.detail-body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:clamp(12px,1.5vw,16px);line-height:1.6}.detail-body p{margin:0 0 clamp(16px,2.5vw,24px)}.detail-body p:last-child{margin-bottom:0}.detail-body strong{font-weight:700}.detail-body u{text-decoration:underline}@media (max-width:900px){.about-grid{grid-template-columns:1fr}.about-header{justify-items:start}.about-title{text-align:left}.about-title-line{justify-content:flex-start}.detail-content{gap:clamp(16px,3vw,32px);grid-template-columns:1fr}.detail-left{aspect-ratio:1/1;height:auto;margin:0 auto;width:clamp(220px,45vw,300px)}.detail-right{height:auto}}.main-projects{background-color:#f5f5f0;box-sizing:border-box;height:100vh;overflow:hidden;position:relative;transition:background-color .3s ease;width:100vw}.main-projects.dark-mode{background-color:#111;transition:background-color .3s ease}.main-projects.dark-mode .main-projects-title,.main-projects.dark-mode .project-title,.main-projects.dark-mode .work-summary-list li,.main-projects.dark-mode .work-summary-title{color:#fff}.main-projects.dark-mode .project-subtitle{color:#ccc}.main-projects.dark-mode .project-arrow-base .project-arrow-svg-stroke path{stroke:#fff}.main-projects.dark-mode .project-arrow-fill-clip .project-arrow-svg-fill-path{fill:#fff}.light-rays-wrapper{z-index:1}.aurora-wrapper,.light-rays-wrapper{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.aurora-wrapper{opacity:0;overflow:hidden;transition:opacity .4s ease;z-index:0}.aurora-wrapper.aurora-staggered{animation:auroraFadeIn .6s ease-out forwards;opacity:1}@keyframes auroraFadeIn{0%{opacity:0}to{opacity:1}}.mini-projects-viewport-container.dark-mode{background-color:#000!important;transition:background-color .4s ease}.mini-projects-viewport-container.dark-mode .mini-project-title{color:#fff}.mini-projects-viewport-container.dark-mode .mini-project-subtitle{color:#ccc}.mini-projects-viewport-container.dark-mode .mini-project-body{color:#e0e0e0}.main-projects-header{box-sizing:border-box;left:clamp(12px,2.5vw,32px);position:absolute;top:40px;z-index:10}.main-projects-title{box-sizing:border-box;color:#111;color:var(--color-text-primary);font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:clamp(3.75rem,3rem + 3.75vw,5rem);font-size:var(--text-6xl);font-weight:500!important;font-weight:var(--font-weight-medium)!important;letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight);line-height:1.1;line-height:var(--line-height-tight);margin:0}.work-summary{grid-gap:clamp(24px,4vw,48px);box-sizing:border-box;display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:1fr 1fr;left:clamp(12px,2.5vw,32px);opacity:0;padding:0;pointer-events:none;position:absolute;right:clamp(12px,2.5vw,32px);top:clamp(140px,18vh,200px);transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;width:auto;z-index:5}.work-summary.visible{opacity:1;transform:translateY(0)}.work-summary-col{word-wrap:break-word;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow-wrap:break-word;pointer-events:auto}.work-summary-title{box-sizing:border-box;color:#111;color:var(--color-text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:clamp(.875rem,.8rem + .375vw,1rem);font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:0;letter-spacing:var(--letter-spacing-normal);line-height:1.4;line-height:var(--line-height-normal);margin:0 0 clamp(8px,1.5vw,12px);text-transform:uppercase}.work-summary-list{box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(6px,1vw,10px);list-style:none;margin:0;padding:0}.work-summary-list li{word-wrap:break-word;box-sizing:border-box;color:#111;color:var(--color-text-primary);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:clamp(.875rem,.8rem + .375vw,1rem);font-size:var(--text-sm);font-weight:400;font-weight:var(--font-weight-normal);-webkit-hyphens:auto;hyphens:auto;line-height:1.4;line-height:var(--line-height-normal);max-width:100%;overflow-wrap:break-word;padding-left:clamp(16px,2.5vw,20px);position:relative}.work-summary-list li:before{color:#111;color:var(--color-text-primary);content:"—";font-weight:500;font-weight:var(--font-weight-medium);left:0;position:absolute}.projects-container{align-items:flex-end;display:flex;height:100%;justify-content:center}.projects-container,.projects-track{box-sizing:border-box;overflow:hidden;position:relative;width:100%}.projects-track{padding:40px 0}.projects-wrapper{align-items:center;box-sizing:border-box;display:flex;gap:50px;margin:0 auto;padding:10px;width:-webkit-max-content;width:max-content;will-change:transform}.project-card{box-sizing:border-box;cursor:pointer;opacity:1;padding:0;pointer-events:auto;position:relative;transform:translateY(0) scale(1);transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;z-index:10}.project-card,.project-card-link{align-items:flex-start;color:inherit;display:flex;flex-direction:column;text-decoration:none}.project-card-link{height:100%;width:100%}.project-tooltip{animation:tooltipFadeIn .2s ease forwards;background-color:#000000e6;border-radius:4px;bottom:-40px;color:#fff;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:14px;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.project-tooltip:after{border-bottom:5px solid #000000e6;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:-5px;transform:translateX(-50%);width:0}.main-projects:not(.dark-mode) .project-card:hover{transform:translateY(-5px) scale(1)}.project-card.hovered{opacity:1;pointer-events:auto;transform:translateY(0) scale(1.02);z-index:15}.main-projects.dark-mode .projects-container .projects-track .projects-wrapper .project-card.blue-project:not(.hovered):not(.scrolling):not(.centered),.main-projects.dark-mode .projects-container .projects-track .projects-wrapper .project-card.green-project:not(.hovered):not(.scrolling):not(.centered),.main-projects.dark-mode .projects-container .projects-track .projects-wrapper .project-card.red-project:not(.hovered):not(.scrolling):not(.centered),.main-projects.dark-mode .projects-container .projects-track .projects-wrapper .project-card:not(.hovered):not(.scrolling):not(.centered){opacity:0!important;pointer-events:none!important;transform:translateY(20px) scale(.95)!important;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)!important;will-change:transform,opacity}.project-card.scrolling{pointer-events:none!important;transform:translateY(0) scale(1)!important;transition:transform .15s ease,opacity .15s ease!important}.project-card.centered{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition:none!important}.projects-wrapper:has(.project-card.centered) .project-card:not(.centered):not(.scrolling){opacity:.3!important;pointer-events:none!important;transform:translateY(0) scale(1)!important;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)!important}.main-projects .projects-container .projects-track .projects-wrapper:has(.project-card.centered) .project-card.centered,.main-projects.dark-mode .projects-container .projects-track .projects-wrapper:has(.project-card.centered) .project-card.centered,.projects-wrapper:has(.project-card.centered) .project-card.centered{pointer-events:auto!important}.main-projects .projects-container .projects-track .projects-wrapper:has(.project-card.centered) .project-card:not(.centered),.main-projects.dark-mode .projects-container .projects-track .projects-wrapper:has(.project-card.centered) .project-card:not(.centered),.projects-wrapper:has(.project-card.centered) .project-card:not(.centered),.projects-wrapper:has(.project-card.centered) .project-card:not(.centered):not(.scrolling){pointer-events:none!important}.project-rectangle{box-sizing:border-box;height:250px;margin-bottom:0;width:500px}.red-project .project-rectangle{background-color:initial;overflow:hidden;position:relative;transform:translateZ(0);will-change:contents}.red-project .project-rectangle .project-thumbnail{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block;height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;transform:translateZ(0);width:100%}.red-project .project-rectangle .project-thumbnail-base{opacity:1;transition:opacity .2s ease-out;z-index:1}.red-project .project-rectangle .project-thumbnail-hover{opacity:0;transition:opacity .2s ease-out;z-index:2}.red-project.hovered .project-rectangle .project-thumbnail-base{opacity:0!important}.red-project.hovered .project-rectangle .project-thumbnail-hover{opacity:1!important}.green-project .project-rectangle{background-color:#0f0}.blue-project .project-rectangle{background-color:#00f}.project-info{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;margin-left:4px;margin-top:8px;max-width:500px;padding-right:clamp(50px,5vw,70px);position:relative;text-align:left}.project-title-wrapper{display:block}.project-title{box-sizing:border-box;color:#111;font-size:16px;font-weight:600;line-height:1;margin:0}.project-arrow{bottom:0;line-height:0;margin:0!important;padding:0!important;right:0;width:clamp(50px,5vw,70px)!important}.project-arrow,.project-arrow-base{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;position:absolute;top:0}.project-arrow-base{left:0;width:100%;z-index:1}.project-arrow-base .project-arrow-svg-stroke{box-sizing:border-box;display:block;height:auto!important;margin:0;max-width:100%;padding:0;width:90%!important}.project-arrow-base .project-arrow-svg-stroke path{fill:none;stroke:#111;stroke-width:2}.project-arrow-fill-clip{align-items:center;bottom:0;box-sizing:border-box;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);display:flex;justify-content:center;left:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center center;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out;z-index:2}.project-arrow-fill-clip .project-arrow-svg-fill{box-sizing:border-box;display:block;flex-shrink:0;height:auto!important;margin:0;max-width:100%;padding:0;width:90%!important}.project-arrow-fill-clip .project-arrow-svg-fill-path{fill:#111}.project-card-link:active .project-arrow-fill-clip,.project-card-link:hover .project-arrow-fill-clip,.project-card:active .project-arrow-fill-clip,.project-card:hover .project-arrow-fill-clip{-webkit-clip-path:inset(0 0 0 0)!important;clip-path:inset(0 0 0 0)!important}.project-subtitle{box-sizing:border-box;color:#555;font-size:14px;font-weight:400;line-height:1.4;margin:0}@media (max-width:900px){.work-summary{gap:clamp(20px,4vw,32px)}}@media (max-width:768px){.main-projects-title{font-size:clamp(2.25rem,1.9rem + 1.75vw,3rem);font-size:var(--text-4xl)}.work-summary{gap:clamp(16px,3vw,24px);grid-template-columns:1fr;top:clamp(120px,16vh,180px);width:auto}.work-summary-title{font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-size:var(--text-xs);margin-bottom:clamp(6px,1.5vw,10px)}.work-summary-list{gap:clamp(4px,1vw,8px)}.work-summary-list li{font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-size:var(--text-xs);padding-left:clamp(14px,2vw,18px)}.projects-track{gap:clamp(20px,5vw,40px)}.project-rectangle{height:clamp(150px,18vh,250px);width:clamp(200px,60vw,300px)}.project-info{margin-top:4px}.project-title{font-size:14px;font-weight:500}.project-subtitle{font-size:12px}.project-hover-content{flex-direction:column;gap:clamp(15px,3vh,25px)}.hover-text-box{width:clamp(180px,70vw,250px)}.hover-box-1,.hover-box-2{transform:translateY(0)}}.mini-projects{background-color:#f5f5f0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding-bottom:0;position:relative;width:100vw}.mini-projects-header{box-sizing:border-box;flex-shrink:0;height:auto;padding:40px clamp(12px,2.5vw,32px);width:100%;z-index:10}.mini-projects-title{box-sizing:border-box;color:#111;color:var(--color-text-primary);font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:clamp(3.75rem,3rem + 3.75vw,5rem);font-size:var(--text-6xl);font-weight:500!important;font-weight:var(--font-weight-medium)!important;letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight);line-height:1.1;line-height:var(--line-height-tight);margin:0}.mini-projects-title-second-line{display:inline-block;transition:transform .3s ease}.mini-projects-container{align-items:flex-end;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;position:relative;width:100%}.mini-projects-viewport-container{background:#0000!important;bottom:clamp(12px,2.5vw,32px);box-sizing:border-box;height:70vh;left:clamp(12px,2.5vw,32px);margin:0;overflow:visible;pointer-events:none;position:absolute;right:clamp(12px,2.5vw,32px);transition:background-color .4s ease;width:auto;z-index:1}.mini-projects-track{justify-content:flex-start;overflow:visible;position:relative;transform:translateY(-30px);width:100%}.mini-projects-track,.mini-projects-wrapper{align-items:center;box-sizing:border-box;display:flex;height:100%}.mini-projects-wrapper{gap:40px;padding:0 100px}.mini-project-card{align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;opacity:1;padding:10px;pointer-events:auto;position:relative;text-decoration:none;transform:translateY(0) scale(1);transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;z-index:100}.mini-projects:not(.dark-mode) .mini-project-card:hover{transform:translateY(-5px) scale(1)}.mini-project-card.hovered{opacity:1;pointer-events:auto;transform:translateY(0) scale(1.02);z-index:15}.mini-project-card.scrolling{pointer-events:none!important;transform:translateY(0) scale(1)!important;transition:transform .15s ease,opacity .15s ease!important}.mini-project-card.centered{opacity:1!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition:none!important}.mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card:not(.centered):not(.scrolling){opacity:.3!important;pointer-events:none!important;transform:translateY(0) scale(1)!important;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)!important}.mini-projects-container .mini-projects-track .mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card.centered,.mini-projects-viewport-container.dark-mode .mini-projects-track .mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card.centered,.mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card.centered{pointer-events:auto!important}.mini-projects-container .mini-projects-track .mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card:not(.centered),.mini-projects-viewport-container.dark-mode .mini-projects-track .mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card:not(.centered),.mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card:not(.centered),.mini-projects-wrapper:has(.mini-project-card.centered) .mini-project-card:not(.centered):not(.scrolling){pointer-events:none!important}.mini-projects-viewport-container.dark-mode .mini-projects-track .mini-projects-wrapper .mini-project-card.orange-project:not(.hovered):not(.scrolling):not(.centered),.mini-projects-viewport-container.dark-mode .mini-projects-track .mini-projects-wrapper .mini-project-card.purple-project:not(.hovered):not(.scrolling):not(.centered),.mini-projects-viewport-container.dark-mode .mini-projects-track .mini-projects-wrapper .mini-project-card.teal-project:not(.hovered):not(.scrolling):not(.centered),.mini-projects-viewport-container.dark-mode .mini-projects-track .mini-projects-wrapper .mini-project-card.yellow-project:not(.hovered):not(.scrolling):not(.centered),.mini-projects-viewport-container.dark-mode .mini-projects-track .mini-projects-wrapper .mini-project-card:not(.hovered):not(.scrolling):not(.centered){opacity:0!important;pointer-events:none!important;transform:translateY(20px) scale(.95)!important;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)!important;will-change:transform,opacity}.mini-project-rectangle{align-items:center;box-sizing:border-box;display:flex;height:200px;justify-content:center;overflow:hidden;width:200px}.mini-project-image{display:block;height:100%;object-fit:contain;width:100%}.purple-project .mini-project-rectangle{background-color:#8b5cf6}.orange-project .mini-project-rectangle{background-color:#f97316}.teal-project .mini-project-rectangle{background-color:#14b8a6}.yellow-project .mini-project-rectangle{background-color:#eab308}.mini-project-info{box-sizing:border-box;margin-top:6px;max-width:200px;padding:5px;text-align:center}.mini-project-title{box-sizing:border-box;color:#111;font-size:16px;font-weight:700;line-height:1.2;margin:0 0 2px}.mini-project-subtitle{color:#666;font-size:14px;line-height:1.4;margin:0;padding:3px}.mini-project-body,.mini-project-subtitle{box-sizing:border-box;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-weight:400}.mini-project-body{color:#333;font-size:15px;left:50%;line-height:1.6;margin:12px 0 0;max-height:0;max-width:90vw;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;text-align:center;top:100%;transform:translateX(-50%);transition:opacity .3s ease,max-height .3s ease;white-space:normal;width:650px}.mini-project-card.hovered .mini-project-body,.mini-project-card:hover .mini-project-body{max-height:180px;opacity:1}@media (max-width:768px){.mini-projects-header{padding:20px 1rem}.mini-projects-title{font-size:clamp(2.25rem,1.9rem + 1.75vw,3rem);font-size:var(--text-4xl)}.mini-projects-viewport-container{bottom:clamp(12px,2.5vw,32px);height:60vh;left:clamp(12px,2.5vw,32px);margin:0;right:clamp(12px,2.5vw,32px);width:auto}.mini-projects-wrapper{gap:20px;padding:0 50px}.mini-project-rectangle{height:clamp(150px,40vw,200px);width:clamp(150px,40vw,200px)}.mini-project-info{max-width:clamp(150px,40vw,200px)}.mini-project-body{font-size:14px;margin-top:10px;max-height:120px;width:clamp(280px,85vw,650px)}}.marquee-contact-section{background-color:#f5f5f0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:0;position:relative;transition:background-color .8s ease,color .8s ease;width:100vw}.marquee-wrapper{box-sizing:border-box;overflow:hidden;padding:clamp(40px,8vw,100px) 0;position:relative;width:100%}.marquee-content{display:flex;gap:4rem;white-space:nowrap;will-change:transform}.marquee-text{color:inherit;font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:"Nohemi",var(--font-heading);font-size:clamp(48px,8vw,120px);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight);padding-right:4rem}.contact-options-wrapper{box-sizing:border-box;margin:auto clamp(12px,2.5vw,32px) clamp(12px,2.5vw,32px);width:calc(100vw - clamp(24px, 5vw, 64px))}.contact-options-header{box-sizing:border-box;display:grid;justify-items:end}.contact-options-kicker{box-sizing:border-box;color:inherit;font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:"Nohemi",var(--font-heading);font-size:clamp(12px,1.8vw,16px);margin-bottom:clamp(12px,2vw,16px);opacity:.7}.contact-options-title{grid-gap:clamp(8px,1.8vw,14px);box-sizing:border-box;display:grid;gap:clamp(8px,1.8vw,14px);margin-top:clamp(24px,4vw,48px);text-align:right}.contact-options-kicker{justify-self:start;text-align:left}.contact-option-line{align-items:flex-end;box-sizing:border-box;cursor:pointer;display:flex;gap:clamp(8px,1.2vw,16px);height:auto;justify-content:flex-end;margin:0;padding:0;position:relative;transform:translateX(0);transition:transform .3s ease;white-space:nowrap}.contact-option-line:hover{transform:translateX(-10px)}.contact-option-text{-webkit-text-stroke:2px currentColor;-webkit-text-stroke-width:2px;-webkit-text-stroke-position:inside;box-sizing:border-box;color:#0000;font-family:Nohemi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:"Nohemi",var(--font-heading);font-size:clamp(44px,8.5vw,100px);font-weight:800;letter-spacing:2px;position:relative}.contact-option-line:hover .contact-option-text{-webkit-text-fill-color:currentColor;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 100%;transition:background-size .3s ease-out}.contact-option-line .arrow{align-items:flex-end;align-self:flex-end;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:clamp(35px,3.5vw,50px)!important;justify-content:center;line-height:0;margin:0!important;padding:0!important;position:relative;width:clamp(41px,4.1vw,58px)!important}.contact-option-line .icon-base{height:100%;position:relative;width:100%}.contact-option-line .fill-clip,.contact-option-line .icon-base{align-items:flex-end;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.contact-option-line .fill-clip{bottom:0;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);left:0;pointer-events:none;position:absolute;right:0;top:0;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out}.contact-option-line .icon-fill{align-items:flex-end;color:currentColor;display:flex;height:100%;justify-content:center;width:100%}.contact-option-line:hover .fill-clip{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.contact-option-line .morphing-icon{align-items:flex-end;display:flex;height:100%;justify-content:center;position:relative;width:100%}.contact-option-line .morphing-icon svg{bottom:0;height:clamp(35px,3.5vw,50px)!important;left:50%;position:absolute;transform:translateX(-50%);width:clamp(41px,4.1vw,58px)!important}.contact-option-line .morphing-icon svg path{stroke:currentColor;fill:none}.contact-option-line .morphing-icon.icon-fill svg path{fill:currentColor}.contact-option-line .arrow svg{transition:filter .05s ease}.marquee-contact-section.dark-mode .arrow-close-widget svg,.marquee-contact-section.dark-mode .contact-option-line .arrow svg{filter:brightness(0) invert(1)}.marquee-contact-section.dark-mode .arrow-close-widget .arrow-svg-stroke path{stroke:#fff!important}.marquee-contact-section.dark-mode .arrow-close-widget .arrow-svg-fill-path{fill:#fff!important}.marquee-contact-section.dark-mode .arrow-close-close-path{stroke:#fff!important}.marquee-contact-section.dark-mode .category-svg img{filter:brightness(0) invert(1)}.marquee-contact-section.dark-mode{background-color:#000;color:#fff}.marquee-contact-section.dark-mode .contact-options-kicker{color:#fff}.marquee-contact-section.dark-mode .contact-option-text{-webkit-text-stroke:2px #fff}.marquee-contact-section.dark-mode .marquee-text{color:#fff}@media (max-width:900px){.contact-options-header{justify-items:start}.contact-options-title{text-align:left}.contact-option-line{justify-content:flex-start}.marquee-text{font-size:clamp(32px,10vw,80px)}}.contact{align-items:center;background-color:#f0f8e6;display:flex;height:100vh;justify-content:center;position:relative;width:100vw}.contact-content{color:#333;text-align:center}.contact-content h2{color:#2c2c2c;font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.contact-content p{color:#666;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300}.relative{position:relative}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.bg-transparent{background-color:initial}.flex{display:flex}.justify-between{justify-content:space-between}.text-center{text-align:center}.uppercase{text-transform:uppercase}.inline-block{display:inline-block}.project-page{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh}.project-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f5f5f0f2;border-bottom:1px solid #0000001a;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.nav-link{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--color-text-secondary)}.project-hero{margin:0 auto;max-width:1200px;padding:8rem 2rem 4rem;text-align:center}.hero-badge{background-color:var(--color-black);color:var(--color-white);display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);margin-bottom:2rem;padding:.5rem 1rem;text-transform:uppercase}.hero-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:1.5rem}.hero-subtitle{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.hero-meta{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.meta-item{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.project-content{margin:0 auto;max-width:800px;padding:0 2rem 4rem}.content-section{margin-bottom:4rem}.section-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);margin-bottom:2rem}.section-content{display:flex;flex-direction:column;gap:1.5rem}.image-container{margin:3rem 0;position:relative}.project-image{border-radius:8px;box-shadow:0 10px 30px #0000001a;height:auto;transition:transform .3s ease;width:100%}.project-image:hover{transform:translateY(-5px)}.image-caption{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;margin-top:1rem;text-align:center}.process-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.process-item{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem}.process-item h3{margin-bottom:.5rem}.systems-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.system-item{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem}.system-item h3{margin-bottom:.5rem}.tech-stack{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.tech-category{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1rem}.tech-category h3{margin-bottom:.5rem}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.result-item{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem;text-align:center}.result-item h3{margin-bottom:.5rem}.impact-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.metric{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem;text-align:center}.metric h3{margin-bottom:.5rem}.principles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.principle-item{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem}.principle-item h3{margin-bottom:.5rem}.tech-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-item{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem}.feature-item h3{margin-bottom:.5rem}.components-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.component-item{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem}.component-item h3{margin-bottom:.5rem}.usage-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-item{background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;padding:1.5rem;text-align:center}.stat-item h3{margin-bottom:.5rem}.methodology-steps{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.step{align-items:flex-start;background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 15px #0000000d;display:flex;gap:1.5rem;padding:1.5rem}.step-number{align-items:center;background-color:var(--color-black);border-radius:50%;color:var(--color-text-primary);color:var(--color-white);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);height:3rem;justify-content:center;width:3rem}.step-content h3{margin-bottom:.5rem}.project-footer{border-top:1px solid #0000001a;margin-top:4rem;padding:2rem;text-align:center}.footer-link{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--color-text-secondary)}@media (max-width:768px){.project-nav{padding:1rem}.project-hero{padding:6rem 1rem 3rem}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}.hero-meta{gap:1rem}.project-content{padding:0 1rem 3rem}.section-title{font-size:var(--text-3xl)}.impact-metrics,.process-grid,.results-grid,.systems-grid,.tech-stack{grid-template-columns:1fr}.methodology-steps{gap:1.5rem}.step{flex-direction:column;text-align:center}.step-number{align-self:center}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.section-title{font-size:var(--text-2xl)}}.parallax{overflow:hidden;position:relative}.scroller{color:inherit;display:flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));font-family:"Nohemi",var(--font-heading),sans-serif;font-size:clamp(48px,8vw,120px);font-weight:var(--font-weight-medium);gap:4rem;letter-spacing:var(--letter-spacing-tight);text-align:center;white-space:nowrap}.scroller span{flex-shrink:0}@media (min-width:768px){.scroller{font-size:clamp(64px,8vw,120px);line-height:1}}.custom-scroll-text{padding-right:4rem}.light-rays-container{overflow:hidden;position:relative;z-index:3}.aurora-container,.light-rays-container{height:100%;pointer-events:none;width:100%}.aurora-container{left:0;position:absolute;top:0;z-index:1}
/*# sourceMappingURL=main.868c6204.css.map*/