@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";html,body,#root{min-height:100vh}#root{display:flex;flex-direction:column}main{flex-grow:1}body{font-family:Montserrat,sans-serif;font-weight:600}.site-header{position:fixed;padding:2rem 0;top:0;left:0;width:100%;height:auto;z-index:1000;transition:transform .1s ease-in-out}.grid{align-items:center}.site-header ul{display:flex;gap:2.5rem;justify-content:end}#home-logos{display:flex;justify-content:center;align-items:center}#z-logo{width:70%;height:auto}/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@font-face{font-family:FONTSPRING DEMO \- Integral CF Bold;src:url(/assets/Fontspring-DEMO-integralcf-bold-lnbDARp7.otf)format("opentype")}@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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@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%;-moz-tab-size:4;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}body{line-height:inherit}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;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;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.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}.border{border-style:var(--tw-border-style);border-width:1px}.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,)}.invert{--tw-invert:invert(100%);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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}h1{letter-spacing:-.22rem;font-family:FONTSPRING DEMO \- Integral CF Bold;font-size:clamp(2rem,5vw,4rem)}h2,.h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3.5vw,2.4rem)}h4{font-size:clamp(1.3rem,3vw,1.7rem)}h5{font-size:clamp(1.1rem,2.5vw,1.3rem)}h6{font-size:clamp(1rem,2vw,1.2rem);font-weight:400}p{font-size:clamp(.95rem,1.8vw,1rem);font-weight:300}:root{color-scheme:light dark;color:#f6f2ec;background-color:#2e1e1b;font-family:Montserrat,sans-serif}body{overflow-x:hidden}.container{max-width:95vw;margin:0 auto;padding:0 1rem}.grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media screen and (width>=568px){.col-1-sm{grid-column:span 1}.col-2-sm{grid-column:span 2}.col-3-sm{grid-column:span 3}.col-4-sm{grid-column:span 4}.col-5-sm{grid-column:span 5}.col-6-sm{grid-column:span 6}.col-7-sm{grid-column:span 7}.col-8-sm{grid-column:span 8}.col-9-sm{grid-column:span 9}.col-10-sm{grid-column:span 10}.col-11-sm{grid-column:span 11}.col-12-sm{grid-column:span 12}}@media screen and (width>=834px){.col-1-md{grid-column:span 1}.col-2-md{grid-column:span 2}.col-3-md{grid-column:span 3}.col-4-md{grid-column:span 4}.col-5-md{grid-column:span 5}.col-6-md{grid-column:span 6}.col-7-md{grid-column:span 7}.col-8-md{grid-column:span 8}.col-9-md{grid-column:span 9}.col-10-md{grid-column:span 10}.col-11-md{grid-column:span 11}.col-12-md{grid-column:span 12}}@media screen and (width>=1080px){.col-1-lg{grid-column:span 1}.col-2-lg{grid-column:span 2}.col-3-lg{grid-column:span 3}.col-4-lg{grid-column:span 4}.col-5-lg{grid-column:span 5}.col-6-lg{grid-column:span 6}.col-7-lg{grid-column:span 7}.col-8-lg{grid-column:span 8}.col-9-lg{grid-column:span 9}.col-10-lg{grid-column:span 10}.col-11-lg{grid-column:span 11}.col-12-lg{grid-column:span 12}}.light-mode{color:#f6f2ec;background-color:#f33d22}.light-mode a:hover{color:#2e1e1b}.light-mode button{color:#2e1e1b;background-color:#f9f9f9}.light-mode button a:hover{color:#f33d22;background-color:#f9f9f9}.dark-mode{color:#f6f2ec;background-color:#2e1e1b;background-image:url(/assets/grainy-dark-CIxdIdKL.svg)}.dark-mode a:hover{color:#f33d22}.dark-mode button{color:#2e1e1b;background-color:#f9f9f9}.mobile-only{display:none}@media screen and (width<=768px){.mobile-only{max-width:100vw;height:auto;padding:2rem 0;display:block}.mobile-only_content{text-align:center;justify-content:center;align-items:center;gap:2rem;padding:.8rem;transition:background-color .3s,color .3s;display:flex}.light-mode .mobile-only_content{color:#f6f2ec;background-color:#2e1e1b}.light-mode .mobile-only_content a:hover{color:#2e1e1b}.dark-mode .mobile-only_content{color:#f6f2ec;background-color:#e15f55}.dark-mode .mobile-only_content a:hover{color:#2e1e1b}.mobile-only_content a{color:inherit;text-decoration:none;transition:opacity .2s}.mobile-only_content a:hover{opacity:.8}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center;justify-content:center}.dock-panel{position:sticky;bottom:.5rem;left:0;right:0;margin-left:auto;margin-right:auto;display:flex;align-items:flex-end;width:fit-content;gap:1rem;border-radius:1rem;border:2px solid #F6F2EC;padding:0rem .5rem .5rem}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #F6F2EC;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;outline:none}.dock-icon{display:flex;align-items:center;justify-content:center}.dock-label{position:absolute;top:-1.5rem;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid #222;background-color:#060606;padding:.125rem .5rem;font-size:.75rem;color:#fff;transform:translate(-50%)}.page-bottom-blur{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100px;z-index:50;pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:.8;transition:opacity .5s ease,backdrop-filter .5s ease;-webkit-mask-image:linear-gradient(to bottom,#d5d0d0 90%,#0000);mask-image:linear-gradient(to bottom,#d5d0d0 90%,#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%}.page-bottom-blur.hidden{opacity:0}.menu-wrap{width:100%;height:100%;overflow:hidden}.menu{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.menu__item{flex:1;position:relative;overflow:hidden;text-align:center;transition:all .4s ease;background-color:transparent;color:#f6f2ec;display:flex;align-items:center;justify-content:center}.menu__item.expanded{flex:4;background-color:#f6f2ec;color:#2e1e1b;align-items:flex-start}.menu__item-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;cursor:pointer;text-transform:uppercase;text-decoration:none;white-space:nowrap;font-weight:600;font-size:3vh;color:inherit;transition:opacity .4s ease}.menu__item.expanded .menu__item-link{opacity:0;pointer-events:none;color:#e15f55}.project-description{width:100%;height:100%;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;padding:2rem 4rem;z-index:1}.project-description-content{display:flex;justify-content:space-between;align-items:center;gap:3rem;width:100%;max-width:960px}.project-description-text{flex:1;text-align:left;color:#2e1e1b}.project-description-text h4{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:.5rem}.project-description-text p{font-size:1rem;line-height:1.6}.project-description-image{width:400px;min-width:300px;aspect-ratio:4 / 3;background-color:#f6f2ec;border-radius:1.3rem;overflow:hidden}.project-description-image img{width:100%;height:100%;object-fit:cover}.gradient-background{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;--c-0: hsla(45, 100%, 50%, 1);--x-0: 0%;--y-0: 99%;--c-1: hsla(283.27868852459017, 100%, 23%, 0);--y-1: 95%;--x-1: 93%;--x-2: 89%;--c-2: hsla(9.473684210526315, 26%, 14%, 1);--y-2: 8%;--x-3: 89%;--c-3: hsla(7.751196172248804, 89%, 54%, 1);--y-3: 8%;background-color:#f23c21;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1500 1500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3));animation:hero-gradient-animation 3s infinite alternate-reverse;background-blend-mode:overlay,normal,normal,normal,normal}.custom-cursor{width:.1rem;line-break:auto;padding:8px 16px;border-radius:10%;font-size:16px;color:#fff}.title,.gradient-content{position:relative;z-index:1}.gradient-background{position:relative;overflow:hidden;cursor:none}.arrow-down{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #F6F2EC;border-radius:10%;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.hero-fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:200px;pointer-events:none;transition:opacity .3s ease-in-out}@keyframes hero-gradient-animation{0%{--c-0: hsla(45, 100%, 50%, 1);--s-start-0: 0%;--s-end-0: 67%;--x-0: 0%;--y-0: 99%;--c-1: hsla(283.27868852459017, 100%, 23%, 0);--s-start-1: 0%;--s-end-1: 66%;--y-1: 95%;--x-1: 93%;--s-start-2: 0%;--s-end-2: 150%;--x-2: 89%;--c-2: hsla(9.473684210526315, 26%, 14%, 1);--y-2: 8%;--s-start-3: 0%;--s-end-3: 150%;--x-3: 89%;--c-3: hsla(7.751196172248804, 89%, 54%, 1);--y-3: 8%}to{--c-0: hsla(45, 100%, 50%, 1);--s-start-0: 8;--s-end-0: 75;--x-0: 29%;--y-0: 50%;--c-1: hsla(283.27868852459017, 100%, 23%, 0);--s-start-1: 8;--s-end-1: 75;--y-1: 3%;--x-1: 36%;--s-start-2: 8;--s-end-2: 75;--x-2: 89%;--c-2: hsla(9.473684210526315, 26%, 14%, 1);--y-2: 29%;--s-start-3: 8;--s-end-3: 75;--x-3: 58%;--c-3: hsla(7.751196172248804, 89%, 54%, 1);--y-3: 0%}}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsla(45,100%,50%,1)}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 0%}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 67%}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 0%}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 99%}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsla(283.27868852459017,100%,23%,0)}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 0%}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 66%}@property --y-1{syntax: "<percentage>"; inherits: false; initial-value: 95%}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 93%}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 0%}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 150%}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 89%}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(9.473684210526315,26%,14%,1)}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 8%}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 0%}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 150%}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 89%}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsla(7.751196172248804,89%,54%,1)}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 8%}@media screen and (max-width: 576px){.gradient-background{width:100vw;height:100vh}.title h1{font-size:8vw}}.container-main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6rem}.title{display:flex;align-items:center;justify-content:center;position:relative;width:20rem;padding-top:3rem}.mark1{align-items:center;width:20rem;transform:scaleY(-1);position:absolute;margin-left:-50px;margin-bottom:-50px}.mark2{width:20rem;transform:scaleX(-1);position:absolute;margin-right:-50px;margin-top:-50px}.hero-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding-top:3rem;width:100%;height:60vh}.intro-line{align-items:center;width:100%;height:5rem;display:flex;gap:10px}.emphasis{font-family:"FONTSPRING DEMO - Integral CF Bold";font-weight:700;letter-spacing:1.2px}.btn-email{background-color:#f6f2ec;border-radius:15px;display:flex;justify-content:center;align-items:center;width:10rem;height:2rem;margin-bottom:5rem}.btn-text{color:#2e1e1b}.project{margin:0 1rem;padding:4rem 0;gap:1rem}@media screen and (max-width: 768px){.title{padding-top:5rem}.hero-intro{display:flex;flex-direction:column;justify-content:center;max-width:90%;margin:auto;padding-top:6rem;gap:3rem}.intro-line{flex-wrap:wrap;justify-content:center}.intro-line img{display:none}.email{justify-content:center}}.parallax{position:relative;overflow:hidden}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:"FONTSPRING DEMO - Integral CF Bold",sans-serif;font-size:6rem;font-weight:700;letter-spacing:-.02em;padding:4rem;gap:1rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.scroller span{flex-shrink:0}@media (min-width: 768px){.scroller{font-size:5rem;line-height:5rem}}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.6rem,4vw,3rem);line-height:1.5;font-weight:600}.word{display:inline-block}:root{--sticker-rotate: 30deg;--sticker-p: 10px;--sticker-peelback-hover: 30%;--sticker-peelback-active: 40%;--sticker-peel-easing: power3.out;--sticker-peel-hover-easing: power2.out;--sticker-start: calc(-1 * var(--sticker-p));--sticker-end: calc(100% + var(--sticker-p));--sticker-shadow-opacity: .6;--sticker-lighting-constant: .1;--peel-direction: 0deg}.sticker-container{position:relative;transform:rotate(var(--peel-direction));transform-origin:center}.sticker-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end));transition:clip-path .6s ease-out;filter:url(#dropShadow)}.sticker-main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-lighting{filter:url(#pointLight)}.sticker-container:hover .sticker-main,.sticker-container.touch-active .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-container:active .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-image{transform:rotate(var(--sticker-rotate))}.flap{position:absolute;width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-start) var(--sticker-start));transform:scaleY(-1);transition:all .6s ease-out}.flap>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-container:hover .flap,.sticker-container.touch-active .flap{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-start) var(--sticker-peelback-hover));top:calc(-100% + 2 * var(--sticker-peelback-hover) - 1px)}.sticker-container:active .flap{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-start) var(--sticker-peelback-active));top:calc(-100% + 2 * var(--sticker-peelback-active) - 1px)}.flap-lighting{filter:url(#pointLightFlipped)}.flap-image{transform:rotate(var(--sticker-rotate));filter:url(#expandAndFill)}.draggable{position:absolute;cursor:grab;-webkit-transform:translateZ(0);transform:translateZ(0)}.draggable:active{cursor:grabbing}@media (hover: none) and (pointer: coarse){.draggable{cursor:default}.sticker-container{touch-action:none}}.sticker-image,.flap-image{width:var(--sticker-width, 200px)}.sticker-main,.flap{will-change:clip-path,transform}.sticker-ripple{position:absolute;border-radius:50%;background:#fff9;pointer-events:none;z-index:10}.about-page-grid{display:grid;grid-template-columns:1fr 1.8fr;padding-top:8rem;border-top:1px solid rgba(246,242,236,.2)}.grid-item{padding:2.5rem}.grid-header-intro-right,.grid-experience-timeline,.grid-toolkit-list{border-left:1px solid rgba(246,242,236,.2)}.grid-experience-text,.grid-hobbie-text .grid-experience-timeline,.grid-vision-text,.grid-toolkit-list{border-top:1px solid rgba(246,242,236,.2)}.grid-hobbie-text{margin:auto 0}.full-width-marquee{padding:0}#vision-text{display:flex;flex-direction:column;gap:25vh}.vision-work-text{width:100%;margin-left:60%}.grid-header-intro-left,.grid-header-intro-right{padding-top:6rem;padding-bottom:4rem}.title1,.title2{font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:400;line-height:1.3;letter-spacing:-.02em;margin-bottom:4rem}.title2{display:flex;flex-direction:column;align-items:flex-end;margin-top:7rem}.title1 .emphasis,.title2 .emphasis{display:block;font-family:Montserrat,sans-serif;font-weight:700}.emphasis_italic{font-style:italic;font-family:Montserrat,sans-serif;font-weight:700}.grid-intro-image{display:flex;justify-content:center}.profile-pic{width:100%;max-width:30rem;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:1rem}.grid-intro-text{margin-top:8rem}.grid-intro-text p{margin-bottom:1.5rem;line-height:1.8}.grid-experience-text p{line-height:1.8}.grid-experience-timeline{padding-left:4.5rem}.timeline-container{position:relative}.timeline-container:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background-color:#f6f2ec4d}.timeline-item{position:relative;padding-left:2.5rem;margin-bottom:2.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-node{position:absolute;left:0;top:8px;transform:translate(-50%);width:20px;height:20px;background-color:#f6f2ec;border-radius:50%}.timeline-content h5{margin-bottom:.5rem;font-size:1.2rem}.timeline-details{display:flex;justify-content:space-between;opacity:.8}.connect-frame h1{letter-spacing:-.05em;margin-bottom:2rem}.connect-list{display:flex;flex-direction:column;gap:1.5rem}.connect-list a{text-decoration:none;color:#f6f2ec;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:opacity .3s ease}.connect-list a:hover{opacity:.7}.behind-the-screen-image{width:auto;height:40vh}.toolkits-list{display:flex;flex-direction:column;gap:1.5rem}.toolkits-item h6{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.toolkits-item p{opacity:.8;line-height:1.6;word-spacing:.2em}.road-style-divider{grid-column:1 / -1;position:relative;padding:1.5rem 0;border-top:1px solid rgba(246,242,236,.2);border-bottom:1px solid rgba(246,242,236,.2);overflow:hidden}.road-style-divider:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px}@media (max-width: 1024px){.about-page-grid{padding-top:6rem;grid-template-columns:1fr 1.5fr}.grid-item{padding:2rem}.grid-experience-timeline{padding-left:3rem}}@media (max-width: 767px){.about-page-grid{grid-template-columns:1fr;padding-top:4rem}.grid-item full-width-marquee{width:100vw;height:auto}.grid-item{padding:1.5rem 1rem}.title1,.title2{display:none}.grid-intro-image{width:100vw;height:auto}.grid-intro-image,.grid-intro-text,.grid-experience-text,.grid-experience-timeline,.grid-vision-text,.grid-toolkit-list{grid-column:1 / -1}.grid-intro-text,.grid-experience-timeline,.grid-toolkit-list{border-left:none}.grid-intro-text,.grid-experience-timeline,.grid-toolkit-list{border-top:1px solid rgba(246,242,236,.2)}.grid-intro-text,.grid-experience-timeline{padding-top:2.5rem}.profile-pic{margin:0 auto}.grid-experience-timeline{padding-left:3rem}.timeline-details{flex-direction:column;align-items:flex-start;gap:.25rem}}.image-zoom-wrapper{overflow:hidden;border-radius:16px;display:block}.zoomable-image{width:100%;height:auto;transition:transform .4s ease;display:block;object-fit:cover}@media only screen and (max-width: 768px){.line{width:100%;height:auto;margin-right:10rem}}.sub-title{display:flex;width:40rem;height:auto;justify-content:center;align-items:center;grid-column-start:5;grid-column-end:10;grid-row-start:10;grid-row-end:12;padding:3rem}#hero-section{display:grid;justify-content:center;align-content:center}#title_mobile-display{display:none}.project-overview{padding-bottom:5rem}.main-content{display:grid;grid-template-columns:auto auto auto auto;padding:1rem 0}.order{justify-content:center;padding-top:12rem;margin:3rem}.side-content{display:grid}.dribbleA{display:grid;grid-template-columns:30% 70%;gap:.7rem}.dribbleB{display:grid;grid-template-columns:70% 30%;gap:.7rem}.dribbleA-1 img,.dribbleA-2 img,.dribbleB-1 img,.dribbleB-2 img{width:100%;height:auto;opacity:70%;object-fit:cover;flex-shrink:0}.dribbleA-1 img:hover,.dribbleA-2 img:hover,.dribbleB-1 img:hover,.dribbleB-2 img:hover{transition:opacity 100% .3s ease}#dribble-lunchlady,#intro-pet-app{height:100%;object-fit:cover}.side-content_2{display:flex;justify-content:space-between;align-items:center}.project-title{padding:.5rem 0}.btn-skills-container{display:flex;width:auto;height:auto;gap:10px}.btn-skills{display:flex;justify-content:center;background-color:#e15f55;width:auto;height:1.5rem;border-radius:20px;align-items:center;padding:.8rem 1.125rem;color:#2e1e1b}.btn-skills p{font-weight:700}@media screen and (max-width: 1024px){.sub-title{display:flex;flex-direction:column;width:30rem;height:auto}}@media screen and (max-width: 768px){.sub-title,.order,.project-title p,.btn-skills{display:none}#dribble-federal,#dribble-lunchlady,#intro-pet-app,#dribble-givewise{aspect-ratio:1 / 1;width:100%;display:block;object-fit:cover;grid-column:span 2}#intro-federal,#intro-lunchlady,#dribble-pet-app,#intro-givewise,.mark1,.mark2{display:none}.dribbleA,.dribbleB{grid-template-columns:1fr}.line{width:100%}#hero-section{display:flex;justify-content:center}#title_mobile-display{display:flex;padding:2rem 0;margin-top:3rem}}.project-intro{display:grid;grid-template-columns:55% 45%;margin-top:8rem}.project_text{width:auto;height:auto;display:flex;flex-direction:column;padding-right:1rem}.intro_title h1{width:100%;height:auto;word-spacing:.4rem;margin-bottom:2rem;line-height:1.2}.intro_title h5{width:100%;height:auto;margin-bottom:1.7rem}.intro_content{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:4.5rem}.title_items{display:flex;gap:6rem}.intro_solution{padding-bottom:3rem}.line-container{margin-bottom:2.2rem}.project-dribble img{width:50rem;height:50rem;object-fit:cover;flex-shrink:0}@media screen and (max-width: 768px){.intro_title{display:flex;flex-direction:column;justify-content:center}.intro_title h1{width:90vw;height:auto}.intro_title h5{width:100vw;height:auto}.intro_content{width:80vw;height:auto}.project-intro{display:flex;flex-direction:column}.title_items{width:100vw;height:auto;display:flex;width:100%}.project-dribble{width:clamp(40%,80vw,100%);height:auto;object-fit:cover}}.intro{width:50rem;height:auto;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:2rem}#intro-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.wireframe-section{padding:2rem;margin-bottom:2rem}.wireframe-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.wireframe-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:flex-start}.wireframe-card{display:flex;flex-direction:column;align-items:center;cursor:zoom-in}.wireframe-image{width:100%;height:18rem;object-fit:contain;border-radius:8px;transition:transform .3s ease}.wireframe-card:hover .wireframe-image{transform:scale(1.4);z-index:5}.wireframe-caption{margin-top:.5rem;font-size:.95rem;color:#f6f2ec}@media (max-width: 768px){.wireframe-grid{display:flex;padding:0;margin:0}.wireframe-card.vertical{width:100vw;max-width:100vw;padding:0;margin:0 auto;border-radius:0;display:block}.vertical-image{width:100vw;height:auto;display:block;margin:0 auto;object-fit:cover;border-radius:0}.horizontal-image{width:auto;max-width:100%;max-height:240px;margin:0 auto;display:block;object-fit:contain;border-radius:8px}.wireframe-caption{text-align:center;padding:.5rem 1rem}}#challenge-container{width:100%;height:auto;padding-bottom:4rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5rem}.challenge{width:100%;display:flex;flex-direction:column;gap:2rem}.challenge_content{max-width:100%;height:auto;display:flex;flex-direction:column;gap:1.5rem;font-size:1.1rem;line-height:1.8}@media (max-width: 768px){#challenge-container{padding:1.5rem 1rem}.challenge_content{font-size:1rem;line-height:1.7}}@media (max-width: 480px){.challenge_content{font-size:.95rem;line-height:1.6}}.projects-grid{display:flex;flex-wrap:20px;gap:40px;padding-bottom:5rem}.projects-grid img{width:100vw;height:auto}@media screen and (max-width: 768px){.projects-grid{display:none}}.video-container{width:52rem;height:auto;margin:0 auto;margin-top:2rem;margin-bottom:2rem}@media screen and (max-width: 768px){.video-container{max-width:100vw;height:auto;margin:0;padding:1.5rem 0}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}